@milaboratories/miplots4 1.0.176 → 1.0.177

package/dist/bubble/utils/calculateSideElementsBBoxes.js

@@ -1,49 +1,48 @@
-import { CHART_SIDE_ELEMENTS as i } from "../constants.js";
-function p(r, u, e) {
-  return {
-    left: i.left.reduce((t, n, c) => {
-      const l = c > 0 ? i.left[c - 1] : null, o = r.left[n];
-      return t[n] = {
-        x: l ? t[l].x - o : -o,
-        y: 0,
-        width: o,
-        height: e,
-        isVisible: o > 0
-      }, t;
-    }, {}),
-    right: i.right.reduce((t, n, c) => {
-      const l = c > 0 ? i.right[c - 1] : null, o = r.right[n];
-      return t[n] = {
-        x: l ? t[l].x + t[l].width : u,
-        y: 0,
-        width: o,
-        height: e,
-        isVisible: o > 0
-      }, t;
-    }, {}),
-    top: i.top.reduce((t, n, c) => {
-      const l = c > 0 ? i.top[c - 1] : null, o = r.top[n];
-      return t[n] = {
-        x: 0,
-        y: l ? t[l].y - o : -o,
-        width: u,
-        height: o,
-        isVisible: o > 0
-      }, t;
-    }, {}),
-    bottom: i.bottom.reduce((t, n, c) => {
-      const l = c > 0 ? i.bottom[c - 1] : null, o = r.bottom[n];
-      return t[n] = {
-        x: 0,
-        y: l ? t[l].y + t[l].height : e,
-        width: u,
-        height: o,
-        isVisible: o > 0
-      }, t;
-    }, {})
-  };
+import { CHART_SIDE_ELEMENTS as e } from "../constants.js";
+function t(t, n, r) {
+	return {
+		left: e.left.reduce((n, i, a) => {
+			let o = a > 0 ? e.left[a - 1] : null, s = t.left[i];
+			return n[i] = {
+				x: o ? n[o].x - s : -s,
+				y: 0,
+				width: s,
+				height: r,
+				isVisible: s > 0
+			}, n;
+		}, {}),
+		right: e.right.reduce((i, a, o) => {
+			let s = o > 0 ? e.right[o - 1] : null, c = t.right[a];
+			return i[a] = {
+				x: s ? i[s].x + i[s].width : n,
+				y: 0,
+				width: c,
+				height: r,
+				isVisible: c > 0
+			}, i;
+		}, {}),
+		top: e.top.reduce((r, i, a) => {
+			let o = a > 0 ? e.top[a - 1] : null, s = t.top[i];
+			return r[i] = {
+				x: 0,
+				y: o ? r[o].y - s : -s,
+				width: n,
+				height: s,
+				isVisible: s > 0
+			}, r;
+		}, {}),
+		bottom: e.bottom.reduce((i, a, o) => {
+			let s = o > 0 ? e.bottom[o - 1] : null, c = t.bottom[a];
+			return i[a] = {
+				x: 0,
+				y: s ? i[s].y + i[s].height : r,
+				width: n,
+				height: c,
+				isVisible: c > 0
+			}, i;
+		}, {})
+	};
 }
-export {
-  p as calculateSideElementsBBoxes
-};
-//# sourceMappingURL=calculateSideElementsBBoxes.js.map
+export { t as calculateSideElementsBBoxes };
+
+//# sourceMappingURL=calculateSideElementsBBoxes.js.map

package/dist/bubble/utils/calculateSideElementsBBoxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculateSideElementsBBoxes.js","sources":["../../../src/bubble/utils/calculateSideElementsBBoxes.ts"],"sourcesContent":["import type {ChartElementBBox, ChartSideElementsBBoxes} from '../components/types';\nimport {CHART_SIDE_ELEMENTS} from '../constants';\n\nexport function calculateSideElementsBBoxes(\n    sideElementSizes: Record<string, Record<string, number>>,\n    width: number,\n    height: number\n): ChartSideElementsBBoxes {\n    return {\n        left: CHART_SIDE_ELEMENTS.left.reduce((res: Record<string, ChartElementBBox>, el, idx) => {\n            const prevEl = idx > 0 ? CHART_SIDE_ELEMENTS.left[idx - 1] : null;\n            const elWidth = sideElementSizes.left[el];\n            res[el] = {\n                x: prevEl ? res[prevEl].x - elWidth : -elWidth,\n                y: 0,\n                width: elWidth,\n                height,\n                isVisible: elWidth > 0,\n            };\n            return res;\n        }, {}),\n        right: CHART_SIDE_ELEMENTS.right.reduce((res: Record<string, ChartElementBBox>, el, idx) => {\n            const prevEl = idx > 0 ? CHART_SIDE_ELEMENTS.right[idx - 1] : null;\n            const elWidth = sideElementSizes.right[el];\n            res[el] = {\n                x: prevEl ? res[prevEl].x + res[prevEl].width : width,\n                y: 0,\n                width: elWidth,\n                height,\n                isVisible: elWidth > 0,\n            };\n            return res;\n        }, {}),\n        top: CHART_SIDE_ELEMENTS.top.reduce((res: Record<string, ChartElementBBox>, el, idx) => {\n            const prevEl = idx > 0 ? CHART_SIDE_ELEMENTS.top[idx - 1] : null;\n            const elHeight = sideElementSizes.top[el];\n            res[el] = {\n                x: 0,\n                y: prevEl ? res[prevEl].y - elHeight : -elHeight,\n                width,\n                height: elHeight,\n                isVisible: elHeight > 0,\n            };\n            return res;\n        }, {}),\n        bottom: CHART_SIDE_ELEMENTS.bottom.reduce((res: Record<string, ChartElementBBox>, el, idx) => {\n            const prevEl = idx > 0 ? CHART_SIDE_ELEMENTS.bottom[idx - 1] : null;\n            const elHeight = sideElementSizes.bottom[el];\n            res[el] = {\n                x: 0,\n                y: prevEl ? res[prevEl].y + res[prevEl].height : height,\n                width,\n                height: elHeight,\n                isVisible: elHeight > 0,\n            };\n            return res;\n        }, {}),\n    };\n}\n"],"names":["calculateSideElementsBBoxes","sideElementSizes","width","height","CHART_SIDE_ELEMENTS","res","el","idx","prevEl","elWidth","elHeight"],"mappings":";AAGO,SAASA,EACZC,GACAC,GACAC,GACuB;AACvB,SAAO;AAAA,IACH,MAAMC,EAAoB,KAAK,OAAO,CAACC,GAAuCC,GAAIC,MAAQ;AACtF,YAAMC,IAASD,IAAM,IAAIH,EAAoB,KAAKG,IAAM,CAAC,IAAI,MACvDE,IAAUR,EAAiB,KAAKK,CAAE;AACxC,aAAAD,EAAIC,CAAE,IAAI;AAAA,QACN,GAAGE,IAASH,EAAIG,CAAM,EAAE,IAAIC,IAAU,CAACA;AAAA,QACvC,GAAG;AAAA,QACH,OAAOA;AAAA,QACP,QAAAN;AAAA,QACA,WAAWM,IAAU;AAAA,MAAA,GAElBJ;AAAA,IACX,GAAG,CAAA,CAAE;AAAA,IACL,OAAOD,EAAoB,MAAM,OAAO,CAACC,GAAuCC,GAAIC,MAAQ;AACxF,YAAMC,IAASD,IAAM,IAAIH,EAAoB,MAAMG,IAAM,CAAC,IAAI,MACxDE,IAAUR,EAAiB,MAAMK,CAAE;AACzC,aAAAD,EAAIC,CAAE,IAAI;AAAA,QACN,GAAGE,IAASH,EAAIG,CAAM,EAAE,IAAIH,EAAIG,CAAM,EAAE,QAAQN;AAAA,QAChD,GAAG;AAAA,QACH,OAAOO;AAAA,QACP,QAAAN;AAAA,QACA,WAAWM,IAAU;AAAA,MAAA,GAElBJ;AAAA,IACX,GAAG,CAAA,CAAE;AAAA,IACL,KAAKD,EAAoB,IAAI,OAAO,CAACC,GAAuCC,GAAIC,MAAQ;AACpF,YAAMC,IAASD,IAAM,IAAIH,EAAoB,IAAIG,IAAM,CAAC,IAAI,MACtDG,IAAWT,EAAiB,IAAIK,CAAE;AACxC,aAAAD,EAAIC,CAAE,IAAI;AAAA,QACN,GAAG;AAAA,QACH,GAAGE,IAASH,EAAIG,CAAM,EAAE,IAAIE,IAAW,CAACA;AAAA,QACxC,OAAAR;AAAA,QACA,QAAQQ;AAAA,QACR,WAAWA,IAAW;AAAA,MAAA,GAEnBL;AAAA,IACX,GAAG,CAAA,CAAE;AAAA,IACL,QAAQD,EAAoB,OAAO,OAAO,CAACC,GAAuCC,GAAIC,MAAQ;AAC1F,YAAMC,IAASD,IAAM,IAAIH,EAAoB,OAAOG,IAAM,CAAC,IAAI,MACzDG,IAAWT,EAAiB,OAAOK,CAAE;AAC3C,aAAAD,EAAIC,CAAE,IAAI;AAAA,QACN,GAAG;AAAA,QACH,GAAGE,IAASH,EAAIG,CAAM,EAAE,IAAIH,EAAIG,CAAM,EAAE,SAASL;AAAA,QACjD,OAAAD;AAAA,QACA,QAAQQ;AAAA,QACR,WAAWA,IAAW;AAAA,MAAA,GAEnBL;AAAA,IACX,GAAG,CAAA,CAAE;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"calculateSideElementsBBoxes.js","names":[],"sources":["../../../src/bubble/utils/calculateSideElementsBBoxes.ts"],"sourcesContent":["import type {ChartElementBBox, ChartSideElementsBBoxes} from '../components/types';\nimport {CHART_SIDE_ELEMENTS} from '../constants';\n\nexport function calculateSideElementsBBoxes(\n    sideElementSizes: Record<string, Record<string, number>>,\n    width: number,\n    height: number\n): ChartSideElementsBBoxes {\n    return {\n        left: CHART_SIDE_ELEMENTS.left.reduce((res: Record<string, ChartElementBBox>, el, idx) => {\n            const prevEl = idx > 0 ? CHART_SIDE_ELEMENTS.left[idx - 1] : null;\n            const elWidth = sideElementSizes.left[el];\n            res[el] = {\n                x: prevEl ? res[prevEl].x - elWidth : -elWidth,\n                y: 0,\n                width: elWidth,\n                height,\n                isVisible: elWidth > 0,\n            };\n            return res;\n        }, {}),\n        right: CHART_SIDE_ELEMENTS.right.reduce((res: Record<string, ChartElementBBox>, el, idx) => {\n            const prevEl = idx > 0 ? CHART_SIDE_ELEMENTS.right[idx - 1] : null;\n            const elWidth = sideElementSizes.right[el];\n            res[el] = {\n                x: prevEl ? res[prevEl].x + res[prevEl].width : width,\n                y: 0,\n                width: elWidth,\n                height,\n                isVisible: elWidth > 0,\n            };\n            return res;\n        }, {}),\n        top: CHART_SIDE_ELEMENTS.top.reduce((res: Record<string, ChartElementBBox>, el, idx) => {\n            const prevEl = idx > 0 ? CHART_SIDE_ELEMENTS.top[idx - 1] : null;\n            const elHeight = sideElementSizes.top[el];\n            res[el] = {\n                x: 0,\n                y: prevEl ? res[prevEl].y - elHeight : -elHeight,\n                width,\n                height: elHeight,\n                isVisible: elHeight > 0,\n            };\n            return res;\n        }, {}),\n        bottom: CHART_SIDE_ELEMENTS.bottom.reduce((res: Record<string, ChartElementBBox>, el, idx) => {\n            const prevEl = idx > 0 ? CHART_SIDE_ELEMENTS.bottom[idx - 1] : null;\n            const elHeight = sideElementSizes.bottom[el];\n            res[el] = {\n                x: 0,\n                y: prevEl ? res[prevEl].y + res[prevEl].height : height,\n                width,\n                height: elHeight,\n                isVisible: elHeight > 0,\n            };\n            return res;\n        }, {}),\n    };\n}\n"],"mappings":";AAGA,SAAgB,EACZ,GACA,GACA,GACuB;AACvB,QAAO;EACH,MAAM,EAAoB,KAAK,QAAQ,GAAuC,GAAI,MAAQ;GACtF,IAAM,IAAS,IAAM,IAAI,EAAoB,KAAK,IAAM,KAAK,MACvD,IAAU,EAAiB,KAAK;AAQtC,UAPA,EAAI,KAAM;IACN,GAAG,IAAS,EAAI,GAAQ,IAAI,IAAU,CAAC;IACvC,GAAG;IACH,OAAO;IACP;IACA,WAAW,IAAU;IACxB,EACM;KACR,EAAE,CAAC;EACN,OAAO,EAAoB,MAAM,QAAQ,GAAuC,GAAI,MAAQ;GACxF,IAAM,IAAS,IAAM,IAAI,EAAoB,MAAM,IAAM,KAAK,MACxD,IAAU,EAAiB,MAAM;AAQvC,UAPA,EAAI,KAAM;IACN,GAAG,IAAS,EAAI,GAAQ,IAAI,EAAI,GAAQ,QAAQ;IAChD,GAAG;IACH,OAAO;IACP;IACA,WAAW,IAAU;IACxB,EACM;KACR,EAAE,CAAC;EACN,KAAK,EAAoB,IAAI,QAAQ,GAAuC,GAAI,MAAQ;GACpF,IAAM,IAAS,IAAM,IAAI,EAAoB,IAAI,IAAM,KAAK,MACtD,IAAW,EAAiB,IAAI;AAQtC,UAPA,EAAI,KAAM;IACN,GAAG;IACH,GAAG,IAAS,EAAI,GAAQ,IAAI,IAAW,CAAC;IACxC;IACA,QAAQ;IACR,WAAW,IAAW;IACzB,EACM;KACR,EAAE,CAAC;EACN,QAAQ,EAAoB,OAAO,QAAQ,GAAuC,GAAI,MAAQ;GAC1F,IAAM,IAAS,IAAM,IAAI,EAAoB,OAAO,IAAM,KAAK,MACzD,IAAW,EAAiB,OAAO;AAQzC,UAPA,EAAI,KAAM;IACN,GAAG;IACH,GAAG,IAAS,EAAI,GAAQ,IAAI,EAAI,GAAQ,SAAS;IACjD;IACA,QAAQ;IACR,WAAW,IAAW;IACzB,EACM;KACR,EAAE,CAAC;EACT"}

