@milaboratories/miplots4 1.0.144 → 1.0.146

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

@@ -1,138 +1,146 @@
 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, m, x) {
-  if (g) {
-    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" };
+import { BLACK as I } from "../../../constants.js";
+import { ANNOTATION_WIDTH as f } from "../../constants.js";
+import { AnnotationCellsCanvas as z } from "./AnnotationCellsCanvas.js";
+import { AnnotationCellsSvg as E } from "./AnnotationCellsSvg.js";
+function L(s, m, t, l, u) {
+  if (s) {
+    const k = f / 2, C = t === "top" ? -5 : u + 5;
+    return { x: k, y: C, rotate: m === "left" ? -90 : 90, anchor: m === "left" && t === "top" ? "start" : "end" };
   }
-  const c = r === "right" ? m + 5 : -5, i = s / 2;
-  return { x: c, y: i, rotate: 0, anchor: r === "right" ? "start" : "end" };
+  const n = t === "right" ? l + 5 : -5, r = f / 2;
+  return { x: n, y: r, rotate: 0, anchor: t === "right" ? "start" : "end" };
 }
-function J(g) {
-  return g !== null && "isAnnotation" in g;
-}
-function Z({
-  facetKey: g,
-  data: f,
-  scales: r,
-  stepX: m,
-  stepY: x,
-  x: c,
-  y: i,
-  annotation: C,
+function J({
+  facetKey: s,
+  data: m,
+  scales: t,
+  stepX: l,
+  stepY: u,
+  x: n,
+  y: r,
+  annotation: x,
   showTitle: k,
-  width: v,
-  height: w,
-  colorScale: d,
-  aes: X,
-  frame: b,
+  width: C,
+  height: p,
+  colorScale: v,
+  aes: _,
+  frame: w,
   xGroupKeys: T,
-  yGroupKeys: _,
+  yGroupKeys: W,
   xKeysByGroups: a,
-  yKeysByGroups: $,
-  tooltipsData: l,
-  activeElementContainer: E
+  yKeysByGroups: d,
+  tooltipsData: j,
+  cellsRenderingMode: b
 }) {
-  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;
+  const { position: A, titlePosition: O, valueColumn: H } = x, c = A === "left" || A === "right", N = (c ? t.y : t.x).domain(), $ = L(c, A, O, C, p);
   return /* @__PURE__ */ h.jsxs("g", { children: [
-    z.map((n) => {
-      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: u,
-          stroke: X.cellStrokeColor,
-          onMouseEnter: () => l.onMouseEnter({
-            isAnnotation: !0,
-            x: e + M,
-            y: I + N / 2,
-            xKey: W,
-            yKey: H,
-            value: t,
-            title: j.label ?? j.value,
-            column: C.valueColumn
-          }, g),
-          onMouseLeave: () => l.onMouseLeave()
-        },
-        n
-      );
-      return R ? S.createPortal(L, E) : L;
-    }),
-    l.fixed && !o && T.map((n) => {
-      const t = a[n].length;
-      if (t === 0)
+    b === "svg" && /* @__PURE__ */ h.jsx(
+      E,
+      {
+        facetKey: s,
+        scales: t,
+        keys: N,
+        x: n,
+        y: r,
+        stepX: l,
+        stepY: u,
+        vertical: c,
+        aes: _,
+        colorScale: v,
+        data: m,
+        annotation: x,
+        tooltipsData: j
+      }
+    ),
+    b === "canvas" && /* @__PURE__ */ h.jsx(
+      z,
+      {
+        facetKey: s,
+        scales: t,
+        keys: N,
+        x: n,
+        y: r,
+        stepX: l,
+        stepY: u,
+        vertical: c,
+        aes: _,
+        colorScale: v,
+        data: m,
+        annotation: x,
+        tooltipsData: j
+      }
+    ),
+    j.fixed && !c && T.map((o) => {
+      const e = a[o].length;
+      if (e === 0)
         return null;
-      const u = t * m, e = r.x(a[n][0]);
+      const g = e * l, i = t.x(a[o][0]);
       return /* @__PURE__ */ h.jsx(
         "rect",
         {
-          x: e + c,
-          y: i,
-          width: u,
-          height: s,
+          x: i + n,
+          y: r,
+          width: g,
+          height: f,
           stroke: "none",
           fill: "rgba(255, 255, 255, 0.8)"
         },
-        `${e}_${i}`
+        `${i}_${r}`
       );
     }),
-    l.fixed && o && _.map((n) => {
-      const t = $[n].length;
-      if (t === 0)
+    j.fixed && c && W.map((o) => {
+      const e = d[o].length;
+      if (e === 0)
         return null;
-      const u = t * x, e = r.y($[n][0]);
+      const g = e * u, i = t.y(d[o][0]);
       return /* @__PURE__ */ h.jsx(
         "rect",
         {
-          x: c,
-          y: e + i,
-          width: s,
-          height: u,
+          x: n,
+          y: i + r,
+          width: f,
+          height: g,
           stroke: "none",
           fill: "rgba(255, 255, 255, 0.8)"
         },
-        `${c}_${e}`
+        `${n}_${i}`
       );
     }),
-    b.type === "groups" && !o && T.map((n) => {
-      const t = a[n].length;
-      if (t === 0)
+    w.type === "groups" && !c && T.map((o) => {
+      const e = a[o].length;
+      if (e === 0)
         return null;
-      const u = t * m, e = r.x(a[n][0]);
+      const g = e * l, i = t.x(a[o][0]);
       return /* @__PURE__ */ h.jsx(
         "rect",
         {
-          x: e + c,
-          y: i,
-          width: u,
-          height: s,
-          stroke: O,
+          x: i + n,
+          y: r,
+          width: g,
+          height: f,
+          stroke: I,
           fill: "none"
         },
-        `${e}_${i}`
+        `${i}_${r}`
       );
     }),
-    b.type === "groups" && o && _.map((n) => {
-      const t = $[n].length;
-      if (t === 0)
+    w.type === "groups" && c && W.map((o) => {
+      const e = d[o].length;
+      if (e === 0)
         return null;
-      const u = t * x, e = r.y($[n][0]);
+      const g = e * u, i = t.y(d[o][0]);
       return /* @__PURE__ */ h.jsx(
         "rect",
         {
-          x: c,
-          y: e + i,
-          width: s,
-          height: u,
-          stroke: O,
+          x: n,
+          y: i + r,
+          width: f,
+          height: g,
+          stroke: I,
           fill: "none"
         },
-        `${c}_${e}`
+        `${n}_${i}`
       );
     }),
     k && /* @__PURE__ */ h.jsx(
@@ -140,13 +148,13 @@ function Z({
       {
         fontWeight: "500",
         fontSize: "14px",
-        transform: `translate(${c + A.x},${i + A.y}) rotate(${A.rotate})`,
-        children: /* @__PURE__ */ h.jsx("text", { textAnchor: A.anchor, dominantBaseline: "central", children: j.label ?? j.value })
+        transform: `translate(${n + $.x},${r + $.y}) rotate(${$.rotate})`,
+        children: /* @__PURE__ */ h.jsx("text", { textAnchor: $.anchor, dominantBaseline: "central", children: H.label ?? H.value })
       }
     )
   ] });
 }
 export {
-  Z as Annotation
+  J as Annotation
 };
 //# sourceMappingURL=Annotation.js.map

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                            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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"}
+{"version":3,"file":"Annotation.js","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import 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';\nimport { AnnotationCellsCanvas } from './AnnotationCellsCanvas';\nimport { AnnotationCellsSvg } from './AnnotationCellsSvg';\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    cellsRenderingMode: 'canvas' | 'svg'\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    cellsRenderingMode,\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\n    return (\n        <g>\n            {cellsRenderingMode === 'svg' && (\n                <AnnotationCellsSvg\n                    facetKey={facetKey}\n                    scales={scales}\n                    keys={keys}\n                    x={x}\n                    y={y}\n                    stepX={stepX}\n                    stepY={stepY}\n                    vertical={vertical}\n                    aes={aes}\n                    colorScale={colorScale}\n                    data={data}\n                    annotation={annotation}\n                    tooltipsData={tooltipsData}\n                />\n            )}\n            {cellsRenderingMode === 'canvas' && (\n                <AnnotationCellsCanvas\n                    facetKey={facetKey}\n                    scales={scales}\n                    keys={keys}\n                    x={x}\n                    y={y}\n                    stepX={stepX}\n                    stepY={stepY}\n                    vertical={vertical}\n                    aes={aes}\n                    colorScale={colorScale}\n                    data={data}\n                    annotation={annotation}\n                    tooltipsData={tooltipsData}\n                />\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","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","cellsRenderingMode","position","valueColumn","keys","textPosition","jsx","AnnotationCellsSvg","AnnotationCellsCanvas","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":"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"}

package/dist/heatmap/components/Annotations/AnnotationCellsCanvas.d.ts

@@ -0,0 +1,23 @@
+import { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';
+import { DataValue } from '../../../types/common';
+import { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';
+import { Cell } from '../../getCells';
+import { TooltipsData } from '../../../common/Tooltip';
+interface AnnotationCellsCanvasProps {
+    facetKey: string;
+    scales: ChartScales;
+    keys: string[];
+    x: number;
+    y: number;
+    stepX: number;
+    stepY: number;
+    vertical: boolean;
+    aes: HeatmapSettingsImpl['aes'];
+    colorScale: AnnotationColorScales[keyof AnnotationColorScales];
+    data: Record<string, DataValue>;
+    annotation: HeatmapSettingsImpl['annotations'][0];
+    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
+}
+export declare function AnnotationCellsCanvas({ facetKey, scales, data, keys, vertical, annotation, x, y, stepX, stepY, aes, colorScale, tooltipsData, }: AnnotationCellsCanvasProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AnnotationCellsCanvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationCellsCanvas.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Annotations/AnnotationCellsCanvas.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK5D,UAAU,0BAA0B;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,UAAU,EAAE,qBAAqB,CAAC,MAAM,qBAAqB,CAAC,CAAC;IAC/D,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAChC,UAAU,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,YAAY,EAAE,YAAY,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAAC;CAC5D;AAyDD,wBAAgB,qBAAqB,CAAC,EAClC,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAClB,GAAG,EACH,UAAU,EACV,YAAY,GACf,EAAE,0BAA0B,2CAkF5B"}

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

@@ -0,0 +1,99 @@
+import { j as k } from "../../../node_modules/react/jsx-runtime.js";
+import { ANNOTATION_WIDTH as A } from "../../constants.js";
+import { r as w } from "../../../_virtual/index.js";
+import { useFunction as W } from "../../../utils/hooks/useFunction.js";
+function I(t, e, u, o, n, r, i, l, m) {
+  if (t) {
+    t.beginPath(), t.clearRect(0, 0, l, m);
+    for (const f of o) {
+      const g = u == null ? void 0 : u[f], c = i.type === "continuous" ? i.scale(Number(g)) : i.scale(String(g)), y = n ? 0 : e.x(f), p = n ? e.y(f) : 0;
+      t.fillStyle = c, t.fillRect(y, p, l, m);
+    }
+  }
+}
+function P(t, e, u) {
+  let o = 0, n = t.length - 1;
+  for (; o <= n; ) {
+    const r = Math.floor((o + n) / 2);
+    if (Math.abs(t[r] - e) < u)
+      return t[r] >= e ? r - 1 : r;
+    e < t[r] ? n = r - 1 : o = r + 1;
+  }
+  return -1;
+}
+function O(t, e, u, o) {
+  const n = P(e, t, o);
+  return n === -1 ? -1 : u[n];
+}
+function _({
+  facetKey: t,
+  scales: e,
+  data: u,
+  keys: o,
+  vertical: n,
+  annotation: r,
+  x: i,
+  y: l,
+  stepX: m,
+  stepY: f,
+  aes: g,
+  colorScale: c,
+  tooltipsData: y
+}) {
+  const { valueColumn: p } = r, x = n ? A : m, C = n ? f : A, M = n ? x : x * o.length, R = n ? C * o.length : C, j = w.useRef(null), b = window.devicePixelRatio || 1, d = w.useRef(null), E = () => {
+    I(
+      d.current,
+      e,
+      u,
+      o,
+      n,
+      g.cellStrokeColor,
+      c,
+      x,
+      C
+    );
+  };
+  w.useEffect(() => {
+    const s = j.current;
+    d.current || (d.current = (s == null ? void 0 : s.getContext("2d")) ?? null), s && d.current && (s.style.width = M + "px", s.style.height = R + "px", d.current.scale(b, b)), E();
+  }, [M, R]), E();
+  const H = W((s) => {
+    const K = s.nativeEvent.offsetX, L = s.nativeEvent.offsetY, h = n ? O(L, e.y.range(), e.y.domain(), f) : O(K, e.x.range(), e.x.domain(), m);
+    if (h !== -1) {
+      const N = n ? 0 : e.x(h), a = n ? e.y(h) : 0, v = u[h], T = c.type === "continuous" ? c.scale(Number(v)) : c.scale(String(v));
+      y.onMouseEnter({
+        isAnnotation: !0,
+        x: i + N + x,
+        y: l + a + C / 2,
+        cell: {
+          x: i + N,
+          y: l + a,
+          width: x,
+          height: C,
+          fill: T,
+          stroke: g.cellStrokeColor
+        },
+        xKey: n ? null : h,
+        yKey: n ? h : null,
+        value: v,
+        title: p.label ?? p.value,
+        column: r.valueColumn
+      }, t);
+    } else
+      y.onMouseLeave();
+  });
+  return /* @__PURE__ */ k.jsx("foreignObject", { x: i, y: l, width: M, height: R, children: /* @__PURE__ */ k.jsx(
+    "canvas",
+    {
+      ref: j,
+      width: b * M,
+      height: b * R,
+      onMouseMove: H,
+      onMouseLeave: () => y.onMouseLeave()
+    }
+  ) });
+}
+export {
+  _ as AnnotationCellsCanvas
+};
+//# sourceMappingURL=AnnotationCellsCanvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationCellsCanvas.js","sources":["../../../../src/heatmap/components/Annotations/AnnotationCellsCanvas.tsx"],"sourcesContent":["\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { DataValue } from '../../../types/common';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { Cell } from '../../getCells';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport type { MouseEventHandler } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { useFunction } from '../../../utils/hooks/useFunction';\n\ninterface AnnotationCellsCanvasProps {\n    facetKey: string,\n    scales: ChartScales,\n    keys: string[],\n    x: number,\n    y: number,\n    stepX: number,\n    stepY: number,\n    vertical: boolean,\n    aes: HeatmapSettingsImpl['aes'];\n    colorScale: AnnotationColorScales[keyof AnnotationColorScales],\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n}\n\nfunction renderCells(\n    ctx: CanvasRenderingContext2D | null,\n    scales: ChartScales,\n    data: Record<string, DataValue>,\n    keys: string[],\n    vertical: boolean,\n    strokeColor: string,\n    colorScale: AnnotationColorScales[keyof AnnotationColorScales],\n    width: number,\n    height: number\n) {\n    if (!ctx) {\n        return;\n    }\n    ctx.beginPath(); // Start a new path\n    ctx.clearRect(0, 0, width, height);\n    for (const key of keys) {\n        const value = data?.[key];\n        const fillColor = colorScale.type === 'continuous'\n            ? colorScale.scale(Number(value))\n            : colorScale.scale(String(value));\n        const x = (vertical ? 0 : scales.x(key));\n        const y = (vertical ? scales.y(key) : 0);\n\n        ctx.fillStyle = fillColor;\n        ctx.fillRect(x, y, width, height); // Add a rectangle to the current path\n    }\n}\n\nfunction binarySearch(arr: number[], val: number, step: number) {\n    let start = 0;\n    let end = arr.length - 1;\n\n    while (start <= end) {\n        const mid = Math.floor((start + end) / 2);\n        if (Math.abs(arr[mid] - val) < step) {\n            return arr[mid] >= val ? mid - 1 : mid;\n        }\n\n        if (val < arr[mid]) {\n            end = mid - 1;\n        } else {\n            start = mid + 1;\n        }\n    }\n    return -1;\n}\nfunction searchKey(px: number, positions: number[], keys: string[], step: number) {\n    const pos = binarySearch(positions, px, step);\n    if (pos === -1) {\n        return -1;\n    }\n    return keys[pos];\n}\n\nexport function AnnotationCellsCanvas({\n    facetKey,\n    scales,\n    data,\n    keys,\n    vertical,\n    annotation,\n    x, y, stepX, stepY,\n    aes,\n    colorScale,\n    tooltipsData,\n}: AnnotationCellsCanvasProps) {\n    const { valueColumn } = annotation;\n    const cellWidth = vertical ? ANNOTATION_WIDTH : stepX;\n    const cellHeight = vertical ? stepY : ANNOTATION_WIDTH;\n    const annotationWidth = vertical ? cellWidth : cellWidth * keys.length;\n    const annotationHeight = vertical ? cellHeight * keys.length : cellHeight;\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n    const canvasRatio = window.devicePixelRatio || 1;\n    const ctx = useRef<CanvasRenderingContext2D | null>(null);\n    const render = () => {\n        renderCells(\n            ctx.current,\n            scales,\n            data,\n            keys,\n            vertical,\n            aes.cellStrokeColor,\n            colorScale,\n            cellWidth,\n            cellHeight\n        );\n    };\n    useEffect(() => {\n        const canvasEl = canvasRef.current;\n        if (!ctx.current) {\n            ctx.current = canvasEl?.getContext('2d') ?? null;\n        }\n        if (canvasEl && ctx.current) {\n            canvasEl.style.width = annotationWidth + 'px';\n            canvasEl.style.height = annotationHeight + 'px';\n            ctx.current.scale(canvasRatio, canvasRatio);\n        }\n        render();\n    }, [annotationWidth, annotationHeight]);\n    render();\n\n    const moveOnCanvas: MouseEventHandler<HTMLCanvasElement> = useFunction((e: React.MouseEvent) => {\n        const mouseX = e.nativeEvent.offsetX;\n        const mouseY = e.nativeEvent.offsetY;\n        const key = vertical\n            ? searchKey(mouseY, scales.y.range(), scales.y.domain(), stepY)\n            : searchKey(mouseX, scales.x.range(), scales.x.domain(), stepX);\n        if (key !== -1) {\n            const innerX = (vertical ? 0 : scales.x(key));\n            const innerY = (vertical ? scales.y(key) : 0);\n            const value = data[key];\n            const fillColor = colorScale.type === 'continuous'\n                ? colorScale.scale(Number(value))\n                : colorScale.scale(String(value));\n            tooltipsData.onMouseEnter({\n                isAnnotation: true,\n                x: x + innerX + cellWidth,\n                y: y + innerY + cellHeight / 2,\n                cell: {\n                    x: x + innerX,\n                    y: y + innerY,\n                    width: cellWidth,\n                    height: cellHeight,\n                    fill: fillColor,\n                    stroke: aes.cellStrokeColor\n                },\n                xKey: vertical ? null : key,\n                yKey: vertical ? key : null,\n                value,\n                title: valueColumn.label ?? valueColumn.value,\n                column: annotation.valueColumn\n            } satisfies AnnotationTooltipData, facetKey);\n        } else {\n            tooltipsData.onMouseLeave();\n        }\n    });\n    return (\n        <foreignObject x={x} y={y} width={annotationWidth} height={annotationHeight}>\n            <canvas\n                ref={canvasRef}\n                width={canvasRatio * annotationWidth}\n                height={canvasRatio * annotationHeight}\n                onMouseMove={moveOnCanvas}\n                onMouseLeave={() => tooltipsData.onMouseLeave()}\n            />\n        </foreignObject>\n    );\n}"],"names":["renderCells","ctx","scales","data","keys","vertical","strokeColor","colorScale","width","height","key","value","fillColor","x","y","binarySearch","arr","val","step","start","end","mid","searchKey","px","positions","pos","AnnotationCellsCanvas","facetKey","annotation","stepX","stepY","aes","tooltipsData","valueColumn","cellWidth","ANNOTATION_WIDTH","cellHeight","annotationWidth","annotationHeight","canvasRef","useRef","canvasRatio","render","useEffect","canvasEl","moveOnCanvas","useFunction","e","mouseX","mouseY","innerX","innerY","jsx"],"mappings":"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"}

package/dist/heatmap/components/Annotations/AnnotationCellsSvg.d.ts

@@ -0,0 +1,23 @@
+import { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';
+import { DataValue } from '../../../types/common';
+import { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';
+import { Cell } from '../../getCells';
+import { TooltipsData } from '../../../common/Tooltip';
+interface AnnotationCellsSvgProps {
+    facetKey: string;
+    scales: ChartScales;
+    keys: string[];
+    x: number;
+    y: number;
+    stepX: number;
+    stepY: number;
+    vertical: boolean;
+    aes: HeatmapSettingsImpl['aes'];
+    colorScale: AnnotationColorScales[keyof AnnotationColorScales];
+    data: Record<string, DataValue>;
+    annotation: HeatmapSettingsImpl['annotations'][0];
+    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
+}
+export declare function AnnotationCellsSvg({ facetKey, scales, data, keys, vertical, annotation, x, y, stepX, stepY, aes, colorScale, tooltipsData, }: AnnotationCellsSvgProps): import("react/jsx-runtime").JSX.Element[];
+export {};
+//# sourceMappingURL=AnnotationCellsSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationCellsSvg.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Annotations/AnnotationCellsSvg.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,UAAU,EAAE,qBAAqB,CAAC,MAAM,qBAAqB,CAAC,CAAC;IAC/D,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAChC,UAAU,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,YAAY,EAAE,YAAY,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAAC;CAC5D;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAClB,GAAG,EACH,UAAU,EACV,YAAY,GACf,EAAE,uBAAuB,6CA4CzB"}

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

@@ -0,0 +1,57 @@
+import { j as T } from "../../../node_modules/react/jsx-runtime.js";
+import { ANNOTATION_WIDTH as y } from "../../constants.js";
+function K({
+  facetKey: A,
+  scales: x,
+  data: e,
+  keys: I,
+  vertical: n,
+  annotation: c,
+  x: M,
+  y: N,
+  stepX: g,
+  stepY: h,
+  aes: i,
+  colorScale: l,
+  tooltipsData: f
+}) {
+  const { valueColumn: C } = c;
+  return I.map((o) => {
+    const t = e == null ? void 0 : e[o], p = l.type === "continuous" ? l.scale(Number(t)) : l.scale(String(t)), u = M + (n ? 0 : x.x(o)), s = N + (n ? x.y(o) : 0), r = n ? y : g, m = n ? h : y, j = n ? null : o, E = n ? o : null;
+    return /* @__PURE__ */ T.jsx(
+      "rect",
+      {
+        x: u,
+        y: s,
+        width: r,
+        height: m,
+        fill: p,
+        stroke: i.cellStrokeColor,
+        onMouseEnter: () => f.onMouseEnter({
+          isAnnotation: !0,
+          x: u + r,
+          y: s + m / 2,
+          cell: {
+            x: u,
+            y: s,
+            width: r,
+            height: m,
+            fill: p,
+            stroke: i.cellStrokeColor
+          },
+          xKey: j,
+          yKey: E,
+          value: t,
+          title: C.label ?? C.value,
+          column: c.valueColumn
+        }, A),
+        onMouseLeave: () => f.onMouseLeave()
+      },
+      o
+    );
+  });
+}
+export {
+  K as AnnotationCellsSvg
+};
+//# sourceMappingURL=AnnotationCellsSvg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationCellsSvg.js","sources":["../../../../src/heatmap/components/Annotations/AnnotationCellsSvg.tsx"],"sourcesContent":["\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { DataValue } from '../../../types/common';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { Cell } from '../../getCells';\nimport type { TooltipsData } from '../../../common/Tooltip';\n\ninterface AnnotationCellsSvgProps {\n    facetKey: string,\n    scales: ChartScales,\n    keys: string[],\n    x: number,\n    y: number,\n    stepX: number,\n    stepY: number,\n    vertical: boolean,\n    aes: HeatmapSettingsImpl['aes'];\n    colorScale: AnnotationColorScales[keyof AnnotationColorScales],\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n}\n\nexport function AnnotationCellsSvg({\n    facetKey,\n    scales,\n    data,\n    keys,\n    vertical,\n    annotation,\n    x, y, stepX, stepY,\n    aes,\n    colorScale,\n    tooltipsData,\n}: AnnotationCellsSvgProps) {\n    const { valueColumn } = annotation;\n    return 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        return (\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                    cell: {\n                        x: xInner,\n                        y: yInner,\n                        width,\n                        height,\n                        fill: fillColor,\n                        stroke: aes.cellStrokeColor\n                    },\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    });\n}"],"names":["AnnotationCellsSvg","facetKey","scales","data","keys","vertical","annotation","x","y","stepX","stepY","aes","colorScale","tooltipsData","valueColumn","key","value","fillColor","xInner","yInner","width","ANNOTATION_WIDTH","height","xKey","yKey","jsx"],"mappings":";;AAwBO,SAASA,EAAmB;AAAA,EAC/B,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAAC;AAAA,EAAG,GAAAC;AAAA,EAAG,OAAAC;AAAA,EAAO,OAAAC;AAAA,EACb,KAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AACJ,GAA4B;AACxB,QAAM,EAAE,aAAAC,MAAgBR;AACxB,SAAOF,EAAK,IAAI,CAAAW,MAAO;AACnB,UAAMC,IAAQb,KAAA,gBAAAA,EAAOY,IACfE,IAAYL,EAAW,SAAS,eAChCA,EAAW,MAAM,OAAOI,CAAK,CAAC,IAC9BJ,EAAW,MAAM,OAAOI,CAAK,CAAC,GAC9BE,IAASX,KAAKF,IAAW,IAAIH,EAAO,EAAEa,CAAG,IACzCI,IAASX,KAAKH,IAAWH,EAAO,EAAEa,CAAG,IAAI,IACzCK,IAAQf,IAAWgB,IAAmBZ,GACtCa,IAASjB,IAAWK,IAAQW,GAC5BE,IAAOlB,IAAW,OAAOU,GACzBS,IAAOnB,IAAWU,IAAM;AAC9B,WACIU,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,GAAGP;AAAA,QACH,GAAGC;AAAA,QACH,OAAAC;AAAA,QACA,QAAAE;AAAA,QACA,MAAML;AAAA,QACN,QAAQN,EAAI;AAAA,QACZ,cAAc,MAAME,EAAa,aAAa;AAAA,UAC1C,cAAc;AAAA,UACd,GAAGK,IAASE;AAAA,UACZ,GAAGD,IAASG,IAAS;AAAA,UACrB,MAAM;AAAA,YACF,GAAGJ;AAAA,YACH,GAAGC;AAAA,YACH,OAAAC;AAAA,YACA,QAAAE;AAAA,YACA,MAAML;AAAA,YACN,QAAQN,EAAI;AAAA,UAAA;AAAA,UAEhB,MAAAY;AAAA,UACA,MAAAC;AAAA,UACA,OAAAR;AAAA,UACA,OAAOF,EAAY,SAASA,EAAY;AAAA,UACxC,QAAQR,EAAW;AAAA,QAAA,GACYL,CAAQ;AAAA,QAC3C,cAAc,MAAMY,EAAa,aAAA;AAAA,MAAa;AAAA,MAzBzCE;AAAA,IAAA;AAAA,EA4BjB,CAAC;AACL;"}

package/dist/heatmap/components/Annotations/index.d.ts

@@ -23,8 +23,8 @@ interface AnnotationProps {
     xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];
     yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];
     tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
-    activeElementContainer?: Element;
+    cellsRenderingMode: 'canvas' | 'svg';
 }
-export declare function Annotations({ facetKey, sideElementBBoxes, annotations, annotationColorScales, cellsMeta, chartEdgeSides, sharedX, sharedY, width, height, scales, stepX, stepY, aes, frame, xGroupKeys, yGroupKeys, xKeysByGroups, yKeysByGroups, tooltipsData, activeElementContainer }: AnnotationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Annotations({ facetKey, sideElementBBoxes, annotations, annotationColorScales, cellsMeta, chartEdgeSides, sharedX, sharedY, width, height, scales, stepX, stepY, aes, frame, xGroupKeys, yGroupKeys, xKeysByGroups, yKeysByGroups, tooltipsData, cellsRenderingMode, }: AnnotationProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Annotations/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EACR,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,WAAW,EACd,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAOnE,UAAU,eAAe;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,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,GAAC,qBAAqB,CAAC,CAAC;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,qBAAqB,EACrB,SAAS,EACT,cAAc,EACd,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,EACH,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,sBAAsB,EACzB,EAAE,eAAe,2CA0FjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Annotations/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EACR,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,WAAW,EACd,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAOnE,UAAU,eAAe;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,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,GAAC,qBAAqB,CAAC,CAAC;IACvD,kBAAkB,EAAE,QAAQ,GAAG,KAAK,CAAC;CACxC;AAED,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,qBAAqB,EACrB,SAAS,EACT,cAAc,EACd,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,EACH,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,GACrB,EAAE,eAAe,2CA0FjB"}

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

@@ -25,7 +25,7 @@ function J({
   xKeysByGroups: K,
   yKeysByGroups: P,
   tooltipsData: _,
-  activeElementContainer: C
+  cellsRenderingMode: C
 }) {
   const l = x.filter((o) => a.includes(o.position) || !v && ["left", "right"].includes(o.position) || !j && ["top", "bottom"].includes(o.position)), H = l.filter((o) => o.position === "left"), R = l.filter((o) => o.position === "right"), W = l.filter((o) => o.position === "top"), k = l.filter((o) => o.position === "bottom"), { xDataByKeys: y, yDataByKeys: T } = h, u = {
     facetKey: r,
@@ -41,7 +41,7 @@ function J({
     xKeysByGroups: K,
     yKeysByGroups: P,
     tooltipsData: _,
-    activeElementContainer: C
+    cellsRenderingMode: C
   };
   return /* @__PURE__ */ i.jsxs("g", { children: [
     H.map((o, t) => /* @__PURE__ */ i.jsx(