@milaboratories/miplots4 1.0.176 → 1.0.178

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

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

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

@@ -1 +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                                    {xAxis.showAxisLabels && (<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                                    {yAxis.showAxisLabels && (<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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"}
+{"version":3,"file":"AxisCaptions.js","names":[],"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                                    {xAxis.showAxisLabels && (<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                                    {yAxis.showAxisLabels && (<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"],"mappings":"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"}

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

@@ -1,82 +1,55 @@
-import { j as n } from "../../../_virtual/jsx-runtime.js";
-import { TICK_OFFSET as e } from "../../constants.js";
-function R({
-  sideElementBBoxes: t,
-  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 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: [
-    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 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: -h / 2,
-            width: h,
-            height: a.height,
-            stroke: "black",
-            fill: "none"
-          }
-        )
-      ] }, o);
-    }) }),
-    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 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: p ? 0 : -i.width / 2,
-            transform: `rotate(${u})`,
-            dominantBaseline: "central",
-            textAnchor: d,
-            children: C[o]
-          }
-        ),
-        $ && /* @__PURE__ */ n.jsx(
-          "rect",
-          {
-            x: -i.width / 2,
-            y: -r / 2,
-            width: i.width,
-            height: r,
-            stroke: "black",
-            fill: "none"
-          }
-        )
-      ] }, o);
-    }) })
-  ] });
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+function n({ sideElementBBoxes: n, xGroupKeys: r, yGroupKeys: i, xKeysByGroups: a, yKeysByGroups: o, xGroupLabels: s, yGroupLabels: c, scales: l, stepX: u, stepY: d, xAxis: f, yAxis: p, labelAngles: m, debug: h }) {
+	let g = n.top.groups.isVisible || n.bottom.groups.isVisible, _ = n.top.groups.isVisible ? n.top.groups : n.bottom.groups, v = n.left.groups.isVisible || n.right.groups.isVisible, y = n.left.groups.isVisible ? n.left.groups : n.right.groups;
+	return /* @__PURE__ */ t("g", { children: [g && /* @__PURE__ */ e("g", {
+		transform: `translate(${_.x},${_.y})`,
+		children: r.map((n) => {
+			let r = a[n].length;
+			if (r === 0) return null;
+			let i = m.xGroupLabels, o = i !== 0, c = f.groupingPosition === "top", d = r * u, p = l.x(a[n][0]) + d / 2, g = o ? c ? _.height : 0 : _.height / 2, v = -i, y = i === 45 ? 8 : i === 90 ? 4 : 0, b = o ? c ? "start" : "end" : "middle";
+			return /* @__PURE__ */ t("g", {
+				transform: `translate(${p},${g + y})`,
+				children: [/* @__PURE__ */ e("text", {
+					transform: `rotate(${v})`,
+					dominantBaseline: "central",
+					textAnchor: b,
+					children: s[n]
+				}), h && /* @__PURE__ */ e("rect", {
+					x: -d / 2,
+					width: d,
+					height: _.height,
+					stroke: "black",
+					fill: "none"
+				})]
+			}, n);
+		})
+	}), v && /* @__PURE__ */ e("g", {
+		transform: `translate(${y.x},${y.y})`,
+		children: i.map((n) => {
+			let r = o[n].length;
+			if (r === 0) return null;
+			let i = r * d, a = p.groupingPosition === "left", s = a ? y.width : 0, u = l.y(o[n][0]) + i / 2, f = m.yGroupLabels, g = f !== 0, _ = f === 45 ? -45 : (a ? -1 : 1) * (90 - f), v = f === 45 ? 8 : f === 90 ? 4 : 0, b = g ? a ? "end" : "start" : "middle";
+			return /* @__PURE__ */ t("g", {
+				transform: `translate(${s - v},${u})`,
+				children: [/* @__PURE__ */ e("text", {
+					y: g ? 0 : -y.width / 2,
+					transform: `rotate(${_})`,
+					dominantBaseline: "central",
+					textAnchor: b,
+					children: c[n]
+				}), h && /* @__PURE__ */ e("rect", {
+					x: -y.width / 2,
+					y: -i / 2,
+					width: y.width,
+					height: i,
+					stroke: "black",
+					fill: "none"
+				})]
+			}, n);
+		})
+	})] });
 }
