@milaboratories/miplots4 1.0.131 → 1.0.132

package/dist/heatmap/components/Annotations/Annotation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Annotation.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAqB1F,UAAU,eAAe;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAChC,UAAU,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC1C,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,YAAY,EAAE,YAAY,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAAC;IACzD,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAMD,wBAAgB,UAAU,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,CAAC,EACD,CAAC,EACD,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,GAAG,EACH,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,sBAAsB,EACzB,EAAE,eAAe,2CA6IjB"}
+{"version":3,"file":"Annotation.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAqB1F,UAAU,eAAe;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAChC,UAAU,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC1C,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,YAAY,EAAE,YAAY,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAAC;IACzD,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAMD,wBAAgB,UAAU,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,CAAC,EACD,CAAC,EACD,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,GAAG,EACH,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,sBAAsB,EACzB,EAAE,eAAe,2CA8IjB"}

package/dist/heatmap/components/Annotations/Annotation.js

@@ -1,13 +1,13 @@
-import { j as u } from "../../../node_modules/react/jsx-runtime.js";
+import { j as h } from "../../../node_modules/react/jsx-runtime.js";
 import { r as S } from "../../../node_modules/react-dom/index.js";
 import { BLACK as O } from "../../../constants.js";
 import { ANNOTATION_WIDTH as s } from "../../constants.js";
