@milaboratories/miplots4 1.0.123 → 1.0.125

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

@@ -0,0 +1,116 @@
+import { j as t } from "../../../node_modules/react/jsx-runtime.js";
+import { BLACK as a } from "../../../constants.js";
+import { DEFAULT_TICKS_SIZE as A, TICK_OFFSET as m } from "../../constants.js";
+function D({
+  sideElementBBoxes: i,
+  debug: g,
+  xKeys: L,
+  yKeys: S,
+  scales: w,
+  xAxis: T,
+  yAxis: j,
+  stepX: u,
+  stepY: z,
+  labelAngles: h,
+  xLabels: C,
+  yLabels: X
+}) {
+  const V = T.showTicks ? A : 0, k = j.showTicks ? A : 0, Y = i.top.axis.isVisible || i.bottom.axis.isVisible, r = i.top.axisTitle.isVisible ? i.top.axisTitle : i.bottom.axisTitle, l = i.top.axis.isVisible ? i.top.axis : i.bottom.axis, F = i.left.axis.isVisible || i.right.axis.isVisible, n = i.left.axisTitle.isVisible ? i.left.axisTitle : i.right.axisTitle, x = i.left.axis.isVisible ? i.left.axis : i.right.axis;
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    /* @__PURE__ */ t.jsxs("g", { children: [
+      r.isVisible && /* @__PURE__ */ t.jsxs("g", { transform: `translate(${r.x},${r.y})`, children: [
+        /* @__PURE__ */ t.jsx(
+          "text",
+          {
+            x: r.width / 2,
+            y: r.height / 2,
+            textAnchor: "middle",
+            dominantBaseline: "central",
+            children: T.title
+          }
+        ),
+        g && /* @__PURE__ */ t.jsx(
+          "rect",
+          {
+            width: r.width,
+            height: r.height,
+            stroke: a,
+            fill: "none"
+          }
+        )
+      ] }),
+      Y && /* @__PURE__ */ t.jsxs("g", { fontSize: "14px", transform: `translate(${l.x},${l.y})`, children: [
+        L.map((c) => {
+          const p = h.xAxisLabels !== 0, s = T.position === "bottom", e = s ? 0 : l.height, f = s ? e + V : e - V, y = s ? f + m : f - m, o = w.x(c) + u / 2, d = -h.xAxisLabels, $ = p ? s ? "end" : "start" : "middle";
+          return /* @__PURE__ */ t.jsxs("g", { children: [
+            /* @__PURE__ */ t.jsx("line", { x1: o, x2: o, y1: e, y2: f, stroke: a }),
+            /* @__PURE__ */ t.jsx(
+              "text",
+              {
+                x: o,
+                y,
+                textAnchor: $,
+                transform: `rotate(${d},${o},${y})`,
+                dominantBaseline: p ? "central" : s ? "hanging" : "auto",
+                children: C[c]
+              }
+            )
+          ] }, c);
+        }),
+        g && /* @__PURE__ */ t.jsx("rect", { width: l.width, height: l.height, stroke: a, fill: "none" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("g", { children: [
+      n.isVisible && /* @__PURE__ */ t.jsx(
+        "g",
+        {
+          transform: `translate(
+                                ${n.x + n.width / 2},
+                                ${n.y + n.height / 2})`,
+          children: /* @__PURE__ */ t.jsx(
+            "text",
+            {
+              transform: `rotate(${j.position === "left" ? -90 : 90})`,
+              dominantBaseline: "central",
+              textAnchor: "middle",
+              children: j.title
+            }
+          )
+        }
+      ),
+      g && /* @__PURE__ */ t.jsx(
+        "rect",
+        {
+          x: n.x,
+          y: n.y,
+          width: n.width,
+          height: n.height,
+          stroke: a,
+          fill: "none"
+        }
+      ),
+      F && /* @__PURE__ */ t.jsx("g", { fontSize: "14px", transform: `translate(${x.x},${x.y})`, children: S.map((c) => {
+        const p = h.yAxisLabels !== 0, s = j.position === "left", e = -(90 - h.yAxisLabels), f = h.yAxisLabels === 0 ? "middle" : s ? "end" : "start", y = p ? "central" : s ? "auto" : "hanging", o = s ? x.width : 0, d = s ? o - k : o + k, $ = s ? d - m : d + m, b = w.y(c) + z / 2;
+        return /* @__PURE__ */ t.jsxs("g", { children: [
+          /* @__PURE__ */ t.jsx("line", { x1: o, x2: d, y1: b, y2: b, stroke: a }),
+          /* @__PURE__ */ t.jsx("text", { x: $, y: b, textAnchor: f, transform: `rotate(${e},${$},${b})`, dominantBaseline: y, children: X[c] })
+        ] }, c);
+      }) }),
+      g && /* @__PURE__ */ t.jsx(
+        "rect",
+        {
+          x: x.x,
+          y: x.y,
+          height: x.height,
+          width: x.width,
+          stroke: a,
+          fill: "none"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  D as AxisCaptions
+};
+//# sourceMappingURL=AxisCaptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AxisCaptions.js","sources":["../../../../src/heatmap/components/Captions/AxisCaptions.tsx"],"sourcesContent":["import {BLACK} from '../../../constants';\nimport type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport {DEFAULT_TICKS_SIZE, TICK_OFFSET} from '../../constants';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\ninterface AxisCaptionsProps {\n    sideElementBBoxes: ChartSideElementsBBoxes;\n    debug: boolean;\n    xKeys: string[];\n    yKeys: string[];\n    scales: ChartScales;\n    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n    stepX: number;\n    stepY: number;\n    labelAngles: LabelAngles;\n    xLabels: Record<string, string>;\n    yLabels: Record<string, string>;\n}\nexport function AxisCaptions({\n    sideElementBBoxes,\n    debug,\n    xKeys,\n    yKeys,\n    scales,\n    xAxis,\n    yAxis,\n    stepX,\n    stepY,\n    labelAngles,\n    xLabels,\n    yLabels\n}: AxisCaptionsProps) {\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n\n    const xAxisVisible = sideElementBBoxes.top.axis.isVisible || sideElementBBoxes.bottom.axis.isVisible;\n    const xAxisTitleBBox = sideElementBBoxes.top.axisTitle.isVisible\n        ? sideElementBBoxes.top.axisTitle\n        : sideElementBBoxes.bottom.axisTitle;\n    const xAxisBBox = sideElementBBoxes.top.axis.isVisible ? sideElementBBoxes.top.axis : sideElementBBoxes.bottom.axis;\n\n    const yAxisVisible = sideElementBBoxes.left.axis.isVisible || sideElementBBoxes.right.axis.isVisible;\n    const yAxisTitleBBox = sideElementBBoxes.left.axisTitle.isVisible\n        ? sideElementBBoxes.left.axisTitle\n        : sideElementBBoxes.right.axisTitle;\n    const yAxisBBox = sideElementBBoxes.left.axis.isVisible\n        ? sideElementBBoxes.left.axis\n        : sideElementBBoxes.right.axis;\n    return (\n        <g>\n            {/* x-axis title, ticks and captions */}\n            <g>\n                {xAxisTitleBBox.isVisible && (\n                    <g transform={`translate(${xAxisTitleBBox.x},${xAxisTitleBBox.y})`}>\n                        <text\n                            x={xAxisTitleBBox.width / 2}\n                            y={xAxisTitleBBox.height / 2}\n                            textAnchor=\"middle\"\n                            dominantBaseline=\"central\"\n                        >\n                            {xAxis.title}\n                        </text>\n                        {debug && (\n                            <rect\n                                width={xAxisTitleBBox.width}\n                                height={xAxisTitleBBox.height}\n                                stroke={BLACK}\n                                fill=\"none\"\n                            />\n                        )}\n                    </g>\n                )}\n                {xAxisVisible && (\n                    <g fontSize=\"14px\" transform={`translate(${xAxisBBox.x},${xAxisBBox.y})`}>\n                        {xKeys.map(key => {\n                            const inclined = labelAngles.xAxisLabels !== 0;\n                            const onBottom = xAxis.position === 'bottom';\n                            const tickY1 = onBottom ? 0 : xAxisBBox.height;\n                            const tickY2 = onBottom ? tickY1 + tickSizeX : tickY1 - tickSizeX;\n                            const textY = onBottom ? tickY2 + TICK_OFFSET : tickY2 - TICK_OFFSET;\n                            const x = scales.x(key) + stepX / 2;\n                            const angle = -labelAngles.xAxisLabels;\n                            const textAnchor = !inclined ? 'middle' : onBottom ? 'end' : 'start';\n                            return (\n                                <g key={key}>\n                                    <line x1={x} x2={x} y1={tickY1} y2={tickY2} stroke={BLACK} />\n                                    <text\n                                        x={x}\n                                        y={textY}\n                                        textAnchor={textAnchor}\n                                        transform={`rotate(${angle},${x},${textY})`}\n                                        dominantBaseline={inclined ? 'central' : onBottom ? 'hanging' :'auto'}\n                                    >\n                                        {xLabels[key]}\n                                    </text>\n                                </g>\n                            );\n                        })}\n                        {debug && <rect width={xAxisBBox.width} height={xAxisBBox.height} stroke={BLACK} fill=\"none\" />}\n                    </g>\n                )}\n            </g>\n            {/* y-axis title, ticks and captions */}\n            <g>\n                {yAxisTitleBBox.isVisible && (\n                    <g\n                        transform={`translate(\n                                ${yAxisTitleBBox.x + yAxisTitleBBox.width / 2},\n                                ${yAxisTitleBBox.y + yAxisTitleBBox.height / 2})`}\n                    >\n                        <text\n                            transform={`rotate(${yAxis.position === 'left' ? -90 : 90})`}\n                            dominantBaseline=\"central\"\n                            textAnchor=\"middle\"\n                        >\n                            {yAxis.title}\n                        </text>\n                    </g>\n                )}\n                {debug && (\n                    <rect\n                        x={yAxisTitleBBox.x}\n                        y={yAxisTitleBBox.y}\n                        width={yAxisTitleBBox.width}\n                        height={yAxisTitleBBox.height}\n                        stroke={BLACK}\n                        fill=\"none\"\n                    />\n                )}\n                {yAxisVisible && (\n                    <g fontSize=\"14px\" transform={`translate(${yAxisBBox.x},${yAxisBBox.y})`}>\n                        {yKeys.map(key => {\n                            const inclined = labelAngles.yAxisLabels !== 0;\n                            const onLeft = yAxis.position === 'left';\n                            const angle = -(90 - labelAngles.yAxisLabels);\n                            const textAnchor = labelAngles.yAxisLabels === 0 ? 'middle' : onLeft ? 'end' : 'start';\n                            const dominantBaseline = inclined ? 'central' : onLeft ? 'auto' : 'hanging';\n                            const tickX1 = onLeft ? yAxisBBox.width : 0;\n                            const tickX2 = onLeft ? tickX1 - tickSizeY : tickX1 + tickSizeY;\n                            const textX = onLeft ? tickX2 - TICK_OFFSET : tickX2 + TICK_OFFSET;\n                            const y = scales.y(key) + stepY / 2;\n                            return (\n                                <g key={key}>\n                                    <line x1={tickX1} x2={tickX2} y1={y} y2={y} stroke={BLACK} />\n                                    <text x={textX} y={y} textAnchor={textAnchor} transform={`rotate(${angle},${textX},${y})`} dominantBaseline={dominantBaseline}>\n                                        {yLabels[key]}\n                                    </text>\n                                </g>\n                            );\n                        })}\n                    </g>\n                )}\n                {debug && (\n                    <rect\n                        x={yAxisBBox.x}\n                        y={yAxisBBox.y}\n                        height={yAxisBBox.height}\n                        width={yAxisBBox.width}\n                        stroke={BLACK}\n                        fill=\"none\"\n                    />\n                )}\n            </g>\n        </g>\n    );\n}\n"],"names":["AxisCaptions","sideElementBBoxes","debug","xKeys","yKeys","scales","xAxis","yAxis","stepX","stepY","labelAngles","xLabels","yLabels","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xAxisVisible","xAxisTitleBBox","xAxisBBox","yAxisVisible","yAxisTitleBBox","yAxisBBox","jsxs","jsx","BLACK","key","inclined","onBottom","tickY1","tickY2","textY","TICK_OFFSET","x","angle","textAnchor","onLeft","dominantBaseline","tickX1","tickX2","textX","y"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import { ChartScales, ChartSideElementsBBoxes, LabelAngles } from '../types';
+import { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';
+interface GroupCaptionsProps {
+    sideElementBBoxes: ChartSideElementsBBoxes;
+    xGroupKeys: string[];
+    yGroupKeys: string[];
+    xKeysByGroups: Record<string, string[]>;
+    yKeysByGroups: Record<string, string[]>;
+    xGroupLabels: Record<string, string>;
+    yGroupLabels: Record<string, string>;
+    scales: ChartScales;
+    stepX: number;
+    stepY: number;
+    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];
+    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];
+    labelAngles: LabelAngles;
+    debug: boolean;
+}
+export declare function GroupCaptions({ sideElementBBoxes, xGroupKeys, yGroupKeys, xKeysByGroups, yKeysByGroups, xGroupLabels, yGroupLabels, scales, stepX, stepY, xAxis, yAxis, labelAngles, debug, }: GroupCaptionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GroupCaptions.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,73 @@
+import { j as n } from "../../../node_modules/react/jsx-runtime.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
+}) {
+  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;
+  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)
+        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(
+          "rect",
+          {
+            x: -l / 2,
+            width: l,
+            height: a.height,
+            stroke: "black",
+            fill: "none"
+          }
+        )
+      ] }, o);
+    }) }),
+    P && /* @__PURE__ */ n.jsx("g", { transform: `translate(${r.x},${r.y})`, children: $.map((o) => {
+      const h = x[o].length;
+      if (h === 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: [
+        /* @__PURE__ */ n.jsx(
+          "text",
+          {
+            y: g ? 0 : -r.width / 2,
+            transform: `rotate(${u})`,
+            dominantBaseline: "central",
+            textAnchor: e,
+            children: V[o]
+          }
+        ),
+        b && /* @__PURE__ */ n.jsx(
+          "rect",
+          {
+            x: -r.width / 2,
+            y: -s / 2,
+            width: r.width,
+            height: s,
+            stroke: "black",
+            fill: "none"
+          }
+        )
+      ] }, o);
+    }) })
+  ] });
+}
+export {
+  R as GroupCaptions
+};
+//# sourceMappingURL=GroupCaptions.js.map

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