package/dist/common/BandAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BandAxis.d.ts","sourceRoot":"","sources":["../../src/common/BandAxis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpD,KAAK,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAC7D,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AA0ChC,eAAO,MAAM,QAAQ,4FASlB;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,4CA0DA,CAAC"}
+{"version":3,"file":"BandAxis.d.ts","sourceRoot":"","sources":["../../src/common/BandAxis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpD,KAAK,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAC7D,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AA0ChC,eAAO,MAAM,QAAQ,GAAI,yFAStB;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,4CA0DA,CAAC"}

package/dist/common/BandAxis.js

@@ -1,67 +1,52 @@
-import { j as m } from "../_virtual/jsx-runtime.js";
-import { BLACK as l } from "../constants.js";
-import { TICK_OFFSET as d } from "../discrete/constants.js";
-function A(t) {
-  return `translate(${t},0)`;
+import { BLACK as e } from "../constants.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+function r(e) {
+	return `translate(${e},0)`;
 }
-function B(t) {
-  return `translate(0,${t})`;
+function i(e) {
+	return `translate(0,${e})`;
 }
-const u = 21;
-function F(t, n) {
-  if (t === "45deg") {
-    const i = n === "left" ? -u / 2 : 0, e = n === "bottom" ? u / 2 : -u / 2;
-    return `translate(${i},${e}) rotate(-45)`;
-  }
-  return t === "90deg" && n === "bottom" ? `translate(${-u / 2},${d + u / 2}) rotate(-90)` : n === "bottom" ? `translate(0,${d})` : `translate(${-d},0)`;
+var a = 21;
+function o(e, t) {
+	return e === "45deg" ? `translate(${t === "left" ? -a / 2 : 0},${t === "bottom" ? a / 2 : -a / 2}) rotate(-45)` : e === "90deg" && t === "bottom" ? `translate(${-a / 2},${4 + a / 2}) rotate(-90)` : t === "bottom" ? "translate(0,4)" : "translate(-4,0)";
 }
-function M(t, n) {
-  return n === "left" || n === "bottom" && t === "90deg" ? "central" : t === "center" ? "hanging" : "auto";
+function s(e, t) {
+	return t === "left" || t === "bottom" && e === "90deg" ? "central" : e === "center" ? "hanging" : "auto";
 }
-function E(t, n) {
-  return n === "left" || n === "bottom" && t !== "center" ? "end" : "middle";
+function c(e, t) {
+	return t === "left" || t === "bottom" && e !== "center" ? "end" : "middle";
 }
-const H = ({
-  scale: t,
-  tickSize: n = 6,
-  tickPadding: i = d,
-  orient: e = "bottom",
-  labelsPosition: s = "center",
-  labels: p = {},
-  offset: f = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : 0.5,
-  hiddenLabels: g = !1
-}) => {
-  function h(r, o) {
-    return r.bandwidth && (o = Math.max(0, r.bandwidth() - o * 2) / 2), r != null && r.round() && (o = Math.round(o)), (c) => {
-      const a = r(c);
-      return a === void 0 ? 0 : a + o;
-    };
-  }
-  const $ = t.domain(), j = (r) => p[r] ?? [], y = Math.max(n, 0) + i, b = h(t.copy(), f), w = e === "bottom" ? A : B, x = e === "left" ? -1 : 1, T = {
-    [(e === "left" ? "x" : "y") + "2"]: x * n
-  }, v = {
-    [e === "left" ? "x" : "y"]: x * y
-  };
-  return /* @__PURE__ */ m.jsx("g", { children: $.map((r, o) => /* @__PURE__ */ m.jsxs("g", { className: "tick", transform: w(b(r) + f), children: [
-    /* @__PURE__ */ m.jsx("line", { stroke: l, ...T }),
-    /* @__PURE__ */ m.jsx("g", { transform: F(s, e), children: !g && j(r).map((c, a) => /* @__PURE__ */ m.jsx(
-      "text",
-      {
-        fill: l,
-        fontSize: "14px",
-        fontWeight: "500",
-        fontFamily: "Manrope",
-        dominantBaseline: M(s, e),
-        textAnchor: E(s, e),
-        dy: 20 * a,
-        ...v,
-        children: c
-      },
-      `${c}_${a}`
-    )) })
-  ] }, o)) });
+const l = ({ scale: a, tickSize: l = 6, tickPadding: u = 4, orient: d = "bottom", labelsPosition: f = "center", labels: p = {}, offset: m = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : .5, hiddenLabels: h = !1 }) => {
+	function g(e, t) {
+		return e.bandwidth && (t = Math.max(0, e.bandwidth() - t * 2) / 2), e?.round() && (t = Math.round(t)), (n) => {
+			let r = e(n);
+			return r === void 0 ? 0 : r + t;
+		};
+	}
+	let _ = a.domain(), v = (e) => p[e] ?? [], y = Math.max(l, 0) + u, b = g(a.copy(), m), x = d === "bottom" ? r : i, S = d === "left" ? -1 : 1, C = { [(d === "left" ? "x" : "y") + "2"]: S * l }, w = { [d === "left" ? "x" : "y"]: S * y };
+	return /* @__PURE__ */ t("g", { children: _.map((r, i) => /* @__PURE__ */ n("g", {
+		className: "tick",
+		transform: x(b(r) + m),
+		children: [/* @__PURE__ */ t("line", {
+			stroke: e,
+			...C
+		}), /* @__PURE__ */ t("g", {
+			transform: o(f, d),
+			children: !h && v(r).map((e, n) => /* @__PURE__ */ t("text", {
+				fill: "#110529",
+				fontSize: "14px",
+				fontWeight: "500",
+				fontFamily: "Manrope",
+				dominantBaseline: s(f, d),
+				textAnchor: c(f, d),
+				dy: 20 * n,
+				...w,
+				children: e
+			}, `${e}_${n}`))
+		})]
+	}, i)) });
 };
-export {
-  H as BandAxis
-};
-//# sourceMappingURL=BandAxis.js.map
+export { l as BandAxis };
+
+//# sourceMappingURL=BandAxis.js.map

package/dist/common/BandAxis.js.map

@@ -1 +1 @@
-{"version":3,"file":"BandAxis.js","sources":["../../src/common/BandAxis.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport {TICK_OFFSET} from '../discrete/constants';\nimport React from 'react';\nimport type {ScaleBand, ScalePoint} from 'd3-scale';\n\ntype Scale = ScaleBand<string> | ScalePoint<string | number>;\ntype Orient = 'left' | 'bottom';\n\nfunction translateX(x: number) {\n    return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n    return `translate(0,${y})`;\n}\n\ntype LabelsPosition = 'center' | '45deg' | '90deg';\n\nconst FONT_HEIGHT = 21;\nfunction getRotationTransform(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (labelsPosition === '45deg') {\n        const x = orient === 'left' ? -FONT_HEIGHT / 2 : 0;\n        const y = orient === 'bottom' ? FONT_HEIGHT / 2 : -FONT_HEIGHT / 2;\n        return `translate(${x},${y}) rotate(-45)`;\n    }\n    if (labelsPosition === '90deg' && orient === 'bottom') {\n        return `translate(${-FONT_HEIGHT / 2},${TICK_OFFSET + FONT_HEIGHT / 2}) rotate(-90)`;\n    }\n    return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (orient === 'left' || (orient === 'bottom' && labelsPosition === '90deg')) {\n        return 'central';\n    }\n    if (labelsPosition === 'center') {\n        return 'hanging';\n    }\n    return 'auto';\n}\n\nfunction getTextAnchor(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (orient === 'left' || (orient === 'bottom' && labelsPosition !== 'center')) {\n        return 'end';\n    }\n    return 'middle';\n}\n\nexport const BandAxis = ({\n    scale,\n    tickSize = 6,\n    tickPadding = TICK_OFFSET,\n    orient = 'bottom',\n    labelsPosition = 'center',\n    labels = {},\n    offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n    hiddenLabels = false,\n}: {\n    scale: Scale;\n    tickSize?: number;\n    tickPadding?: number;\n    offset?: number;\n    orient?: Orient;\n    labels?: Record<string, string[]>;\n    labelsPosition?: 'center' | '45deg' | '90deg';\n    hiddenLabels?: boolean;\n}) => {\n    function center(scale: Scale, offset: number) {\n        if (scale.bandwidth) {\n            offset = Math.max(0, scale.bandwidth() - offset * 2) / 2;\n        }\n        if (scale?.round()) {\n            offset = Math.round(offset);\n        }\n        return (d: string | number) => {\n            const value = scale(d as string);\n            return value === undefined ? 0 : value + offset;\n        };\n    }\n\n    const values = scale.domain();\n    const getLabel = (tick: string | number) => labels[tick] ?? [];\n    const spacing = Math.max(tickSize, 0) + tickPadding;\n    const position = center(scale.copy(), offset);\n\n    const transform = orient === 'bottom' ? translateX : translateY;\n    const k = orient === 'left' ? -1 : 1;\n\n    const lineProps = {\n        [(orient === 'left' ? 'x' : 'y') + '2']: k * tickSize,\n    };\n\n    const textProps = {\n        [orient === 'left' ? 'x' : 'y']: k * spacing,\n    };\n\n    return (\n        <g>\n            {values.map((tick: string | number, i: number) => (\n                <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n                    <line stroke={BLACK} {...lineProps} />\n                    <g transform={getRotationTransform(labelsPosition, orient)}>\n                        {!hiddenLabels && getLabel(tick).map((line, idx) => {\n                            return (\n                                <text\n                                    key={`${line}_${idx}`}\n                                    fill={BLACK}\n                                    fontSize=\"14px\"\n                                    fontWeight=\"500\"\n                                    fontFamily=\"Manrope\"\n                                    dominantBaseline={getDominantBaseline(labelsPosition, orient)}\n                                    textAnchor={getTextAnchor(labelsPosition, orient)}\n                                    dy={20 * idx}\n                                    {...textProps}\n                                >\n                                    {line}\n                                </text>\n                            );\n                        })}\n                    </g>\n                </g>\n            ))}\n        </g>\n    );\n};\n"],"names":["translateX","x","translateY","y","FONT_HEIGHT","getRotationTransform","labelsPosition","orient","TICK_OFFSET","getDominantBaseline","getTextAnchor","BandAxis","scale","tickSize","tickPadding","labels","offset","hiddenLabels","center","d","value","values","getLabel","tick","spacing","position","transform","k","lineProps","textProps","i","jsxs","jsx","BLACK","line","idx"],"mappings":"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"}
+{"version":3,"file":"BandAxis.js","names":[],"sources":["../../src/common/BandAxis.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport {TICK_OFFSET} from '../discrete/constants';\nimport React from 'react';\nimport type {ScaleBand, ScalePoint} from 'd3-scale';\n\ntype Scale = ScaleBand<string> | ScalePoint<string | number>;\ntype Orient = 'left' | 'bottom';\n\nfunction translateX(x: number) {\n    return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n    return `translate(0,${y})`;\n}\n\ntype LabelsPosition = 'center' | '45deg' | '90deg';\n\nconst FONT_HEIGHT = 21;\nfunction getRotationTransform(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (labelsPosition === '45deg') {\n        const x = orient === 'left' ? -FONT_HEIGHT / 2 : 0;\n        const y = orient === 'bottom' ? FONT_HEIGHT / 2 : -FONT_HEIGHT / 2;\n        return `translate(${x},${y}) rotate(-45)`;\n    }\n    if (labelsPosition === '90deg' && orient === 'bottom') {\n        return `translate(${-FONT_HEIGHT / 2},${TICK_OFFSET + FONT_HEIGHT / 2}) rotate(-90)`;\n    }\n    return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (orient === 'left' || (orient === 'bottom' && labelsPosition === '90deg')) {\n        return 'central';\n    }\n    if (labelsPosition === 'center') {\n        return 'hanging';\n    }\n    return 'auto';\n}\n\nfunction getTextAnchor(labelsPosition: LabelsPosition, orient: 'left' | 'bottom') {\n    if (orient === 'left' || (orient === 'bottom' && labelsPosition !== 'center')) {\n        return 'end';\n    }\n    return 'middle';\n}\n\nexport const BandAxis = ({\n    scale,\n    tickSize = 6,\n    tickPadding = TICK_OFFSET,\n    orient = 'bottom',\n    labelsPosition = 'center',\n    labels = {},\n    offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n    hiddenLabels = false,\n}: {\n    scale: Scale;\n    tickSize?: number;\n    tickPadding?: number;\n    offset?: number;\n    orient?: Orient;\n    labels?: Record<string, string[]>;\n    labelsPosition?: 'center' | '45deg' | '90deg';\n    hiddenLabels?: boolean;\n}) => {\n    function center(scale: Scale, offset: number) {\n        if (scale.bandwidth) {\n            offset = Math.max(0, scale.bandwidth() - offset * 2) / 2;\n        }\n        if (scale?.round()) {\n            offset = Math.round(offset);\n        }\n        return (d: string | number) => {\n            const value = scale(d as string);\n            return value === undefined ? 0 : value + offset;\n        };\n    }\n\n    const values = scale.domain();\n    const getLabel = (tick: string | number) => labels[tick] ?? [];\n    const spacing = Math.max(tickSize, 0) + tickPadding;\n    const position = center(scale.copy(), offset);\n\n    const transform = orient === 'bottom' ? translateX : translateY;\n    const k = orient === 'left' ? -1 : 1;\n\n    const lineProps = {\n        [(orient === 'left' ? 'x' : 'y') + '2']: k * tickSize,\n    };\n\n    const textProps = {\n        [orient === 'left' ? 'x' : 'y']: k * spacing,\n    };\n\n    return (\n        <g>\n            {values.map((tick: string | number, i: number) => (\n                <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n                    <line stroke={BLACK} {...lineProps} />\n                    <g transform={getRotationTransform(labelsPosition, orient)}>\n                        {!hiddenLabels && getLabel(tick).map((line, idx) => {\n                            return (\n                                <text\n                                    key={`${line}_${idx}`}\n                                    fill={BLACK}\n                                    fontSize=\"14px\"\n                                    fontWeight=\"500\"\n                                    fontFamily=\"Manrope\"\n                                    dominantBaseline={getDominantBaseline(labelsPosition, orient)}\n                                    textAnchor={getTextAnchor(labelsPosition, orient)}\n                                    dy={20 * idx}\n                                    {...textProps}\n                                >\n                                    {line}\n                                </text>\n                            );\n                        })}\n                    </g>\n                </g>\n            ))}\n        </g>\n    );\n};\n"],"mappings":";;;AAQA,SAAS,EAAW,GAAW;AAC3B,QAAO,aAAa,EAAE;;AAG1B,SAAS,EAAW,GAAW;AAC3B,QAAO,eAAe,EAAE;;AAK5B,IAAM,IAAc;AACpB,SAAS,EAAqB,GAAgC,GAA2B;AASrF,QARI,MAAmB,UAGZ,aAFG,MAAW,SAAS,CAAC,IAAc,IAAI,EAE3B,GADZ,MAAW,WAAW,IAAc,IAAI,CAAC,IAAc,EACtC,iBAE3B,MAAmB,WAAW,MAAW,WAClC,aAAa,CAAC,IAAc,EAAE,GAAA,IAAiB,IAAc,EAAE,iBAEnE,MAAW,WAAW,mBAAgC;;AAGjE,SAAS,EAAoB,GAAgC,GAA2B;AAOpF,QANI,MAAW,UAAW,MAAW,YAAY,MAAmB,UACzD,YAEP,MAAmB,WACZ,YAEJ;;AAGX,SAAS,EAAc,GAAgC,GAA2B;AAI9E,QAHI,MAAW,UAAW,MAAW,YAAY,MAAmB,WACzD,QAEJ;;AAGX,MAAa,KAAY,EACrB,UACA,cAAW,GACX,iBAAA,GACA,YAAS,UACT,oBAAiB,UACjB,YAAS,EAAE,EACX,YAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI,IAC5E,kBAAe,SAUb;CACF,SAAS,EAAO,GAAc,GAAgB;AAO1C,SANI,EAAM,cACN,IAAS,KAAK,IAAI,GAAG,EAAM,WAAW,GAAG,IAAS,EAAE,GAAG,IAEvD,GAAO,OAAO,KACd,IAAS,KAAK,MAAM,EAAO,IAEvB,MAAuB;GAC3B,IAAM,IAAQ,EAAM,EAAY;AAChC,UAAO,MAAU,KAAA,IAAY,IAAI,IAAQ;;;CAIjD,IAAM,IAAS,EAAM,QAAQ,EACvB,KAAY,MAA0B,EAAO,MAAS,EAAE,EACxD,IAAU,KAAK,IAAI,GAAU,EAAE,GAAG,GAClC,IAAW,EAAO,EAAM,MAAM,EAAE,EAAO,EAEvC,IAAY,MAAW,WAAW,IAAa,GAC/C,IAAI,MAAW,SAAS,KAAK,GAE7B,IAAY,IACZ,MAAW,SAAS,MAAM,OAAO,MAAM,IAAI,GAChD,EAEK,IAAY,GACb,MAAW,SAAS,MAAM,MAAM,IAAI,GACxC;AAED,QACI,kBAAC,KAAD,EAAA,UACK,EAAO,KAAK,GAAuB,MAChC,kBAAC,KAAD;EAAG,WAAU;EAAe,WAAW,EAAU,EAAS,EAAK,GAAG,EAAO;YAAzE,CACI,kBAAC,QAAD;GAAM,QAAQ;GAAO,GAAI;GAAa,CAAA,EACtC,kBAAC,KAAD;GAAG,WAAW,EAAqB,GAAgB,EAAO;aACrD,CAAC,KAAgB,EAAS,EAAK,CAAC,KAAK,GAAM,MAEpC,kBAAC,QAAD;IAEI,MAAA;IACA,UAAS;IACT,YAAW;IACX,YAAW;IACX,kBAAkB,EAAoB,GAAgB,EAAO;IAC7D,YAAY,EAAc,GAAgB,EAAO;IACjD,IAAI,KAAK;IACT,GAAI;cAEH;IACE,EAXE,GAAG,EAAK,GAAG,IAWb,CAEb;GACF,CAAA,CACJ;IArBqB,EAqBrB,CACN,EACF,CAAA"}

package/dist/common/ChartsTitle.js

@@ -1,35 +1,23 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
-import { TITLE_LINE_HEIGHT as i, TITLE_MARGIN as x } from "../constants.js";
-function T(r, e, t, n) {
-  return r === "left" ? t : r === "right" ? e - n : (e - (t + n)) / 2 + t;
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+function t(e, t, n, r) {
+	return e === "left" ? n : e === "right" ? t - r : (t - (n + r)) / 2 + n;
 }
-function c(r) {
-  return r === "left" ? "start" : r === "right" ? "end" : "middle";
+function n(e) {
+	return e === "left" ? "start" : e === "right" ? "end" : "middle";
 }
-function a({
-  show: r,
-  position: e,
-  title: t,
-  chartsWidth: n,
-  leftPadding: m,
-  rightPadding: l
-}) {
-  return r ? /* @__PURE__ */ o.jsx("g", { children: t.map((f, u) => /* @__PURE__ */ o.jsx(
-    "text",
-    {
-      x: T(e, n, m, l),
-      textAnchor: c(e),
-      y: -(t.length - u - 1) * i - x - i / 2,
-      fontSize: "20px",
-      fontFamily: "Manrope",
-      fontWeight: "500",
-      dominantBaseline: "central",
-      children: f
-    },
-    `${f}_${u}`
-  )) }) : null;
+function r({ show: r, position: i, title: a, chartsWidth: o, leftPadding: s, rightPadding: c }) {
+	return r ? /* @__PURE__ */ e("g", { children: a.map((r, l) => /* @__PURE__ */ e("text", {
+		x: t(i, o, s, c),
+		textAnchor: n(i),
+		y: -(a.length - l - 1) * 24 - 24 - 24 / 2,
+		fontSize: "20px",
+		fontFamily: "Manrope",
+		fontWeight: "500",
+		dominantBaseline: "central",
+		children: r
+	}, `${r}_${l}`)) }) : null;
 }
-export {
-  a as ChartsTitle
-};
-//# sourceMappingURL=ChartsTitle.js.map
+export { r as ChartsTitle };
+
+//# sourceMappingURL=ChartsTitle.js.map

package/dist/common/ChartsTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartsTitle.js","sources":["../../src/common/ChartsTitle.tsx"],"sourcesContent":["import type {TitlePosition} from '../types';\nimport React from 'react';\nimport {TITLE_LINE_HEIGHT, TITLE_MARGIN} from '../constants';\n\nfunction getTitlePosition(\n    titlePosition: TitlePosition,\n    chartsWidth: number,\n    leftPadding: number,\n    rightPadding: number\n) {\n    if (titlePosition === 'left') {\n        return leftPadding;\n    }\n    if (titlePosition === 'right') {\n        return chartsWidth - rightPadding;\n    }\n    return (chartsWidth - (leftPadding + rightPadding)) / 2 + leftPadding;\n}\n\nfunction getTitleAnchor(titlePosition: TitlePosition) {\n    if (titlePosition === 'left') {\n        return 'start';\n    }\n    if (titlePosition === 'right') {\n        return 'end';\n    }\n    return 'middle';\n}\n\nexport function ChartsTitle({\n    show,\n    position,\n    title,\n    chartsWidth,\n    leftPadding,\n    rightPadding,\n}: {\n    show: boolean,\n    position: TitlePosition,\n    title: string[],\n    chartsWidth: number;\n    leftPadding: number;\n    rightPadding: number;\n}) {\n    if (!show) {\n        return null;\n    }\n    return (\n        <g>\n            {title.map((line, idx) => (\n                <text\n                    key={`${line}_${idx}`}\n                    x={getTitlePosition(position, chartsWidth, leftPadding, rightPadding)}\n                    textAnchor={getTitleAnchor(position)}\n                    y={-(title.length - idx - 1) * TITLE_LINE_HEIGHT - TITLE_MARGIN - TITLE_LINE_HEIGHT / 2}\n                    fontSize=\"20px\"\n                    fontFamily=\"Manrope\"\n                    fontWeight=\"500\"\n                    dominantBaseline=\"central\"\n                >\n                    {line}\n                </text>\n            ))}\n        </g>\n    );\n}\n"],"names":["getTitlePosition","titlePosition","chartsWidth","leftPadding","rightPadding","getTitleAnchor","ChartsTitle","show","position","title","line","idx","jsx","TITLE_LINE_HEIGHT","TITLE_MARGIN"],"mappings":";;AAIA,SAASA,EACLC,GACAC,GACAC,GACAC,GACF;AACE,SAAIH,MAAkB,SACXE,IAEPF,MAAkB,UACXC,IAAcE,KAEjBF,KAAeC,IAAcC,MAAiB,IAAID;AAC9D;AAEA,SAASE,EAAeJ,GAA8B;AAClD,SAAIA,MAAkB,SACX,UAEPA,MAAkB,UACX,QAEJ;AACX;AAEO,SAASK,EAAY;AAAA,EACxB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAP;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACJ,GAOG;AACC,SAAKG,0BAIA,KAAA,EACI,UAAAE,EAAM,IAAI,CAACC,GAAMC,MACdC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEG,GAAGZ,EAAiBQ,GAAUN,GAAaC,GAAaC,CAAY;AAAA,MACpE,YAAYC,EAAeG,CAAQ;AAAA,MACnC,GAAG,EAAEC,EAAM,SAASE,IAAM,KAAKE,IAAoBC,IAAeD,IAAoB;AAAA,MACtF,UAAS;AAAA,MACT,YAAW;AAAA,MACX,YAAW;AAAA,MACX,kBAAiB;AAAA,MAEhB,UAAAH;AAAA,IAAA;AAAA,IATI,GAAGA,CAAI,IAAIC,CAAG;AAAA,EAAA,CAW1B,GACL,IAlBO;AAoBf;"}
+{"version":3,"file":"ChartsTitle.js","names":[],"sources":["../../src/common/ChartsTitle.tsx"],"sourcesContent":["import type {TitlePosition} from '../types';\nimport React from 'react';\nimport {TITLE_LINE_HEIGHT, TITLE_MARGIN} from '../constants';\n\nfunction getTitlePosition(\n    titlePosition: TitlePosition,\n    chartsWidth: number,\n    leftPadding: number,\n    rightPadding: number\n) {\n    if (titlePosition === 'left') {\n        return leftPadding;\n    }\n    if (titlePosition === 'right') {\n        return chartsWidth - rightPadding;\n    }\n    return (chartsWidth - (leftPadding + rightPadding)) / 2 + leftPadding;\n}\n\nfunction getTitleAnchor(titlePosition: TitlePosition) {\n    if (titlePosition === 'left') {\n        return 'start';\n    }\n    if (titlePosition === 'right') {\n        return 'end';\n    }\n    return 'middle';\n}\n\nexport function ChartsTitle({\n    show,\n    position,\n    title,\n    chartsWidth,\n    leftPadding,\n    rightPadding,\n}: {\n    show: boolean,\n    position: TitlePosition,\n    title: string[],\n    chartsWidth: number;\n    leftPadding: number;\n    rightPadding: number;\n}) {\n    if (!show) {\n        return null;\n    }\n    return (\n        <g>\n            {title.map((line, idx) => (\n                <text\n                    key={`${line}_${idx}`}\n                    x={getTitlePosition(position, chartsWidth, leftPadding, rightPadding)}\n                    textAnchor={getTitleAnchor(position)}\n                    y={-(title.length - idx - 1) * TITLE_LINE_HEIGHT - TITLE_MARGIN - TITLE_LINE_HEIGHT / 2}\n                    fontSize=\"20px\"\n                    fontFamily=\"Manrope\"\n                    fontWeight=\"500\"\n                    dominantBaseline=\"central\"\n                >\n                    {line}\n                </text>\n            ))}\n        </g>\n    );\n}\n"],"mappings":";;AAIA,SAAS,EACL,GACA,GACA,GACA,GACF;AAOE,QANI,MAAkB,SACX,IAEP,MAAkB,UACX,IAAc,KAEjB,KAAe,IAAc,MAAiB,IAAI;;AAG9D,SAAS,EAAe,GAA8B;AAOlD,QANI,MAAkB,SACX,UAEP,MAAkB,UACX,QAEJ;;AAGX,SAAgB,EAAY,EACxB,SACA,aACA,UACA,gBACA,gBACA,mBAQD;AAIC,QAHK,IAID,kBAAC,KAAD,EAAA,UACK,EAAM,KAAK,GAAM,MACd,kBAAC,QAAD;EAEI,GAAG,EAAiB,GAAU,GAAa,GAAa,EAAa;EACrE,YAAY,EAAe,EAAS;EACpC,GAAG,EAAE,EAAM,SAAS,IAAM,KAAA,KAAA,KAAA,KAA4D;EACtF,UAAS;EACT,YAAW;EACX,YAAW;EACX,kBAAiB;YAEhB;EACE,EAVE,GAAG,EAAK,GAAG,IAUb,CACT,EACF,CAAA,GAlBG"}

package/dist/common/ContinuousAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContinuousAxis.d.ts","sourceRoot":"","sources":["../../src/common/ContinuousAxis.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAEzE,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1G,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,cAAc,kFAQxB;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,4CA8CA,CAAC"}
+{"version":3,"file":"ContinuousAxis.d.ts","sourceRoot":"","sources":["../../src/common/ContinuousAxis.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAEzE,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1G,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,cAAc,GAAI,+EAQ5B;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,4CA8CA,CAAC"}

package/dist/common/ContinuousAxis.js

@@ -1,60 +1,51 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
-import { BLACK as l } from "../constants.js";
-import { TICK_OFFSET as s } from "../discrete/constants.js";
-import { getTicksAndFormat as T } from "../scatterplot/utils/getTicksAndFormat.js";
-function v(t) {
-  return `translate(${t},0)`;
+import { BLACK as e } from "../constants.js";
+import { getTicksAndFormat as t } from "../scatterplot/utils/getTicksAndFormat.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+function i(e) {
+	return `translate(${e},0)`;
 }
-function w(t) {
-  return `translate(0,${t})`;
+function a(e) {
+	return `translate(0,${e})`;
 }
-function F(t) {
-  return t === "bottom" ? `translate(0,${s})` : `translate(${-s},0)`;
+function o(e) {
+	return e === "bottom" ? "translate(0,4)" : "translate(-4,0)";
 }
-function $(t) {
-  return t === "bottom" ? "hanging" : "central";
+function s(e) {
+	return e === "bottom" ? "hanging" : "central";
 }
-function k(t) {
-  return t === "bottom" ? "middle" : "end";
+function c(e) {
+	return e === "bottom" ? "middle" : "end";
 }
-const E = ({
-  scale: t,
-  tickSize: a = 6,
-  tickPadding: f = s,
-  orient: n = "bottom",
-  onlyPositive: c = !1,
-  hiddenLabels: u = !1,
-  offset: x = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : 0.5
-}) => {
-  function d(e) {
-    return (r) => {
-      const m = e(r);
-      return m === void 0 ? 0 : +m;
-    };
-  }
-  const { ticks: p, format: g } = T(t, c, n === "bottom"), h = Math.max(a, 0) + f, b = d(t.copy()), j = n === "bottom" ? v : w, i = n === "left" ? -1 : 1, y = {
-    [(n === "left" ? "x" : "y") + "2"]: i * a
-  }, A = {
-    [n === "left" ? "x" : "y"]: i * h
-  };
-  return /* @__PURE__ */ o.jsx("g", { children: p.map((e, r) => /* @__PURE__ */ o.jsxs("g", { className: "tick", transform: j(b(e) + x), children: [
-    /* @__PURE__ */ o.jsx("line", { stroke: l, ...y }),
-    !u && /* @__PURE__ */ o.jsx("g", { transform: F(n), children: /* @__PURE__ */ o.jsx(
-      "text",
-      {
-        fill: l,
-        fontSize: "14px",
-        fontWeight: "500",
-        fontFamily: "Manrope",
-        dominantBaseline: $(n),
-        textAnchor: k(n),
-        ...A,
-        children: g(e)
-      }
-    ) })
-  ] }, r)) });
+const l = ({ scale: l, tickSize: u = 6, tickPadding: d = 4, orient: f = "bottom", onlyPositive: p = !1, hiddenLabels: m = !1, offset: h = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : .5 }) => {
+	function g(e) {
+		return (t) => {
+			let n = e(t);
+			return n === void 0 ? 0 : +n;
+		};
+	}
+	let { ticks: _, format: v } = t(l, p, f === "bottom"), y = Math.max(u, 0) + d, b = g(l.copy()), x = f === "bottom" ? i : a, S = f === "left" ? -1 : 1, C = { [(f === "left" ? "x" : "y") + "2"]: S * u }, w = { [f === "left" ? "x" : "y"]: S * y };
+	return /* @__PURE__ */ n("g", { children: _.map((t, i) => /* @__PURE__ */ r("g", {
+		className: "tick",
+		transform: x(b(t) + h),
+		children: [/* @__PURE__ */ n("line", {
+			stroke: e,
+			...C
+		}), !m && /* @__PURE__ */ n("g", {
+			transform: o(f),
+			children: /* @__PURE__ */ n("text", {
+				fill: "#110529",
+				fontSize: "14px",
+				fontWeight: "500",
+				fontFamily: "Manrope",
+				dominantBaseline: s(f),
+				textAnchor: c(f),
+				...w,
+				children: v(t)
+			})
+		})]
+	}, i)) });
 };
-export {
-  E as ContinuousAxis
-};
-//# sourceMappingURL=ContinuousAxis.js.map
+export { l as ContinuousAxis };
+
+//# sourceMappingURL=ContinuousAxis.js.map

package/dist/common/ContinuousAxis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContinuousAxis.js","sources":["../../src/common/ContinuousAxis.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport {TICK_OFFSET} from '../discrete/constants';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\ntype Orient = 'left' | 'bottom';\n\nfunction translateX(x: number) {\n    return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n    return `translate(0,${y})`;\n}\n\nfunction getRotationTransform(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? 'hanging' : 'central';\n}\n\nfunction getTextAnchor( orient: 'left' | 'bottom') {\n    return  orient === 'bottom' ? 'middle' : 'end';\n}\n\nexport const ContinuousAxis = ({\n   scale,\n   tickSize = 6,\n   tickPadding = TICK_OFFSET,\n   orient = 'bottom',\n   onlyPositive = false,\n   hiddenLabels = false,\n   offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n}: {\n    scale: Scale;\n    tickSize?: number;\n    tickPadding?: number;\n    offset?: number;\n    orient?: Orient;\n    hiddenLabels?: boolean;\n    onlyPositive?: boolean;\n}) => {\n    function number(scale: Scale) {\n        return (d: number) => {\n            const value = scale(d);\n            return value === undefined ? 0 : +value;\n        };\n    }\n    const {ticks: values, format} = getTicksAndFormat(scale, onlyPositive, orient === 'bottom');\n    const spacing = Math.max(tickSize, 0) + tickPadding,\n        position = (number)(scale.copy());\n\n    const transform = orient === 'bottom' ? translateX : translateY;\n    const k = orient === 'left' ? -1 : 1;\n\n    const lineProps = {\n        [(orient === 'left' ? 'x' : 'y') + '2']: k * tickSize,\n    };\n\n    const textProps = {\n        [orient === 'left' ? 'x' : 'y']: k * spacing,\n    };\n\n    return (\n        <g>\n            {values.map((tick: number, i: number) => (\n                <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n                    <line stroke={BLACK} {...lineProps} />\n                    {!hiddenLabels && (\n                        <g transform={getRotationTransform(orient)}>\n                            <text\n                                fill={BLACK}\n                                fontSize=\"14px\"\n                                fontWeight=\"500\"\n                                fontFamily=\"Manrope\"\n                                dominantBaseline={getDominantBaseline(orient)}\n                                textAnchor={getTextAnchor(orient)}\n                                {...textProps}\n                            >\n                                {format(tick)}\n                            </text>\n                        </g>\n                    )}\n                </g>\n            ))}\n        </g>\n    );\n};\n"],"names":["translateX","x","translateY","y","getRotationTransform","orient","TICK_OFFSET","getDominantBaseline","getTextAnchor","ContinuousAxis","scale","tickSize","tickPadding","onlyPositive","hiddenLabels","offset","number","d","value","values","format","getTicksAndFormat","spacing","position","transform","k","lineProps","textProps","tick","i","jsxs","jsx","BLACK"],"mappings":";;;;AASA,SAASA,EAAWC,GAAW;AAC3B,SAAO,aAAaA,CAAC;AACzB;AAEA,SAASC,EAAWC,GAAW;AAC3B,SAAO,eAAeA,CAAC;AAC3B;AAEA,SAASC,EAAqBC,GAA2B;AACrD,SAAOA,MAAW,WAAW,eAAeC,CAAW,MAAM,aAAa,CAACA,CAAW;AAC1F;AAEA,SAASC,EAAoBF,GAA2B;AACpD,SAAOA,MAAW,WAAW,YAAY;AAC7C;AAEA,SAASG,EAAeH,GAA2B;AAC/C,SAAQA,MAAW,WAAW,WAAW;AAC7C;AAEO,MAAMI,IAAiB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAcN;AAAA,EACd,QAAAD,IAAS;AAAA,EACT,cAAAQ,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI;AAC/E,MAQM;AACF,WAASC,EAAON,GAAc;AAC1B,WAAO,CAACO,MAAc;AAClB,YAAMC,IAAQR,EAAMO,CAAC;AACrB,aAAOC,MAAU,SAAY,IAAI,CAACA;AAAA,IACtC;AAAA,EACJ;AACA,QAAM,EAAC,OAAOC,GAAQ,QAAAC,EAAA,IAAUC,EAAkBX,GAAOG,GAAcR,MAAW,QAAQ,GACpFiB,IAAU,KAAK,IAAIX,GAAU,CAAC,IAAIC,GACpCW,IAAYP,EAAQN,EAAM,KAAA,CAAM,GAE9Bc,IAAYnB,MAAW,WAAWL,IAAaE,GAC/CuB,IAAIpB,MAAW,SAAS,KAAK,GAE7BqB,IAAY;AAAA,IACd,EAAErB,MAAW,SAAS,MAAM,OAAO,GAAG,GAAGoB,IAAId;AAAA,EAAA,GAG3CgB,IAAY;AAAA,IACd,CAACtB,MAAW,SAAS,MAAM,GAAG,GAAGoB,IAAIH;AAAA,EAAA;AAGzC,+BACK,KAAA,EACI,UAAAH,EAAO,IAAI,CAACS,GAAcC,MACvBC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,QAAe,WAAWN,EAAUD,EAASK,CAAI,IAAIb,CAAM,GACpE,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQC,GAAQ,GAAGN,EAAA,CAAW;AAAA,IACnC,CAACZ,KACEiB,gBAAAA,EAAAA,IAAC,OAAE,WAAW3B,EAAqBC,CAAM,GACrC,UAAA0B,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAMC;AAAA,QACN,UAAS;AAAA,QACT,YAAW;AAAA,QACX,YAAW;AAAA,QACX,kBAAkBzB,EAAoBF,CAAM;AAAA,QAC5C,YAAYG,EAAcH,CAAM;AAAA,QAC/B,GAAGsB;AAAA,QAEH,YAAOC,CAAI;AAAA,MAAA;AAAA,IAAA,EAChB,CACJ;AAAA,EAAA,KAfiBC,CAiBzB,CACH,GACL;AAER;"}
+{"version":3,"file":"ContinuousAxis.js","names":[],"sources":["../../src/common/ContinuousAxis.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport {TICK_OFFSET} from '../discrete/constants';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\ntype Orient = 'left' | 'bottom';\n\nfunction translateX(x: number) {\n    return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n    return `translate(0,${y})`;\n}\n\nfunction getRotationTransform(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? 'hanging' : 'central';\n}\n\nfunction getTextAnchor( orient: 'left' | 'bottom') {\n    return  orient === 'bottom' ? 'middle' : 'end';\n}\n\nexport const ContinuousAxis = ({\n   scale,\n   tickSize = 6,\n   tickPadding = TICK_OFFSET,\n   orient = 'bottom',\n   onlyPositive = false,\n   hiddenLabels = false,\n   offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n}: {\n    scale: Scale;\n    tickSize?: number;\n    tickPadding?: number;\n    offset?: number;\n    orient?: Orient;\n    hiddenLabels?: boolean;\n    onlyPositive?: boolean;\n}) => {\n    function number(scale: Scale) {\n        return (d: number) => {\n            const value = scale(d);\n            return value === undefined ? 0 : +value;\n        };\n    }\n    const {ticks: values, format} = getTicksAndFormat(scale, onlyPositive, orient === 'bottom');\n    const spacing = Math.max(tickSize, 0) + tickPadding,\n        position = (number)(scale.copy());\n\n    const transform = orient === 'bottom' ? translateX : translateY;\n    const k = orient === 'left' ? -1 : 1;\n\n    const lineProps = {\n        [(orient === 'left' ? 'x' : 'y') + '2']: k * tickSize,\n    };\n\n    const textProps = {\n        [orient === 'left' ? 'x' : 'y']: k * spacing,\n    };\n\n    return (\n        <g>\n            {values.map((tick: number, i: number) => (\n                <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n                    <line stroke={BLACK} {...lineProps} />\n                    {!hiddenLabels && (\n                        <g transform={getRotationTransform(orient)}>\n                            <text\n                                fill={BLACK}\n                                fontSize=\"14px\"\n                                fontWeight=\"500\"\n                                fontFamily=\"Manrope\"\n                                dominantBaseline={getDominantBaseline(orient)}\n                                textAnchor={getTextAnchor(orient)}\n                                {...textProps}\n                            >\n                                {format(tick)}\n                            </text>\n                        </g>\n                    )}\n                </g>\n            ))}\n        </g>\n    );\n};\n"],"mappings":";;;;AASA,SAAS,EAAW,GAAW;AAC3B,QAAO,aAAa,EAAE;;AAG1B,SAAS,EAAW,GAAW;AAC3B,QAAO,eAAe,EAAE;;AAG5B,SAAS,EAAqB,GAA2B;AACrD,QAAO,MAAW,WAAW,mBAAgC;;AAGjE,SAAS,EAAoB,GAA2B;AACpD,QAAO,MAAW,WAAW,YAAY;;AAG7C,SAAS,EAAe,GAA2B;AAC/C,QAAQ,MAAW,WAAW,WAAW;;AAG7C,MAAa,KAAkB,EAC5B,UACA,cAAW,GACX,iBAAA,GACA,YAAS,UACT,kBAAe,IACf,kBAAe,IACf,YAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI,SASzE;CACF,SAAS,EAAO,GAAc;AAC1B,UAAQ,MAAc;GAClB,IAAM,IAAQ,EAAM,EAAE;AACtB,UAAO,MAAU,KAAA,IAAY,IAAI,CAAC;;;CAG1C,IAAM,EAAC,OAAO,GAAQ,cAAU,EAAkB,GAAO,GAAc,MAAW,SAAS,EACrF,IAAU,KAAK,IAAI,GAAU,EAAE,GAAG,GACpC,IAAY,EAAQ,EAAM,MAAM,CAAC,EAE/B,IAAY,MAAW,WAAW,IAAa,GAC/C,IAAI,MAAW,SAAS,KAAK,GAE7B,IAAY,IACZ,MAAW,SAAS,MAAM,OAAO,MAAM,IAAI,GAChD,EAEK,IAAY,GACb,MAAW,SAAS,MAAM,MAAM,IAAI,GACxC;AAED,QACI,kBAAC,KAAD,EAAA,UACK,EAAO,KAAK,GAAc,MACvB,kBAAC,KAAD;EAAG,WAAU;EAAe,WAAW,EAAU,EAAS,EAAK,GAAG,EAAO;YAAzE,CACI,kBAAC,QAAD;GAAM,QAAQ;GAAO,GAAI;GAAa,CAAA,EACrC,CAAC,KACE,kBAAC,KAAD;GAAG,WAAW,EAAqB,EAAO;aACtC,kBAAC,QAAD;IACI,MAAA;IACA,UAAS;IACT,YAAW;IACX,YAAW;IACX,kBAAkB,EAAoB,EAAO;IAC7C,YAAY,EAAc,EAAO;IACjC,GAAI;cAEH,EAAO,EAAK;IACV,CAAA;GACP,CAAA,CAER;IAjBqB,EAiBrB,CACN,EACF,CAAA"}