@milaboratories/miplots4 1.0.128 → 1.0.130

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

@@ -1 +1 @@
-{"version":3,"file":"Annotation.js","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { BLACK } from '../../../constants';\nimport type { DataValue } from '../../../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { Cell, GroupedCellsData } from '../../getCells';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\n\nfunction getTextPosition(\n    vertical: boolean,\n    annotationPosition: string,\n    titlePosition: string,\n    width: number,\n    height: number\n) {\n    if (vertical) {\n        const x = ANNOTATION_WIDTH / 2;\n        const y = titlePosition === 'top' ? -5 : height + 5;\n        const rotate = annotationPosition === 'left' ? -90 : 90;\n        const anchor = annotationPosition === 'left' && titlePosition === 'top' ? 'start' : 'end';\n        return {x, y, rotate, anchor};\n    }\n    const x = titlePosition === 'right' ? width + 5 : -5;\n    const y = ANNOTATION_WIDTH / 2;\n    const anchor = titlePosition === 'right' ? 'start' : 'end';\n    return {x, y, rotate: 0, anchor};\n}\ninterface AnnotationProps {\n    facetKey: string;\n    scales: ChartScales;\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    stepX: number;\n    stepY: number;\n    vertical?: boolean;\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    showTitle: boolean;\n    colorScale: AnnotationColorScales[string];\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && !('data' in d);\n}\n\nexport function Annotation({\n    facetKey,\n    data,\n    scales,\n    stepX,\n    stepY,\n    x,\n    y,\n    annotation,\n    showTitle,\n    width,\n    height,\n    colorScale,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const {position, titlePosition, valueColumn} = annotation;\n    const vertical = position === 'left' || position === 'right';\n    const keys = (vertical ? scales.y : scales.x).domain();\n    const textPosition = getTextPosition(vertical, position, titlePosition, width, height);\n    const isDimmedBackground = tooltipsData.fixed && activeElementContainer;\n\n    return (\n        <g>\n            {keys.map(key => {\n                const value = data?.[key];\n                const fillColor = colorScale.type === 'continuous'\n                    ? colorScale.scale(Number(value))\n                    : colorScale.scale(String(value));\n                const xInner= x + (vertical ? 0 : scales.x(key));\n                const yInner= y + (vertical ? scales.y(key) : 0);\n                const width = vertical ? ANNOTATION_WIDTH : stepX;\n                const height = vertical ? stepY : ANNOTATION_WIDTH;\n                const xKey = vertical ? null : key;\n                const yKey = vertical ? key : null;\n                const highlighted = isDimmedBackground\n                    && isAnnotationTooltip(tooltipsData.selectedData)\n                    && tooltipsData.selectedData.xKey === xKey\n                    && tooltipsData.selectedData.yKey === yKey\n                    && facetKey === tooltipsData.currentFacet;\n                const cellElement = (\n                    <rect\n                        key={key}\n                        x={xInner}\n                        y={yInner}\n                        width={width}\n                        height={height}\n                        fill={fillColor}\n                        stroke={aes.cellStrokeColor}\n                        onMouseOver={() => tooltipsData.onMouseEnter({\n                            x: xInner + width,\n                            y: yInner + height / 2,\n                            xKey,\n                            yKey,\n                            value,\n                            title: valueColumn.label ?? valueColumn.value\n                        } as AnnotationTooltipData, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    />\n                );\n                return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n            })}\n            {tooltipsData.fixed && !vertical && xGroupKeys.map(xGroupKey => {\n                const keysCountX = xKeysByGroups[xGroupKey].length;\n                if (keysCountX === 0) {\n                    return null;\n                }\n                const groupWidth = keysCountX * stepX;\n                const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                return (\n                    <rect\n                        key={`${groupX}_${y}`}\n                        x={groupX + x}\n                        y={y}\n                        width={groupWidth}\n                        height={ANNOTATION_WIDTH}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {tooltipsData.fixed && vertical && yGroupKeys.map(yGroupKey => {\n                const keysCountY = yKeysByGroups[yGroupKey].length;\n                if (keysCountY === 0) {\n                    return null;\n                }\n                const groupHeight = keysCountY * stepY;\n                const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                return (\n                    <rect\n                        key={`${x}_${groupY}`}\n                        x={x}\n                        y={groupY + y}\n                        width={ANNOTATION_WIDTH}\n                        height={groupHeight}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {frame.type === 'groups' &&\n                !vertical &&\n                xGroupKeys.map(xGroupKey => {\n                    const keysCountX = xKeysByGroups[xGroupKey].length;\n                    if (keysCountX === 0) {\n                        return null;\n                    }\n                    const groupWidth = keysCountX * stepX;\n                    const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${groupX}_${y}`}\n                            x={groupX + x}\n                            y={y}\n                            width={groupWidth}\n                            height={ANNOTATION_WIDTH}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {frame.type === 'groups' &&\n                vertical &&\n                yGroupKeys.map(yGroupKey => {\n                    const keysCountY = yKeysByGroups[yGroupKey].length;\n                    if (keysCountY === 0) {\n                        return null;\n                    }\n                    const groupHeight = keysCountY * stepY;\n                    const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${x}_${groupY}`}\n                            x={x}\n                            y={groupY + y}\n                            width={ANNOTATION_WIDTH}\n                            height={groupHeight}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {showTitle && (\n                <g\n                    fontWeight=\"500\"\n                    fontSize=\"14px\"\n                    transform={`translate(${x + textPosition.x},${y + textPosition.y}) rotate(${textPosition.rotate})`}\n                >\n                    <text textAnchor={textPosition.anchor} dominantBaseline=\"central\">\n                        {valueColumn.label ?? valueColumn.value}\n                    </text>\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["getTextPosition","vertical","annotationPosition","titlePosition","width","height","x","ANNOTATION_WIDTH","y","anchor","isAnnotationTooltip","d","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","position","valueColumn","keys","textPosition","isDimmedBackground","key","value","fillColor","xInner","yInner","xKey","yKey","highlighted","cellElement","jsx","createPortal","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":"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"}
+{"version":3,"file":"Annotation.js","sources":["../../../../src/heatmap/components/Annotations/Annotation.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { BLACK } from '../../../constants';\nimport type { DataValue } from '../../../types';\nimport { ANNOTATION_WIDTH } from '../../constants';\nimport type { Cell, GroupedCellsData } from '../../getCells';\nimport type { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';\nimport type { AnnotationColorScales, AnnotationTooltipData, ChartScales } from '../types';\n\nfunction getTextPosition(\n    vertical: boolean,\n    annotationPosition: string,\n    titlePosition: string,\n    width: number,\n    height: number\n) {\n    if (vertical) {\n        const x = ANNOTATION_WIDTH / 2;\n        const y = titlePosition === 'top' ? -5 : height + 5;\n        const rotate = annotationPosition === 'left' ? -90 : 90;\n        const anchor = annotationPosition === 'left' && titlePosition === 'top' ? 'start' : 'end';\n        return {x, y, rotate, anchor};\n    }\n    const x = titlePosition === 'right' ? width + 5 : -5;\n    const y = ANNOTATION_WIDTH / 2;\n    const anchor = titlePosition === 'right' ? 'start' : 'end';\n    return {x, y, rotate: 0, anchor};\n}\ninterface AnnotationProps {\n    facetKey: string;\n    scales: ChartScales;\n    data: Record<string, DataValue>;\n    annotation: HeatmapSettingsImpl['annotations'][0];\n    stepX: number;\n    stepY: number;\n    vertical?: boolean;\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    showTitle: boolean;\n    colorScale: AnnotationColorScales[string];\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nfunction isAnnotationTooltip(d:Cell|AnnotationTooltipData|null):d is AnnotationTooltipData {\n    return d !== null && ('isAnnotation' in d);\n}\n\nexport function Annotation({\n    facetKey,\n    data,\n    scales,\n    stepX,\n    stepY,\n    x,\n    y,\n    annotation,\n    showTitle,\n    width,\n    height,\n    colorScale,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const {position, titlePosition, valueColumn} = annotation;\n    const vertical = position === 'left' || position === 'right';\n    const keys = (vertical ? scales.y : scales.x).domain();\n    const textPosition = getTextPosition(vertical, position, titlePosition, width, height);\n    const isDimmedBackground = tooltipsData.fixed && activeElementContainer;\n\n    return (\n        <g>\n            {keys.map(key => {\n                const value = data?.[key];\n                const fillColor = colorScale.type === 'continuous'\n                    ? colorScale.scale(Number(value))\n                    : colorScale.scale(String(value));\n                const xInner= x + (vertical ? 0 : scales.x(key));\n                const yInner= y + (vertical ? scales.y(key) : 0);\n                const width = vertical ? ANNOTATION_WIDTH : stepX;\n                const height = vertical ? stepY : ANNOTATION_WIDTH;\n                const xKey = vertical ? null : key;\n                const yKey = vertical ? key : null;\n                const highlighted = isDimmedBackground\n                    && isAnnotationTooltip(tooltipsData.selectedData)\n                    && tooltipsData.selectedData.xKey === xKey\n                    && tooltipsData.selectedData.yKey === yKey\n                    && facetKey === tooltipsData.currentFacet;\n                const cellElement = (\n                    <rect\n                        key={key}\n                        x={xInner}\n                        y={yInner}\n                        width={width}\n                        height={height}\n                        fill={fillColor}\n                        stroke={aes.cellStrokeColor}\n                        onMouseEnter={() => tooltipsData.onMouseEnter({\n                            isAnnotation: true,\n                            x: xInner + width,\n                            y: yInner + height / 2,\n                            xKey,\n                            yKey,\n                            value,\n                            title: valueColumn.label ?? valueColumn.value\n                        } satisfies AnnotationTooltipData, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    />\n                );\n                return highlighted ? createPortal(cellElement, activeElementContainer) : cellElement;\n            })}\n            {tooltipsData.fixed && !vertical && xGroupKeys.map(xGroupKey => {\n                const keysCountX = xKeysByGroups[xGroupKey].length;\n                if (keysCountX === 0) {\n                    return null;\n                }\n                const groupWidth = keysCountX * stepX;\n                const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                return (\n                    <rect\n                        key={`${groupX}_${y}`}\n                        x={groupX + x}\n                        y={y}\n                        width={groupWidth}\n                        height={ANNOTATION_WIDTH}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {tooltipsData.fixed && vertical && yGroupKeys.map(yGroupKey => {\n                const keysCountY = yKeysByGroups[yGroupKey].length;\n                if (keysCountY === 0) {\n                    return null;\n                }\n                const groupHeight = keysCountY * stepY;\n                const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                return (\n                    <rect\n                        key={`${x}_${groupY}`}\n                        x={x}\n                        y={groupY + y}\n                        width={ANNOTATION_WIDTH}\n                        height={groupHeight}\n                        stroke=\"none\"\n                        fill=\"rgba(255, 255, 255, 0.8)\"\n                    />\n                );\n            })}\n            {frame.type === 'groups' &&\n                !vertical &&\n                xGroupKeys.map(xGroupKey => {\n                    const keysCountX = xKeysByGroups[xGroupKey].length;\n                    if (keysCountX === 0) {\n                        return null;\n                    }\n                    const groupWidth = keysCountX * stepX;\n                    const groupX = scales.x(xKeysByGroups[xGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${groupX}_${y}`}\n                            x={groupX + x}\n                            y={y}\n                            width={groupWidth}\n                            height={ANNOTATION_WIDTH}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {frame.type === 'groups' &&\n                vertical &&\n                yGroupKeys.map(yGroupKey => {\n                    const keysCountY = yKeysByGroups[yGroupKey].length;\n                    if (keysCountY === 0) {\n                        return null;\n                    }\n                    const groupHeight = keysCountY * stepY;\n                    const groupY = scales.y(yKeysByGroups[yGroupKey][0]);\n                    return (\n                        <rect\n                            key={`${x}_${groupY}`}\n                            x={x}\n                            y={groupY + y}\n                            width={ANNOTATION_WIDTH}\n                            height={groupHeight}\n                            stroke={BLACK}\n                            fill=\"none\"\n                        />\n                    );\n                })}\n            {showTitle && (\n                <g\n                    fontWeight=\"500\"\n                    fontSize=\"14px\"\n                    transform={`translate(${x + textPosition.x},${y + textPosition.y}) rotate(${textPosition.rotate})`}\n                >\n                    <text textAnchor={textPosition.anchor} dominantBaseline=\"central\">\n                        {valueColumn.label ?? valueColumn.value}\n                    </text>\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["getTextPosition","vertical","annotationPosition","titlePosition","width","height","x","ANNOTATION_WIDTH","y","anchor","isAnnotationTooltip","d","Annotation","facetKey","data","scales","stepX","stepY","annotation","showTitle","colorScale","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","position","valueColumn","keys","textPosition","isDimmedBackground","key","value","fillColor","xInner","yInner","xKey","yKey","highlighted","cellElement","jsx","createPortal","xGroupKey","keysCountX","groupWidth","groupX","yGroupKey","keysCountY","groupHeight","groupY","BLACK"],"mappings":"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"}

package/dist/heatmap/components/Captions/GroupCaptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupCaptions.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Captions/GroupCaptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,uBAAuB,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAChF,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAGnE,UAAU,kBAAkB;IACxB,iBAAiB,EAAE,uBAAuB,CAAC;IAC3C,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,aAAa,CAAC,EAC1B,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,KAAK,GACR,EAAE,kBAAkB,2CA0FpB"}
+{"version":3,"file":"GroupCaptions.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Captions/GroupCaptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAE,uBAAuB,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAChF,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAGnE,UAAU,kBAAkB;IACxB,iBAAiB,EAAE,uBAAuB,CAAC;IAC3C,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;CAClB;AACD,wBAAgB,aAAa,CAAC,EAC1B,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,KAAK,GACR,EAAE,kBAAkB,2CAiGpB"}

package/dist/heatmap/components/Captions/GroupCaptions.js

@@ -1,34 +1,43 @@
 import { j as n } from "../../../node_modules/react/jsx-runtime.js";
+import { TICK_OFFSET as e } from "../../constants.js";
 function R({
   sideElementBBoxes: t,
-  xGroupKeys: j,
-  yGroupKeys: $,
-  xKeysByGroups: f,
-  yKeysByGroups: x,
-  xGroupLabels: m,
-  yGroupLabels: V,
-  scales: d,
-  stepX: k,
-  stepY: w,
-  xAxis: L,
-  yAxis: C,
-  labelAngles: c,
-  debug: b
+  xGroupKeys: V,
+  yGroupKeys: k,
+  xKeysByGroups: x,
+  yKeysByGroups: b,
+  xGroupLabels: w,
+  yGroupLabels: C,
+  scales: j,
+  stepX: L,
+  stepY: T,
+  xAxis: F,
+  yAxis: P,
+  labelAngles: m,
+  debug: $
 }) {
-  const G = t.top.groups.isVisible || t.bottom.groups.isVisible, a = t.top.groups.isVisible ? t.top.groups : t.bottom.groups, P = t.left.groups.isVisible || t.right.groups.isVisible, r = t.left.groups.isVisible ? t.left.groups : t.right.groups;
+  const W = t.top.groups.isVisible || t.bottom.groups.isVisible, a = t.top.groups.isVisible ? t.top.groups : t.bottom.groups, A = t.left.groups.isVisible || t.right.groups.isVisible, i = t.left.groups.isVisible ? t.left.groups : t.right.groups;
   return /* @__PURE__ */ n.jsxs("g", { children: [
-    G && /* @__PURE__ */ n.jsx("g", { transform: `translate(${a.x},${a.y})`, children: j.map((o) => {
-      const h = f[o].length;
-      if (h === 0)
+    W && /* @__PURE__ */ n.jsx("g", { transform: `translate(${a.x},${a.y})`, children: V.map((o) => {
+      const l = x[o].length;
+      if (l === 0)
         return null;
-      const s = c.xGroupLabels !== 0, i = L.groupingPosition === "top", l = h * k, p = d.x(f[o][0]) + l / 2, g = s ? i ? a.height : 0 : a.height / 2, u = -c.xGroupLabels, e = s ? i ? "start" : "end" : "middle";
-      return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${p},${g})`, children: [
-        /* @__PURE__ */ n.jsx("text", { transform: `rotate(${u})`, dominantBaseline: "central", textAnchor: e, children: m[o] }),
-        b && /* @__PURE__ */ n.jsx(
+      const r = m.xGroupLabels, c = r !== 0, g = F.groupingPosition === "top", h = l * L, s = j.x(x[o][0]) + h / 2, p = c ? g ? a.height : 0 : a.height / 2, u = -r, f = r === 45 ? 2 * e : r === 90 ? e : 0, d = c ? g ? "start" : "end" : "middle";
+      return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${s},${p + f})`, children: [
+        /* @__PURE__ */ n.jsx(
+          "text",
+          {
+            transform: `rotate(${u})`,
+            dominantBaseline: "central",
+            textAnchor: d,
+            children: w[o]
+          }
+        ),
+        $ && /* @__PURE__ */ n.jsx(
           "rect",
           {
-            x: -l / 2,
-            width: l,
+            x: -h / 2,
+            width: h,
             height: a.height,
             stroke: "black",
             fill: "none"
@@ -36,29 +45,29 @@ function R({
         )
       ] }, o);
     }) }),
-    P && /* @__PURE__ */ n.jsx("g", { transform: `translate(${r.x},${r.y})`, children: $.map((o) => {
-      const h = x[o].length;
-      if (h === 0)
+    A && /* @__PURE__ */ n.jsx("g", { transform: `translate(${i.x},${i.y})`, children: k.map((o) => {
+      const l = b[o].length;
+      if (l === 0)
         return null;
-      const s = h * w, i = C.groupingPosition === "left", l = i ? r.width : 0, p = d.y(x[o][0]) + s / 2, g = c.yGroupLabels !== 0, u = c.yGroupLabels === 45 ? -45 : (i ? -1 : 1) * (90 - c.yGroupLabels), e = g ? i ? "end" : "start" : "middle";
-      return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${l},${p})`, children: [
+      const r = l * T, c = P.groupingPosition === "left", g = c ? i.width : 0, h = j.y(b[o][0]) + r / 2, s = m.yGroupLabels, p = s !== 0, u = s === 45 ? -45 : (c ? -1 : 1) * (90 - s), f = s === 45 ? 2 * e : s === 90 ? e : 0, d = p ? c ? "end" : "start" : "middle";
+      return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${g - f},${h})`, children: [
         /* @__PURE__ */ n.jsx(
           "text",
           {
-            y: g ? 0 : -r.width / 2,
+            y: p ? 0 : -i.width / 2,
             transform: `rotate(${u})`,
             dominantBaseline: "central",
-            textAnchor: e,
-            children: V[o]
+            textAnchor: d,
+            children: C[o]
           }
         ),
-        b && /* @__PURE__ */ n.jsx(
+        $ && /* @__PURE__ */ n.jsx(
           "rect",
           {
-            x: -r.width / 2,
-            y: -s / 2,
-            width: r.width,
-            height: s,
+            x: -i.width / 2,
+            y: -r / 2,
+            width: i.width,
+            height: r,
             stroke: "black",
             fill: "none"
           }

package/dist/heatmap/components/Captions/GroupCaptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupCaptions.js","sources":["../../../../src/heatmap/components/Captions/GroupCaptions.tsx"],"sourcesContent":["import type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\ninterface GroupCaptionsProps {\n    sideElementBBoxes: ChartSideElementsBBoxes;\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: Record<string, string[]>;\n    yKeysByGroups: Record<string, string[]>;\n    xGroupLabels: Record<string, string>;\n    yGroupLabels: Record<string, string>;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\n    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n    labelAngles: LabelAngles;\n    debug: boolean;\n}\nexport function GroupCaptions({\n    sideElementBBoxes,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    xGroupLabels,\n    yGroupLabels,\n    scales,\n    stepX,\n    stepY,\n    xAxis,\n    yAxis,\n    labelAngles,\n    debug,\n}: GroupCaptionsProps) {\n    const xGroupsVisible = sideElementBBoxes.top.groups.isVisible || sideElementBBoxes.bottom.groups.isVisible;\n    const xGroupsBBox = sideElementBBoxes.top.groups.isVisible\n        ? sideElementBBoxes.top.groups\n        : sideElementBBoxes.bottom.groups;\n\n    const yGroupsVisible = sideElementBBoxes.left.groups.isVisible || sideElementBBoxes.right.groups.isVisible;\n    const yGroupsBBox = sideElementBBoxes.left.groups.isVisible\n        ? sideElementBBoxes.left.groups\n        : sideElementBBoxes.right.groups;\n\n    return (\n        <g>\n            {/* x group titles */}\n            {xGroupsVisible && (\n                <g transform={`translate(${xGroupsBBox.x},${xGroupsBBox.y})`}>\n                    {xGroupKeys.map(xGroupKey => {\n                        const keysCount = xKeysByGroups[xGroupKey].length;\n                        if (keysCount === 0) {\n                            return null;\n                        }\n                        const inclined = labelAngles.xGroupLabels !== 0;\n                        const onTop = xAxis.groupingPosition === 'top';\n                        const groupWidth = keysCount * stepX;\n                        const x = scales.x(xKeysByGroups[xGroupKey][0]) + groupWidth / 2;\n                        const y = inclined ? (onTop ? xGroupsBBox.height : 0) : xGroupsBBox.height / 2;\n                        const angle = -labelAngles.xGroupLabels;\n                        const textAnchor = !inclined ? 'middle' : onTop ? 'start' : 'end';\n                        return (\n                            <g key={xGroupKey} transform={`translate(${x},${y})`}>\n                                <text transform={`rotate(${angle})`} dominantBaseline=\"central\" textAnchor={textAnchor}>\n                                    {xGroupLabels[xGroupKey]}\n                                </text>\n                                {debug && (\n                                    <rect\n                                        x={-groupWidth / 2}\n                                        width={groupWidth}\n                                        height={xGroupsBBox.height}\n                                        stroke=\"black\"\n                                        fill=\"none\"\n                                    />\n                                )}\n                            </g>\n                        );\n                    })}\n                </g>\n            )}\n            {/* y group titles */}\n            {yGroupsVisible && (\n                <g transform={`translate(${yGroupsBBox.x},${yGroupsBBox.y})`}>\n                    {yGroupKeys.map(yGroupKey => {\n                        const keysCount = yKeysByGroups[yGroupKey].length;\n                        if (keysCount === 0) {\n                            return null;\n                        }\n                        const groupWidth = keysCount * stepY;\n                        const onLeft = yAxis.groupingPosition === 'left';\n                        const x = onLeft ? yGroupsBBox.width : 0;\n                        const y = scales.y(yKeysByGroups[yGroupKey][0]) + groupWidth / 2;\n                        const inclined = labelAngles.yGroupLabels !== 0;\n                        const angle =\n                            labelAngles.yGroupLabels === 45 ? -45 : (onLeft ? -1 : 1) * (90 - labelAngles.yGroupLabels);\n                        const textAnchor = !inclined ? 'middle' : onLeft ? 'end' : 'start';\n                        return (\n                            <g key={yGroupKey} transform={`translate(${x},${y})`}>\n                                <text\n                                    y={inclined ? 0 : -yGroupsBBox.width / 2}\n                                    transform={`rotate(${angle})`}\n                                    dominantBaseline=\"central\"\n                                    textAnchor={textAnchor}\n                                >\n                                    {yGroupLabels[yGroupKey]}\n                                </text>\n                                {debug && (\n                                    <rect\n                                        x={-yGroupsBBox.width / 2}\n                                        y={-groupWidth / 2}\n                                        width={yGroupsBBox.width}\n                                        height={groupWidth}\n                                        stroke=\"black\"\n                                        fill=\"none\"\n                                    />\n                                )}\n                            </g>\n                        );\n                    })}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["GroupCaptions","sideElementBBoxes","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","xGroupLabels","yGroupLabels","scales","stepX","stepY","xAxis","yAxis","labelAngles","debug","xGroupsVisible","xGroupsBBox","yGroupsVisible","yGroupsBBox","jsx","xGroupKey","keysCount","inclined","onTop","groupWidth","x","y","angle","textAnchor","yGroupKey","onLeft"],"mappings":"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"}
+{"version":3,"file":"GroupCaptions.js","sources":["../../../../src/heatmap/components/Captions/GroupCaptions.tsx"],"sourcesContent":["import {TICK_OFFSET} from '../../constants';\nimport type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\ninterface GroupCaptionsProps {\n    sideElementBBoxes: ChartSideElementsBBoxes;\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: Record<string, string[]>;\n    yKeysByGroups: Record<string, string[]>;\n    xGroupLabels: Record<string, string>;\n    yGroupLabels: Record<string, string>;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\n    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n    labelAngles: LabelAngles;\n    debug: boolean;\n}\nexport function GroupCaptions({\n    sideElementBBoxes,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    xGroupLabels,\n    yGroupLabels,\n    scales,\n    stepX,\n    stepY,\n    xAxis,\n    yAxis,\n    labelAngles,\n    debug,\n}: GroupCaptionsProps) {\n    const xGroupsVisible = sideElementBBoxes.top.groups.isVisible || sideElementBBoxes.bottom.groups.isVisible;\n    const xGroupsBBox = sideElementBBoxes.top.groups.isVisible\n        ? sideElementBBoxes.top.groups\n        : sideElementBBoxes.bottom.groups;\n\n    const yGroupsVisible = sideElementBBoxes.left.groups.isVisible || sideElementBBoxes.right.groups.isVisible;\n    const yGroupsBBox = sideElementBBoxes.left.groups.isVisible\n        ? sideElementBBoxes.left.groups\n        : sideElementBBoxes.right.groups;\n\n    return (\n        <g>\n            {/* x group titles */}\n            {xGroupsVisible && (\n                <g transform={`translate(${xGroupsBBox.x},${xGroupsBBox.y})`}>\n                    {xGroupKeys.map(xGroupKey => {\n                        const keysCount = xKeysByGroups[xGroupKey].length;\n                        if (keysCount === 0) {\n                            return null;\n                        }\n                        const angle = labelAngles.xGroupLabels;\n                        const inclined = angle !== 0;\n                        const onTop = xAxis.groupingPosition === 'top';\n                        const groupWidth = keysCount * stepX;\n                        const x = scales.x(xKeysByGroups[xGroupKey][0]) + groupWidth / 2;\n                        const y = inclined ? (onTop ? xGroupsBBox.height : 0) : xGroupsBBox.height / 2;\n                        const rotate = -angle;\n                        const offset = angle === 45 ? 2 * TICK_OFFSET : angle === 90 ? TICK_OFFSET : 0;\n                        const textAnchor = !inclined ? 'middle' : onTop ? 'start' : 'end';\n                        return (\n                            <g key={xGroupKey} transform={`translate(${x},${y + offset})`}>\n                                <text\n                                    transform={`rotate(${rotate})`}\n                                    dominantBaseline=\"central\"\n                                    textAnchor={textAnchor}\n                                >\n                                    {xGroupLabels[xGroupKey]}\n                                </text>\n                                {debug && (\n                                    <rect\n                                        x={-groupWidth / 2}\n                                        width={groupWidth}\n                                        height={xGroupsBBox.height}\n                                        stroke=\"black\"\n                                        fill=\"none\"\n                                    />\n                                )}\n                            </g>\n                        );\n                    })}\n                </g>\n            )}\n            {/* y group titles */}\n            {yGroupsVisible && (\n                <g transform={`translate(${yGroupsBBox.x},${yGroupsBBox.y})`}>\n                    {yGroupKeys.map(yGroupKey => {\n                        const keysCount = yKeysByGroups[yGroupKey].length;\n                        if (keysCount === 0) {\n                            return null;\n                        }\n                        const groupWidth = keysCount * stepY;\n                        const onLeft = yAxis.groupingPosition === 'left';\n                        const x = onLeft ? yGroupsBBox.width : 0;\n                        const y = scales.y(yKeysByGroups[yGroupKey][0]) + groupWidth / 2;\n                        const angle = labelAngles.yGroupLabels;\n                        const inclined = angle !== 0;\n                        const rotate = angle === 45 ? -45 : (onLeft ? -1 : 1) * (90 - angle);\n                        const offset = angle === 45 ? 2 * TICK_OFFSET : angle === 90 ? TICK_OFFSET : 0;\n                        const textAnchor = !inclined ? 'middle' : onLeft ? 'end' : 'start';\n                        return (\n                            <g key={yGroupKey} transform={`translate(${x - offset},${y})`}>\n                                <text\n                                    y={inclined ? 0 : -yGroupsBBox.width / 2}\n                                    transform={`rotate(${rotate})`}\n                                    dominantBaseline=\"central\"\n                                    textAnchor={textAnchor}\n                                >\n                                    {yGroupLabels[yGroupKey]}\n                                </text>\n                                {debug && (\n                                    <rect\n                                        x={-yGroupsBBox.width / 2}\n                                        y={-groupWidth / 2}\n                                        width={yGroupsBBox.width}\n                                        height={groupWidth}\n                                        stroke=\"black\"\n                                        fill=\"none\"\n                                    />\n                                )}\n                            </g>\n                        );\n                    })}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["GroupCaptions","sideElementBBoxes","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","xGroupLabels","yGroupLabels","scales","stepX","stepY","xAxis","yAxis","labelAngles","debug","xGroupsVisible","xGroupsBBox","yGroupsVisible","yGroupsBBox","jsx","xGroupKey","keysCount","angle","inclined","onTop","groupWidth","x","y","rotate","offset","TICK_OFFSET","textAnchor","jsxs","yGroupKey","onLeft"],"mappings":"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"}

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":"AAEA,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;AA4CtM,wBAAgB,KAAK,CAAC,SAAS,EAAE,EAC7B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,mBAAmB,EACnB,GAAG,EACH,WAAW,EACX,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,GACf,EAAE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,IAAI,GAAC,qBAAqB,CAAC,CAAC;CAC1D,2CAgLA"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAMzD,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAKlE,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AA4CtM,wBAAgB,KAAK,CAAC,SAAS,EAAE,EAC7B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,mBAAmB,EACnB,GAAG,EACH,WAAW,EACX,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,GACf,EAAE;IACC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7E,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,aAAa,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACpD,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,IAAI,GAAC,qBAAqB,CAAC,CAAC;CAC1D,2CAmLA"}

package/dist/heatmap/components/Chart.js

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