@omg-dev/app 0.5.1 → 0.6.1

package/dist-lib/diagram-OA4YK3LP-D4Kcl3uM.js

@@ -0,0 +1,350 @@
+import { I as X } from "./chunk-2Q5K7J3B-CFSi414U.js";
+import { p as O } from "./chunk-JWPE2WC7-DnwG7Xzp.js";
+import { o as G, b as Y, s as F, p as P, g as j, a as q, _ as f, B as A, l as D, F as Z, e as U, z as N, q as J, i as K, ai as Q, D as ee, aj as te } from "./index-B0neMIbR.js";
+import { p as ne } from "./cynefin-VYW2F7L2-XAY3mHv8.js";
+var E = /[─━│┃└┗├┣]/, S = /[└┗├┣]/, re = /[─━]/, V = /^[\s│┃]+$/, $ = /^\s*(title[\t ]|accTitle[\t ]*:|accDescr[\t ]*[:{])/, k = /^\s*%%/, ie = "    ";
+function L(n) {
+  return n.some((e) => E.test(e));
+}
+f(L, "isBoxDrawingFormat");
+function _(n) {
+  for (const e of n) {
+    const t = S.exec(e);
+    if (t?.index && t.index > 0)
+      return t.index;
+  }
+  return 4;
+}
+f(_, "inferSegmentWidth");
+function M(n, e) {
+  return n.replace(/\bline\s+(\d+)\b/gi, (t, r) => {
+    const i = parseInt(r, 10), a = e.get(i);
+    return a ? `line ${a}` : t;
+  });
+}
+f(M, "remapErrorLines");
+function R(n) {
+  const e = n.split(`
+`), t = /* @__PURE__ */ new Map();
+  let r = -1;
+  for (const [s, o] of e.entries())
+    if (o.trim() === "treeView-beta") {
+      r = s;
+      break;
+    }
+  if (r === -1)
+    return { text: n, lineMap: t };
+  const i = [];
+  for (let s = r + 1; s < e.length; s++) {
+    const o = e[s];
+    o.trim() === "" || k.test(o) || $.test(o) || V.test(o) || i.push(o.replace(/\t/g, "    "));
+  }
+  if (!L(i))
+    return { text: n, lineMap: t };
+  const a = _(i), c = [];
+  let l = 0;
+  for (let s = 0; s <= r; s++)
+    c.push(e[s]), l++, t.set(l, s + 1);
+  for (let s = r + 1; s < e.length; s++) {
+    const o = e[s], h = o.trim(), p = s + 1;
+    if (h === "") {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if (k.test(o)) {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if ($.test(o)) {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if (V.test(o))
+      continue;
+    const d = o.replace(/\t/g, "    "), w = S.exec(d);
+    if (w?.index !== void 0) {
+      const g = w.index, m = Math.round(g / a) + 1;
+      let u = g + 1;
+      for (; u < d.length && re.test(d[u]); )
+        u++;
+      for (; u < d.length && d[u] === " "; )
+        u++;
+      const v = d.slice(u).trimEnd();
+      if (!v)
+        throw new Error(
+          `Line ${p}: Empty node — expected a filename or directory name after the box-drawing prefix`
+        );
+      const W = ie.repeat(m);
+      c.push(W + v), l++, t.set(l, p);
+    } else {
+      if (/^[\s─━│┃└┗├┣]+$/.test(d))
+        continue;
+      if (E.test(d))
+        c.push(o), l++, t.set(l, p);
+      else {
+        if (/^\s+/.test(d))
+          throw new Error(
+            `Line ${p}: Unexpected indentation without box-drawing characters. In box-drawing format, use ├── or └── prefixes for indented nodes.`
+          );
+        c.push(o), l++, t.set(l, p);
+      }
+    }
+  }
+  return { text: c.join(`
+`), lineMap: t };
+}
+f(R, "preprocessBoxDrawing");
+var x = new X(() => ({
+  cnt: 1,
+  stack: [
+    {
+      id: 0,
+      level: -1,
+      name: "/",
+      nodeType: "directory",
+      children: []
+    }
+  ]
+})), oe = /* @__PURE__ */ f(() => {
+  x.reset(), J();
+}, "clear"), se = /* @__PURE__ */ f(() => x.records.stack[0], "getRoot"), ae = /* @__PURE__ */ f(() => x.records.cnt, "getCount"), ce = ee.treeView, le = /* @__PURE__ */ f(() => A(ce, N().treeView), "getConfig"), de = /* @__PURE__ */ f((n, e, t, r, i, a) => {
+  for (; n <= x.records.stack[x.records.stack.length - 1].level; )
+    x.records.stack.pop();
+  const c = {
+    id: x.records.cnt++,
+    level: n,
+    name: e,
+    nodeType: t,
+    icon: i,
+    cssClass: r,
+    description: a,
+    children: []
+  };
+  x.records.stack[x.records.stack.length - 1].children.push(c), x.records.stack.push(c);
+}, "addNode"), he = {
+  clear: oe,
+  addNode: de,
+  getRoot: se,
+  getCount: ae,
+  getConfig: le,
+  getAccTitle: q,
+  getAccDescription: j,
+  getDiagramTitle: P,
+  setAccDescription: F,
+  setAccTitle: Y,
+  setDiagramTitle: G
+}, I = he, pe = /* @__PURE__ */ f((n) => {
+  O(n, I);
+  for (const e of n.nodes) {
+    const t = typeof e.indent == "number" ? e.indent : 0;
+    let r = e.name;
+    const i = r.endsWith("/");
+    i && (r = r.slice(0, -1));
+    const a = i ? "directory" : "file", c = e.classAnnotation || void 0, l = e.iconAnnotation, s = l !== void 0 ? l || "none" : void 0, o = e.descAnnotation || void 0, h = o ? K(o, N()) : void 0;
+    I.addNode(t, r, a, c, s, h);
+  }
+}, "populate"), fe = {
+  parse: /* @__PURE__ */ f(async (n) => {
+    const { text: e, lineMap: t } = R(n);
+    try {
+      const r = await ne("treeView", e);
+      D.debug(r), pe(r);
+    } catch (r) {
+      throw t.size > 0 && r instanceof Error && (r.message = M(r.message, t)), r;
+    }
+  }, "parse")
+}, b = {
+  prefix: "mermaid-treeview",
+  height: 24,
+  width: 24,
+  icons: {
+    folder: {
+      body: '<path fill="currentColor" d="M10.59 4.59A2 2 0 0 0 9.17 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.17z"/>'
+    },
+    file: {
+      body: '<path fill="currentColor" fill-rule="evenodd" d="M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.83a2 2 0 0 0-.59-1.42l-4.82-4.82A2 2 0 0 0 13.17 2H6Zm7.5 1.9l4.6 4.6h-3.6a1 1 0 0 1-1-1V3.9Z" clip-rule="evenodd"/>'
+    }
+  }
+};
+function z(n, e) {
+  const t = e?.filenameIcons?.[n];
+  if (t)
+    return t;
+  const r = n.lastIndexOf(".");
+  if (r > 0) {
+    const i = n.substring(r).toLowerCase(), a = e?.extensionIcons;
+    return a?.[i] ?? a?.[i.slice(1)];
+  }
+}
+f(z, "detectIcon");
+function C(n, e) {
+  return n.includes(":") ? n : n in b.icons || !e ? `${b.prefix}:${n}` : `${e}:${n}`;
+}
+f(C, "qualifyIcon");
+function B(n, e) {
+  if (n.icon !== "none") {
+    if (n.icon)
+      return C(n.icon, e.defaultIconPack);
+    if (e.showIcons) {
+      if (n.nodeType === "file") {
+        const t = z(n.name, e);
+        if (t === "none")
+          return;
+        if (t)
+          return C(t, e.defaultIconPack);
+      }
+      return `${b.prefix}:${n.nodeType === "directory" ? "folder" : "file"}`;
+    }
+  }
+}
+f(B, "getNodeIcon");
+te([
+  {
+    name: b.prefix,
+    icons: b
+  }
+]);
+var y = 14, ge = 4, ue = 16, H = /* @__PURE__ */ f((n, e) => `tv-icon-${n}-${e.replace(/[^\w-]/g, "-")}`, "iconSymbolId"), we = /* @__PURE__ */ f(async (n, e, t, r) => {
+  const i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ f((s) => {
+    const o = B(s, t);
+    o && i.add(o), s.children.forEach(a);
+  }, "collect");
+  if (a(e), i.size === 0)
+    return;
+  const c = await Promise.all(
+    [...i].map(async (s) => ({
+      icon: s,
+      svg: await Q(s, {
+        height: y,
+        width: y
+      })
+    }))
+  ), l = n.append("defs");
+  for (const { icon: s, svg: o } of c)
+    l.append("g").attr("id", H(r, s)).html(o);
+}, "injectIconDefs"), me = /* @__PURE__ */ f((n, e, t, r, i, a) => {
+  const c = r.append("g");
+  let l = "treeView-node-label";
+  t.nodeType === "directory" && (l += " treeView-node-dir"), t.cssClass && (l += ` ${t.cssClass}`);
+  const s = y + ge, o = B(t, i), h = o !== void 0;
+  o && c.append("use").attr("xlink:href", `#${H(a, o)}`).attr("x", n + i.paddingX).attr("y", e + i.paddingY).attr("class", "treeView-node-icon");
+  const p = c.append("text").text(t.name).attr("dominant-baseline", "middle").attr("class", l), { height: d, width: w } = p.node().getBBox(), g = d + i.paddingY * 2, m = n + i.paddingX + (h ? s : 0);
+  p.attr("x", m), p.attr("y", e + g / 2);
+  const u = m + w, v = w + i.paddingX * 2 + (h ? s : 0);
+  return t.BBox = { x: n, y: e, width: v, height: g }, t.cssClass?.split(/\s+/).includes("highlight") && c.insert("rect", ":first-child").attr("x", n).attr("y", e + 1).attr("width", 0).attr("height", g - 2).attr("rx", 3).attr("class", "treeView-highlight-bg"), { node: t, nodeGroup: c, labelRightEdge: u, centerY: e + g / 2 };
+}, "positionLabel"), T = /* @__PURE__ */ f((n, e, t, r, i, a) => n.append("line").attr("x1", e).attr("y1", t).attr("x2", r).attr("y2", i).attr("stroke-width", a).attr("class", "treeView-node-line"), "positionLine"), xe = /* @__PURE__ */ f((n, e, t, r) => {
+  let i = 0, a = 0;
+  const c = [], l = /* @__PURE__ */ f((h, p, d, w) => {
+    const g = w * (d.rowIndent + d.paddingX), m = me(g, i, p, h, d, r);
+    c.push(m);
+    const { height: u, width: v } = p.BBox;
+    T(
+      h,
+      g - d.rowIndent,
+      i + u / 2,
+      g,
+      i + u / 2,
+      d.lineThickness
+    ), a = Math.max(a, g + v), i += u;
+  }, "drawNode"), s = /* @__PURE__ */ f((h, p = 0) => {
+    l(n, h, t, p), h.children.forEach((m) => {
+      s(m, p + 1);
+    });
+    const { x: d, y: w, height: g } = h.BBox;
+    if (h.children.length) {
+      const { y: m, height: u } = h.children[h.children.length - 1].BBox;
+      T(
+        n,
+        d + t.paddingX,
+        w + g,
+        d + t.paddingX,
+        m + u / 2 + t.lineThickness / 2,
+        t.lineThickness
+      );
+    }
+  }, "processNode");
+  s(e);
+  const o = c.filter((h) => h.node.description);
+  if (o.length > 0) {
+    const p = Math.max(...c.map((d) => d.labelRightEdge)) + ue;
+    for (const d of o) {
+      const g = d.nodeGroup.append("text").text(d.node.description).attr("dominant-baseline", "middle").attr("class", "treeView-node-description").attr("x", p).attr("y", d.centerY).node().getBBox();
+      a = Math.max(a, p + g.width + t.paddingX);
+    }
+  }
+  for (const h of c)
+    if (h.node.cssClass?.split(/\s+/).includes("highlight")) {
+      const p = h.nodeGroup.select(".treeView-highlight-bg");
+      if (!p.empty()) {
+        const d = a - h.node.BBox.x + 8;
+        p.attr("width", d), a = Math.max(a, h.node.BBox.x + d + 2);
+      }
+    }
+  return { totalHeight: i, totalWidth: a };
+}, "drawTree"), ve = /* @__PURE__ */ f(async (n, e, t, r) => {
+  D.debug(`Rendering treeView diagram
+` + n);
+  const i = r.db, a = i.getRoot(), c = i.getConfig(), l = Z(e);
+  await we(l, a, c, e);
+  const s = l.append("g");
+  s.attr("class", "tree-view");
+  const { totalHeight: o, totalWidth: h } = xe(s, a, c, e);
+  l.attr("viewBox", `-${c.lineThickness / 2} 0 ${h} ${o}`), U(l, o, h, c.useMaxWidth);
+}, "draw"), be = {
+  draw: ve
+}, Ie = be, Ce = {
+  labelFontSize: "16px",
+  labelColor: "black",
+  lineColor: "black",
+  iconColor: "#546e7a",
+  descriptionColor: "#6a9955",
+  highlightBg: "rgba(255, 193, 7, 0.15)",
+  highlightStroke: "#ffc107"
+}, ye = /* @__PURE__ */ f(({
+  treeView: n
+}) => {
+  const {
+    labelFontSize: e,
+    labelColor: t,
+    lineColor: r,
+    iconColor: i,
+    descriptionColor: a,
+    highlightBg: c,
+    highlightStroke: l
+  } = A(Ce, n);
+  return `
+    .treeView-node-label {
+        font-size: ${e};
+        fill: ${t};
+        white-space: pre;
+    }
+    .treeView-node-dir {
+        font-weight: bold;
+    }
+    .treeView-node-line {
+        stroke: ${r};
+    }
+    .treeView-node-icon {
+        color: ${i};
+    }
+    .treeView-node-description {
+        font-size: ${e};
+        fill: ${a};
+        font-style: italic;
+        white-space: pre;
+    }
+    .treeView-highlight-bg {
+        fill: ${c};
+        stroke: ${l};
+        stroke-width: 1;
+    }
+    `;
+}, "styles"), Be = ye, Ae = {
+  db: I,
+  renderer: Ie,
+  parser: fe,
+  styles: Be
+};
+export {
+  Ae as diagram
+};

package/dist-lib/{diagram-WEI45ONY-D1kKPOc_.js → diagram-WEI45ONY-6a__oIb0.js}

@@ -1,6 +1,6 @@
-import { p as k } from "./chunk-JWPE2WC7-DFPBClX_.js";
-import { s as R, g as F, p as I, o as _, a as D, b as E, _ as c, F as z, q as P, B as y, z as C, D as G, l as B, W, e as V } from "./index-JkCQXUYs.js";
-import { p as H } from "./cynefin-VYW2F7L2-DQXPWaog.js";
+import { p as k } from "./chunk-JWPE2WC7-DnwG7Xzp.js";
+import { s as R, g as F, p as I, o as _, a as D, b as E, _ as c, F as z, q as P, B as y, z as C, D as G, l as B, W, e as V } from "./index-B0neMIbR.js";
+import { p as H } from "./cynefin-VYW2F7L2-XAY3mHv8.js";
 var h = {
   showLegend: !0,
   ticks: 5,
@@ -32,26 +32,22 @@ var h = {
   if (t.length === 0)
     throw new Error("Axes must be populated before curves for reference entries");
   return t.map((e) => {
-    const r = a.find((s) => {
-      var n;
-      return ((n = s.axis) == null ? void 0 : n.$refText) === e.name;
-    });
+    const r = a.find((s) => s.axis?.$refText === e.name);
     if (r === void 0)
       throw new Error("Missing entry for axis " + e.label);
     return r.value;
   });
 }, "computeCurveEntries"), J = /* @__PURE__ */ c((a) => {
-  var e, r, s, n, l;
   const t = a.reduce(
-    (o, i) => (o[i.name] = i, o),
+    (e, r) => (e[r.name] = r, e),
     {}
   );
   x.options = {
-    showLegend: ((e = t.showLegend) == null ? void 0 : e.value) ?? h.showLegend,
-    ticks: ((r = t.ticks) == null ? void 0 : r.value) ?? h.ticks,
-    max: ((s = t.max) == null ? void 0 : s.value) ?? h.max,
-    min: ((n = t.min) == null ? void 0 : n.value) ?? h.min,
-    graticule: ((l = t.graticule) == null ? void 0 : l.value) ?? h.graticule
+    showLegend: t.showLegend?.value ?? h.showLegend,
+    ticks: t.ticks?.value ?? h.ticks,
+    max: t.max?.value ?? h.max,
+    min: t.min?.value ?? h.min,
+    graticule: t.graticule?.value ?? h.graticule
   };
 }, "setOptions"), K = /* @__PURE__ */ c(() => {
   P(), x = structuredClone(w);
@@ -80,8 +76,8 @@ var h = {
     B.debug(t), Q(t);
   }, "parse")
 }, et = /* @__PURE__ */ c((a, t, e, r) => {
-  const s = r.db, n = s.getAxes(), l = s.getCurves(), o = s.getOptions(), i = s.getConfig(), d = s.getDiagramTitle(), p = z(t), u = at(p, i), g = o.max ?? Math.max(...l.map((f) => Math.max(...f.entries))), m = o.min, v = Math.min(i.width, i.height) / 2;
-  rt(u, n, v, o.ticks, o.graticule), st(u, n, v, i), A(u, n, l, m, g, o.graticule, i), T(u, l, o.showLegend, i), u.append("text").attr("class", "radarTitle").text(d).attr("x", 0).attr("y", -i.height / 2 - i.marginTop);
+  const s = r.db, i = s.getAxes(), l = s.getCurves(), n = s.getOptions(), o = s.getConfig(), d = s.getDiagramTitle(), p = z(t), u = at(p, o), g = n.max ?? Math.max(...l.map((f) => Math.max(...f.entries))), m = n.min, v = Math.min(o.width, o.height) / 2;
+  rt(u, i, v, n.ticks, n.graticule), st(u, i, v, o), A(u, i, l, m, g, n.graticule, o), T(u, l, n.showLegend, o), u.append("text").attr("class", "radarTitle").text(d).attr("x", 0).attr("y", -o.height / 2 - o.marginTop);
 }, "draw"), at = /* @__PURE__ */ c((a, t) => {
   const e = t.width + t.marginLeft + t.marginRight, r = t.height + t.marginTop + t.marginBottom, s = {
     x: t.marginLeft + t.width / 2,
@@ -90,39 +86,39 @@ var h = {
   return V(a, r, e, t.useMaxWidth ?? !0), a.attr("viewBox", `0 0 ${e} ${r}`).attr("overflow", "visible"), a.append("g").attr("transform", `translate(${s.x}, ${s.y})`);
 }, "drawFrame"), rt = /* @__PURE__ */ c((a, t, e, r, s) => {
   if (s === "circle")
-    for (let n = 0; n < r; n++) {
-      const l = e * (n + 1) / r;
+    for (let i = 0; i < r; i++) {
+      const l = e * (i + 1) / r;
       a.append("circle").attr("r", l).attr("class", "radarGraticule");
     }
   else if (s === "polygon") {
-    const n = t.length;
+    const i = t.length;
     for (let l = 0; l < r; l++) {
-      const o = e * (l + 1) / r, i = t.map((d, p) => {
-        const u = 2 * p * Math.PI / n - Math.PI / 2, g = o * Math.cos(u), m = o * Math.sin(u);
+      const n = e * (l + 1) / r, o = t.map((d, p) => {
+        const u = 2 * p * Math.PI / i - Math.PI / 2, g = n * Math.cos(u), m = n * Math.sin(u);
         return `${g},${m}`;
       }).join(" ");
-      a.append("polygon").attr("points", i).attr("class", "radarGraticule");
+      a.append("polygon").attr("points", o).attr("class", "radarGraticule");
     }
   }
 }, "drawGraticule"), st = /* @__PURE__ */ c((a, t, e, r) => {
   const s = t.length;
-  for (let n = 0; n < s; n++) {
-    const l = t[n].label, o = 2 * n * Math.PI / s - Math.PI / 2, i = Math.cos(o), d = Math.sin(o);
-    a.append("line").attr("x1", 0).attr("y1", 0).attr("x2", e * r.axisScaleFactor * i).attr("y2", e * r.axisScaleFactor * d).attr("class", "radarAxisLine");
-    const p = i > 0.01 ? "start" : i < -0.01 ? "end" : "middle", u = d > 0.01 ? "hanging" : d < -0.01 ? "auto" : "central", g = 4;
-    a.append("text").text(l).attr("x", e * r.axisLabelFactor * i + g * i).attr("y", e * r.axisLabelFactor * d + g * d).attr("text-anchor", p).attr("dominant-baseline", u).attr("class", "radarAxisLabel");
+  for (let i = 0; i < s; i++) {
+    const l = t[i].label, n = 2 * i * Math.PI / s - Math.PI / 2, o = Math.cos(n), d = Math.sin(n);
+    a.append("line").attr("x1", 0).attr("y1", 0).attr("x2", e * r.axisScaleFactor * o).attr("y2", e * r.axisScaleFactor * d).attr("class", "radarAxisLine");
+    const p = o > 0.01 ? "start" : o < -0.01 ? "end" : "middle", u = d > 0.01 ? "hanging" : d < -0.01 ? "auto" : "central", g = 4;
+    a.append("text").text(l).attr("x", e * r.axisLabelFactor * o + g * o).attr("y", e * r.axisLabelFactor * d + g * d).attr("text-anchor", p).attr("dominant-baseline", u).attr("class", "radarAxisLabel");
   }
 }, "drawAxes");
-function A(a, t, e, r, s, n, l) {
-  const o = t.length, i = Math.min(l.width, l.height) / 2;
+function A(a, t, e, r, s, i, l) {
+  const n = t.length, o = Math.min(l.width, l.height) / 2;
   e.forEach((d, p) => {
-    if (d.entries.length !== o)
+    if (d.entries.length !== n)
       return;
     const u = d.entries.map((g, m) => {
-      const v = 2 * Math.PI * m / o - Math.PI / 2, f = M(g, r, s, i), S = f * Math.cos(v), O = f * Math.sin(v);
+      const v = 2 * Math.PI * m / n - Math.PI / 2, f = M(g, r, s, o), S = f * Math.cos(v), O = f * Math.sin(v);
       return { x: S, y: O };
     });
-    n === "circle" ? a.append("path").attr("d", L(u, l.curveTension)).attr("class", `radarCurve-${p}`) : n === "polygon" && a.append("polygon").attr("points", u.map((g) => `${g.x},${g.y}`).join(" ")).attr("class", `radarCurve-${p}`);
+    i === "circle" ? a.append("path").attr("d", L(u, l.curveTension)).attr("class", `radarCurve-${p}`) : i === "polygon" && a.append("polygon").attr("points", u.map((g) => `${g.x},${g.y}`).join(" ")).attr("class", `radarCurve-${p}`);
   });
 }
 c(A, "drawCurves");
@@ -135,14 +131,14 @@ function L(a, t) {
   const e = a.length;
   let r = `M${a[0].x},${a[0].y}`;
   for (let s = 0; s < e; s++) {
-    const n = a[(s - 1 + e) % e], l = a[s], o = a[(s + 1) % e], i = a[(s + 2) % e], d = {
-      x: l.x + (o.x - n.x) * t,
-      y: l.y + (o.y - n.y) * t
+    const i = a[(s - 1 + e) % e], l = a[s], n = a[(s + 1) % e], o = a[(s + 2) % e], d = {
+      x: l.x + (n.x - i.x) * t,
+      y: l.y + (n.y - i.y) * t
     }, p = {
-      x: o.x - (i.x - l.x) * t,
-      y: o.y - (i.y - l.y) * t
+      x: n.x - (o.x - l.x) * t,
+      y: n.y - (o.y - l.y) * t
     };
-    r += ` C${d.x},${d.y} ${p.x},${p.y} ${o.x},${o.y}`;
+    r += ` C${d.x},${d.y} ${p.x},${p.y} ${n.x},${n.y}`;
   }
   return `${r} Z`;
 }
@@ -150,10 +146,10 @@ c(L, "closedRoundCurve");
 function T(a, t, e, r) {
   if (!e)
     return;
-  const s = (r.width / 2 + r.marginRight) * 3 / 4, n = -(r.height / 2 + r.marginTop) * 3 / 4, l = 20;
-  t.forEach((o, i) => {
-    const d = a.append("g").attr("transform", `translate(${s}, ${n + i * l})`);
-    d.append("rect").attr("width", 12).attr("height", 12).attr("class", `radarLegendBox-${i}`), d.append("text").attr("x", 16).attr("y", 0).attr("class", "radarLegendText").text(o.label);
+  const s = (r.width / 2 + r.marginRight) * 3 / 4, i = -(r.height / 2 + r.marginTop) * 3 / 4, l = 20;
+  t.forEach((n, o) => {
+    const d = a.append("g").attr("transform", `translate(${s}, ${i + o * l})`);
+    d.append("rect").attr("width", 12).attr("height", 12).attr("class", `radarLegendBox-${o}`), d.append("text").attr("x", 16).attr("y", 0).attr("class", "radarLegendText").text(n.label);
   });
 }
 c(T, "drawLegend");

package/dist-lib/{ebnfDiagram-CCIWWBDH-BhQWrGMc.js → ebnfDiagram-CCIWWBDH-PXSrB6lG.js}

@@ -1,7 +1,7 @@
-import { g as l, r as m, d as n } from "./chunk-MOJQB5TN-dusfI9ob.js";
-import { p } from "./chunk-JWPE2WC7-DFPBClX_.js";
-import { _ as t, l as o } from "./index-JkCQXUYs.js";
-import { M as u, a as f } from "./cynefin-VYW2F7L2-DQXPWaog.js";
+import { g as l, r as m, d as n } from "./chunk-MOJQB5TN-BrENeFT5.js";
+import { p } from "./chunk-JWPE2WC7-DnwG7Xzp.js";
+import { _ as t, l as o } from "./index-B0neMIbR.js";
+import { M as u, a as f } from "./cynefin-VYW2F7L2-XAY3mHv8.js";
 var c = f().RailroadEbnf.parser.LangiumParser, s = /* @__PURE__ */ t((e) => {
   const r = e.alternatives.map(E);
   return r.length === 1 ? r[0] : {