@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/heatmap/HeatmapSettingsImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapSettingsImpl.js","sources":["../../src/heatmap/HeatmapSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport type {\n    AesRecord,\n    AggregationMethod,\n    ColumnName, DendrogramDistance, DendrogramLinkage, HeatmapSettings,\n    LegendPosition, LineShape, NormalizationDirection, NormalizationMethod, PointShape,\n    SettingsInterface,\n    TitlePosition\n} from '../types';\nimport { HeatmapSettingsSchema } from '../types';\nimport { MIN_MARGIN, MIN_PADDING } from './constants';\n\nconst DEFAULT_DENDRO_AES = {\n    lineColor: BLACK,\n    dotShape: '21' as PointShape,\n    dotFill: BLACK,\n    dotSize: 3,\n    lineShape: 'solid' as LineShape,\n    lineWidth: 1,\n};\nconst DEFAULT_DENDRO: HeatmapDendrogramSettings = {\n    size: 150,\n    distance: 'euclidean',\n    linkage: 'average',\n    fillNA: 0,\n    showNodes: true,\n    hidden: false,\n    edgeInheritance: 'up',\n    aes: DEFAULT_DENDRO_AES,\n};\n\nexport interface HeatmapDendrogramSettings {\n    size: number;\n    distance: DendrogramDistance;\n    linkage: DendrogramLinkage;\n    fillNA: number;\n    showNodes: boolean;\n    hidden: boolean;\n    edgeInheritance: 'up' | 'down';\n    aes: {\n        lineColor: string | ColumnName;\n        dotFill: string | ColumnName;\n        dotShape: PointShape | ColumnName;\n        dotSize: number | ColumnName;\n        lineShape: LineShape | ColumnName;\n        lineWidth: number | ColumnName;\n    };\n}\n\ninterface HeatmapDendrogramSettingsX extends HeatmapDendrogramSettings {\n    position: 'top' | 'bottom';\n}\ninterface HeatmapDendrogramSettingsY extends HeatmapDendrogramSettings {\n    position: 'left' | 'right';\n}\n\ninterface HeatmapAnnotation {\n    id: string;\n    valueColumn: ColumnName;\n    showTitle: boolean;\n    type: 'discrete' | 'continuous';\n    colors: string[];\n}\n\ninterface HeatmapAnnotationX extends HeatmapAnnotation {\n    axis: 'x';\n    position: 'top' | 'bottom';\n    titlePosition: 'left' | 'right';\n}\ninterface HeatmapAnnotationY extends HeatmapAnnotation {\n    axis: 'y';\n    position: 'left' | 'right';\n    titlePosition: 'top' | 'bottom';\n}\n\nexport class HeatmapSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'heatmap';\n    readonly facetSettings: {\n        order: string[] | null;\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n    };\n    readonly xColumn: ColumnName;\n    readonly xGroupBy: ColumnName[];\n    readonly yColumn: ColumnName;\n    readonly yGroupBy: ColumnName[];\n    readonly valueColumn: ColumnName;\n    readonly facetBy: ColumnName[];\n    readonly normalization: { direction: NormalizationDirection, method: NormalizationMethod, colorRange?: number[] } | null;\n    readonly chartSettings: {\n        readonly title: { name: string; show: boolean; position: TitlePosition };\n        readonly size: {\n            width: number;\n            height: number;\n            cellWidth: number | null;\n            cellHeight: number | null;\n            innerOffset: number;\n            outerOffset: number;\n        };\n        readonly frame: { type: 'full' | 'groups' | 'none' };\n        readonly valueType: 'discrete' | 'continuous';\n        readonly yAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            showGroupLabels: boolean;\n            position: 'left' | 'right';\n            groupingPosition: 'left' | 'right';\n            axisLabelsAngle: 0 | 45 | 90;\n            groupLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n        };\n        readonly xAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            showGroupLabels: boolean;\n            position: 'bottom' | 'top';\n            groupingPosition: 'bottom' | 'top';\n            axisLabelsAngle: 0 | 45 | 90;\n            groupLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n        };\n        readonly legend: { show: boolean; position: LegendPosition };\n        readonly tooltips: { show: boolean; content?: ColumnName[] };\n    };\n    readonly keysOrder: Record<string, string[]>;\n    readonly aes: {\n        colorsList: string[];\n        colorsMap: Record<string, string> | null;\n        valueColors: string[] | null;\n        valuesByColors: number[] | null;\n        groupGap: number;\n        cellStrokeColor: string;\n        emptyCellColor: string;\n    };\n\n    readonly aggregation: {\n        x: boolean;\n        y: boolean;\n        method: AggregationMethod;\n    };\n\n    readonly annotations: (HeatmapAnnotationX | HeatmapAnnotationY)[];\n\n    readonly dendrogramX: HeatmapDendrogramSettingsX | null;\n    readonly dendrogramY: HeatmapDendrogramSettingsY | null;\n    readonly inheritedDendrogramAes: Record<string, AesRecord> | null;\n    readonly NAValueAs: number | null;\n    readonly cellsRenderingMode: 'canvas' | 'svg' | null;\n\n    constructor(settings: HeatmapSettings) {\n        HeatmapSettingsSchema.parse(settings);\n\n        this.id = lodash.uniqueId('settings');\n        this.xColumn = settings.xColumn;\n        this.xGroupBy = settings.xGroupBy ?? [];\n        this.yColumn = settings.yColumn;\n        this.yGroupBy = settings.yGroupBy ?? [];\n        this.valueColumn = settings.valueColumn;\n        this.facetBy = settings.facetBy ?? [];\n        this.chartSettings = {\n            title: {\n                position: 'left',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n                innerOffset: settings.size?.innerOffset ?? MIN_PADDING,\n                outerOffset: settings.size?.outerOffset ?? MIN_MARGIN,\n                cellWidth: settings?.size?.cellWidth ?? null,\n                cellHeight: settings?.size?.cellHeight ?? null,\n            },\n            frame: { type: settings.frame?.type ?? 'none' },\n            valueType: settings.valueType ?? 'continuous',\n            yAxis: {\n                title: settings.yColumn.label ?? settings.yColumn.value,\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                showGroupLabels: true,\n                position: 'left',\n                groupingPosition: 'left',\n                axisLabelsAngle: 90,\n                groupLabelsAngle: 0,\n                sorting: 'asc',\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.xColumn.label ?? settings.xColumn.value,\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                showGroupLabels: true,\n                position: 'bottom',\n                groupingPosition: 'bottom',\n                axisLabelsAngle: 90,\n                groupLabelsAngle: 0,\n                sorting: 'asc',\n                ...settings.xAxis,\n            },\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                show: true,\n                ...settings.tooltips,\n            },\n        };\n        this.facetSettings = {\n            sharedX: true,\n            sharedY: true,\n            order: settings.facetSettings?.order ?? null,\n            ...settings.facetSettings,\n        };\n        if (this.chartSettings.size.cellWidth && this.facetBy.length > 0) {\n            this.facetSettings.sharedX = true;\n        }\n        if (this.chartSettings.size.cellHeight && this.facetBy.length > 0) {\n            this.facetSettings.sharedY = true;\n        }\n        this.keysOrder = settings.keysOrder ?? {};\n        this.normalization = this.chartSettings.valueType === 'continuous' ? settings.normalization ?? null : null;\n        this.NAValueAs = settings.NAValueAs ?? null;\n        this.aes = {\n            colorsList: settings.aes?.colorsList ?? ['black', 'white', 'red'],\n            colorsMap: settings.aes?.colorsMap ?? null,\n            valueColors: settings.aes?.valueColors ?? null,\n            valuesByColors: settings.aes?.valuesByColors ?? null,\n            cellStrokeColor: settings.aes?.cellStrokeColor ?? 'none',\n            groupGap: settings.aes?.groupGap ?? 3,\n            emptyCellColor: settings.aes?.emptyCellColor ?? 'white',\n        };\n\n        this.annotations = (settings.annotations ?? []).map(item => {\n            if (item.axis === 'x') {\n                return {\n                    id: lodash.uniqueId('annotation'),\n                    axis: 'x',\n                    valueColumn: item.valueColumn,\n                    position: item.position ?? this.chartSettings.xAxis.position,\n                    titlePosition: item.titlePosition ?? 'right',\n                    showTitle: item.showTitle ?? true,\n                    type: item.type,\n                    colors: item.colors ?? ['white', 'black'],\n                };\n            }\n            return {\n                id: lodash.uniqueId('annotation'),\n                axis: 'y',\n                valueColumn: item.valueColumn,\n                position: item.position ?? this.chartSettings.yAxis.position,\n                titlePosition: item.titlePosition ?? 'top',\n                showTitle: item.showTitle ?? true,\n                type: item.type,\n                colors: item.colors ?? ['white', 'black'],\n            };\n        });\n\n        if (settings.valueType === 'discrete' && (settings.dendrogramX || settings.dendrogramY)) {\n            throw Error('Dendrogram is not available with discrete cells values');\n        }\n\n        this.aggregation = {\n            x: false,\n            y: false,\n            method: 'min',\n            ...settings.aggregation\n        };\n\n        this.dendrogramX = settings.dendrogramX\n            ? {\n                ...DEFAULT_DENDRO,\n                position: 'top',\n                ...settings.dendrogramX,\n                aes: {\n                    ...DEFAULT_DENDRO_AES,\n                    ...settings.dendrogramX?.aes,\n                },\n            }\n            : null;\n        this.dendrogramY = settings.dendrogramY\n            ? {\n                ...DEFAULT_DENDRO,\n                position: 'left',\n                ...settings.dendrogramY,\n                aes: {\n                    ...DEFAULT_DENDRO_AES,\n                    ...settings.dendrogramY?.aes,\n                },\n            }\n            : null;\n        this.inheritedDendrogramAes = settings.inheritedDendrogramAes ?? null;\n        this.cellsRenderingMode = settings.cellsRenderingMode ?? null;\n    }\n}\n"],"names":["DEFAULT_DENDRO_AES","BLACK","DEFAULT_DENDRO","HeatmapSettingsImpl","settings","__publicField","HeatmapSettingsSchema","lodash","_a","_b","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_c","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_d","MIN_PADDING","_e","MIN_MARGIN","_f","_g","_h","_i","_j","_k","_l","_m","_n","_o","_p","item","_q","_r"],"mappings":"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"}
+{"version":3,"file":"HeatmapSettingsImpl.js","names":[],"sources":["../../src/heatmap/HeatmapSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport type {\n    AesRecord,\n    AggregationMethod,\n    ColumnName, DendrogramDistance, DendrogramLinkage, HeatmapSettings,\n    LegendPosition, LineShape, NormalizationDirection, NormalizationMethod, PointShape,\n    SettingsInterface,\n    TitlePosition\n} from '../types';\nimport { HeatmapSettingsSchema } from '../types';\nimport { MIN_MARGIN, MIN_PADDING } from './constants';\n\nconst DEFAULT_DENDRO_AES = {\n    lineColor: BLACK,\n    dotShape: '21' as PointShape,\n    dotFill: BLACK,\n    dotSize: 3,\n    lineShape: 'solid' as LineShape,\n    lineWidth: 1,\n};\nconst DEFAULT_DENDRO: HeatmapDendrogramSettings = {\n    size: 150,\n    distance: 'euclidean',\n    linkage: 'average',\n    fillNA: 0,\n    showNodes: true,\n    hidden: false,\n    edgeInheritance: 'up',\n    aes: DEFAULT_DENDRO_AES,\n};\n\nexport interface HeatmapDendrogramSettings {\n    size: number;\n    distance: DendrogramDistance;\n    linkage: DendrogramLinkage;\n    fillNA: number;\n    showNodes: boolean;\n    hidden: boolean;\n    edgeInheritance: 'up' | 'down';\n    aes: {\n        lineColor: string | ColumnName;\n        dotFill: string | ColumnName;\n        dotShape: PointShape | ColumnName;\n        dotSize: number | ColumnName;\n        lineShape: LineShape | ColumnName;\n        lineWidth: number | ColumnName;\n    };\n}\n\ninterface HeatmapDendrogramSettingsX extends HeatmapDendrogramSettings {\n    position: 'top' | 'bottom';\n}\ninterface HeatmapDendrogramSettingsY extends HeatmapDendrogramSettings {\n    position: 'left' | 'right';\n}\n\ninterface HeatmapAnnotation {\n    id: string;\n    valueColumn: ColumnName;\n    showTitle: boolean;\n    type: 'discrete' | 'continuous';\n    colors: string[];\n}\n\ninterface HeatmapAnnotationX extends HeatmapAnnotation {\n    axis: 'x';\n    position: 'top' | 'bottom';\n    titlePosition: 'left' | 'right';\n}\ninterface HeatmapAnnotationY extends HeatmapAnnotation {\n    axis: 'y';\n    position: 'left' | 'right';\n    titlePosition: 'top' | 'bottom';\n}\n\nexport class HeatmapSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'heatmap';\n    readonly facetSettings: {\n        order: string[] | null;\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n    };\n    readonly xColumn: ColumnName;\n    readonly xGroupBy: ColumnName[];\n    readonly yColumn: ColumnName;\n    readonly yGroupBy: ColumnName[];\n    readonly valueColumn: ColumnName;\n    readonly facetBy: ColumnName[];\n    readonly normalization: { direction: NormalizationDirection, method: NormalizationMethod, colorRange?: number[] } | null;\n    readonly chartSettings: {\n        readonly title: { name: string; show: boolean; position: TitlePosition };\n        readonly size: {\n            width: number;\n            height: number;\n            cellWidth: number | null;\n            cellHeight: number | null;\n            innerOffset: number;\n            outerOffset: number;\n        };\n        readonly frame: { type: 'full' | 'groups' | 'none' };\n        readonly valueType: 'discrete' | 'continuous';\n        readonly yAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            showGroupLabels: boolean;\n            position: 'left' | 'right';\n            groupingPosition: 'left' | 'right';\n            axisLabelsAngle: 0 | 45 | 90;\n            groupLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n        };\n        readonly xAxis: {\n            title: string;\n            showTicks: boolean;\n            showTitle: boolean;\n            showAxisLabels: boolean;\n            showGroupLabels: boolean;\n            position: 'bottom' | 'top';\n            groupingPosition: 'bottom' | 'top';\n            axisLabelsAngle: 0 | 45 | 90;\n            groupLabelsAngle: 0 | 45 | 90;\n            sorting: 'asc' | 'desc';\n        };\n        readonly legend: { show: boolean; position: LegendPosition };\n        readonly tooltips: { show: boolean; content?: ColumnName[] };\n    };\n    readonly keysOrder: Record<string, string[]>;\n    readonly aes: {\n        colorsList: string[];\n        colorsMap: Record<string, string> | null;\n        valueColors: string[] | null;\n        valuesByColors: number[] | null;\n        groupGap: number;\n        cellStrokeColor: string;\n        emptyCellColor: string;\n    };\n\n    readonly aggregation: {\n        x: boolean;\n        y: boolean;\n        method: AggregationMethod;\n    };\n\n    readonly annotations: (HeatmapAnnotationX | HeatmapAnnotationY)[];\n\n    readonly dendrogramX: HeatmapDendrogramSettingsX | null;\n    readonly dendrogramY: HeatmapDendrogramSettingsY | null;\n    readonly inheritedDendrogramAes: Record<string, AesRecord> | null;\n    readonly NAValueAs: number | null;\n    readonly cellsRenderingMode: 'canvas' | 'svg' | null;\n\n    constructor(settings: HeatmapSettings) {\n        HeatmapSettingsSchema.parse(settings);\n\n        this.id = lodash.uniqueId('settings');\n        this.xColumn = settings.xColumn;\n        this.xGroupBy = settings.xGroupBy ?? [];\n        this.yColumn = settings.yColumn;\n        this.yGroupBy = settings.yGroupBy ?? [];\n        this.valueColumn = settings.valueColumn;\n        this.facetBy = settings.facetBy ?? [];\n        this.chartSettings = {\n            title: {\n                position: 'left',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n                innerOffset: settings.size?.innerOffset ?? MIN_PADDING,\n                outerOffset: settings.size?.outerOffset ?? MIN_MARGIN,\n                cellWidth: settings?.size?.cellWidth ?? null,\n                cellHeight: settings?.size?.cellHeight ?? null,\n            },\n            frame: { type: settings.frame?.type ?? 'none' },\n            valueType: settings.valueType ?? 'continuous',\n            yAxis: {\n                title: settings.yColumn.label ?? settings.yColumn.value,\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                showGroupLabels: true,\n                position: 'left',\n                groupingPosition: 'left',\n                axisLabelsAngle: 90,\n                groupLabelsAngle: 0,\n                sorting: 'asc',\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.xColumn.label ?? settings.xColumn.value,\n                showTicks: true,\n                showTitle: true,\n                showAxisLabels: true,\n                showGroupLabels: true,\n                position: 'bottom',\n                groupingPosition: 'bottom',\n                axisLabelsAngle: 90,\n                groupLabelsAngle: 0,\n                sorting: 'asc',\n                ...settings.xAxis,\n            },\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                show: true,\n                ...settings.tooltips,\n            },\n        };\n        this.facetSettings = {\n            sharedX: true,\n            sharedY: true,\n            order: settings.facetSettings?.order ?? null,\n            ...settings.facetSettings,\n        };\n        if (this.chartSettings.size.cellWidth && this.facetBy.length > 0) {\n            this.facetSettings.sharedX = true;\n        }\n        if (this.chartSettings.size.cellHeight && this.facetBy.length > 0) {\n            this.facetSettings.sharedY = true;\n        }\n        this.keysOrder = settings.keysOrder ?? {};\n        this.normalization = this.chartSettings.valueType === 'continuous' ? settings.normalization ?? null : null;\n        this.NAValueAs = settings.NAValueAs ?? null;\n        this.aes = {\n            colorsList: settings.aes?.colorsList ?? ['black', 'white', 'red'],\n            colorsMap: settings.aes?.colorsMap ?? null,\n            valueColors: settings.aes?.valueColors ?? null,\n            valuesByColors: settings.aes?.valuesByColors ?? null,\n            cellStrokeColor: settings.aes?.cellStrokeColor ?? 'none',\n            groupGap: settings.aes?.groupGap ?? 3,\n            emptyCellColor: settings.aes?.emptyCellColor ?? 'white',\n        };\n\n        this.annotations = (settings.annotations ?? []).map(item => {\n            if (item.axis === 'x') {\n                return {\n                    id: lodash.uniqueId('annotation'),\n                    axis: 'x',\n                    valueColumn: item.valueColumn,\n                    position: item.position ?? this.chartSettings.xAxis.position,\n                    titlePosition: item.titlePosition ?? 'right',\n                    showTitle: item.showTitle ?? true,\n                    type: item.type,\n                    colors: item.colors ?? ['white', 'black'],\n                };\n            }\n            return {\n                id: lodash.uniqueId('annotation'),\n                axis: 'y',\n                valueColumn: item.valueColumn,\n                position: item.position ?? this.chartSettings.yAxis.position,\n                titlePosition: item.titlePosition ?? 'top',\n                showTitle: item.showTitle ?? true,\n                type: item.type,\n                colors: item.colors ?? ['white', 'black'],\n            };\n        });\n\n        if (settings.valueType === 'discrete' && (settings.dendrogramX || settings.dendrogramY)) {\n            throw Error('Dendrogram is not available with discrete cells values');\n        }\n\n        this.aggregation = {\n            x: false,\n            y: false,\n            method: 'min',\n            ...settings.aggregation\n        };\n\n        this.dendrogramX = settings.dendrogramX\n            ? {\n                ...DEFAULT_DENDRO,\n                position: 'top',\n                ...settings.dendrogramX,\n                aes: {\n                    ...DEFAULT_DENDRO_AES,\n                    ...settings.dendrogramX?.aes,\n                },\n            }\n            : null;\n        this.dendrogramY = settings.dendrogramY\n            ? {\n                ...DEFAULT_DENDRO,\n                position: 'left',\n                ...settings.dendrogramY,\n                aes: {\n                    ...DEFAULT_DENDRO_AES,\n                    ...settings.dendrogramY?.aes,\n                },\n            }\n            : null;\n        this.inheritedDendrogramAes = settings.inheritedDendrogramAes ?? null;\n        this.cellsRenderingMode = settings.cellsRenderingMode ?? null;\n    }\n}\n"],"mappings":"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"}

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