-function q(g, f, r, x, m) {
+function q(g, f, r, m, x) {
   if (g) {
-    const k = s / 2, C = r === "top" ? -5 : m + 5;
-    return { x: k, y: C, rotate: f === "left" ? -90 : 90, anchor: f === "left" && r === "top" ? "start" : "end" };
+    const k = s / 2, v = r === "top" ? -5 : x + 5;
+    return { x: k, y: v, rotate: f === "left" ? -90 : 90, anchor: f === "left" && r === "top" ? "start" : "end" };
   }
-  const c = r === "right" ? x + 5 : -5, i = s / 2;
+  const c = r === "right" ? m + 5 : -5, i = s / 2;
   return { x: c, y: i, rotate: 0, anchor: r === "right" ? "start" : "end" };
 }
 function J(g) {
@@ -17,13 +17,13 @@ function Z({
   facetKey: g,
   data: f,
   scales: r,
-  stepX: x,
-  stepY: m,
+  stepX: m,
+  stepY: x,
   x: c,
   y: i,
-  annotation: v,
+  annotation: C,
   showTitle: k,
-  width: C,
+  width: v,
   height: w,
   colorScale: d,
   aes: X,
@@ -32,47 +32,48 @@ function Z({
   yGroupKeys: _,
   xKeysByGroups: a,
   yKeysByGroups: $,
-  tooltipsData: h,
+  tooltipsData: l,
   activeElementContainer: E
 }) {
-  const { position: p, titlePosition: Y, valueColumn: j } = v, o = p === "left" || p === "right", z = (o ? r.y : r.x).domain(), A = q(o, p, Y, C, w), F = h.fixed && E;
-  return /* @__PURE__ */ u.jsxs("g", { children: [
+  const { position: p, titlePosition: Y, valueColumn: j } = C, o = p === "left" || p === "right", z = (o ? r.y : r.x).domain(), A = q(o, p, Y, v, w), F = l.fixed && E;
+  return /* @__PURE__ */ h.jsxs("g", { children: [
     z.map((n) => {
-      const t = f == null ? void 0 : f[n], l = d.type === "continuous" ? d.scale(Number(t)) : d.scale(String(t)), e = c + (o ? 0 : r.x(n)), I = i + (o ? r.y(n) : 0), M = o ? s : x, N = o ? m : s, W = o ? null : n, H = o ? n : null, R = F && J(h.selectedData) && h.selectedData.xKey === W && h.selectedData.yKey === H && g === h.currentFacet, L = /* @__PURE__ */ u.jsx(
+      const t = f == null ? void 0 : f[n], u = d.type === "continuous" ? d.scale(Number(t)) : d.scale(String(t)), e = c + (o ? 0 : r.x(n)), I = i + (o ? r.y(n) : 0), M = o ? s : m, N = o ? x : s, W = o ? null : n, H = o ? n : null, R = F && J(l.selectedData) && l.selectedData.xKey === W && l.selectedData.yKey === H && g === l.currentFacet, L = /* @__PURE__ */ h.jsx(
         "rect",
         {
           x: e,
           y: I,
           width: M,
           height: N,
-          fill: l,
+          fill: u,
           stroke: X.cellStrokeColor,
-          onMouseEnter: () => h.onMouseEnter({
+          onMouseEnter: () => l.onMouseEnter({
             isAnnotation: !0,
             x: e + M,
             y: I + N / 2,
             xKey: W,
             yKey: H,
             value: t,
-            title: j.label ?? j.value
+            title: j.label ?? j.value,
+            column: C.valueColumn
           }, g),
-          onMouseLeave: () => h.onMouseLeave()
+          onMouseLeave: () => l.onMouseLeave()
         },
         n
       );
       return R ? S.createPortal(L, E) : L;
     }),
-    h.fixed && !o && T.map((n) => {
+    l.fixed && !o && T.map((n) => {
       const t = a[n].length;
       if (t === 0)
         return null;
-      const l = t * x, e = r.x(a[n][0]);
-      return /* @__PURE__ */ u.jsx(
+      const u = t * m, e = r.x(a[n][0]);
+      return /* @__PURE__ */ h.jsx(
         "rect",
         {
           x: e + c,
           y: i,
-          width: l,
+          width: u,
           height: s,
           stroke: "none",
           fill: "rgba(255, 255, 255, 0.8)"
@@ -80,18 +81,18 @@ function Z({
         `${e}_${i}`
       );
     }),
-    h.fixed && o && _.map((n) => {
+    l.fixed && o && _.map((n) => {
       const t = $[n].length;
       if (t === 0)
         return null;
-      const l = t * m, e = r.y($[n][0]);
-      return /* @__PURE__ */ u.jsx(
+      const u = t * x, e = r.y($[n][0]);
+      return /* @__PURE__ */ h.jsx(
         "rect",
         {
           x: c,
           y: e + i,
           width: s,
-          height: l,
+          height: u,
           stroke: "none",
           fill: "rgba(255, 255, 255, 0.8)"
         },
@@ -102,13 +103,13 @@ function Z({
       const t = a[n].length;
       if (t === 0)
         return null;
-      const l = t * x, e = r.x(a[n][0]);
-      return /* @__PURE__ */ u.jsx(
+      const u = t * m, e = r.x(a[n][0]);
+      return /* @__PURE__ */ h.jsx(
         "rect",
         {
           x: e + c,
           y: i,
-          width: l,
+          width: u,
           height: s,
           stroke: O,
           fill: "none"
@@ -120,27 +121,27 @@ function Z({
       const t = $[n].length;
       if (t === 0)
         return null;
-      const l = t * m, e = r.y($[n][0]);
-      return /* @__PURE__ */ u.jsx(
+      const u = t * x, e = r.y($[n][0]);
+      return /* @__PURE__ */ h.jsx(
         "rect",
         {
           x: c,
           y: e + i,
           width: s,
-          height: l,
+          height: u,
           stroke: O,
           fill: "none"
         },
         `${c}_${e}`
       );
     }),
-    k && /* @__PURE__ */ u.jsx(
+    k && /* @__PURE__ */ h.jsx(
       "g",
       {
         fontWeight: "500",
         fontSize: "14px",
         transform: `translate(${c + A.x},${i + A.y}) rotate(${A.rotate})`,
-        children: /* @__PURE__ */ u.jsx("text", { textAnchor: A.anchor, dominantBaseline: "central", children: j.label ?? j.value })
+        children: /* @__PURE__ */ h.jsx("text", { textAnchor: A.anchor, dominantBaseline: "central", children: j.label ?? j.value })
       }
     )
   ] });

package/dist/heatmap/components/Annotations/Annotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Annotation.js","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { BLACK } from '../../../constants';\nimport type { DataValue } from '../../../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { Cell, GroupedCellsData } from '../../getCells';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\n\nfunction getTextPosition(\n    vertical: boolean,\n    annotationPosition: string,\n    titlePosition: string,\n    width: number,\n    height: number\n) {\n    if (vertical) {\n        const x = ANNOTATION_WIDTH / 2;\n        const y = titlePosition === 'top' ? -5 : height + 5;\n        const rotate = annotationPosition === 'left' ? -90 : 90;\n        const anchor = annotationPosition === 'left' && titlePosition === 'top' ? 'start' : 'end';\n        return {x, y, rotate, anchor};\n    }\n    const x = titlePosition === 'right' ? width + 5 : -5;\n    const y = ANNOTATION_WIDTH / 2;\n    const anchor = titlePosition === 'right' ? 'start' : 'end';\n    return {x, y, rotate: 0, anchor};\n}\ninterface AnnotationProps {\n    facetKey: string;\n    scales: ChartScales;\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    stepX: number;\n    stepY: number;\n    vertical?: boolean;\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    showTitle: boolean;\n    colorScale: AnnotationColorScales[string];\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && ('isAnnotation' in d);\n}\n\nexport function Annotation({\n    facetKey,\n    data,\n    scales,\n    stepX,\n    stepY,\n    x,\n    y,\n    annotation,\n    showTitle,\n    width,\n    height,\n    colorScale,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const {position, titlePosition, valueColumn} = annotation;\n    const vertical = position === 'left' || position === 'right';\n    const keys = (vertical ? scales.y : scales.x).domain();\n    const textPosition = getTextPosition(vertical, position, titlePosition, width, height);\n    const isDimmedBackground = tooltipsData.fixed && activeElementContainer;\n\n    return (\n        <g>\n            {keys.map(key => {\n                const value = data?.[key];\n                const fillColor = colorScale.type === 'continuous'\n                    ? colorScale.scale(Number(value))\n                    : colorScale.scale(String(value));\n                const xInner= x + (vertical ? 0 : scales.x(key));\n                const yInner= y + (vertical ? scales.y(key) : 0);\n                const width = vertical ? ANNOTATION_WIDTH : stepX;\n                const height = vertical ? stepY : ANNOTATION_WIDTH;\n                const xKey = vertical ? null : key;\n                const yKey = vertical ? key : null;\n                const highlighted = isDimmedBackground\n                    && isAnnotationTooltip(tooltipsData.selectedData)\n                    && tooltipsData.selectedData.xKey === xKey\n                    && tooltipsData.selectedData.yKey === yKey\n                    && facetKey === tooltipsData.currentFacet;\n                const cellElement = (\n                    <rect\n                        key={key}\n                        x={xInner}\n                        y={yInner}\n                        width={width}\n                        height={height}\n                        fill={fillColor}\n                        stroke={aes.cellStrokeColor}\n                        onMouseEnter={() => tooltipsData.onMouseEnter({\n                            isAnnotation: true,\n                            x: xInner + width,\n                            y: yInner + height / 2,\n                            xKey,\n                            yKey,\n                            value,\n                            title: valueColumn.label ?? valueColumn.value\n                        } satisfies AnnotationTooltipData, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    />\n                );\n                return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n            })}\n            {tooltipsData.fixed && !vertical && xGroupKeys.map(xGroupKey => {\n                const keysCountX = xKeysByGroups[xGroupKey].length;\n                if (keysCountX === 0) {\n                    return null;\n                }\n                const groupWidth = keysCountX * stepX;\n                const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                return (\n                    <rect\n                        key={`${groupX}_${y}`}\n                        x={groupX + x}\n                        y={y}\n                        width={groupWidth}\n                        height={ANNOTATION_WIDTH}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {tooltipsData.fixed && vertical && yGroupKeys.map(yGroupKey => {\n                const keysCountY = yKeysByGroups[yGroupKey].length;\n                if (keysCountY === 0) {\n                    return null;\n                }\n                const groupHeight = keysCountY * stepY;\n                const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                return (\n                    <rect\n                        key={`${x}_${groupY}`}\n                        x={x}\n                        y={groupY + y}\n                        width={ANNOTATION_WIDTH}\n                        height={groupHeight}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {frame.type === 'groups' &&\n                !vertical &&\n                xGroupKeys.map(xGroupKey => {\n                    const keysCountX = xKeysByGroups[xGroupKey].length;\n                    if (keysCountX === 0) {\n                        return null;\n                    }\n                    const groupWidth = keysCountX * stepX;\n                    const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${groupX}_${y}`}\n                            x={groupX + x}\n                            y={y}\n                            width={groupWidth}\n                            height={ANNOTATION_WIDTH}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {frame.type === 'groups' &&\n                vertical &&\n                yGroupKeys.map(yGroupKey => {\n                    const keysCountY = yKeysByGroups[yGroupKey].length;\n                    if (keysCountY === 0) {\n                        return null;\n                    }\n                    const groupHeight = keysCountY * stepY;\n                    const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${x}_${groupY}`}\n                            x={x}\n                            y={groupY + y}\n                            width={ANNOTATION_WIDTH}\n                            height={groupHeight}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {showTitle && (\n                <g\n                    fontWeight=\"500\"\n                    fontSize=\"14px\"\n                    transform={`translate(${x + textPosition.x},${y + textPosition.y}) rotate(${textPosition.rotate})`}\n                >\n                    <text textAnchor={textPosition.anchor} dominantBaseline=\"central\">\n                        {valueColumn.label ?? valueColumn.value}\n                    </text>\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["getTextPosition","vertical","annotationPosition","titlePosition","width","height","x","ANNOTATION_WIDTH","y","anchor","isAnnotationTooltip","d","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","position","valueColumn","keys","textPosition","isDimmedBackground","key","value","fillColor","xInner","yInner","xKey","yKey","highlighted","cellElement","jsx","createPortal","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":"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"}
+{"version":3,"file":"Annotation.js","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { BLACK } from '../../../constants';\nimport type { DataValue } from '../../../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { Cell, GroupedCellsData } from '../../getCells';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\n\nfunction getTextPosition(\n    vertical: boolean,\n    annotationPosition: string,\n    titlePosition: string,\n    width: number,\n    height: number\n) {\n    if (vertical) {\n        const x = ANNOTATION_WIDTH / 2;\n        const y = titlePosition === 'top' ? -5 : height + 5;\n        const rotate = annotationPosition === 'left' ? -90 : 90;\n        const anchor = annotationPosition === 'left' && titlePosition === 'top' ? 'start' : 'end';\n        return {x, y, rotate, anchor};\n    }\n    const x = titlePosition === 'right' ? width + 5 : -5;\n    const y = ANNOTATION_WIDTH / 2;\n    const anchor = titlePosition === 'right' ? 'start' : 'end';\n    return {x, y, rotate: 0, anchor};\n}\ninterface AnnotationProps {\n    facetKey: string;\n    scales: ChartScales;\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    stepX: number;\n    stepY: number;\n    vertical?: boolean;\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    showTitle: boolean;\n    colorScale: AnnotationColorScales[string];\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && ('isAnnotation' in d);\n}\n\nexport function Annotation({\n    facetKey,\n    data,\n    scales,\n    stepX,\n    stepY,\n    x,\n    y,\n    annotation,\n    showTitle,\n    width,\n    height,\n    colorScale,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const {position, titlePosition, valueColumn} = annotation;\n    const vertical = position === 'left' || position === 'right';\n    const keys = (vertical ? scales.y : scales.x).domain();\n    const textPosition = getTextPosition(vertical, position, titlePosition, width, height);\n    const isDimmedBackground = tooltipsData.fixed && activeElementContainer;\n\n    return (\n        <g>\n            {keys.map(key => {\n                const value = data?.[key];\n                const fillColor = colorScale.type === 'continuous'\n                    ? colorScale.scale(Number(value))\n                    : colorScale.scale(String(value));\n                const xInner= x + (vertical ? 0 : scales.x(key));\n                const yInner= y + (vertical ? scales.y(key) : 0);\n                const width = vertical ? ANNOTATION_WIDTH : stepX;\n                const height = vertical ? stepY : ANNOTATION_WIDTH;\n                const xKey = vertical ? null : key;\n                const yKey = vertical ? key : null;\n                const highlighted = isDimmedBackground\n                    && isAnnotationTooltip(tooltipsData.selectedData)\n                    && tooltipsData.selectedData.xKey === xKey\n                    && tooltipsData.selectedData.yKey === yKey\n                    && facetKey === tooltipsData.currentFacet;\n                const cellElement = (\n                    <rect\n                        key={key}\n                        x={xInner}\n                        y={yInner}\n                        width={width}\n                        height={height}\n                        fill={fillColor}\n                        stroke={aes.cellStrokeColor}\n                        onMouseEnter={() => tooltipsData.onMouseEnter({\n                            isAnnotation: true,\n                            x: xInner + width,\n                            y: yInner + height / 2,\n                            xKey,\n                            yKey,\n                            value,\n                            title: valueColumn.label ?? valueColumn.value,\n                            column: annotation.valueColumn\n                        } satisfies AnnotationTooltipData, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    />\n                );\n                return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n            })}\n            {tooltipsData.fixed && !vertical && xGroupKeys.map(xGroupKey => {\n                const keysCountX = xKeysByGroups[xGroupKey].length;\n                if (keysCountX === 0) {\n                    return null;\n                }\n                const groupWidth = keysCountX * stepX;\n                const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                return (\n                    <rect\n                        key={`${groupX}_${y}`}\n                        x={groupX + x}\n                        y={y}\n                        width={groupWidth}\n                        height={ANNOTATION_WIDTH}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {tooltipsData.fixed && vertical && yGroupKeys.map(yGroupKey => {\n                const keysCountY = yKeysByGroups[yGroupKey].length;\n                if (keysCountY === 0) {\n                    return null;\n                }\n                const groupHeight = keysCountY * stepY;\n                const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                return (\n                    <rect\n                        key={`${x}_${groupY}`}\n                        x={x}\n                        y={groupY + y}\n                        width={ANNOTATION_WIDTH}\n                        height={groupHeight}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {frame.type === 'groups' &&\n                !vertical &&\n                xGroupKeys.map(xGroupKey => {\n                    const keysCountX = xKeysByGroups[xGroupKey].length;\n                    if (keysCountX === 0) {\n                        return null;\n                    }\n                    const groupWidth = keysCountX * stepX;\n                    const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${groupX}_${y}`}\n                            x={groupX + x}\n                            y={y}\n                            width={groupWidth}\n                            height={ANNOTATION_WIDTH}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {frame.type === 'groups' &&\n                vertical &&\n                yGroupKeys.map(yGroupKey => {\n                    const keysCountY = yKeysByGroups[yGroupKey].length;\n                    if (keysCountY === 0) {\n                        return null;\n                    }\n                    const groupHeight = keysCountY * stepY;\n                    const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${x}_${groupY}`}\n                            x={x}\n                            y={groupY + y}\n                            width={ANNOTATION_WIDTH}\n                            height={groupHeight}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {showTitle && (\n                <g\n                    fontWeight=\"500\"\n                    fontSize=\"14px\"\n                    transform={`translate(${x + textPosition.x},${y + textPosition.y}) rotate(${textPosition.rotate})`}\n                >\n                    <text textAnchor={textPosition.anchor} dominantBaseline=\"central\">\n                        {valueColumn.label ?? valueColumn.value}\n                    </text>\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["getTextPosition","vertical","annotationPosition","titlePosition","width","height","x","ANNOTATION_WIDTH","y","anchor","isAnnotationTooltip","d","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","position","valueColumn","keys","textPosition","isDimmedBackground","key","value","fillColor","xInner","yInner","xKey","yKey","highlighted","cellElement","jsx","createPortal","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":"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"}

package/dist/heatmap/components/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAMzD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAKlE,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AA4CtM,wBAAgB,KAAK,CAAC,SAAS,EAAE,EAC7B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,mBAAmB,EACnB,GAAG,EACH,WAAW,EACX,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,GACf,EAAE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,IAAI,GAAC,qBAAqB,CAAC,CAAC;CAC1D,2CAmLA"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Chart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAMzD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAKlE,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAgDtM,wBAAgB,KAAK,CAAC,SAAS,EAAE,EAC7B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,mBAAmB,EACnB,GAAG,EACH,WAAW,EACX,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,GACf,EAAE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,IAAI,GAAC,qBAAqB,CAAC,CAAC;CAC1D,2CAmLA"}

package/dist/heatmap/components/Chart.js

@@ -1,4 +1,4 @@
-import { j as r } from "../../node_modules/react/jsx-runtime.js";
+import { j as i } from "../../node_modules/react/jsx-runtime.js";
 import { r as te } from "../../_virtual/index.js";
 import { r as ne } from "../../node_modules/react-dom/index.js";
 import { Tooltip as S } from "../../common/Tooltip.js";
@@ -6,52 +6,57 @@ import { useDataFrame as oe } from "../../common/useDataFrame.js";
 import { FONT_SIZE as re, FACET_TITLE_OFFSET as ie } from "../constants.js";
 import { Annotations as fe } from "./Annotations/index.js";
 import { Captions as ue } from "./Captions/index.js";
-import { Dendrograms as xe } from "./Dendrograms.js";
+import { Dendrograms as me } from "./Dendrograms.js";
 import { Frames as le } from "./Frames.js";
-function F(e) {
+import { format as xe } from "../../node_modules/d3-format/src/defaultLocale.js";
+function j(e, n) {
   if (e === null)
     return "null";
   if (typeof e == "number") {
-    const n = e > 0 ? Math.floor(e) : Math.ceil(e), o = e - n;
-    return n + Number(o.toPrecision(2));
+    if (n)
+      return xe(n)(e);
+    const o = e > 0 ? Math.floor(e) : Math.ceil(e), r = e - o;
+    return o + Number(r.toPrecision(2));
   }
   return e;
 }
-function me(e, n, o, i = []) {
-  const m = [
+function ae(e, n, o, r = []) {
+  const a = [
     `X: ${o.xLabels[n.x]}`,
     `Y: ${o.yLabels[n.y]}`,
-    `Value: ${F(n.value)}${n.value !== n.normalizedValue ? ` (${F(n.normalizedValue)})` : ""}`
+    `Value: ${j(n.value)}${n.value !== n.normalizedValue ? ` (${j(n.normalizedValue)})` : ""}`
   ];
-  for (const a of i)
-    m.push(`${a.label}: ${e.getColumnValue(a.value, n.idx)}`);
-  return m;
+  for (const l of r) {
+    const h = e.getColumnValue(l.value, n.idx);
+    a.push(`${l.label}: ${j(h, l.format)}`);
+  }
+  return a;
 }
-function ae(e, n) {
+function ce(e, n) {
   const o = [];
-  return e.xKey && o.push(`X: ${n.xLabels[e.xKey]}`), e.yKey && o.push(`Y: ${n.yLabels[e.yKey]}`), o.push(`${e.title}: ${F(e.value)}`), o;
+  return e.xKey && o.push(`X: ${n.xLabels[e.xKey]}`), e.yKey && o.push(`Y: ${n.yLabels[e.yKey]}`), o.push(`${e.title}: ${j(e.value, e.column.format)}`), o;
 }
-function ce(e) {
+function de(e) {
   return e !== null && "isAnnotation" in e;
 }
 function W(e) {
   return e !== null && "isCell" in e;
 }
-function pe({
+function Le({
   dendrograms: e,
   facetKey: n,
   dimensions: o,
-  scales: i,
-  cells: m,
-  xGroupKeys: a,
-  yGroupKeys: C,
-  xKeysByGroups: j,
-  yKeysByGroups: b,
+  scales: r,
+  cells: a,
+  xGroupKeys: l,
+  yGroupKeys: h,
+  xKeysByGroups: b,
+  yKeysByGroups: p,
   colorScale: z,
-  chartSettings: h,
+  chartSettings: s,
   cellsMeta: f,
   stepX: c,
-  stepY: s,
+  stepY: g,
   sharedX: H,
   sharedY: I,
   annotations: N,
@@ -59,24 +64,24 @@ function pe({
   dendrogramAesScales: R,
   aes: T,
   labelAngles: Z,
-  chartSizes: g,
+  chartSizes: y,
   margins: $,
   tooltipsContainer: A,
   tooltipsData: t
 }) {
-  const q = oe(), [y, J] = te.useState(), { xAxis: Q, yAxis: U, tooltips: p } = h, { width: V, height: v } = o.inner, { padding: x, chartEdgeSides: D, sideElementBBoxes: l } = o, { xGroupLabels: K, yGroupLabels: G, xLabels: Y, yLabels: X } = f, E = i.x.domain(), w = i.y.domain(), _ = {
-    left: $.left + o.left + x.left,
-    right: g.totalWidth - ($.left + o.left + x.left),
-    top: $.top + o.top + x.top,
-    bottom: g.totalHeight - ($.top + o.top + x.top)
-  }, k = !1, M = y && t.fixed;
-  return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${o.left},${o.top})`, fontSize: re, children: [
-    /* @__PURE__ */ r.jsxs("g", { transform: `translate(${x.left},${x.top})`, children: [
-      /* @__PURE__ */ r.jsx(
+  const q = oe(), [C, J] = te.useState(), { xAxis: Q, yAxis: U, tooltips: E } = s, { width: V, height: v } = o.inner, { padding: m, chartEdgeSides: D, sideElementBBoxes: x } = o, { xGroupLabels: K, yGroupLabels: G, xLabels: Y, yLabels: X } = f, L = r.x.domain(), w = r.y.domain(), _ = {
+    left: $.left + o.left + m.left,
+    right: y.totalWidth - ($.left + o.left + m.left),
+    top: $.top + o.top + m.top,
+    bottom: y.totalHeight - ($.top + o.top + m.top)
+  }, k = !1, M = C && t.fixed;
+  return /* @__PURE__ */ i.jsxs("g", { transform: `translate(${o.left},${o.top})`, fontSize: re, children: [
+    /* @__PURE__ */ i.jsxs("g", { transform: `translate(${m.left},${m.top})`, children: [
+      /* @__PURE__ */ i.jsx(
         fe,
         {
           facetKey: n,
-          sideElementBBoxes: l,
+          sideElementBBoxes: x,
           annotations: N,
           cellsMeta: f,
           annotationColorScales: P,
@@ -85,24 +90,24 @@ function pe({
           chartEdgeSides: D,
           width: V,
           height: v,
-          scales: i,
+          scales: r,
           stepX: c,
-          stepY: s,
+          stepY: g,
           aes: T,
-          frame: h.frame,
-          xGroupKeys: a,
-          yGroupKeys: C,
-          xKeysByGroups: j,
-          yKeysByGroups: b,
+          frame: s.frame,
+          xGroupKeys: l,
+          yGroupKeys: h,
+          xKeysByGroups: b,
+          yKeysByGroups: p,
           tooltipsData: t,
-          activeElementContainer: y
+          activeElementContainer: C
         }
       ),
-      /* @__PURE__ */ r.jsx(
-        xe,
+      /* @__PURE__ */ i.jsx(
+        me,
         {
           dendrograms: e,
-          sideElementBBoxes: l,
+          sideElementBBoxes: x,
           xGroupKeys: f.xGroupKeys,
           yGroupKeys: f.yGroupKeys,
           xDataByKeys: f.xDataByKeys,
@@ -110,68 +115,68 @@ function pe({
           aesScales: R
         }
       ),
-      l.top.facetTitle.isVisible && /* @__PURE__ */ r.jsx(
+      x.top.facetTitle.isVisible && /* @__PURE__ */ i.jsx(
         "text",
         {
-          x: l.top.facetTitle.x,
-          y: l.top.facetTitle.y + l.top.facetTitle.height - ie,
+          x: x.top.facetTitle.x,
+          y: x.top.facetTitle.y + x.top.facetTitle.height - ie,
           fontWeight: "500",
           fontSize: "20px",
           children: f.facetKeyValues[n].join(", ")
         }
       ),
       k,
-      E.map(
-        (d) => w.map((L) => {
+      L.map(
+        (d) => w.map((F) => {
           var O;
-          const u = (O = m == null ? void 0 : m[d]) == null ? void 0 : O[L], ee = M && W(t.selectedData) && (u == null ? void 0 : u.id) === t.selectedData.id, B = u ? /* @__PURE__ */ r.jsx(
+          const u = (O = a == null ? void 0 : a[d]) == null ? void 0 : O[F], ee = M && W(t.selectedData) && (u == null ? void 0 : u.id) === t.selectedData.id, B = u ? /* @__PURE__ */ i.jsx(
             "rect",
             {
-              x: i.x(d),
-              y: i.y(L),
+              x: r.x(d),
+              y: r.y(F),
               width: c,
-              height: s,
+              height: g,
               stroke: T.cellStrokeColor,
               fill: u.value === null ? T.emptyCellColor : z(u.normalizedValue),
               onMouseOver: () => t.onMouseEnter(u, n),
               onMouseLeave: () => t.onMouseLeave()
             },
-            u ? u.id : `${d}_${L}`
+            u ? u.id : `${d}_${F}`
           ) : null;
-          return ee ? ne.createPortal(B, y) : B;
+          return ee ? ne.createPortal(B, C) : B;
         })
       ),
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ i.jsx(
         le,
         {
-          frame: h.frame,
-          xGroupKeys: a,
-          yGroupKeys: C,
-          xKeysByGroups: j,
-          yKeysByGroups: b,
-          scales: i,
+          frame: s.frame,
+          xGroupKeys: l,
+          yGroupKeys: h,
+          xKeysByGroups: b,
+          yKeysByGroups: p,
+          scales: r,
           stepX: c,
-          stepY: s,
+          stepY: g,
           width: V,
           height: v
         }
       ),
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ i.jsx(
         ue,
         {
           xAxis: Q,
           yAxis: U,
-          scales: i,
+          scales: r,
           stepX: c,
-          stepY: s,
+          stepY: g,
           debug: k,
-          sideElementBBoxes: l,
-          xKeys: E,
+          sideElementBBoxes: x,
+          xKeys: L,
           yKeys: w,
-          xGroupKeys: a,
-          yGroupKeys: C,
-          xKeysByGroups: j,
-          yKeysByGroups: b,
+          xGroupKeys: l,
+          yGroupKeys: h,
+          xKeysByGroups: b,
+          yKeysByGroups: p,
           xGroupLabels: K,
           yGroupLabels: G,
           labelAngles: Z,
@@ -180,13 +185,13 @@ function pe({
         }
       )
     ] }),
-    h.tooltips.show && W(t.selectedData) && t.currentFacet === n && /* @__PURE__ */ r.jsx(
+    s.tooltips.show && W(t.selectedData) && t.currentFacet === n && /* @__PURE__ */ i.jsx(
       S,
       {
-        content: me(q, t.selectedData, f, p == null ? void 0 : p.content),
-        x: i.x(String(t.selectedData.x)) + c / 2,
-        y: i.y(String(t.selectedData.y)) + s / 2,
-        offset: E.length > 1 ? c / 2 : 0,
+        content: ae(q, t.selectedData, f, E == null ? void 0 : E.content),
+        x: r.x(String(t.selectedData.x)) + c / 2,
+        y: r.y(String(t.selectedData.y)) + g / 2,
+        offset: L.length > 1 ? c / 2 : 0,
         active: !0,
         sideDistances: _,
         fixed: t.fixed,
@@ -194,10 +199,10 @@ function pe({
         container: A
       }
     ),
-    h.tooltips.show && ce(t.selectedData) && t.currentFacet === n && /* @__PURE__ */ r.jsx(
+    s.tooltips.show && de(t.selectedData) && t.currentFacet === n && /* @__PURE__ */ i.jsx(
       S,
       {
-        content: ae(t.selectedData, f),
+        content: ce(t.selectedData, f),
         x: t.selectedData.x,
         y: t.selectedData.y,
         offset: 0,
@@ -208,13 +213,13 @@ function pe({
         container: A
       }
     ),
-    /* @__PURE__ */ r.jsxs("g", { transform: `translate(${x.left},${x.top})`, children: [
-      t.fixed && /* @__PURE__ */ r.jsx("rect", { width: g.chartWidth, height: g.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
-      /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ i.jsxs("g", { transform: `translate(${m.left},${m.top})`, children: [
+      t.fixed && /* @__PURE__ */ i.jsx("rect", { width: y.chartWidth, height: y.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
+      /* @__PURE__ */ i.jsx(
         "g",
         {
           ref: (d) => {
-            d && !y && J(d);
+            d && !C && J(d);
           }
         }
       )
@@ -222,6 +227,6 @@ function pe({
   ] });
 }
 export {
-  pe as Chart
+  Le as Chart
 };
 //# sourceMappingURL=Chart.js.map