@@ -0,0 +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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"}

package/dist/heatmap/components/Captions/index.d.ts

@@ -0,0 +1,25 @@
+import { ChartScales, ChartSideElementsBBoxes, LabelAngles } from '../types';
+import { HeatmapSettingsImpl } from '../../HeatmapSettingsImpl';
+interface CaptionsProps {
+    sideElementBBoxes: ChartSideElementsBBoxes;
+    debug: boolean;
+    xKeys: string[];
+    yKeys: string[];
+    scales: ChartScales;
+    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];
+    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];
+    stepX: number;
+    stepY: number;
+    xGroupKeys: string[];
+    yGroupKeys: string[];
+    xKeysByGroups: Record<string, string[]>;
+    yKeysByGroups: Record<string, string[]>;
+    labelAngles: LabelAngles;
+    xLabels: Record<string, string>;
+    yLabels: Record<string, string>;
+    xGroupLabels: Record<string, string>;
+    yGroupLabels: Record<string, string>;
+}
+export declare function Captions({ sideElementBBoxes, debug, xKeys, yKeys, scales, xAxis, yAxis, stepX, stepY, xGroupKeys, yGroupKeys, xKeysByGroups, yKeysByGroups, labelAngles, xLabels, yLabels, xGroupLabels, yGroupLabels, }: CaptionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/heatmap/components/Captions/index.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;AAInE,UAAU,aAAa;IACnB,iBAAiB,EAAE,uBAAuB,CAAC;IAC3C,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,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,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC;AAED,wBAAgB,QAAQ,CAAC,EACrB,iBAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,GACf,EAAE,aAAa,2CAmCf"}

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

@@ -0,0 +1,66 @@
+import { j as o } from "../../../node_modules/react/jsx-runtime.js";
+import { GroupCaptions as g } from "./GroupCaptions.js";
+import { AxisCaptions as k } from "./AxisCaptions.js";
+function z({
+  sideElementBBoxes: r,
+  debug: t,
+  xKeys: u,
+  yKeys: x,
+  scales: i,
+  xAxis: n,
+  yAxis: p,
+  stepX: m,
+  stepY: f,
+  xGroupKeys: C,
+  yGroupKeys: a,
+  xKeysByGroups: h,
+  yKeysByGroups: s,
+  labelAngles: j,
+  xLabels: c,
+  yLabels: G,
+  xGroupLabels: R,
+  yGroupLabels: W
+}) {
+  return /* @__PURE__ */ o.jsxs("g", { fontWeight: "500", children: [
+    /* @__PURE__ */ o.jsx(
+      k,
+      {
+        sideElementBBoxes: r,
+        xKeys: u,
+        yKeys: x,
+        scales: i,
+        xAxis: n,
+        yAxis: p,
+        stepX: m,
+        stepY: f,
+        labelAngles: j,
+        xLabels: c,
+        yLabels: G,
+        debug: t
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      g,
+      {
+        sideElementBBoxes: r,
+        xGroupKeys: C,
+        yGroupKeys: a,
+        xKeysByGroups: h,
+        yKeysByGroups: s,
+        xGroupLabels: R,
+        yGroupLabels: W,
+        scales: i,
+        stepX: m,
+        stepY: f,
+        xAxis: n,
+        yAxis: p,
+        labelAngles: j,
+        debug: t
+      }
+    )
+  ] });
+}
+export {
+  z as Captions
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/heatmap/components/Captions/index.tsx"],"sourcesContent":["import {GroupCaptions} from './GroupCaptions';\nimport type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\nimport {AxisCaptions} from './AxisCaptions';\n\ninterface CaptionsProps {\n    sideElementBBoxes: ChartSideElementsBBoxes;\n    debug: boolean;\n    xKeys: string[];\n    yKeys: string[];\n    scales: ChartScales;\n    xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n    stepX: number;\n    stepY: number;\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: Record<string, string[]>;\n    yKeysByGroups: Record<string, string[]>;\n    labelAngles: LabelAngles;\n    xLabels: Record<string, string>;\n    yLabels: Record<string, string>;\n    xGroupLabels: Record<string, string>;\n    yGroupLabels: Record<string, string>;\n}\n\nexport function Captions({\n    sideElementBBoxes,\n    debug,\n    xKeys,\n    yKeys,\n    scales,\n    xAxis,\n    yAxis,\n    stepX,\n    stepY,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    labelAngles,\n    xLabels,\n    yLabels,\n    xGroupLabels,\n    yGroupLabels,\n}: CaptionsProps) {\n    return (\n        <g fontWeight=\"500\">\n            <AxisCaptions\n                sideElementBBoxes={sideElementBBoxes}\n                xKeys={xKeys}\n                yKeys={yKeys}\n                scales={scales}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                stepX={stepX}\n                stepY={stepY}\n                labelAngles={labelAngles}\n                xLabels={xLabels}\n                yLabels={yLabels}\n                debug={debug}\n            />\n            <GroupCaptions\n                sideElementBBoxes={sideElementBBoxes}\n                xGroupKeys={xGroupKeys}\n                yGroupKeys={yGroupKeys}\n                xKeysByGroups={xKeysByGroups}\n                yKeysByGroups={yKeysByGroups}\n                xGroupLabels={xGroupLabels}\n                yGroupLabels={yGroupLabels}\n                scales={scales}\n                stepX={stepX}\n                stepY={stepY}\n                xAxis={xAxis}\n                yAxis={yAxis}\n                labelAngles={labelAngles}\n                debug={debug}\n            />\n        </g>\n    );\n}\n"],"names":["Captions","sideElementBBoxes","debug","xKeys","yKeys","scales","xAxis","yAxis","stepX","stepY","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","labelAngles","xLabels","yLabels","xGroupLabels","yGroupLabels","jsxs","jsx","AxisCaptions","GroupCaptions"],"mappings":";;;AA2BO,SAASA,EAAS;AAAA,EACrB,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACJ,GAAkB;AACd,SACIC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,YAAW,OACV,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACG,mBAAApB;AAAA,QACA,OAAAE;AAAA,QACA,OAAAC;AAAA,QACA,QAAAC;AAAA,QACA,OAAAC;AAAA,QACA,OAAAC;AAAA,QACA,OAAAC;AAAA,QACA,OAAAC;AAAA,QACA,aAAAK;AAAA,QACA,SAAAC;AAAA,QACA,SAAAC;AAAA,QACA,OAAAd;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJkB,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACG,mBAAArB;AAAA,QACA,YAAAS;AAAA,QACA,YAAAC;AAAA,QACA,eAAAC;AAAA,QACA,eAAAC;AAAA,QACA,cAAAI;AAAA,QACA,cAAAC;AAAA,QACA,QAAAb;AAAA,QACA,OAAAG;AAAA,QACA,OAAAC;AAAA,QACA,OAAAH;AAAA,QACA,OAAAC;AAAA,QACA,aAAAO;AAAA,QACA,OAAAZ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}

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

@@ -0,0 +1,33 @@
+import { TooltipsData } from '../../common/Tooltip';
+import { AnnotationTooltipData, ChartDendrograms, ChartSizes, DendrogramAesScales, LabelAngles, Margins, AnnotationColorScales, CaptionsSizes, ChartDimensionsData, ChartScales } from './types';
+import { Cell, GroupedCellsData } from '../getCells';
+import { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';
+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, }: {
+    facetKey: string;
+    chartSizes: ChartSizes;
+    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'];
+    xGroupKeys: string[];
+    yGroupKeys: string[];
+    colorScale: (value: ValueType) => string;
+    chartSettings: HeatmapSettingsImpl['chartSettings'];
+    cellsMeta: GroupedCellsData['meta'];
+    stepX: number;
+    stepY: number;
+    annotations: HeatmapSettingsImpl['annotations'];
+    annotationColorScales: AnnotationColorScales;
+    sharedX: boolean;
+    sharedY: boolean;
+    aes: HeatmapSettingsImpl['aes'];
+    dendrograms: ChartDendrograms;
+    dendrogramAesScales: DendrogramAesScales;
+    labelAngles: LabelAngles;
+    margins: Margins;
+    tooltipsContainer?: Element;
+    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/heatmap/components/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAMxD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AACnD,OAAO,KAAK,EAAC,gBAAgB,EAAE,UAAU,EAAE,mBAAmB,EAAE,WAAW,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AACrG,OAAO,KAAK,EAAC,qBAAqB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAC,IAAI,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAC,mBAAmB,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAE9D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAgDhE,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"}

package/dist/heatmap/components/Chart.js

@@ -0,0 +1,224 @@
+import { j as r } from "../../node_modules/react/jsx-runtime.js";
+import { Tooltip as S } from "../../common/Tooltip.js";
+import { Annotations as ee } from "./Annotations/index.js";
+import { Captions as te } from "./Captions/index.js";
+import { Dendrograms as ne } from "./Dendrograms.js";
+import { Frames as oe } from "./Frames.js";
+import { FONT_SIZE as re, FACET_TITLE_OFFSET as ie } from "../constants.js";
+import { r as fe } from "../../_virtual/index.js";
+import { r as le } from "../../node_modules/react-dom/index.js";
+function v(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));
+  }
+  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)})` : ""}`
+  ];
+  for (const u of n)
+    m.push(`${u.label}: ${i[u.valueLabels ?? u.value]}`);
+  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) {
+  return e !== null && !("data" in e);
+}
+function W(e) {
+  return e !== null && "data" in e;
+}
+function Ce({
+  dendrograms: e,
+  facetKey: o,
+  dimensions: n,
+  scales: i,
+  cells: m,
+  xGroupKeys: u,
+  yGroupKeys: j,
+  xKeysByGroups: C,
+  yKeysByGroups: T,
+  colorScale: z,
+  chartSettings: h,
+  cellsMeta: x,
+  stepX: c,
+  stepY: s,
+  sharedX: H,
+  sharedY: I,
+  annotations: N,
+  annotationColorScales: P,
+  dendrogramAesScales: R,
+  aes: y,
+  labelAngles: Z,
+  chartSizes: $,
+  margins: g,
+  tooltipsContainer: w,
+  tooltipsData: t
+}) {
+  const [b, q] = fe.useState(), { xAxis: J, yAxis: Q, tooltips: E } = 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(), O = {
+    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)
+  }, _ = !1, K = b && t.fixed;
+  return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${n.left},${n.top})`, fontSize: re, children: [
+    /* @__PURE__ */ r.jsxs("g", { transform: `translate(${l.left},${l.top})`, children: [
+      /* @__PURE__ */ r.jsx(
+        ee,
+        {
+          facetKey: o,
+          sideElementBBoxes: a,
+          annotations: N,
+          cellsMeta: x,
+          annotationColorScales: P,
+          sharedX: H,
+          sharedY: I,
+          chartEdgeSides: U,
+          width: A,
+          height: F,
+          scales: i,
+          stepX: c,
+          stepY: s,
+          aes: y,
+          frame: h.frame,
+          xGroupKeys: u,
+          yGroupKeys: j,
+          xKeysByGroups: C,
+          yKeysByGroups: T,
+          tooltipsData: t,
+          activeElementContainer: b
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        ne,
+        {
+          dendrograms: e,
+          sideElementBBoxes: a,
+          xDataByKeys: x.xDataByKeys,
+          yDataByKeys: x.yDataByKeys,
+          aesScales: R
+        }
+      ),
+      a.top.facetTitle.isVisible && /* @__PURE__ */ r.jsx(
+        "text",
+        {
+          x: a.top.facetTitle.x,
+          y: a.top.facetTitle.y + a.top.facetTitle.height - ie,
+          fontWeight: "500",
+          fontSize: "20px",
+          children: x.facetKeyValues[o].join(", ")
+        }
+      ),
+      _,
+      L.map(
+        (d) => V.map((p) => {
+          var B;
+          const f = (B = m == null ? void 0 : m[d]) == null ? void 0 : B[p], G = K && W(t.selectedData) && (f == null ? void 0 : f.id) === t.selectedData.id, k = f ? /* @__PURE__ */ r.jsx(
+            "rect",
+            {
+              x: i.x(d),
+              y: i.y(p),
+              width: c,
+              height: s,
+              stroke: y.cellStrokeColor,
+              fill: f.value === null ? y.emptyCellColor : z(f.normalizedValue),
+              onMouseOver: () => t.onMouseOver(f, o),
+              onMouseLeave: () => t.onMouseLeave()
+            },
+            f ? f.id : `${d}_${p}`
+          ) : null;
+          return G ? le.createPortal(k, b) : k;
+        })
+      ),
+      /* @__PURE__ */ r.jsx(
+        oe,
+        {
+          frame: h.frame,
+          xGroupKeys: u,
+          yGroupKeys: j,
+          xKeysByGroups: C,
+          yKeysByGroups: T,
+          scales: i,
+          stepX: c,
+          stepY: s,
+          width: A,
+          height: F
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        te,
+        {
+          xAxis: J,
+          yAxis: Q,
+          scales: i,
+          stepX: c,
+          stepY: s,
+          debug: _,
+          sideElementBBoxes: a,
+          xKeys: L,
+          yKeys: V,
+          xGroupKeys: u,
+          yGroupKeys: j,
+          xKeysByGroups: C,
+          yKeysByGroups: T,
+          xGroupLabels: D,
+          yGroupLabels: M,
+          labelAngles: Z,
+          xLabels: Y,
+          yLabels: X
+        }
+      )
+    ] }),
+    h.tooltips.show && W(t.selectedData) && t.currentFacet === o && /* @__PURE__ */ r.jsx(
+      S,
+      {
+        content: ue(t.selectedData, x, E == null ? void 0 : E.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,
+        active: !0,
+        sideDistances: O,
+        fixed: t.fixed,
+        onClose: t.onClose,
+        container: w
+      }
+    ),
+    h.tooltips.show && ae(t.selectedData) && t.currentFacet === o && /* @__PURE__ */ r.jsx(
+      S,
+      {
+        content: xe(t.selectedData, x),
+        x: t.selectedData.x,
+        y: t.selectedData.y,
+        offset: 0,
+        active: !0,
+        sideDistances: O,
+        fixed: t.fixed,
+        onClose: t.onClose,
+        container: w
+      }
+    ),
+    /* @__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.jsx(
+        "g",
+        {
+          ref: (d) => {
+            d && !b && q(d);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Ce as Chart
+};
+//# sourceMappingURL=Chart.js.map