@milaboratories/miplots4 1.0.176 → 1.0.177

package/dist/common/Legend.js

@@ -1,162 +1,216 @@
-import { j as n } from "../_virtual/jsx-runtime.js";
-import { BLACK as i } from "../constants.js";
-import { getPointShape as h } from "../utils/getPointShape.js";
-import p from "../node_modules/.pnpm/d3-color@3.1.0/node_modules/d3-color/src/color.js";
-const o = 12, d = -12, x = 14;
-function j(e = null) {
-  return e === "dashed" ? "M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z" : e === "dotted" ? "M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z" : e === "longdash" ? "M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z" : e === "dotdash" ? "M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z" : e === "twodash" ? "M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z" : "M1 11.25H23V12.75H1V11.25Z";
+import { BLACK as e } from "../constants.js";
+import { getPointShape as t } from "../utils/getPointShape.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { color as i } from "d3-color";
+var a = 12, o = -12, s = 14;
+function c(e = null) {
+	return e === "dashed" ? "M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z" : e === "dotted" ? "M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z" : e === "longdash" ? "M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z" : e === "dotdash" ? "M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z" : e === "twodash" ? "M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z" : "M1 11.25H23V12.75H1V11.25Z";
 }
-const H = 3, u = 24;
-function V(e, a) {
-  if (e === "transparent")
-    return i;
-  const l = p(e ?? a ?? "");
-  return l && l.formatHex() === "#ffffff" ? i : e ?? a;
+var l = 3, u = 24;
+function d(t, n) {
+	if (t === "transparent") return e;
+	let r = i(t ?? n ?? "");
+	return r && r.formatHex() === "#ffffff" ? e : t ?? n;
 }
-function $({ aes: e, label: a, usedAes: l }) {
-  const t = l.lineShape, r = l.dotShape, s = l.fillColor || l.lineColor && !l.lineShape || l.dotFill && !l.dotShape, c = r ? h(
-    e.dotShape ?? "21",
-    H,
-    s ? i : e.dotFill ?? i
-  ) : null, f = (r && t ? 2 * o : 0) - 6, g = t ? f + u + 8 : o + 8;
-  return /* @__PURE__ */ n.jsxs("g", { children: [
-    s && /* @__PURE__ */ n.jsx(
-      "rect",
-      {
-        width: o,
-        height: o,
-        stroke: V(e.fillColor, e.lineColor),
-        fill: e.fillColor ?? e.lineColor,
-        rx: "1",
-        ry: "1"
-      }
-    ),
-    r && /* @__PURE__ */ n.jsx("g", { transform: `translate(${o / 2},${o / 2})`, children: c }),
-    t && /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        transform: `translate(${f},-5)`,
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: j(e.lineShape),
-        fill: e.lineColor
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "text",
-      {
-        x: g,
-        y: o / 2,
-        dominantBaseline: "central",
-        fontWeight: 500,
-        children: a
-      }
-    )
-  ] });
+function f({ aes: i, label: o, usedAes: s }) {
+	let f = s.lineShape, p = s.dotShape, m = s.fillColor || s.lineColor && !s.lineShape || s.dotFill && !s.dotShape, h = p ? t(i.dotShape ?? "21", l, m ? e : i.dotFill ?? "#110529") : null, g = (p && f ? 2 * a : 0) - 6, _ = f ? g + u + 8 : a + 8;
+	return /* @__PURE__ */ r("g", { children: [
+		m && /* @__PURE__ */ n("rect", {
+			width: a,
+			height: a,
+			stroke: d(i.fillColor, i.lineColor),
+			fill: i.fillColor ?? i.lineColor,
+			rx: "1",
+			ry: "1"
+		}),
+		p && /* @__PURE__ */ n("g", {
+			transform: `translate(${a / 2},${a / 2})`,
+			children: h
+		}),
+		f && /* @__PURE__ */ n("path", {
+			transform: `translate(${g},-5)`,
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: c(i.lineShape),
+			fill: i.lineColor
+		}),
+		/* @__PURE__ */ n("text", {
+			x: _,
+			y: a / 2,
+			dominantBaseline: "central",
+			fontWeight: 500,
+			children: o
+		})
+	] });
 }
-function y({ aes: e, label: a }) {
-  const l = h(e.shape, e.size, e.color);
-  return /* @__PURE__ */ n.jsxs("g", { children: [
-    /* @__PURE__ */ n.jsx("g", { transform: `translate(${o / 2},${o / 2})`, children: l }),
-    /* @__PURE__ */ n.jsx("text", { x: o + 8, y: o / 2, dominantBaseline: "central", fontWeight: 500, children: a })
-  ] });
+function p({ aes: e, label: i }) {
+	let o = t(e.shape, e.size, e.color);
+	return /* @__PURE__ */ r("g", { children: [/* @__PURE__ */ n("g", {
+		transform: `translate(${a / 2},${a / 2})`,
+		children: o
+	}), /* @__PURE__ */ n("text", {
+		x: a + 8,
+		y: a / 2,
+		dominantBaseline: "central",
+		fontWeight: 500,
+		children: i
+	})] });
 }
-function W({ legendData: e }) {
-  const l = e.items.filter((t) => t.type === "continuous");
-  return /* @__PURE__ */ n.jsxs("g", { children: [
-    /* @__PURE__ */ n.jsx("defs", { children: l.map((t) => /* @__PURE__ */ n.jsx("linearGradient", { id: t.id, gradientTransform: "rotate(90)", children: t.scale.domain().reverse().map((r) => {
-      const s = t.scale.domain(), c = s[s.length - 1] - s[0], f = c > 0 ? 100 - (r - s[0]) / c * 100 : 0;
-      return /* @__PURE__ */ n.jsx(
-        "stop",
-        {
-          offset: `${f}%`,
-          stopColor: t.scale(r)
-        },
-        r
-      );
-    }) }, t.id)) }),
-    e.items.map((t) => {
-      if (t.type === "continuous")
-        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: "14px", children: [
-          /* @__PURE__ */ n.jsx("text", { fontWeight: 500, fontSize: "14px", y: d, children: t.title }),
-          /* @__PURE__ */ n.jsx(
-            "rect",
-            {
-              x: "0",
-              y: "0",
-              width: x,
-              height: t.height,
-              stroke: i,
-              fill: `url(#${t.id})`
-            }
-          ),
-          /* @__PURE__ */ n.jsx("g", { transform: `translate(${x},0)`, children: t.values.map((r) => {
-            const s = t.tickPositionScale(r) ?? 0;
-            return /* @__PURE__ */ n.jsxs("g", { transform: `translate(0,${s})`, children: [
-              /* @__PURE__ */ n.jsx("line", { x1: "0", x2: -4, stroke: i }),
-              /* @__PURE__ */ n.jsx("text", { x: 8, y: 4, children: r })
-            ] }, r);
-          }) }),
-          !1
-        ] }, t.id);
-      if (t.type === "discreteColor")
-        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: "14px", children: [
-          /* @__PURE__ */ n.jsx("text", { fontWeight: 500, y: d, children: t.title }),
-          t.values.map((r, s) => /* @__PURE__ */ n.jsxs("g", { transform: `translate(0, ${s * (o + 4)})`, children: [
-            /* @__PURE__ */ n.jsx(
-              "rect",
-              {
-                x: "0",
-                y: "0",
-                width: o,
-                height: o,
-                fill: t.scale(r),
-                rx: "1",
-                ry: "1",
-                stroke: i
-              }
-            ),
-            /* @__PURE__ */ n.jsx("text", { x: o + 8, y: 10, children: t.labels[r] ?? r })
-          ] }, r)),
-          !1
-        ] }, t.id);
-      if (t.type === "discreteMulti")
-        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: "14px", fontWeight: 500, children: [
-          /* @__PURE__ */ n.jsx("text", { fontWeight: 600, y: d, children: t.title }),
-          t.values.map((r, s) => /* @__PURE__ */ n.jsx("g", { transform: `translate(0, ${s * (o + 4)})`, children: /* @__PURE__ */ n.jsx(
-            $,
-            {
-              aes: t.scale(r),
-              label: t.labels[r],
-              usedAes: t.usedAes
-            }
-          ) }, r)),
-          !1
-        ] }, t.id);
-      if (t.type === "dots")
-        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: "14px", fontWeight: 500, children: [
-          /* @__PURE__ */ n.jsx("text", { fontWeight: 500, y: d, children: t.title }),
-          t.values.map((r, s) => /* @__PURE__ */ n.jsx("g", { transform: `translate(0, ${s * (o + 4)})`, children: /* @__PURE__ */ n.jsx(y, { aes: t.scale(r), label: t.labels[r] }) }, r)),
-          !1
-        ] }, t.id);
-      if (t.type === "size") {
-        const r = t.height / t.values.length;
-        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: "14px", fontWeight: 500, children: [
-          /* @__PURE__ */ n.jsx("text", { fontWeight: 500, y: d, children: t.title }),
-          t.values.map((s, c) => {
-            const f = t.scale(s);
-            return /* @__PURE__ */ n.jsxs("g", { transform: `translate(0, ${c * r})`, children: [
-              /* @__PURE__ */ n.jsx("circle", { r: f, cx: r / 2, cy: r / 2, fill: "none", stroke: i, strokeWidth: 1 }),
-              /* @__PURE__ */ n.jsx("text", { x: r + 4, y: r / 2, alignmentBaseline: "central", children: t.labels[s] })
-            ] }, s);
-          }),
-          !1
-        ] }, t.id);
-      }
-    })
-  ] });
+function m({ legendData: t }) {
+	return /* @__PURE__ */ r("g", { children: [/* @__PURE__ */ n("defs", { children: t.items.filter((e) => e.type === "continuous").map((e) => /* @__PURE__ */ n("linearGradient", {
+		id: e.id,
+		gradientTransform: "rotate(90)",
+		children: e.scale.domain().reverse().map((t) => {
+			let r = e.scale.domain(), i = r[r.length - 1] - r[0];
+			return /* @__PURE__ */ n("stop", {
+				offset: `${i > 0 ? 100 - (t - r[0]) / i * 100 : 0}%`,
+				stopColor: e.scale(t)
+			}, t);
+		})
+	}, e.id)) }), t.items.map((t) => {
+		if (t.type === "continuous") return /* @__PURE__ */ r("g", {
+			transform: `translate(${t.left},${t.top})`,
+			fontSize: "14px",
+			children: [
+				/* @__PURE__ */ n("text", {
+					fontWeight: 500,
+					fontSize: "14px",
+					y: o,
+					children: t.title
+				}),
+				/* @__PURE__ */ n("rect", {
+					x: "0",
+					y: "0",
+					width: s,
+					height: t.height,
+					stroke: e,
+					fill: `url(#${t.id})`
+				}),
+				/* @__PURE__ */ n("g", {
+					transform: `translate(${s},0)`,
+					children: t.values.map((i) => /* @__PURE__ */ r("g", {
+						transform: `translate(0,${t.tickPositionScale(i) ?? 0})`,
+						children: [/* @__PURE__ */ n("line", {
+							x1: "0",
+							x2: -4,
+							stroke: e
+						}), /* @__PURE__ */ n("text", {
+							x: 8,
+							y: 4,
+							children: i
+						})]
+					}, i))
+				}),
+				!1
+			]
+		}, t.id);
+		if (t.type === "discreteColor") return /* @__PURE__ */ r("g", {
+			transform: `translate(${t.left},${t.top})`,
+			fontSize: "14px",
+			children: [
+				/* @__PURE__ */ n("text", {
+					fontWeight: 500,
+					y: o,
+					children: t.title
+				}),
+				t.values.map((i, o) => /* @__PURE__ */ r("g", {
+					transform: `translate(0, ${o * (a + 4)})`,
+					children: [/* @__PURE__ */ n("rect", {
+						x: "0",
+						y: "0",
+						width: a,
+						height: a,
+						fill: t.scale(i),
+						rx: "1",
+						ry: "1",
+						stroke: e
+					}), /* @__PURE__ */ n("text", {
+						x: a + 8,
+						y: 10,
+						children: t.labels[i] ?? i
+					})]
+				}, i)),
+				!1
+			]
+		}, t.id);
+		if (t.type === "discreteMulti") return /* @__PURE__ */ r("g", {
+			transform: `translate(${t.left},${t.top})`,
+			fontSize: "14px",
+			fontWeight: 500,
+			children: [
+				/* @__PURE__ */ n("text", {
+					fontWeight: 600,
+					y: o,
+					children: t.title
+				}),
+				t.values.map((e, r) => /* @__PURE__ */ n("g", {
+					transform: `translate(0, ${r * (a + 4)})`,
+					children: /* @__PURE__ */ n(f, {
+						aes: t.scale(e),
+						label: t.labels[e],
+						usedAes: t.usedAes
+					})
+				}, e)),
+				!1
+			]
+		}, t.id);
+		if (t.type === "dots") return /* @__PURE__ */ r("g", {
+			transform: `translate(${t.left},${t.top})`,
+			fontSize: "14px",
+			fontWeight: 500,
+			children: [
+				/* @__PURE__ */ n("text", {
+					fontWeight: 500,
+					y: o,
+					children: t.title
+				}),
+				t.values.map((e, r) => /* @__PURE__ */ n("g", {
+					transform: `translate(0, ${r * (a + 4)})`,
+					children: /* @__PURE__ */ n(p, {
+						aes: t.scale(e),
+						label: t.labels[e]
+					})
+				}, e)),
+				!1
+			]
+		}, t.id);
+		if (t.type === "size") {
+			let i = t.height / t.values.length;
+			return /* @__PURE__ */ r("g", {
+				transform: `translate(${t.left},${t.top})`,
+				fontSize: "14px",
+				fontWeight: 500,
+				children: [
+					/* @__PURE__ */ n("text", {
+						fontWeight: 500,
+						y: o,
+						children: t.title
+					}),
+					t.values.map((a, o) => {
+						let s = t.scale(a);
+						return /* @__PURE__ */ r("g", {
+							transform: `translate(0, ${o * i})`,
+							children: [/* @__PURE__ */ n("circle", {
+								r: s,
+								cx: i / 2,
+								cy: i / 2,
+								fill: "none",
+								stroke: e,
+								strokeWidth: 1
+							}), /* @__PURE__ */ n("text", {
+								x: i + 4,
+								y: i / 2,
+								alignmentBaseline: "central",
+								children: t.labels[a]
+							})]
+						}, a);
+					}),
+					!1
+				]
+			}, t.id);
+		}
+	})] });
 }
