@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/heatmap/components/Chart.js

@@ -1,228 +1,174 @@
-import { j as r } from "../../_virtual/jsx-runtime.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 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 ue({
-  dendrograms: _,
-  facetKey: n,
-  dimensions: f,
-  scales: t,
-  cells: A,
-  xGroupKeys: u,
-  yGroupKeys: T,
-  xKeysByGroups: y,
-  yKeysByGroups: C,
-  colorScale: F,
-  chartSettings: l,
-  cellsMeta: x,
-  stepX: d,
-  stepY: m,
-  sharedX: B,
-  sharedY: H,
-  annotations: I,
-  annotationColorScales: O,
-  dendrogramAesScales: N,
-  aes: o,
-  labelAngles: Z,
-  chartSizes: i,
-  margins: j,
-  tooltipsContainer: $,
-  tooltipsData: e,
-  cellsRenderingMode: a
-}) {
-  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: i.totalWidth - (j.left + f.left + c.left),
-    top: 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: [
-      /* @__PURE__ */ r.jsx(
-        s,
-        {
-          facetKey: n,
-          sideElementBBoxes: h,
-          annotations: I,
-          cellsMeta: x,
-          annotationColorScales: O,
-          sharedX: B,
-          sharedY: H,
-          chartEdgeSides: P,
-          width: v,
-          height: w,
-          scales: t,
-          stepX: d,
-          stepY: m,
-          aes: o,
-          frame: l.frame,
-          xGroupKeys: u,
-          yGroupKeys: T,
-          xKeysByGroups: y,
-          yKeysByGroups: C,
-          tooltipsData: e,
-          cellsRenderingMode: a
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        M,
-        {
-          dendrograms: _,
-          sideElementBBoxes: h,
-          xGroupKeys: x.xGroupKeys,
-          yGroupKeys: x.yGroupKeys,
-          xDataByKeys: x.xDataByKeys,
-          yDataByKeys: x.yDataByKeys,
-          aesScales: N
-        }
-      ),
-      h.top.facetTitle.isVisible && /* @__PURE__ */ r.jsx(
-        "text",
-        {
-          x: h.top.facetTitle.x,
-          y: h.top.facetTitle.y + h.top.facetTitle.height - Y,
-          fontWeight: "500",
-          fontSize: "20px",
-          children: x.facetKeyValues[n].join(", ")
-        }
-      ),
-      k,
-      a === "svg" && /* @__PURE__ */ r.jsx(
-        xe,
-        {
-          scales: t,
-          facetKey: n,
-          cells: A,
-          xKeys: g,
-          yKeys: E,
-          stepX: d,
-          stepY: m,
-          aes: o,
-          colorScale: F,
-          tooltipsData: e
-        }
-      ),
-      a === "canvas" && /* @__PURE__ */ r.jsx(
-        te,
-        {
-          scales: t,
-          facetKey: n,
-          cells: A,
-          width: v,
-          height: w,
-          xKeys: g,
-          yKeys: E,
-          stepX: d,
-          stepY: m,
-          aes: o,
-          colorScale: F,
-          tooltipsData: e
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        p,
-        {
-          frame: l.frame,
-          xGroupKeys: u,
-          yGroupKeys: T,
-          xKeysByGroups: y,
-          yKeysByGroups: C,
-          scales: t,
-          stepX: d,
-          stepY: m,
-          width: v,
-          height: w
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        X,
-        {
-          xAxis: z,
-          yAxis: J,
-          scales: t,
-          stepX: d,
-          stepY: m,
-          debug: k,
-          sideElementBBoxes: h,
-          xKeys: g,
-          yKeys: E,
-          xGroupKeys: u,
-          yGroupKeys: T,
-          xKeysByGroups: y,
-          yKeysByGroups: C,
-          xGroupLabels: Q,
-          yGroupLabels: U,
-          labelAngles: Z,
-          xLabels: R,
-          yLabels: G
-        }
-      )
-    ] }),
-    l.tooltips.show && V(e.selectedData) && e.currentFacet === n && /* @__PURE__ */ r.jsx(
-      S,
-      {
-        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,
-        active: !0,
-        sideDistances: L,
-        fixed: e.fixed,
-        onClose: e.onClose,
-        container: $
-      }
-    ),
-    l.tooltips.show && W(e.selectedData) && e.currentFacet === n && /* @__PURE__ */ r.jsx(
-      S,
-      {
-        content: re(e.selectedData, x),
-        x: e.selectedData.x,
-        y: e.selectedData.y,
-        offset: 0,
-        active: !0,
-        sideDistances: L,
-        fixed: e.fixed,
-        onClose: e.onClose,
-        container: $
-      }
-    ),
-    /* @__PURE__ */ r.jsxs("g", { transform: `translate(${c.left},${c.top})`, children: [
-      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 && 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.dataSource ?? e.selectedData.value.dataSource),
-            stroke: o.cellStrokeColor
-          }
-        ),
-        e.fixed && e.currentFacet === n && W(e.selectedData) && /* @__PURE__ */ r.jsx(
-          "rect",
-          {
-            x: e.selectedData.cell.x,
-            y: e.selectedData.cell.y,
-            width: e.selectedData.cell.width,
-            height: e.selectedData.cell.height,
-            fill: e.selectedData.cell.fill,
-            stroke: e.selectedData.cell.stroke
-          }
-        )
-      ] })
-    ] })
-  ] });
+import { Tooltip as e } from "../../common/Tooltip.js";
+import { useDataFrame as t } from "../../common/useDataFrame.js";
+import { Annotations as n } from "./Annotations/index.js";
+import { Captions as r } from "./Captions/index.js";
+import { Dendrograms as ee } from "./Dendrograms.js";
+import { Frames as i } from "./Frames.js";
+import { getAnnotationTooltipContent as a, getTooltipContent as o, isAnnotationTooltip as s, isCellTooltip as c } from "./tooltipUtils.js";
+import { CanvasCells as l } from "./CanvasCells.js";
+import { SvgCells as u } from "./SvgCells.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+function p({ dendrograms: p, facetKey: m, dimensions: h, scales: g, cells: _, xGroupKeys: v, yGroupKeys: y, xKeysByGroups: b, yKeysByGroups: x, colorScale: S, chartSettings: C, cellsMeta: w, stepX: T, stepY: E, sharedX: D, sharedY: O, annotations: k, annotationColorScales: A, dendrogramAesScales: te, aes: j, labelAngles: M, chartSizes: N, margins: P, tooltipsContainer: F, tooltipsData: I, cellsRenderingMode: L }) {
+	let R = t(), { xAxis: z, yAxis: B, tooltips: V } = C, { width: H, height: U } = h.inner, { padding: W, chartEdgeSides: G, sideElementBBoxes: K } = h, { xGroupLabels: q, yGroupLabels: J, xLabels: Y, yLabels: X } = w, Z = g.x.domain(), Q = g.y.domain(), $ = {
+		left: P.left + h.left + W.left,
+		right: N.totalWidth - (P.left + h.left + W.left),
+		top: P.top + h.top + W.top,
+		bottom: N.totalHeight - (P.top + h.top + W.top)
+	};
+	return /* @__PURE__ */ f("g", {
+		transform: `translate(${h.left},${h.top})`,
+		fontSize: 16,
+		children: [
+			/* @__PURE__ */ f("g", {
+				transform: `translate(${W.left},${W.top})`,
+				children: [
+					/* @__PURE__ */ d(n, {
+						facetKey: m,
+						sideElementBBoxes: K,
+						annotations: k,
+						cellsMeta: w,
+						annotationColorScales: A,
+						sharedX: D,
+						sharedY: O,
+						chartEdgeSides: G,
+						width: H,
+						height: U,
+						scales: g,
+						stepX: T,
+						stepY: E,
+						aes: j,
+						frame: C.frame,
+						xGroupKeys: v,
+						yGroupKeys: y,
+						xKeysByGroups: b,
+						yKeysByGroups: x,
+						tooltipsData: I,
+						cellsRenderingMode: L
+					}),
+					/* @__PURE__ */ d(ee, {
+						dendrograms: p,
+						sideElementBBoxes: K,
+						xGroupKeys: w.xGroupKeys,
+						yGroupKeys: w.yGroupKeys,
+						xDataByKeys: w.xDataByKeys,
+						yDataByKeys: w.yDataByKeys,
+						aesScales: te
+					}),
+					K.top.facetTitle.isVisible && /* @__PURE__ */ d("text", {
+						x: K.top.facetTitle.x,
+						y: K.top.facetTitle.y + K.top.facetTitle.height - 24,
+						fontWeight: "500",
+						fontSize: "20px",
+						children: w.facetKeyValues[m].join(", ")
+					}),
+					!1,
+					L === "svg" && /* @__PURE__ */ d(u, {
+						scales: g,
+						facetKey: m,
+						cells: _,
+						xKeys: Z,
+						yKeys: Q,
+						stepX: T,
+						stepY: E,
+						aes: j,
+						colorScale: S,
+						tooltipsData: I
+					}),
+					L === "canvas" && /* @__PURE__ */ d(l, {
+						scales: g,
+						facetKey: m,
+						cells: _,
+						width: H,
+						height: U,
+						xKeys: Z,
+						yKeys: Q,
+						stepX: T,
+						stepY: E,
+						aes: j,
+						colorScale: S,
+						tooltipsData: I
+					}),
+					/* @__PURE__ */ d(i, {
+						frame: C.frame,
+						xGroupKeys: v,
+						yGroupKeys: y,
+						xKeysByGroups: b,
+						yKeysByGroups: x,
+						scales: g,
+						stepX: T,
+						stepY: E,
+						width: H,
+						height: U
+					}),
+					/* @__PURE__ */ d(r, {
+						xAxis: z,
+						yAxis: B,
+						scales: g,
+						stepX: T,
+						stepY: E,
+						debug: !1,
+						sideElementBBoxes: K,
+						xKeys: Z,
+						yKeys: Q,
+						xGroupKeys: v,
+						yGroupKeys: y,
+						xKeysByGroups: b,
+						yKeysByGroups: x,
+						xGroupLabels: q,
+						yGroupLabels: J,
+						labelAngles: M,
+						xLabels: Y,
+						yLabels: X
+					})
+				]
+			}),
+			C.tooltips.show && c(I.selectedData) && I.currentFacet === m && /* @__PURE__ */ d(e, {
+				content: o(R, I.selectedData, w, V?.content),
+				x: g.x(String(I.selectedData.x)) + T / 2,
+				y: g.y(String(I.selectedData.y)) + E / 2,
+				offset: Z.length > 1 ? T / 2 : 0,
+				active: !0,
+				sideDistances: $,
+				fixed: I.fixed,
+				onClose: I.onClose,
+				container: F
+			}),
+			C.tooltips.show && s(I.selectedData) && I.currentFacet === m && /* @__PURE__ */ d(e, {
+				content: a(I.selectedData, w),
+				x: I.selectedData.x,
+				y: I.selectedData.y,
+				offset: 0,
+				active: !0,
+				sideDistances: $,
+				fixed: I.fixed,
+				onClose: I.onClose,
+				container: F
+			}),
+			/* @__PURE__ */ f("g", {
+				transform: `translate(${W.left},${W.top})`,
+				children: [I.fixed && /* @__PURE__ */ d("rect", {
+					width: N.chartWidth,
+					height: N.chartHeight,
+					fill: "rgba(255, 255, 255, 0.8)"
+				}), /* @__PURE__ */ f("g", { children: [I.fixed && I.currentFacet === m && c(I.selectedData) && /* @__PURE__ */ d("rect", {
+					width: T,
+					height: E,
+					x: g.x(I.selectedData.x),
+					y: g.y(I.selectedData.y),
+					fill: S(I.selectedData.normalizedValue.dataSource ?? I.selectedData.value.dataSource),
+					stroke: j.cellStrokeColor
+				}), I.fixed && I.currentFacet === m && s(I.selectedData) && /* @__PURE__ */ d("rect", {
+					x: I.selectedData.cell.x,
+					y: I.selectedData.cell.y,
+					width: I.selectedData.cell.width,
+					height: I.selectedData.cell.height,
+					fill: I.selectedData.cell.fill,
+					stroke: I.selectedData.cell.stroke
+				})] })]
+			})
+		]
+	});
 }
-export {
-  ue as Chart
-};
-//# sourceMappingURL=Chart.js.map
+export { p 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 { 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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"}
+{"version":3,"file":"Chart.js","names":[],"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"],"mappings":"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"}