@@ -1,167 +1,117 @@
-import { j as h } from "../../../_virtual/jsx-runtime.js";
-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 n = t === "right" ? l + 5 : -5, r = f / 2;
-  return { x: n, y: r, rotate: 0, anchor: t === "right" ? "start" : "end" };
+import "../../../constants.js";
+import { AnnotationCellsCanvas as e } from "./AnnotationCellsCanvas.js";
+import { AnnotationCellsSvg as t } from "./AnnotationCellsSvg.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+function i(e, t, n, r, i) {
+	return e ? {
+		x: 16 / 2,
+		y: n === "top" ? -5 : i + 5,
+		rotate: t === "left" ? -90 : 90,
+		anchor: t === "left" && n === "top" ? "start" : "end"
+	} : {
+		x: n === "right" ? r + 5 : -5,
+		y: 16 / 2,
+		rotate: 0,
+		anchor: n === "right" ? "start" : "end"
+	};
 }
-function J({
-  facetKey: s,
-  data: m,
-  scales: t,
-  stepX: l,
-  stepY: u,
-  x: n,
-  y: r,
-  annotation: x,
-  showTitle: k,
-  width: C,
-  height: p,
-  colorScale: v,
-  aes: _,
-  frame: w,
-  xGroupKeys: T,
-  yGroupKeys: W,
-  xKeysByGroups: a,
-  yKeysByGroups: d,
-  tooltipsData: j,
-  cellsRenderingMode: b
-}) {
-  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: [
-    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 g = e * l, i = t.x(a[o][0]);
-      return /* @__PURE__ */ h.jsx(
-        "rect",
-        {
-          x: i + n,
-          y: r,
-          width: g,
-          height: f,
-          stroke: "none",
-          fill: "rgba(255, 255, 255, 0.8)"
-        },
-        `${i}_${r}`
-      );
-    }),
-    j.fixed && c && W.map((o) => {
-      const e = d[o].length;
-      if (e === 0)
-        return null;
-      const g = e * u, i = t.y(d[o][0]);
-      return /* @__PURE__ */ h.jsx(
-        "rect",
-        {
-          x: n,
-          y: i + r,
-          width: f,
-          height: g,
-          stroke: "none",
-          fill: "rgba(255, 255, 255, 0.8)"
-        },
-        `${n}_${i}`
-      );
-    }),
-    w.type === "groups" && !c && T.map((o) => {
-      const e = a[o].length;
-      if (e === 0)
-        return null;
-      const g = e * l, i = t.x(a[o][0]);
-      return /* @__PURE__ */ h.jsx(
-        "rect",
-        {
-          x: i + n,
-          y: r,
-          width: g,
-          height: f,
-          stroke: I,
-          fill: "none"
-        },
-        `${i}_${r}`
-      );
-    }),
-    w.type === "groups" && c && W.map((o) => {
-      const e = d[o].length;
-      if (e === 0)
-        return null;
-      const g = e * u, i = t.y(d[o][0]);
-      return /* @__PURE__ */ h.jsx(
-        "rect",
-        {
-          x: n,
-          y: i + r,
-          width: f,
-          height: g,
-          stroke: I,
-          fill: "none"
-        },
-        `${n}_${i}`
-      );
-    }),
-    k && /* @__PURE__ */ h.jsx(
-      "g",
-      {
-        fontWeight: "500",
-        fontSize: "14px",
-        transform: `translate(${n + $.x},${r + $.y}) rotate(${$.rotate})`,
-        children: /* @__PURE__ */ h.jsx(
-          "text",
-          {
-            textAnchor: $.anchor,
-            dominantBaseline: "central",
-            children: H.label ?? H.value
-          }
-        )
-      }
-    )
-  ] });
+function a({ facetKey: a, data: o, scales: s, stepX: c, stepY: l, x: u, y: d, annotation: f, showTitle: p, width: m, height: h, colorScale: g, aes: _, frame: v, xGroupKeys: y, yGroupKeys: b, xKeysByGroups: x, yKeysByGroups: S, tooltipsData: C, cellsRenderingMode: w }) {
+	let { position: T, titlePosition: E, valueColumn: D } = f, O = T === "left" || T === "right", k = (O ? s.y : s.x).domain(), A = i(O, T, E, m, h);
+	return /* @__PURE__ */ r("g", { children: [
+		w === "svg" && /* @__PURE__ */ n(t, {
+			facetKey: a,
+			scales: s,
+			keys: k,
+			x: u,
+			y: d,
+			stepX: c,
+			stepY: l,
+			vertical: O,
+			aes: _,
+			colorScale: g,
+			data: o,
+			annotation: f,
+			tooltipsData: C
+		}),
+		w === "canvas" && /* @__PURE__ */ n(e, {
+			facetKey: a,
+			scales: s,
+			keys: k,
+			x: u,
+			y: d,
+			stepX: c,
+			stepY: l,
+			vertical: O,
+			aes: _,
+			colorScale: g,
+			data: o,
+			annotation: f,
+			tooltipsData: C
+		}),
+		C.fixed && !O && y.map((e) => {
+			let t = x[e].length;
+			if (t === 0) return null;
+			let r = t * c, i = s.x(x[e][0]);
+			return /* @__PURE__ */ n("rect", {
+				x: i + u,
+				y: d,
+				width: r,
+				height: 16,
+				stroke: "none",
+				fill: "rgba(255, 255, 255, 0.8)"
+			}, `${i}_${d}`);
+		}),
+		C.fixed && O && b.map((e) => {
+			let t = S[e].length;
+			if (t === 0) return null;
+			let r = t * l, i = s.y(S[e][0]);
+			return /* @__PURE__ */ n("rect", {
+				x: u,
+				y: i + d,
+				width: 16,
+				height: r,
+				stroke: "none",
+				fill: "rgba(255, 255, 255, 0.8)"
+			}, `${u}_${i}`);
+		}),
+		v.type === "groups" && !O && y.map((e) => {
+			let t = x[e].length;
+			if (t === 0) return null;
+			let r = t * c, i = s.x(x[e][0]);
+			return /* @__PURE__ */ n("rect", {
+				x: i + u,
+				y: d,
+				width: r,
+				height: 16,
+				stroke: "#110529",
+				fill: "none"
+			}, `${i}_${d}`);
+		}),
+		v.type === "groups" && O && b.map((e) => {
+			let t = S[e].length;
+			if (t === 0) return null;
+			let r = t * l, i = s.y(S[e][0]);
+			return /* @__PURE__ */ n("rect", {
+				x: u,
+				y: i + d,
+				width: 16,
+				height: r,
+				stroke: "#110529",
+				fill: "none"
+			}, `${u}_${i}`);
+		}),
+		p && /* @__PURE__ */ n("g", {
+			fontWeight: "500",
+			fontSize: "14px",
+			transform: `translate(${u + A.x},${d + A.y}) rotate(${A.rotate})`,
+			children: /* @__PURE__ */ n("text", {
+				textAnchor: A.anchor,
+				dominantBaseline: "central",
+				children: D.label ?? D.value
+			})
+		})
+	] });
 }
-export {
-  J as Annotation
-};
-//# sourceMappingURL=Annotation.js.map
+export { a 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 type { TooltipsData } from '../../../common/Tooltip';\nimport { BLACK } from '../../../constants';\nimport type { DataValue } from '../../../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { CellHeatmap, GroupedCellsHeatmap } 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: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<CellHeatmap | 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\n                        textAnchor={textPosition.anchor as 'start' | 'end' | 'middle' | 'inherit' | undefined}\n                        dominantBaseline=\"central\"\n                    >\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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"}
+{"version":3,"file":"Annotation.js","names":[],"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 { CellHeatmap, GroupedCellsHeatmap } 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: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<CellHeatmap | 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\n                        textAnchor={textPosition.anchor as 'start' | 'end' | 'middle' | 'inherit' | undefined}\n                        dominantBaseline=\"central\"\n                    >\n                        {valueColumn.label ?? valueColumn.value}\n                    </text>\n                </g>\n            )}\n        </g>\n    );\n}\n"],"mappings":"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"}

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

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