-export {
-  W as Legend
-};
-//# sourceMappingURL=Legend.js.map
+export { m as Legend };
+
+//# sourceMappingURL=Legend.js.map

package/dist/common/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sources":["../../src/common/Legend.tsx"],"sourcesContent":["import { color } from 'd3-color';\nimport { BLACK } from '../constants';\nimport type { AesItem, LineShape } from '../types';\nimport { getPointShape } from '../utils/getPointShape';\nimport type { DotAesItem, LegendData, LegendItemDiscreteMultiAes, LegendItemGradient } from './types';\n\nconst LEGEND_ITEM_SIZE = 12;\nconst TITLE_POSITION = -12;\nconst COLOR_ITEM_WIDTH_C = 14;\n\ninterface LegendProps {\n    legendData: LegendData;\n}\n\nfunction getLineShapePath(lineShape:LineShape|null = null):string {\n    if (lineShape === 'dashed') {\n        return 'M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z';\n    }\n    if (lineShape === 'dotted') {\n        return 'M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z';\n    }\n    if (lineShape === 'longdash') {\n        return 'M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z';\n    }\n    if (lineShape === 'dotdash') {\n        return 'M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z';\n    }\n    if (lineShape === 'twodash') {\n        return 'M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z';\n    }\n    return 'M1 11.25H23V12.75H1V11.25Z';\n}\n\nconst POINT_SIZE = 3;\nconst LINE_WIDTH = 24;\n\nfunction getAesItemStroke(fillColor?:string, lineColor?:string) {\n    if (fillColor === 'transparent') {\n        return BLACK;\n    }\n    // black border for white square if fill color is white\n    const fill = color(fillColor ?? lineColor ?? '');\n    if (fill && fill.formatHex() === '#ffffff') {\n        return BLACK;\n    }\n    return fillColor ?? lineColor;\n}\nfunction AesLegendItem({ aes, label, usedAes }: { aes: AesItem; label: string, usedAes: LegendItemDiscreteMultiAes['usedAes'] }) {\n    const needRenderLine = usedAes.lineShape;\n    const needRenderDot = usedAes.dotShape;\n    const needRenderRect = usedAes.fillColor ||\n        (usedAes.lineColor && !usedAes.lineShape) ||\n        (usedAes.dotFill && !usedAes.dotShape);\n\n    const shape = needRenderDot ? getPointShape(\n        aes.dotShape ?? '21',\n        POINT_SIZE,\n        needRenderRect ? BLACK : aes.dotFill ?? BLACK\n    ) : null;\n\n    const lineOffset = (needRenderDot && needRenderLine ? 2 * LEGEND_ITEM_SIZE : 0 ) - 6;\n    const textOffset = needRenderLine ? lineOffset + LINE_WIDTH + 8 : LEGEND_ITEM_SIZE + 8;\n    return (\n        <g>\n            {needRenderRect && (\n                <rect\n                    width={LEGEND_ITEM_SIZE}\n                    height={LEGEND_ITEM_SIZE}\n                    stroke={getAesItemStroke(aes.fillColor, aes.lineColor)}\n                    fill={aes.fillColor ?? aes.lineColor}\n                    rx=\"1\"\n                    ry=\"1\"\n                />\n            )}\n            {needRenderDot && <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>\n                {shape}\n            </g>}\n            {needRenderLine && (\n                <path\n                    transform={`translate(${lineOffset},-5)`}\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d={getLineShapePath(aes.lineShape)}\n                    fill={aes.lineColor}\n                />\n            )}\n            <text\n                x={textOffset}\n                y={LEGEND_ITEM_SIZE / 2}\n                dominantBaseline=\"central\"\n                fontWeight={500}\n            >\n                {label}\n            </text>\n        </g>\n    );\n}\n\nfunction DotAesItemElement({aes, label}: {aes: DotAesItem; label: string}) {\n    const shape = getPointShape(aes.shape, aes.size, aes.color);\n\n    return (\n        <g>\n            <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>{shape}</g>\n            <text x={LEGEND_ITEM_SIZE + 8} y={LEGEND_ITEM_SIZE / 2} dominantBaseline=\"central\" fontWeight={500}>\n                {label}\n            </text>\n        </g>\n    );\n}\n\nexport function Legend({legendData}: LegendProps) {\n    const debug = false;\n    const continuousItems= legendData.items.filter((item) => item.type === 'continuous') as LegendItemGradient[];\n    return (\n        <g>\n            <defs>\n                {continuousItems.map(item => (\n                    <linearGradient key={item.id} id={item.id} gradientTransform=\"rotate(90)\">\n                        {item.scale.domain().reverse().map(value => {\n                            const domain = item.scale.domain();\n                            const range = domain[domain.length - 1] - domain[0];\n                            const percent = range > 0 ? 100 - (value - domain[0]) / range * 100 : 0;\n                            return (\n                                <stop\n                                    key={value}\n                                    offset={`${percent}%`}\n                                    stopColor={item.scale(value)}\n                                />\n                            );\n                        })}\n                    </linearGradient>\n                ))}\n            </defs>\n            {legendData.items.map(item => {\n                if (item.type === 'continuous') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\">\n                            <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n                            <rect\n                                x=\"0\"\n                                y=\"0\"\n                                width={COLOR_ITEM_WIDTH_C}\n                                height={item.height}\n                                stroke={BLACK}\n                                fill={`url(#${item.id})`}\n                            />\n                            <g transform={`translate(${COLOR_ITEM_WIDTH_C},0)`}>\n                                {item.values.map(value => {\n                                    const y = item.tickPositionScale(value) ?? 0;\n                                    return (\n                                        <g key={value} transform={`translate(0,${y})`}>\n                                            <line x1=\"0\" x2={-4} stroke={BLACK} />\n                                            <text x={8} y={4}>{value}</text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discreteColor') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\">\n                            <text fontWeight={500} y={TITLE_POSITION}>{item.title}</text>\n                            {item.values.map((value, idx) => {\n                                return <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                    <rect\n                                        x=\"0\"\n                                        y=\"0\"\n                                        width={LEGEND_ITEM_SIZE}\n                                        height={LEGEND_ITEM_SIZE}\n                                        fill={item.scale(value)}\n                                        rx=\"1\"\n                                        ry=\"1\"\n                                        stroke={BLACK}\n                                    />\n                                    <text x={LEGEND_ITEM_SIZE + 8} y={10}>{item.labels[value] ?? value}</text>\n                                </g>;\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discreteMulti') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={600} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <AesLegendItem\n                                            aes={item.scale(value)}\n                                            label={item.labels[value]}\n                                            usedAes={item.usedAes}\n                                        />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'dots') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <DotAesItemElement aes={item.scale(value)} label={item.labels[value]} />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'size') {\n                    const size = item.height / item.values.length;\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                const r = item.scale(value);\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * size})`}>\n                                        <circle r={r} cx={size / 2} cy={size / 2} fill=\"none\" stroke={BLACK} strokeWidth={1} />\n                                        <text x={size + 4} y={size / 2} alignmentBaseline=\"central\">{item.labels[value]}</text>\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n            })}\n        </g>\n    );\n}\n"],"names":["LEGEND_ITEM_SIZE","TITLE_POSITION","COLOR_ITEM_WIDTH_C","getLineShapePath","lineShape","POINT_SIZE","LINE_WIDTH","getAesItemStroke","fillColor","lineColor","BLACK","fill","color","AesLegendItem","aes","label","usedAes","needRenderLine","needRenderDot","needRenderRect","shape","getPointShape","lineOffset","textOffset","jsx","DotAesItemElement","Legend","legendData","continuousItems","item","value","domain","range","percent","jsxs","y","idx","size","r"],"mappings":"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"}
+{"version":3,"file":"Legend.js","names":[],"sources":["../../src/common/Legend.tsx"],"sourcesContent":["import { color } from 'd3-color';\nimport { BLACK } from '../constants';\nimport type { AesItem, LineShape } from '../types';\nimport { getPointShape } from '../utils/getPointShape';\nimport type { DotAesItem, LegendData, LegendItemDiscreteMultiAes, LegendItemGradient } from './types';\n\nconst LEGEND_ITEM_SIZE = 12;\nconst TITLE_POSITION = -12;\nconst COLOR_ITEM_WIDTH_C = 14;\n\ninterface LegendProps {\n    legendData: LegendData;\n}\n\nfunction getLineShapePath(lineShape:LineShape|null = null):string {\n    if (lineShape === 'dashed') {\n        return 'M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z';\n    }\n    if (lineShape === 'dotted') {\n        return 'M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z';\n    }\n    if (lineShape === 'longdash') {\n        return 'M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z';\n    }\n    if (lineShape === 'dotdash') {\n        return 'M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z';\n    }\n    if (lineShape === 'twodash') {\n        return 'M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z';\n    }\n    return 'M1 11.25H23V12.75H1V11.25Z';\n}\n\nconst POINT_SIZE = 3;\nconst LINE_WIDTH = 24;\n\nfunction getAesItemStroke(fillColor?:string, lineColor?:string) {\n    if (fillColor === 'transparent') {\n        return BLACK;\n    }\n    // black border for white square if fill color is white\n    const fill = color(fillColor ?? lineColor ?? '');\n    if (fill && fill.formatHex() === '#ffffff') {\n        return BLACK;\n    }\n    return fillColor ?? lineColor;\n}\nfunction AesLegendItem({ aes, label, usedAes }: { aes: AesItem; label: string, usedAes: LegendItemDiscreteMultiAes['usedAes'] }) {\n    const needRenderLine = usedAes.lineShape;\n    const needRenderDot = usedAes.dotShape;\n    const needRenderRect = usedAes.fillColor ||\n        (usedAes.lineColor && !usedAes.lineShape) ||\n        (usedAes.dotFill && !usedAes.dotShape);\n\n    const shape = needRenderDot ? getPointShape(\n        aes.dotShape ?? '21',\n        POINT_SIZE,\n        needRenderRect ? BLACK : aes.dotFill ?? BLACK\n    ) : null;\n\n    const lineOffset = (needRenderDot && needRenderLine ? 2 * LEGEND_ITEM_SIZE : 0 ) - 6;\n    const textOffset = needRenderLine ? lineOffset + LINE_WIDTH + 8 : LEGEND_ITEM_SIZE + 8;\n    return (\n        <g>\n            {needRenderRect && (\n                <rect\n                    width={LEGEND_ITEM_SIZE}\n                    height={LEGEND_ITEM_SIZE}\n                    stroke={getAesItemStroke(aes.fillColor, aes.lineColor)}\n                    fill={aes.fillColor ?? aes.lineColor}\n                    rx=\"1\"\n                    ry=\"1\"\n                />\n            )}\n            {needRenderDot && <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>\n                {shape}\n            </g>}\n            {needRenderLine && (\n                <path\n                    transform={`translate(${lineOffset},-5)`}\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d={getLineShapePath(aes.lineShape)}\n                    fill={aes.lineColor}\n                />\n            )}\n            <text\n                x={textOffset}\n                y={LEGEND_ITEM_SIZE / 2}\n                dominantBaseline=\"central\"\n                fontWeight={500}\n            >\n                {label}\n            </text>\n        </g>\n    );\n}\n\nfunction DotAesItemElement({aes, label}: {aes: DotAesItem; label: string}) {\n    const shape = getPointShape(aes.shape, aes.size, aes.color);\n\n    return (\n        <g>\n            <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>{shape}</g>\n            <text x={LEGEND_ITEM_SIZE + 8} y={LEGEND_ITEM_SIZE / 2} dominantBaseline=\"central\" fontWeight={500}>\n                {label}\n            </text>\n        </g>\n    );\n}\n\nexport function Legend({legendData}: LegendProps) {\n    const debug = false;\n    const continuousItems= legendData.items.filter((item) => item.type === 'continuous') as LegendItemGradient[];\n    return (\n        <g>\n            <defs>\n                {continuousItems.map(item => (\n                    <linearGradient key={item.id} id={item.id} gradientTransform=\"rotate(90)\">\n                        {item.scale.domain().reverse().map(value => {\n                            const domain = item.scale.domain();\n                            const range = domain[domain.length - 1] - domain[0];\n                            const percent = range > 0 ? 100 - (value - domain[0]) / range * 100 : 0;\n                            return (\n                                <stop\n                                    key={value}\n                                    offset={`${percent}%`}\n                                    stopColor={item.scale(value)}\n                                />\n                            );\n                        })}\n                    </linearGradient>\n                ))}\n            </defs>\n            {legendData.items.map(item => {\n                if (item.type === 'continuous') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\">\n                            <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n                            <rect\n                                x=\"0\"\n                                y=\"0\"\n                                width={COLOR_ITEM_WIDTH_C}\n                                height={item.height}\n                                stroke={BLACK}\n                                fill={`url(#${item.id})`}\n                            />\n                            <g transform={`translate(${COLOR_ITEM_WIDTH_C},0)`}>\n                                {item.values.map(value => {\n                                    const y = item.tickPositionScale(value) ?? 0;\n                                    return (\n                                        <g key={value} transform={`translate(0,${y})`}>\n                                            <line x1=\"0\" x2={-4} stroke={BLACK} />\n                                            <text x={8} y={4}>{value}</text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discreteColor') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\">\n                            <text fontWeight={500} y={TITLE_POSITION}>{item.title}</text>\n                            {item.values.map((value, idx) => {\n                                return <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                    <rect\n                                        x=\"0\"\n                                        y=\"0\"\n                                        width={LEGEND_ITEM_SIZE}\n                                        height={LEGEND_ITEM_SIZE}\n                                        fill={item.scale(value)}\n                                        rx=\"1\"\n                                        ry=\"1\"\n                                        stroke={BLACK}\n                                    />\n                                    <text x={LEGEND_ITEM_SIZE + 8} y={10}>{item.labels[value] ?? value}</text>\n                                </g>;\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discreteMulti') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={600} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <AesLegendItem\n                                            aes={item.scale(value)}\n                                            label={item.labels[value]}\n                                            usedAes={item.usedAes}\n                                        />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'dots') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <DotAesItemElement aes={item.scale(value)} label={item.labels[value]} />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'size') {\n                    const size = item.height / item.values.length;\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                const r = item.scale(value);\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * size})`}>\n                                        <circle r={r} cx={size / 2} cy={size / 2} fill=\"none\" stroke={BLACK} strokeWidth={1} />\n                                        <text x={size + 4} y={size / 2} alignmentBaseline=\"central\">{item.labels[value]}</text>\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n            })}\n        </g>\n    );\n}\n"],"mappings":"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"}