@milaboratories/miplots4 1.0.151 → 1.0.152

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    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.valueLabels ?? 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.valueLabels ?? 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.valueLabels ?? 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.valueLabels ?? 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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"}
+{"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 {CellHeatmap, GroupedCellsHeatmap} 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: GroupedCellsHeatmap['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: 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 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.valueLabels ?? 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.valueLabels ?? 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.valueLabels ?? 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.valueLabels ?? 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

@@ -1,4 +1,4 @@
-import { Cell, GroupedCellsData } from '../getCells';
+import { CellHeatmap, GroupedCellsHeatmap } from '../getCells';
 import { AnnotationTooltipData, ChartScales } from './types';
 import { TooltipsData } from '../../common/Tooltip';
 import { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';
@@ -7,14 +7,14 @@ interface CanvasCellsProps<T> {
     height: number;
     facetKey: string;
     scales: ChartScales;
-    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];
+    cells: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['cells'];
     xKeys: string[];
     yKeys: string[];
     stepX: number;
     stepY: number;
     aes: HeatmapSettingsImpl['aes'];
     colorScale: (value: T) => string;
-    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
+    tooltipsData: TooltipsData<CellHeatmap | 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 {};

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

@@ -1 +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"}
+{"version":3,"file":"CanvasCells.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/CanvasCells.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACpE,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,mBAAmB,CAAC,QAAQ,CAAC,CAAC,MAAM,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACnF,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,WAAW,GAAG,qBAAqB,CAAC,CAAC;CACnE;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

@@ -1,17 +1,17 @@
 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;
+import { useFunction as L } from "../../utils/hooks/useFunction.js";
+function h(e, n, c, o, t, r, x, m, y, v, d, a) {
+  var l;
   if (e) {
-    e.beginPath(), e.clearRect(0, 0, C, l);
+    e.beginPath(), e.clearRect(0, 0, d, a);
     for (const s of o)
       for (const f of t) {
-        const i = (a = c == null ? void 0 : c[s]) == null ? void 0 : a[f];
+        const i = (l = c == null ? void 0 : c[s]) == null ? void 0 : l[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);
+        const C = n.x(s), u = n.y(f);
+        e.fillStyle = i.value.dataSource === null ? y : v(i.normalizedValue.dataSource), e.fillRect(C, u, r, x);
       }
   }
 }
@@ -40,10 +40,10 @@ function z({
   stepX: m,
   stepY: y,
   aes: v,
-  colorScale: C,
-  tooltipsData: l
+  colorScale: d,
+  tooltipsData: a
 }) {
-  const a = M.useRef(null), s = window.devicePixelRatio || 1, f = M.useRef(null), i = () => {
+  const l = M.useRef(null), s = window.devicePixelRatio || 1, f = M.useRef(null), i = () => {
     h(
       f.current,
       o,
@@ -54,28 +54,28 @@ function z({
       y,
       v.cellStrokeColor,
       v.emptyCellColor,
-      C,
+      d,
       e,
       n
     );
   };
   M.useEffect(() => {
-    const u = a.current;
+    const u = l.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) => {
+  const C = L((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();
+    const K = u.nativeEvent.offsetX, S = u.nativeEvent.offsetY, b = E(K, o.x.range(), o.x.domain(), m), g = E(S, o.y.range(), o.y.domain(), y), R = (p = t[b]) == null ? void 0 : p[g];
+    R ? a.onMouseEnter(R, c) : a.onMouseLeave();
   });
   return /* @__PURE__ */ j.jsx("foreignObject", { width: e, height: n, children: /* @__PURE__ */ j.jsx(
     "canvas",
     {
-      ref: a,
+      ref: l,
       width: s * e,
       height: s * n,
-      onMouseMove: d,
-      onMouseLeave: () => l.onMouseLeave()
+      onMouseMove: C,
+      onMouseLeave: () => a.onMouseLeave()
     }
   ) });
 }

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

@@ -1 +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":";;;AAQA,SAASA,EACLC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;;AACE,MAAKX,GAGL;AAAA,IAAAA,EAAI,UAAA,GACJA,EAAI,UAAU,GAAG,GAAGU,GAAOC,CAAM;AACjC,eAAWC,KAAQT;AACf,iBAAWU,KAAQT,GAAO;AACtB,cAAMU,KAAOC,IAAAb,KAAA,gBAAAA,EAAQU,OAAR,gBAAAG,EAAgBF;AAC7B,YAAI,CAACC;AACD;AAEJ,cAAME,IAAIf,EAAO,EAAEW,CAAI,GACjBK,IAAIhB,EAAO,EAAEY,CAAI;AACvB,QAAAb,EAAI,YAAYc,EAAK,UAAU,OAAON,IAAiBC,EAAWK,EAAK,eAAoB,GACvFd,EAAI,SAASgB,GAAGC,GAAGZ,GAAOC,CAAK;AAAA,MACvC;AAAA;AAER;AAEA,SAASY,EAAaC,GAAeC,GAAaC,GAAc;AAC5D,MAAIC,IAAQ,GACRC,IAAMJ,EAAI,SAAS;AAEvB,SAAOG,KAASC,KAAK;AACjB,UAAMC,IAAM,KAAK,OAAOF,IAAQC,KAAO,CAAC;AACxC,QAAI,KAAK,IAAIJ,EAAIK,CAAG,IAAIJ,CAAG,IAAIC;AAC3B,aAAOF,EAAIK,CAAG,KAAKJ,IAAMI,IAAM,IAAIA;AAGvC,IAAIJ,IAAMD,EAAIK,CAAG,IACbD,IAAMC,IAAM,IAEZF,IAAQE,IAAM;AAAA,EAEtB;AACA,SAAO;AACX;AACA,SAASC,EAAUC,GAAYC,GAAqBC,GAAgBP,GAAc;AAC9E,QAAMQ,IAAMX,EAAaS,GAAWD,GAAIL,CAAI;AAC5C,SAAIQ,MAAQ,KACD,KAEJD,EAAKC,CAAG;AACnB;AAiBO,SAASC,EAAuB;AAAA,EACnC,OAAApB;AAAA,EACA,QAAAC;AAAA,EACA,UAAAoB;AAAA,EACA,QAAA9B;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAA0B;AAAA,EACA,YAAAvB;AAAA,EACA,cAAAwB;AACJ,GAAgC;AAC5B,QAAMC,IAAYC,EAAAA,OAAiC,IAAI,GACjDC,IAAc,OAAO,oBAAoB,GACzCpC,IAAMmC,EAAAA,OAAwC,IAAI,GAClDE,IAAS,MAAM;AACjB,IAAAtC;AAAA,MACIC,EAAI;AAAA,MACJC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MAAOC;AAAA,MAAOC;AAAA,MACd0B,EAAI;AAAA,MACJA,EAAI;AAAA,MACJvB;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EAER;AACA2B,EAAAA,EAAAA,UAAU,MAAM;AACZ,UAAMC,IAAWL,EAAU;AAC3B,IAAKlC,EAAI,YACLA,EAAI,WAAUuC,KAAA,gBAAAA,EAAU,WAAW,UAAS,OAE5CA,KAAYvC,EAAI,YAChBuC,EAAS,MAAM,QAAQ7B,IAAQ,MAC/B6B,EAAS,MAAM,SAAS5B,IAAS,MACjCX,EAAI,QAAQ,MAAMoC,GAAaA,CAAW,IAE9CC,EAAA;AAAA,EACJ,GAAG,CAAC3B,GAAOC,CAAM,CAAC,GAClB0B,EAAA;AAEA,QAAMG,IAAqDC,EAAY,CAACC,MAAwB;;AAC5F,UAAM1B,IAAI0B,EAAE,YAAY,SAClBzB,IAAIyB,EAAE,YAAY,SAClB9B,IAAOa,EAAUT,GAAGf,EAAO,EAAE,MAAA,GAASA,EAAO,EAAE,OAAA,GAAUI,CAAK,GAC9DQ,IAAOY,EAAUR,GAAGhB,EAAO,EAAE,MAAA,GAASA,EAAO,EAAE,OAAA,GAAUK,CAAK,GAC9DqC,KAAa5B,IAAAb,EAAMU,CAAI,MAAV,gBAAAG,EAAcF;AACjC,IAAI8B,IACAV,EAAa,aAAaU,GAAYZ,CAAQ,IAE9CE,EAAa,aAAA;AAAA,EAErB,CAAC;AAED,SACIW,gBAAAA,EAAAA,IAAC,iBAAA,EAAc,OAAAlC,GAAc,QAAAC,GACzB,UAAAiC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKV;AAAA,MACL,OAAOE,IAAc1B;AAAA,MACrB,QAAQ0B,IAAczB;AAAA,MACtB,aAAa6B;AAAA,MACb,cAAc,MAAMP,EAAa,aAAA;AAAA,IAAa;AAAA,EAAA,GAEtD;AAER;"}
+{"version":3,"file":"CanvasCells.js","sources":["../../../src/heatmap/components/CanvasCells.tsx"],"sourcesContent":["import type { CellHeatmap, GroupedCellsHeatmap } 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: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['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.dataSource === null ? emptyCellColor : colorScale(cell.normalizedValue.dataSource 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: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['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<CellHeatmap | 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":";;;AAQA,SAASA,EACLC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;;AACE,MAAKX,GAGL;AAAA,IAAAA,EAAI,UAAA,GACJA,EAAI,UAAU,GAAG,GAAGU,GAAOC,CAAM;AACjC,eAAWC,KAAQT;AACf,iBAAWU,KAAQT,GAAO;AACtB,cAAMU,KAAOC,IAAAb,KAAA,gBAAAA,EAAQU,OAAR,gBAAAG,EAAgBF;AAC7B,YAAI,CAACC;AACD;AAEJ,cAAME,IAAIf,EAAO,EAAEW,CAAI,GACjBK,IAAIhB,EAAO,EAAEY,CAAI;AACvB,QAAAb,EAAI,YAAYc,EAAK,MAAM,eAAe,OAAON,IAAiBC,EAAWK,EAAK,gBAAgB,UAAe,GAC7Gd,EAAI,SAASgB,GAAGC,GAAGZ,GAAOC,CAAK;AAAA,MACvC;AAAA;AAER;AAEA,SAASY,EAAaC,GAAeC,GAAaC,GAAc;AAC5D,MAAIC,IAAQ,GACRC,IAAMJ,EAAI,SAAS;AAEvB,SAAOG,KAASC,KAAK;AACjB,UAAMC,IAAM,KAAK,OAAOF,IAAQC,KAAO,CAAC;AACxC,QAAI,KAAK,IAAIJ,EAAIK,CAAG,IAAIJ,CAAG,IAAIC;AAC3B,aAAOF,EAAIK,CAAG,KAAKJ,IAAMI,IAAM,IAAIA;AAGvC,IAAIJ,IAAMD,EAAIK,CAAG,IACbD,IAAMC,IAAM,IAEZF,IAAQE,IAAM;AAAA,EAEtB;AACA,SAAO;AACX;AACA,SAASC,EAAUC,GAAYC,GAAqBC,GAAgBP,GAAc;AAC9E,QAAMQ,IAAMX,EAAaS,GAAWD,GAAIL,CAAI;AAC5C,SAAIQ,MAAQ,KACD,KAEJD,EAAKC,CAAG;AACnB;AAiBO,SAASC,EAAuB;AAAA,EACnC,OAAApB;AAAA,EACA,QAAAC;AAAA,EACA,UAAAoB;AAAA,EACA,QAAA9B;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAA0B;AAAA,EACA,YAAAvB;AAAA,EACA,cAAAwB;AACJ,GAAgC;AAC5B,QAAMC,IAAYC,EAAAA,OAAiC,IAAI,GACjDC,IAAc,OAAO,oBAAoB,GACzCpC,IAAMmC,EAAAA,OAAwC,IAAI,GAClDE,IAAS,MAAM;AACjB,IAAAtC;AAAA,MACIC,EAAI;AAAA,MACJC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MAAOC;AAAA,MAAOC;AAAA,MACd0B,EAAI;AAAA,MACJA,EAAI;AAAA,MACJvB;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EAER;AACA2B,EAAAA,EAAAA,UAAU,MAAM;AACZ,UAAMC,IAAWL,EAAU;AAC3B,IAAKlC,EAAI,YACLA,EAAI,WAAUuC,KAAA,gBAAAA,EAAU,WAAW,UAAS,OAE5CA,KAAYvC,EAAI,YAChBuC,EAAS,MAAM,QAAQ7B,IAAQ,MAC/B6B,EAAS,MAAM,SAAS5B,IAAS,MACjCX,EAAI,QAAQ,MAAMoC,GAAaA,CAAW,IAE9CC,EAAA;AAAA,EACJ,GAAG,CAAC3B,GAAOC,CAAM,CAAC,GAClB0B,EAAA;AAEA,QAAMG,IAAqDC,EAAY,CAACC,MAAwB;;AAC5F,UAAM1B,IAAI0B,EAAE,YAAY,SAClBzB,IAAIyB,EAAE,YAAY,SAClB9B,IAAOa,EAAUT,GAAGf,EAAO,EAAE,MAAA,GAASA,EAAO,EAAE,OAAA,GAAUI,CAAK,GAC9DQ,IAAOY,EAAUR,GAAGhB,EAAO,EAAE,MAAA,GAASA,EAAO,EAAE,OAAA,GAAUK,CAAK,GAC9DqC,KAAa5B,IAAAb,EAAMU,CAAI,MAAV,gBAAAG,EAAcF;AACjC,IAAI8B,IACAV,EAAa,aAAaU,GAAYZ,CAAQ,IAE9CE,EAAa,aAAA;AAAA,EAErB,CAAC;AAED,SACIW,gBAAAA,EAAAA,IAAC,iBAAA,EAAc,OAAAlC,GAAc,QAAAC,GACzB,UAAAiC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKV;AAAA,MACL,OAAOE,IAAc1B;AAAA,MACrB,QAAQ0B,IAAczB;AAAA,MACtB,aAAa6B;AAAA,MACb,cAAc,MAAMP,EAAa,aAAA;AAAA,IAAa;AAAA,EAAA,GAEtD;AAER;"}

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

@@ -1,5 +1,5 @@
 import { TooltipsData } from '../../common/Tooltip';
-import { Cell, GroupedCellsData } from '../getCells';
+import { CellHeatmap, GroupedCellsHeatmap } 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, cellsRenderingMode, }: {
@@ -8,14 +8,14 @@ export declare function Chart<ValueType>({ dendrograms, facetKey, dimensions, sc
     captionsSizes: CaptionsSizes;
     dimensions: ChartDimensionsData;
     scales: ChartScales;
-    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];
-    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];
-    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];
+    cells: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['cells'];
+    xKeysByGroups: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['xKeysByGroups'];
+    yKeysByGroups: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['yKeysByGroups'];
     xGroupKeys: string[];
     yGroupKeys: string[];
     colorScale: (value: ValueType) => string;
     chartSettings: HeatmapSettingsImpl['chartSettings'];
-    cellsMeta: GroupedCellsData['meta'];
+    cellsMeta: GroupedCellsHeatmap['meta'];
     stepX: number;
     stepY: number;
     annotations: HeatmapSettingsImpl['annotations'];
@@ -28,7 +28,7 @@ export declare function Chart<ValueType>({ dendrograms, facetKey, dimensions, sc
     labelAngles: LabelAngles;
     margins: Margins;
     tooltipsContainer?: Element;
-    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
+    tooltipsData: TooltipsData<CellHeatmap | 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":"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"}
+{"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,WAAW,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACpE,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,mBAAmB,CAAC,QAAQ,CAAC,CAAC,MAAM,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACnF,aAAa,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC,MAAM,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACnG,aAAa,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC,MAAM,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACnG,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,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACvC,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,WAAW,GAAG,qBAAqB,CAAC,CAAC;IAChE,kBAAkB,EAAE,KAAK,GAAG,QAAQ,CAAC;CACxC,2CA0MA"}

package/dist/heatmap/components/Chart.js

@@ -1,47 +1,47 @@
 import { j as r } from "../../node_modules/react/jsx-runtime.js";
-import { Tooltip as V } from "../../common/Tooltip.js";
+import { Tooltip as S } 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 { isCellTooltip as V, isAnnotationTooltip as W, 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,
+function ue({
+  dendrograms: _,
   facetKey: n,
   dimensions: f,
   scales: t,
   cells: A,
-  xGroupKeys: T,
-  yGroupKeys: y,
-  xKeysByGroups: C,
-  yKeysByGroups: u,
+  xGroupKeys: u,
+  yGroupKeys: T,
+  xKeysByGroups: y,
+  yKeysByGroups: C,
   colorScale: F,
   chartSettings: l,
   cellsMeta: x,
   stepX: d,
   stepY: m,
-  sharedX: H,
-  sharedY: I,
-  annotations: O,
-  annotationColorScales: N,
-  dendrogramAesScales: S,
-  aes: i,
+  sharedX: B,
+  sharedY: H,
+  annotations: I,
+  annotationColorScales: O,
+  dendrogramAesScales: N,
+  aes: o,
   labelAngles: Z,
-  chartSizes: o,
+  chartSizes: i,
   margins: j,
   tooltipsContainer: $,
   tooltipsData: e,
-  cellsRenderingMode: b
+  cellsRenderingMode: a
 }) {
-  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 = {
+  const q = K(), { xAxis: z, yAxis: J, tooltips: b } = l, { width: v, height: w } = f.inner, { padding: c, chartEdgeSides: P, sideElementBBoxes: h } = f, { xGroupLabels: Q, yGroupLabels: U, xLabels: R, yLabels: G } = x, g = t.x.domain(), E = t.y.domain(), L = {
     left: j.left + f.left + c.left,
-    right: o.totalWidth - (j.left + f.left + c.left),
+    right: i.totalWidth - (j.left + f.left + c.left),
     top: j.top + f.top + c.top,
-    bottom: o.totalHeight - (j.top + f.top + c.top)
+    bottom: i.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: [
@@ -50,37 +50,37 @@ function Te({
         {
           facetKey: n,
           sideElementBBoxes: h,
-          annotations: O,
+          annotations: I,
           cellsMeta: x,
-          annotationColorScales: N,
-          sharedX: H,
-          sharedY: I,
+          annotationColorScales: O,
+          sharedX: B,
+          sharedY: H,
           chartEdgeSides: P,
-          width: w,
-          height: E,
+          width: v,
+          height: w,
           scales: t,
           stepX: d,
           stepY: m,
-          aes: i,
+          aes: o,
           frame: l.frame,
-          xGroupKeys: T,
-          yGroupKeys: y,
-          xKeysByGroups: C,
-          yKeysByGroups: u,
+          xGroupKeys: u,
+          yGroupKeys: T,
+          xKeysByGroups: y,
+          yKeysByGroups: C,
           tooltipsData: e,
-          cellsRenderingMode: b
+          cellsRenderingMode: a
         }
       ),
       /* @__PURE__ */ r.jsx(
         M,
         {
-          dendrograms: B,
+          dendrograms: _,
           sideElementBBoxes: h,
           xGroupKeys: x.xGroupKeys,
           yGroupKeys: x.yGroupKeys,
           xDataByKeys: x.xDataByKeys,
           yDataByKeys: x.yDataByKeys,
-          aesScales: S
+          aesScales: N
         }
       ),
       h.top.facetTitle.isVisible && /* @__PURE__ */ r.jsx(
@@ -94,34 +94,34 @@ function Te({
         }
       ),
       k,
-      b === "svg" && /* @__PURE__ */ r.jsx(
+      a === "svg" && /* @__PURE__ */ r.jsx(
         xe,
         {
           scales: t,
           facetKey: n,
           cells: A,
           xKeys: g,
-          yKeys: a,
+          yKeys: E,
           stepX: d,
           stepY: m,
-          aes: i,
+          aes: o,
           colorScale: F,
           tooltipsData: e
         }
       ),
-      b === "canvas" && /* @__PURE__ */ r.jsx(
+      a === "canvas" && /* @__PURE__ */ r.jsx(
         te,
         {
           scales: t,
           facetKey: n,
           cells: A,
-          width: w,
-          height: E,
+          width: v,
+          height: w,
           xKeys: g,
-          yKeys: a,
+          yKeys: E,
           stepX: d,
           stepY: m,
-          aes: i,
+          aes: o,
           colorScale: F,
           tooltipsData: e
         }
@@ -130,15 +130,15 @@ function Te({
         p,
         {
           frame: l.frame,
-          xGroupKeys: T,
-          yGroupKeys: y,
-          xKeysByGroups: C,
-          yKeysByGroups: u,
+          xGroupKeys: u,
+          yGroupKeys: T,
+          xKeysByGroups: y,
+          yKeysByGroups: C,
           scales: t,
           stepX: d,
           stepY: m,
-          width: w,
-          height: E
+          width: v,
+          height: w
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -152,11 +152,11 @@ function Te({
           debug: k,
           sideElementBBoxes: h,
           xKeys: g,
-          yKeys: a,
-          xGroupKeys: T,
-          yGroupKeys: y,
-          xKeysByGroups: C,
-          yKeysByGroups: u,
+          yKeys: E,
+          xGroupKeys: u,
+          yGroupKeys: T,
+          xKeysByGroups: y,
+          yKeysByGroups: C,
           xGroupLabels: Q,
           yGroupLabels: U,
           labelAngles: Z,
@@ -165,10 +165,10 @@ function Te({
         }
       )
     ] }),
-    l.tooltips.show && W(e.selectedData) && e.currentFacet === n && /* @__PURE__ */ r.jsx(
-      V,
+    l.tooltips.show && V(e.selectedData) && e.currentFacet === n && /* @__PURE__ */ r.jsx(
+      S,
       {
-        content: ee(q, e.selectedData, x, v == null ? void 0 : v.content),
+        content: ee(q, e.selectedData, x, b == null ? void 0 : b.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,
@@ -179,8 +179,8 @@ function Te({
         container: $
       }
     ),
-    l.tooltips.show && _(e.selectedData) && e.currentFacet === n && /* @__PURE__ */ r.jsx(
-      V,
+    l.tooltips.show && W(e.selectedData) && e.currentFacet === n && /* @__PURE__ */ r.jsx(
+      S,
       {
         content: re(e.selectedData, x),
         x: e.selectedData.x,
@@ -194,20 +194,20 @@ function Te({
       }
     ),
     /* @__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)" }),
+      e.fixed && /* @__PURE__ */ r.jsx("rect", { width: i.chartWidth, height: i.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
       /* @__PURE__ */ r.jsxs("g", { children: [
-        e.fixed && e.currentFacet === n && W(e.selectedData) && /* @__PURE__ */ r.jsx(
+        e.fixed && e.currentFacet === n && V(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
+            fill: F(e.selectedData.normalizedValue.dataSource ?? e.selectedData.value.dataSource),
+            stroke: o.cellStrokeColor
           }
         ),
-        e.fixed && e.currentFacet === n && _(e.selectedData) && /* @__PURE__ */ r.jsx(
+        e.fixed && e.currentFacet === n && W(e.selectedData) && /* @__PURE__ */ r.jsx(
           "rect",
           {
             x: e.selectedData.cell.x,
@@ -223,6 +223,6 @@ function Te({
   ] });
 }
 export {
-  Te as Chart
+  ue as Chart
 };
 //# sourceMappingURL=Chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../src/heatmap/components/Chart.tsx"],"sourcesContent":["import type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { Cell, GroupedCellsData } from '../getCells';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport { Annotations } from './Annotations';\nimport { Captions } from './Captions';\nimport { Dendrograms } from './Dendrograms';\nimport { Frames } from './Frames';\nimport type { AnnotationColorScales, AnnotationTooltipData, CaptionsSizes, ChartDendrograms, ChartDimensionsData, ChartScales, ChartSizes, DendrogramAesScales, LabelAngles, Margins } from './types';\nimport { getAnnotationTooltipContent, getTooltipContent, isAnnotationTooltip, isCellTooltip } from './tooltipUtils';\nimport { CanvasCells } from './CanvasCells';\nimport { SvgCells } from './SvgCells';\n\nexport function Chart<ValueType>({\n    dendrograms,\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    colorScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\n    sharedX,\n    sharedY,\n    annotations,\n    annotationColorScales,\n    dendrogramAesScales,\n    aes,\n    labelAngles,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData,\n    cellsRenderingMode,\n}: {\n    facetKey: string;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    colorScale: (value: ValueType) => string;\n    chartSettings: HeatmapSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsData['meta'];\n    stepX: number;\n    stepY: number;\n    annotations: HeatmapSettingsImpl['annotations'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    aes: HeatmapSettingsImpl['aes'];\n    dendrograms: ChartDendrograms;\n    dendrogramAesScales: DendrogramAesScales;\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    cellsRenderingMode: 'svg' | 'canvas';\n}) {\n    const dataFrame = useDataFrame();\n\n    const { xAxis, yAxis, tooltips } = chartSettings;\n    const { width, height } = dimensions.inner;\n    const { padding, chartEdgeSides, sideElementBBoxes } = dimensions;\n    const { xGroupLabels, yGroupLabels, xLabels, yLabels } = cellsMeta;\n\n    const xKeys = scales.x.domain();\n    const yKeys = scales.y.domain();\n\n    const sideDistances = {\n        left: margins.left + dimensions.left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n        top: margins.top + dimensions.top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n    };\n\n    const debug = false;\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                <Annotations\n                    facetKey={facetKey}\n                    sideElementBBoxes={sideElementBBoxes}\n                    annotations={annotations}\n                    cellsMeta={cellsMeta}\n                    annotationColorScales={annotationColorScales}\n                    sharedX={sharedX}\n                    sharedY={sharedY}\n                    chartEdgeSides={chartEdgeSides}\n                    width={width}\n                    height={height}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    aes={aes}\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    tooltipsData={tooltipsData}\n                    cellsRenderingMode={cellsRenderingMode}\n                />\n                <Dendrograms\n                    dendrograms={dendrograms}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xGroupKeys={cellsMeta.xGroupKeys}\n                    yGroupKeys={cellsMeta.yGroupKeys}\n                    xDataByKeys={cellsMeta.xDataByKeys}\n                    yDataByKeys={cellsMeta.yDataByKeys}\n                    aesScales={dendrogramAesScales}\n                />\n                {/* facet title */}\n                {sideElementBBoxes.top.facetTitle.isVisible && (\n                    <text\n                        x={sideElementBBoxes.top.facetTitle.x}\n                        y={\n                            sideElementBBoxes.top.facetTitle.y +\n                            sideElementBBoxes.top.facetTitle.height -\n                            FACET_TITLE_OFFSET\n                        }\n                        fontWeight=\"500\"\n                        fontSize=\"20px\"\n                    >\n                        {cellsMeta.facetKeyValues[facetKey].join(', ')}\n                    </text>\n                )}\n                {debug && (\n                    <g fill=\"green\" opacity=\"0.2\">\n                        <rect\n                            x={-padding.left}\n                            y={-padding.top}\n                            width={dimensions.outer.width}\n                            height={dimensions.outer.height}\n                            fill=\"none\"\n                            stroke=\"red\"\n                        />\n                        <rect x={-padding.left} y=\"0\" width={padding.left} height={height} />\n                        <rect x={width} y=\"0\" width={padding.right} height={height} />\n                        <rect x=\"0\" y={-padding.top} width={width} height={padding.top} />\n                        <rect x=\"0\" y={height} width={width} height={padding.bottom} />\n                    </g>\n                )}\n                {/* cells */}\n                {cellsRenderingMode === 'svg' && (\n                    <SvgCells\n                        scales={scales}\n                        facetKey={facetKey}\n                        cells={cells}\n                        xKeys={xKeys}\n                        yKeys={yKeys}\n                        stepX={stepX}\n                        stepY={stepY}\n                        aes={aes}\n                        colorScale={colorScale}\n                        tooltipsData={tooltipsData}\n                    />\n                )}\n                {cellsRenderingMode === 'canvas' && (\n                    <CanvasCells\n                        scales={scales}\n                        facetKey={facetKey}\n                        cells={cells}\n                        width={width}\n                        height={height}\n                        xKeys={xKeys}\n                        yKeys={yKeys}\n                        stepX={stepX}\n                        stepY={stepY}\n                        aes={aes}\n                        colorScale={colorScale}\n                        tooltipsData={tooltipsData}\n                    />\n                )}\n                <Frames\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    width={width}\n                    height={height}\n                />\n                <Captions\n                    xAxis={xAxis}\n                    yAxis={yAxis}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    debug={debug}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xKeys={xKeys}\n                    yKeys={yKeys}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    xGroupLabels={xGroupLabels}\n                    yGroupLabels={yGroupLabels}\n                    labelAngles={labelAngles}\n                    xLabels={xLabels}\n                    yLabels={yLabels}\n                />\n            </g>\n            {chartSettings.tooltips.show && isCellTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(dataFrame, tooltipsData.selectedData, cellsMeta, tooltips?.content)}\n                    x={scales.x(String(tooltipsData.selectedData.x)) + stepX / 2}\n                    y={scales.y(String(tooltipsData.selectedData.y)) + stepY / 2}\n                    offset={xKeys.length > 1 ? stepX / 2 : 0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            {chartSettings.tooltips.show && isAnnotationTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getAnnotationTooltipContent(tooltipsData.selectedData, cellsMeta)}\n                    x={tooltipsData.selectedData.x}\n                    y={tooltipsData.selectedData.y}\n                    offset={0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\" />}\n                <g>\n                    {tooltipsData.fixed && tooltipsData.currentFacet === facetKey && isCellTooltip(tooltipsData.selectedData) && (\n                        <rect\n                            width={stepX}\n                            height={stepY}\n                            x={scales.x(tooltipsData.selectedData.x as string)}\n                            y={scales.y(tooltipsData.selectedData.y as string)}\n                            fill={colorScale((tooltipsData.selectedData.normalizedValue ?? tooltipsData.selectedData.value) as ValueType)}\n                            stroke={aes.cellStrokeColor}\n                        />\n                    )}\n                    {tooltipsData.fixed && tooltipsData.currentFacet === facetKey && isAnnotationTooltip(tooltipsData.selectedData) && (\n                        <rect\n                            x={tooltipsData.selectedData.cell.x}\n                            y={tooltipsData.selectedData.cell.y}\n                            width={tooltipsData.selectedData.cell.width}\n                            height={tooltipsData.selectedData.cell.height}\n                            fill={tooltipsData.selectedData.cell.fill}\n                            stroke={tooltipsData.selectedData.cell.stroke}\n                        />\n                    )}\n                </g>\n            </g>\n        </g>\n    );\n}\n"],"names":["Chart","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","dataFrame","useDataFrame","xAxis","yAxis","tooltips","width","height","padding","chartEdgeSides","sideElementBBoxes","xGroupLabels","yGroupLabels","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","jsxs","FONT_SIZE","jsx","Annotations","Dendrograms","FACET_TITLE_OFFSET","SvgCells","CanvasCells","Frames","Captions","isCellTooltip","Tooltip","getTooltipContent","isAnnotationTooltip","getAnnotationTooltipContent"],"mappings":"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"}
+{"version":3,"file":"Chart.js","sources":["../../../src/heatmap/components/Chart.tsx"],"sourcesContent":["import type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { FACET_TITLE_OFFSET, FONT_SIZE } from '../constants';\nimport type { CellHeatmap, GroupedCellsHeatmap } from '../getCells';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport { Annotations } from './Annotations';\nimport { Captions } from './Captions';\nimport { Dendrograms } from './Dendrograms';\nimport { Frames } from './Frames';\nimport type { AnnotationColorScales, AnnotationTooltipData, CaptionsSizes, ChartDendrograms, ChartDimensionsData, ChartScales, ChartSizes, DendrogramAesScales, LabelAngles, Margins } from './types';\nimport { getAnnotationTooltipContent, getTooltipContent, isAnnotationTooltip, isCellTooltip } from './tooltipUtils';\nimport { CanvasCells } from './CanvasCells';\nimport { SvgCells } from './SvgCells';\n\nexport function Chart<ValueType>({\n    dendrograms,\n    facetKey,\n    dimensions,\n    scales,\n    cells,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    colorScale,\n    chartSettings,\n    cellsMeta,\n    stepX,\n    stepY,\n    sharedX,\n    sharedY,\n    annotations,\n    annotationColorScales,\n    dendrogramAesScales,\n    aes,\n    labelAngles,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData,\n    cellsRenderingMode,\n}: {\n    facetKey: string;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    cells: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['cells'];\n    xKeysByGroups: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsHeatmap['facets'][keyof GroupedCellsHeatmap['facets']]['yKeysByGroups'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    colorScale: (value: ValueType) => string;\n    chartSettings: HeatmapSettingsImpl['chartSettings'];\n    cellsMeta: GroupedCellsHeatmap['meta'];\n    stepX: number;\n    stepY: number;\n    annotations: HeatmapSettingsImpl['annotations'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    aes: HeatmapSettingsImpl['aes'];\n    dendrograms: ChartDendrograms;\n    dendrogramAesScales: DendrogramAesScales;\n    labelAngles: LabelAngles;\n    margins: Margins;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<CellHeatmap | AnnotationTooltipData>;\n    cellsRenderingMode: 'svg' | 'canvas';\n}) {\n    const dataFrame = useDataFrame();\n\n    const { xAxis, yAxis, tooltips } = chartSettings;\n    const { width, height } = dimensions.inner;\n    const { padding, chartEdgeSides, sideElementBBoxes } = dimensions;\n    const { xGroupLabels, yGroupLabels, xLabels, yLabels } = cellsMeta;\n\n    const xKeys = scales.x.domain();\n    const yKeys = scales.y.domain();\n\n    const sideDistances = {\n        left: margins.left + dimensions.left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n        top: margins.top + dimensions.top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n    };\n\n    const debug = false;\n    return (\n        <g transform={`translate(${dimensions.left},${dimensions.top})`} fontSize={FONT_SIZE}>\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                <Annotations\n                    facetKey={facetKey}\n                    sideElementBBoxes={sideElementBBoxes}\n                    annotations={annotations}\n                    cellsMeta={cellsMeta}\n                    annotationColorScales={annotationColorScales}\n                    sharedX={sharedX}\n                    sharedY={sharedY}\n                    chartEdgeSides={chartEdgeSides}\n                    width={width}\n                    height={height}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    aes={aes}\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    tooltipsData={tooltipsData}\n                    cellsRenderingMode={cellsRenderingMode}\n                />\n                <Dendrograms\n                    dendrograms={dendrograms}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xGroupKeys={cellsMeta.xGroupKeys}\n                    yGroupKeys={cellsMeta.yGroupKeys}\n                    xDataByKeys={cellsMeta.xDataByKeys}\n                    yDataByKeys={cellsMeta.yDataByKeys}\n                    aesScales={dendrogramAesScales}\n                />\n                {/* facet title */}\n                {sideElementBBoxes.top.facetTitle.isVisible && (\n                    <text\n                        x={sideElementBBoxes.top.facetTitle.x}\n                        y={\n                            sideElementBBoxes.top.facetTitle.y +\n                            sideElementBBoxes.top.facetTitle.height -\n                            FACET_TITLE_OFFSET\n                        }\n                        fontWeight=\"500\"\n                        fontSize=\"20px\"\n                    >\n                        {cellsMeta.facetKeyValues[facetKey].join(', ')}\n                    </text>\n                )}\n                {debug && (\n                    <g fill=\"green\" opacity=\"0.2\">\n                        <rect\n                            x={-padding.left}\n                            y={-padding.top}\n                            width={dimensions.outer.width}\n                            height={dimensions.outer.height}\n                            fill=\"none\"\n                            stroke=\"red\"\n                        />\n                        <rect x={-padding.left} y=\"0\" width={padding.left} height={height} />\n                        <rect x={width} y=\"0\" width={padding.right} height={height} />\n                        <rect x=\"0\" y={-padding.top} width={width} height={padding.top} />\n                        <rect x=\"0\" y={height} width={width} height={padding.bottom} />\n                    </g>\n                )}\n                {/* cells */}\n                {cellsRenderingMode === 'svg' && (\n                    <SvgCells\n                        scales={scales}\n                        facetKey={facetKey}\n                        cells={cells}\n                        xKeys={xKeys}\n                        yKeys={yKeys}\n                        stepX={stepX}\n                        stepY={stepY}\n                        aes={aes}\n                        colorScale={colorScale}\n                        tooltipsData={tooltipsData}\n                    />\n                )}\n                {cellsRenderingMode === 'canvas' && (\n                    <CanvasCells\n                        scales={scales}\n                        facetKey={facetKey}\n                        cells={cells}\n                        width={width}\n                        height={height}\n                        xKeys={xKeys}\n                        yKeys={yKeys}\n                        stepX={stepX}\n                        stepY={stepY}\n                        aes={aes}\n                        colorScale={colorScale}\n                        tooltipsData={tooltipsData}\n                    />\n                )}\n                <Frames\n                    frame={chartSettings.frame}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    width={width}\n                    height={height}\n                />\n                <Captions\n                    xAxis={xAxis}\n                    yAxis={yAxis}\n                    scales={scales}\n                    stepX={stepX}\n                    stepY={stepY}\n                    debug={debug}\n                    sideElementBBoxes={sideElementBBoxes}\n                    xKeys={xKeys}\n                    yKeys={yKeys}\n                    xGroupKeys={xGroupKeys}\n                    yGroupKeys={yGroupKeys}\n                    xKeysByGroups={xKeysByGroups}\n                    yKeysByGroups={yKeysByGroups}\n                    xGroupLabels={xGroupLabels}\n                    yGroupLabels={yGroupLabels}\n                    labelAngles={labelAngles}\n                    xLabels={xLabels}\n                    yLabels={yLabels}\n                />\n            </g>\n            {chartSettings.tooltips.show && isCellTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(dataFrame, tooltipsData.selectedData, cellsMeta, tooltips?.content)}\n                    x={scales.x(String(tooltipsData.selectedData.x)) + stepX / 2}\n                    y={scales.y(String(tooltipsData.selectedData.y)) + stepY / 2}\n                    offset={xKeys.length > 1 ? stepX / 2 : 0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            {chartSettings.tooltips.show && isAnnotationTooltip(tooltipsData.selectedData) && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getAnnotationTooltipContent(tooltipsData.selectedData, cellsMeta)}\n                    x={tooltipsData.selectedData.x}\n                    y={tooltipsData.selectedData.y}\n                    offset={0}\n                    active\n                    sideDistances={sideDistances}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n            <g transform={`translate(${padding.left},${padding.top})`}>\n                {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\" />}\n                <g>\n                    {tooltipsData.fixed && tooltipsData.currentFacet === facetKey && isCellTooltip(tooltipsData.selectedData) && (\n                        <rect\n                            width={stepX}\n                            height={stepY}\n                            x={scales.x(tooltipsData.selectedData.x as string)}\n                            y={scales.y(tooltipsData.selectedData.y as string)}\n                            fill={colorScale((tooltipsData.selectedData.normalizedValue.dataSource ?? tooltipsData.selectedData.value.dataSource) as ValueType)}\n                            stroke={aes.cellStrokeColor}\n                        />\n                    )}\n                    {tooltipsData.fixed && tooltipsData.currentFacet === facetKey && isAnnotationTooltip(tooltipsData.selectedData) && (\n                        <rect\n                            x={tooltipsData.selectedData.cell.x}\n                            y={tooltipsData.selectedData.cell.y}\n                            width={tooltipsData.selectedData.cell.width}\n                            height={tooltipsData.selectedData.cell.height}\n                            fill={tooltipsData.selectedData.cell.fill}\n                            stroke={tooltipsData.selectedData.cell.stroke}\n                        />\n                    )}\n                </g>\n            </g>\n        </g>\n    );\n}\n"],"names":["Chart","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","dataFrame","useDataFrame","xAxis","yAxis","tooltips","width","height","padding","chartEdgeSides","sideElementBBoxes","xGroupLabels","yGroupLabels","xLabels","yLabels","xKeys","yKeys","sideDistances","debug","jsxs","FONT_SIZE","jsx","Annotations","Dendrograms","FACET_TITLE_OFFSET","SvgCells","CanvasCells","Frames","Captions","isCellTooltip","Tooltip","getTooltipContent","isAnnotationTooltip","getAnnotationTooltipContent"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { LegendData } from '../../common/types';
-import { GroupedCellsData } from '../getCells';
+import { GroupedCellsHeatmap } from '../getCells';
 import { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';
 import { AnnotationColorScales, CaptionsSizes, ChartDendrograms, ChartDimensionsData, ChartSizes, ChartsScales, DendrogramAesScales, LabelAngles, Margins } from './types';
 export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartSettings, chartSizes, chartsDimensions, facetKeys, facetSettings, xGroupKeys, yGroupKeys, scales, colorScale, groupedCells, cellsMeta, step, annotations, annotationColorScales, legend, aes, dendrograms, dendrogramAesScales, columnsCount, labelAngles, onTooltipHintSwitch, cellsRenderingMode }: {
@@ -16,8 +16,8 @@ export declare function ChartsGroup({ margins, captionsSizes, settingsId, chartS
     settingsId: string;
     colorScale: (value: unknown) => string;
     annotationColorScales: AnnotationColorScales;
-    groupedCells: GroupedCellsData['facets'];
-    cellsMeta: GroupedCellsData['meta'];
+    groupedCells: GroupedCellsHeatmap['facets'];
+    cellsMeta: GroupedCellsHeatmap['meta'];
     annotations: HeatmapSettingsImpl['annotations'];
     step: {
         x: Record<string, number>;

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

@@ -1 +1 @@
-{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/ChartsGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAQ,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,KAAK,EACR,qBAAqB,EAAyB,aAAa,EAC3D,gBAAgB,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAC7G,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,MAAM,EACN,UAAU,EACV,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,qBAAqB,EACrB,MAAM,EACN,GAAG,EACH,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EACrB,EAAE;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAC,OAAO,KAAK,MAAM,CAAC;IACtC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,YAAY,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,IAAI,EAAE;QACF,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC9C,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,KAAK,GAAG,QAAQ,CAAA;CACvC,2CA8EA"}
+{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/ChartsGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAe,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,KAAK,EACR,qBAAqB,EAAyB,aAAa,EAC3D,gBAAgB,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAC7G,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,MAAM,EACN,UAAU,EACV,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,qBAAqB,EACrB,MAAM,EACN,GAAG,EACH,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EACrB,EAAE;IACC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAC,OAAO,KAAK,MAAM,CAAC;IACtC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,YAAY,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC5C,SAAS,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACvC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,IAAI,EAAE;QACF,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC7B,CAAC;IACF,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC9C,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,KAAK,GAAG,QAAQ,CAAA;CACvC,2CA8EA"}