-export {
-  R as GroupCaptions
-};
-//# sourceMappingURL=GroupCaptions.js.map
+export { n as GroupCaptions };
+
+//# sourceMappingURL=GroupCaptions.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"GroupCaptions.js","names":[],"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"],"mappings":";;AAqBA,SAAgB,EAAc,EAC1B,sBACA,eACA,eACA,kBACA,kBACA,iBACA,iBACA,WACA,UACA,UACA,UACA,UACA,gBACA,YACmB;CACnB,IAAM,IAAiB,EAAkB,IAAI,OAAO,aAAa,EAAkB,OAAO,OAAO,WAC3F,IAAc,EAAkB,IAAI,OAAO,YAC3C,EAAkB,IAAI,SACtB,EAAkB,OAAO,QAEzB,IAAiB,EAAkB,KAAK,OAAO,aAAa,EAAkB,MAAM,OAAO,WAC3F,IAAc,EAAkB,KAAK,OAAO,YAC5C,EAAkB,KAAK,SACvB,EAAkB,MAAM;AAE9B,QACI,kBAAC,KAAD,EAAA,UAAA,CAEK,KACG,kBAAC,KAAD;EAAG,WAAW,aAAa,EAAY,EAAE,GAAG,EAAY,EAAE;YACrD,EAAW,KAAI,MAAa;GACzB,IAAM,IAAY,EAAc,GAAW;AAC3C,OAAI,MAAc,EACd,QAAO;GAEX,IAAM,IAAQ,EAAY,cACpB,IAAW,MAAU,GACrB,IAAQ,EAAM,qBAAqB,OACnC,IAAa,IAAY,GACzB,IAAI,EAAO,EAAE,EAAc,GAAW,GAAG,GAAG,IAAa,GACzD,IAAI,IAAY,IAAQ,EAAY,SAAS,IAAK,EAAY,SAAS,GACvE,IAAS,CAAC,GACV,IAAS,MAAU,KAAK,IAAkB,MAAU,KAAA,IAAmB,GACvE,IAAc,IAAsB,IAAQ,UAAU,QAA7B;AAC/B,UACI,kBAAC,KAAD;IAAmB,WAAW,aAAa,EAAE,GAAG,IAAI,EAAO;cAA3D,CACI,kBAAC,QAAD;KACI,WAAW,UAAU,EAAO;KAC5B,kBAAiB;KACL;eAEX,EAAa;KACX,CAAA,EACN,KACG,kBAAC,QAAD;KACI,GAAG,CAAC,IAAa;KACjB,OAAO;KACP,QAAQ,EAAY;KACpB,QAAO;KACP,MAAK;KACP,CAAA,CAEN;MAjBI,EAiBJ;IAEV;EACF,CAAA,EAGP,KACG,kBAAC,KAAD;EAAG,WAAW,aAAa,EAAY,EAAE,GAAG,EAAY,EAAE;YACrD,EAAW,KAAI,MAAa;GACzB,IAAM,IAAY,EAAc,GAAW;AAC3C,OAAI,MAAc,EACd,QAAO;GAEX,IAAM,IAAa,IAAY,GACzB,IAAS,EAAM,qBAAqB,QACpC,IAAI,IAAS,EAAY,QAAQ,GACjC,IAAI,EAAO,EAAE,EAAc,GAAW,GAAG,GAAG,IAAa,GACzD,IAAQ,EAAY,cACpB,IAAW,MAAU,GACrB,IAAS,MAAU,KAAK,OAAO,IAAS,KAAK,MAAM,KAAK,IACxD,IAAS,MAAU,KAAK,IAAkB,MAAU,KAAA,IAAmB,GACvE,IAAc,IAAsB,IAAS,QAAQ,UAA5B;AAC/B,UACI,kBAAC,KAAD;IAAmB,WAAW,aAAa,IAAI,EAAO,GAAG,EAAE;cAA3D,CACI,kBAAC,QAAD;KACI,GAAG,IAAW,IAAI,CAAC,EAAY,QAAQ;KACvC,WAAW,UAAU,EAAO;KAC5B,kBAAiB;KACL;eAEX,EAAa;KACX,CAAA,EACN,KACG,kBAAC,QAAD;KACI,GAAG,CAAC,EAAY,QAAQ;KACxB,GAAG,CAAC,IAAa;KACjB,OAAO,EAAY;KACnB,QAAQ;KACR,QAAO;KACP,MAAK;KACP,CAAA,CAEN;MAnBI,EAmBJ;IAEV;EACF,CAAA,CAER,EAAA,CAAA"}

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

@@ -1,66 +1,41 @@
-import { j as o } from "../../../_virtual/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
-      }
-    )
-  ] });
+import { GroupCaptions as e } from "./GroupCaptions.js";
+import { AxisCaptions as t } from "./AxisCaptions.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+function i({ sideElementBBoxes: i, debug: a, xKeys: o, yKeys: s, scales: c, xAxis: l, yAxis: u, stepX: d, stepY: f, xGroupKeys: p, yGroupKeys: m, xKeysByGroups: h, yKeysByGroups: g, labelAngles: _, xLabels: v, yLabels: y, xGroupLabels: b, yGroupLabels: x }) {
+	return /* @__PURE__ */ r("g", {
+		fontWeight: "500",
+		children: [/* @__PURE__ */ n(t, {
+			sideElementBBoxes: i,
+			xKeys: o,
+			yKeys: s,
+			scales: c,
+			xAxis: l,
+			yAxis: u,
+			stepX: d,
+			stepY: f,
+			labelAngles: _,
+			xLabels: v,
+			yLabels: y,
+			debug: a
+		}), /* @__PURE__ */ n(e, {
+			sideElementBBoxes: i,
+			xGroupKeys: p,
+			yGroupKeys: m,
+			xKeysByGroups: h,
+			yKeysByGroups: g,
+			xGroupLabels: b,
+			yGroupLabels: x,
+			scales: c,
+			stepX: d,
+			stepY: f,
+			xAxis: l,
+			yAxis: u,
+			labelAngles: _,
+			debug: a
+		})]
+	});
 }
-export {
-  z as Captions
-};
-//# sourceMappingURL=index.js.map
+export { i as Captions };
+
+//# sourceMappingURL=index.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;AA2BA,SAAgB,EAAS,EACrB,sBACA,UACA,UACA,UACA,WACA,UACA,UACA,UACA,UACA,eACA,eACA,kBACA,kBACA,gBACA,YACA,YACA,iBACA,mBACc;AACd,QACI,kBAAC,KAAD;EAAG,YAAW;YAAd,CACI,kBAAC,GAAD;GACuB;GACZ;GACA;GACC;GACD;GACA;GACA;GACA;GACM;GACJ;GACA;GACF;GACT,CAAA,EACF,kBAAC,GAAD;GACuB;GACP;GACA;GACG;GACA;GACD;GACA;GACN;GACD;GACA;GACA;GACA;GACM;GACN;GACT,CAAA,CACF"}