@milaboratories/miplots4 1.0.145 → 1.0.146

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/heatmap/components/Annotations/index.tsx"],"sourcesContent":["import type {TooltipsData} from '../../../common/Tooltip';\nimport {Annotation} from './Annotation';\nimport type {\n    AnnotationColorScales,\n    AnnotationTooltipData,\n    ChartDimensionsData,\n    ChartScales,\n} from '../types';\nimport {ANNOTATION_WIDTH, ANNOTATIONS_OFFSET} from '../../constants';\nimport type {Cell} from '../../getCells';\nimport type {GroupedCellsData} from '../../getCells';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\nfunction showTitle(item: HeatmapSettingsImpl['annotations'][0], chartEdgeSides: ChartDimensionsData['chartEdgeSides']) {\n    return item.showTitle && chartEdgeSides.includes(item.titlePosition);\n}\n\ninterface AnnotationProps {\n    facetKey: string;\n    sideElementBBoxes: ChartDimensionsData['sideElementBBoxes'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    cellsMeta: GroupedCellsData['meta'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    chartEdgeSides: ChartDimensionsData['chartEdgeSides'];\n    width: number;\n    height: number;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\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\nexport function Annotations({\n    facetKey,\n    sideElementBBoxes,\n    annotations,\n    annotationColorScales,\n    cellsMeta,\n    chartEdgeSides,\n    sharedX,\n    sharedY,\n    width,\n    height,\n    scales,\n    stepX,\n    stepY,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const usedAnnotations = annotations.filter(item => {\n        return (\n            chartEdgeSides.includes(item.position) ||\n            (!sharedX && ['left', 'right'].includes(item.position)) ||\n            (!sharedY && ['top', 'bottom'].includes(item.position))\n        );\n    });\n    const leftAnnotations = usedAnnotations.filter(item => item.position === 'left');\n    const rightAnnotations = usedAnnotations.filter(item => item.position === 'right');\n    const topAnnotations = usedAnnotations.filter(item => item.position === 'top');\n    const bottomAnnotations = usedAnnotations.filter(item => item.position === 'bottom');\n    const {xDataByKeys, yDataByKeys} = cellsMeta;\n\n    const commonProps = {\n        facetKey,\n        scales,\n        stepX,\n        stepY,\n        width,\n        height,\n        aes,\n        frame,\n        xGroupKeys,\n        yGroupKeys,\n        xKeysByGroups,\n        yKeysByGroups,\n        tooltipsData,\n        activeElementContainer\n    };\n    return (\n        <g>\n            {leftAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.left.annotations.x + idx * ANNOTATION_WIDTH}\n                        y={sideElementBBoxes.left.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {rightAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.right.annotations.x + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        y={sideElementBBoxes.right.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {topAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.top.annotations.x}\n                        y={sideElementBBoxes.top.annotations.y + idx * ANNOTATION_WIDTH}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {bottomAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.bottom.annotations.x}\n                        y={sideElementBBoxes.bottom.annotations.y + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        {...commonProps}\n                    />\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["showTitle","item","chartEdgeSides","Annotations","facetKey","sideElementBBoxes","annotations","annotationColorScales","cellsMeta","sharedX","sharedY","width","height","scales","stepX","stepY","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","usedAnnotations","leftAnnotations","rightAnnotations","topAnnotations","bottomAnnotations","xDataByKeys","yDataByKeys","commonProps","idx","jsx","Annotation","ANNOTATION_WIDTH","ANNOTATIONS_OFFSET"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/heatmap/components/Annotations/index.tsx"],"sourcesContent":["import type {TooltipsData} from '../../../common/Tooltip';\nimport {Annotation} from './Annotation';\nimport type {\n    AnnotationColorScales,\n    AnnotationTooltipData,\n    ChartDimensionsData,\n    ChartScales,\n} from '../types';\nimport {ANNOTATION_WIDTH, ANNOTATIONS_OFFSET} from '../../constants';\nimport type {Cell} from '../../getCells';\nimport type {GroupedCellsData} from '../../getCells';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\nfunction showTitle(item: HeatmapSettingsImpl['annotations'][0], chartEdgeSides: ChartDimensionsData['chartEdgeSides']) {\n    return item.showTitle && chartEdgeSides.includes(item.titlePosition);\n}\n\ninterface AnnotationProps {\n    facetKey: string;\n    sideElementBBoxes: ChartDimensionsData['sideElementBBoxes'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    cellsMeta: GroupedCellsData['meta'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    chartEdgeSides: ChartDimensionsData['chartEdgeSides'];\n    width: number;\n    height: number;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\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 Annotations({\n    facetKey,\n    sideElementBBoxes,\n    annotations,\n    annotationColorScales,\n    cellsMeta,\n    chartEdgeSides,\n    sharedX,\n    sharedY,\n    width,\n    height,\n    scales,\n    stepX,\n    stepY,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    cellsRenderingMode,\n}: AnnotationProps) {\n    const usedAnnotations = annotations.filter(item => {\n        return (\n            chartEdgeSides.includes(item.position) ||\n            (!sharedX && ['left', 'right'].includes(item.position)) ||\n            (!sharedY && ['top', 'bottom'].includes(item.position))\n        );\n    });\n    const leftAnnotations = usedAnnotations.filter(item => item.position === 'left');\n    const rightAnnotations = usedAnnotations.filter(item => item.position === 'right');\n    const topAnnotations = usedAnnotations.filter(item => item.position === 'top');\n    const bottomAnnotations = usedAnnotations.filter(item => item.position === 'bottom');\n    const {xDataByKeys, yDataByKeys} = cellsMeta;\n\n    const commonProps = {\n        facetKey,\n        scales,\n        stepX,\n        stepY,\n        width,\n        height,\n        aes,\n        frame,\n        xGroupKeys,\n        yGroupKeys,\n        xKeysByGroups,\n        yKeysByGroups,\n        tooltipsData,\n        cellsRenderingMode,\n    };\n    return (\n        <g>\n            {leftAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.left.annotations.x + idx * ANNOTATION_WIDTH}\n                        y={sideElementBBoxes.left.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {rightAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.right.annotations.x + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        y={sideElementBBoxes.right.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {topAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.top.annotations.x}\n                        y={sideElementBBoxes.top.annotations.y + idx * ANNOTATION_WIDTH}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {bottomAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.bottom.annotations.x}\n                        y={sideElementBBoxes.bottom.annotations.y + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        {...commonProps}\n                    />\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["showTitle","item","chartEdgeSides","Annotations","facetKey","sideElementBBoxes","annotations","annotationColorScales","cellsMeta","sharedX","sharedY","width","height","scales","stepX","stepY","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","cellsRenderingMode","usedAnnotations","leftAnnotations","rightAnnotations","topAnnotations","bottomAnnotations","xDataByKeys","yDataByKeys","commonProps","idx","jsx","Annotation","ANNOTATION_WIDTH","ANNOTATIONS_OFFSET"],"mappings":"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"}

package/dist/heatmap/components/CanvasCells.d.ts

@@ -0,0 +1,21 @@
+import { Cell, GroupedCellsData } from '../getCells';
+import { AnnotationTooltipData, ChartScales } from './types';
+import { TooltipsData } from '../../common/Tooltip';
+import { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';
+interface CanvasCellsProps<T> {
+    width: number;
+    height: number;
+    facetKey: string;
+    scales: ChartScales;
+    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];
+    xKeys: string[];
+    yKeys: string[];
+    stepX: number;
+    stepY: number;
+    aes: HeatmapSettingsImpl['aes'];
+    colorScale: (value: T) => string;
+    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
+}
+export declare function CanvasCells<ValueType>({ width, height, facetKey, scales, cells, xKeys, yKeys, stepX, stepY, aes, colorScale, tooltipsData, }: CanvasCellsProps<ValueType>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CanvasCells.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasCells.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/CanvasCells.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAgElE,UAAU,gBAAgB,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC,YAAY,EAAE,YAAY,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAAC;CAC5D;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,EACnC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,GAAG,EACH,UAAU,EACV,YAAY,GACf,EAAE,gBAAgB,CAAC,SAAS,CAAC,2CAwD7B"}

package/dist/heatmap/components/CanvasCells.js

@@ -0,0 +1,85 @@
+import { j } from "../../node_modules/react/jsx-runtime.js";
+import { r as M } from "../../_virtual/index.js";
+import { useFunction as S } from "../../utils/hooks/useFunction.js";
+function h(e, n, c, o, t, r, x, m, y, v, C, l) {
+  var a;
+  if (e) {
+    e.beginPath(), e.clearRect(0, 0, C, l);
+    for (const s of o)
+      for (const f of t) {
+        const i = (a = c == null ? void 0 : c[s]) == null ? void 0 : a[f];
+        if (!i)
+          continue;
+        const d = n.x(s), u = n.y(f);
+        e.fillStyle = i.value === null ? y : v(i.normalizedValue), e.fillRect(d, u, r, x);
+      }
+  }
+}
+function k(e, n, c) {
+  let o = 0, t = e.length - 1;
+  for (; o <= t; ) {
+    const r = Math.floor((o + t) / 2);
+    if (Math.abs(e[r] - n) < c)
+      return e[r] >= n ? r - 1 : r;
+    n < e[r] ? t = r - 1 : o = r + 1;
+  }
+  return -1;
+}
+function E(e, n, c, o) {
+  const t = k(n, e, o);
+  return t === -1 ? -1 : c[t];
+}
+function z({
+  width: e,
+  height: n,
+  facetKey: c,
+  scales: o,
+  cells: t,
+  xKeys: r,
+  yKeys: x,
+  stepX: m,
+  stepY: y,
+  aes: v,
+  colorScale: C,
+  tooltipsData: l
+}) {
+  const a = M.useRef(null), s = window.devicePixelRatio || 1, f = M.useRef(null), i = () => {
+    h(
+      f.current,
+      o,
+      t,
+      r,
+      x,
+      m,
+      y,
+      v.cellStrokeColor,
+      v.emptyCellColor,
+      C,
+      e,
+      n
+    );
+  };
+  M.useEffect(() => {
+    const u = a.current;
+    f.current || (f.current = (u == null ? void 0 : u.getContext("2d")) ?? null), u && f.current && (u.style.width = e + "px", u.style.height = n + "px", f.current.scale(s, s)), i();
+  }, [e, n]), i();
+  const d = S((u) => {
+    var p;
+    const K = u.nativeEvent.offsetX, b = u.nativeEvent.offsetY, g = E(K, o.x.range(), o.x.domain(), m), L = E(b, o.y.range(), o.y.domain(), y), R = (p = t[g]) == null ? void 0 : p[L];
+    R ? l.onMouseEnter(R, c) : l.onMouseLeave();
+  });
+  return /* @__PURE__ */ j.jsx("foreignObject", { width: e, height: n, children: /* @__PURE__ */ j.jsx(
+    "canvas",
+    {
+      ref: a,
+      width: s * e,
+      height: s * n,
+      onMouseMove: d,
+      onMouseLeave: () => l.onMouseLeave()
+    }
+  ) });
+}
+export {
+  z as CanvasCells
+};
+//# sourceMappingURL=CanvasCells.js.map

package/dist/heatmap/components/CanvasCells.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasCells.js","sources":["../../../src/heatmap/components/CanvasCells.tsx"],"sourcesContent":["import type { Cell, GroupedCellsData } from '../getCells';\nimport type { AnnotationTooltipData, ChartScales } from './types';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport type { MouseEventHandler } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { useFunction } from '../../utils/hooks/useFunction';\n\nfunction renderCells<T>(\n    ctx: CanvasRenderingContext2D | null,\n    scales: ChartScales,\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'],\n    xKeys: string[],\n    yKeys: string[],\n    stepX: number,\n    stepY: number,\n    strokeColor: string,\n    emptyCellColor: string,\n    colorScale: (value: T) => string,\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 xKey of xKeys) {\n        for (const yKey of yKeys) {\n            const cell = cells?.[xKey]?.[yKey];\n            if (!cell) {\n                continue;\n            }\n            const x = scales.x(xKey);\n            const y = scales.y(yKey);\n            ctx.fillStyle = cell.value === null ? emptyCellColor : colorScale(cell.normalizedValue as T),\n                ctx.fillRect(x, y, stepX, stepY); // Add a rectangle to the current path\n        }\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\ninterface CanvasCellsProps<T> {\n    width: number,\n    height: number,\n    facetKey: string,\n    scales: ChartScales,\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'],\n    xKeys: string[],\n    yKeys: string[],\n    stepX: number,\n    stepY: number,\n    aes: HeatmapSettingsImpl['aes'];\n    colorScale: (value: T) => string,\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n}\n\nexport function CanvasCells<ValueType>({\n    width,\n    height,\n    facetKey,\n    scales,\n    cells,\n    xKeys,\n    yKeys,\n    stepX,\n    stepY,\n    aes,\n    colorScale,\n    tooltipsData,\n}: CanvasCellsProps<ValueType>) {\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<ValueType>(\n            ctx.current,\n            scales,\n            cells,\n            xKeys,\n            yKeys, stepX, stepY,\n            aes.cellStrokeColor,\n            aes.emptyCellColor,\n            colorScale,\n            width,\n            height\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 = width + 'px';\n            canvasEl.style.height = height + 'px';\n            ctx.current.scale(canvasRatio, canvasRatio);\n        }\n        render();\n    }, [width, height]);\n    render();\n\n    const moveOnCanvas: MouseEventHandler<HTMLCanvasElement> = useFunction((e: React.MouseEvent) => {\n        const x = e.nativeEvent.offsetX;\n        const y = e.nativeEvent.offsetY;\n        const xKey = searchKey(x, scales.x.range(), scales.x.domain(), stepX);\n        const yKey = searchKey(y, scales.y.range(), scales.y.domain(), stepY);\n        const activeCell = cells[xKey]?.[yKey];\n        if (activeCell) {\n            tooltipsData.onMouseEnter(activeCell, facetKey);\n        } else {\n            tooltipsData.onMouseLeave();\n        }\n    });\n\n    return (\n        <foreignObject width={width} height={height}>\n            <canvas\n                ref={canvasRef}\n                width={canvasRatio * width}\n                height={canvasRatio * height}\n                onMouseMove={moveOnCanvas}\n                onMouseLeave={() => tooltipsData.onMouseLeave()}\n            />\n        </foreignObject>\n    );\n}"],"names":["renderCells","ctx","scales","cells","xKeys","yKeys","stepX","stepY","strokeColor","emptyCellColor","colorScale","width","height","xKey","yKey","cell","_a","x","y","binarySearch","arr","val","step","start","end","mid","searchKey","px","positions","keys","pos","CanvasCells","facetKey","aes","tooltipsData","canvasRef","useRef","canvasRatio","render","useEffect","canvasEl","moveOnCanvas","useFunction","e","activeCell","jsx"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { TooltipsData } from '../../common/Tooltip';
 import { Cell, GroupedCellsData } from '../getCells';
 import { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';
 import { AnnotationColorScales, AnnotationTooltipData, CaptionsSizes, ChartDendrograms, ChartDimensionsData, ChartScales, ChartSizes, DendrogramAesScales, LabelAngles, Margins } from './types';
-export declare function Chart<ValueType>({ dendrograms, facetKey, dimensions, scales, cells, xGroupKeys, yGroupKeys, xKeysByGroups, yKeysByGroups, colorScale, chartSettings, cellsMeta, stepX, stepY, sharedX, sharedY, annotations, annotationColorScales, dendrogramAesScales, aes, labelAngles, chartSizes, margins, tooltipsContainer, tooltipsData, }: {
+export declare function Chart<ValueType>({ dendrograms, facetKey, dimensions, scales, cells, xGroupKeys, yGroupKeys, xKeysByGroups, yKeysByGroups, colorScale, chartSettings, cellsMeta, stepX, stepY, sharedX, sharedY, annotations, annotationColorScales, dendrogramAesScales, aes, labelAngles, chartSizes, margins, tooltipsContainer, tooltipsData, cellsRenderingMode, }: {
     facetKey: string;
     chartSizes: ChartSizes;
     captionsSizes: CaptionsSizes;
@@ -29,5 +29,6 @@ export declare function Chart<ValueType>({ dendrograms, facetKey, dimensions, sc
     margins: Margins;
     tooltipsContainer?: Element;
     tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
+    cellsRenderingMode: 'svg' | 'canvas';
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Chart.d.ts.map

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":"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;AAwDtM,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,GAAG,qBAAqB,CAAC,CAAC;CAC5D,2CAmLA"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,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;AAKtM,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,EACZ,kBAAkB,GACrB,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,GAAG,qBAAqB,CAAC,CAAC;IACzD,kBAAkB,EAAE,KAAK,GAAG,QAAQ,CAAC;CACxC,2CA0MA"}

package/dist/heatmap/components/Chart.js

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