@draftably/editor 0.0.0-stage → 0.1.0

package/dist/chunks/diagram-PFBEJUXE-DIAQQ5KX.js

@@ -0,0 +1,480 @@
+import { p as re } from "./chunk-JWPE2WC7-CnAFS2xF.js";
+import { t as oe, q as se, s as de, g as le, a as ce, b as me, _ as o, l as g, c as R, k as ue, M as xe, A as fe, N as ge, L as B, O as he, j as P, w as S, as as pe } from "./mermaid.core-DXv6D2Sm.js";
+import { p as be, i as ve } from "./cynefin-EF2NZ3EQ-Bt6b88hY.js";
+var D = "position frame", N = "frame positioned", k = "position relation", T = "relation positioned", we = /* @__PURE__ */ o(function(e) {
+  g.debug("options str", e);
+}, "setOptions"), ye = /* @__PURE__ */ o(function() {
+  return {};
+}, "getOptions"), Pe = /* @__PURE__ */ o(function() {
+  C(), fe();
+}, "clear");
+function C() {
+  w = {};
+}
+o(C, "reset");
+var Se = he.eventmodeling, ke = /* @__PURE__ */ o(() => ge({
+  ...Se,
+  ...B().eventmodeling
+}), "getConfig"), w = {};
+function O() {
+  let e = Me;
+  const { ast: n } = w, t = E();
+  if (!n)
+    throw new Error("No data for EventModel");
+  return n.frames.forEach((i, a) => {
+    const r = G(i, n.dataEntities, t);
+    e = v(e, {
+      $kind: D,
+      index: a,
+      frame: i,
+      textProps: r
+    });
+    let d;
+    K(i) ? (g.debug("source frame", i.sourceFrames), d = n.frames.filter((l) => i.sourceFrames.some((c) => c.$refText === l.name)), d.forEach((l) => {
+      e = v(e, {
+        $kind: k,
+        index: a,
+        frame: i,
+        sourceFrame: l
+      });
+    })) : e = v(e, {
+      $kind: k,
+      index: a,
+      frame: i
+    });
+  }), e = {
+    ...e,
+    sortedSwimlanesArray: A(e.swimlanes)
+  }, e;
+}
+o(O, "getState");
+function I(e) {
+  w.ast = void 0;
+  const n = /* @__PURE__ */ new Set();
+  for (const t of e.frames) {
+    if (n.has(t.name)) {
+      const i = t.$cstNode?.range.start.line, a = i === void 0 ? "" : ` on line ${i + 1}`;
+      throw new Error(`Duplicate event modeling frame ID "${t.name}"${a}`);
+    }
+    n.add(t.name);
+  }
+  w.ast = e;
+}
+o(I, "setAst");
+var s = {
+  swimlaneMinHeight: 70,
+  swimlanePadding: 15,
+  swimlaneGap: 10,
+  boxPadding: 10,
+  boxOverlap: 90,
+  boxDefaultY: 0,
+  boxMinWidth: 80,
+  boxMaxWidth: 450,
+  boxMinHeight: 80,
+  boxMaxHeight: 750,
+  contentStartX: 250,
+  textMaxWidth: 430,
+  boxTextFontWeight: "bold",
+  boxTextPadding: 10,
+  swimlaneTextFontWeight: "bold",
+  labelUiAutomation: "UI/Automation",
+  labelUiAutomationPrefix: "UI/A: ",
+  labelCommandReadModel: "Command/Read Model",
+  labelCommandReadModelPrefix: "C/RM: ",
+  labelEvents: "Events",
+  labelEventsPrefix: "Stream: "
+};
+function E() {
+  return s;
+}
+o(E, "getDiagramProps");
+var Me = {
+  boxes: [],
+  swimlanes: {},
+  relations: [],
+  maxR: 0,
+  sortedSwimlanesArray: []
+};
+function W(e) {
+  const n = e.split(".");
+  if (n.length === 2)
+    return n[0];
+}
+o(W, "extractNamespace");
+function H(e) {
+  const n = e.split(".");
+  return n.length === 2 ? n[1] : e;
+}
+o(H, "extractName");
+function U(e, n) {
+  if (!(!n || n.length === 0))
+    return Object.values(e).find((t) => t.namespace === n);
+}
+o(U, "findSwimlaneByNamespace");
+function b(e, n, t) {
+  return Math.max(
+    n,
+    ...Object.keys(e).filter((i) => {
+      const a = Number.parseInt(i);
+      return a > n && a < t;
+    }).map((i) => Number.parseInt(i))
+  ) + 1;
+}
+o(b, "findNextAvailableIndex");
+function _(e, n) {
+  const t = W(e.entityIdentifier), i = U(n, t);
+  switch (e.modelEntityType) {
+    case "ui":
+    case "pcr":
+    case "processor":
+      return i ? {
+        index: i.index,
+        label: i.namespace || s.labelUiAutomation
+      } : t ? {
+        index: b(n, 0, 100),
+        label: s.labelUiAutomationPrefix + t
+      } : { index: 0, label: s.labelUiAutomation };
+    case "rmo":
+    case "readmodel":
+    case "cmd":
+    case "command":
+      return i ? {
+        index: i.index,
+        label: i.namespace || s.labelCommandReadModel
+      } : t ? {
+        index: b(n, 100, 200),
+        label: s.labelCommandReadModelPrefix + t
+      } : { index: 100, label: s.labelCommandReadModel };
+    case "evt":
+    case "event":
+    default:
+      return i ? {
+        index: i.index,
+        label: i.namespace || s.labelEvents
+      } : t ? {
+        index: b(n, 200, 300),
+        label: s.labelEventsPrefix + t
+      } : { index: 200, label: s.labelEvents };
+  }
+}
+o(_, "calculateSwimlaneProps");
+function L(e) {
+  const { themeVariables: n } = B();
+  switch (e.modelEntityType) {
+    case "ui":
+      return {
+        fill: n.emUiFill ?? "white",
+        stroke: n.emUiStroke ?? "#dbdada"
+      };
+    case "pcr":
+    case "processor":
+      return {
+        fill: n.emProcessorFill ?? "#edb3f6",
+        stroke: n.emProcessorStroke ?? "#b88cbf"
+      };
+    case "rmo":
+    case "readmodel":
+      return {
+        fill: n.emReadModelFill ?? "#d3f1a2",
+        stroke: n.emReadModelStroke ?? "#a3b732"
+      };
+    case "cmd":
+    case "command":
+      return {
+        fill: n.emCommandFill ?? "#bcd6fe",
+        stroke: n.emCommandStroke ?? "#679ac3"
+      };
+    case "evt":
+    case "event":
+      return {
+        fill: n.emEventFill ?? "#ffb778",
+        stroke: n.emEventStroke ?? "#c19a0f"
+      };
+    default:
+      return {
+        fill: "red",
+        stroke: "black"
+      };
+  }
+}
+o(L, "calculateEntityVisualProps");
+function G(e, n, t) {
+  const i = B(), a = P(H(e.entityIdentifier) ?? "", i);
+  let r;
+  const d = {
+    fontSize: 16,
+    fontWeight: 700,
+    fontFamily: '"trebuchet ms", verdana, arial, sans-serif',
+    joinWith: "<br/>"
+  };
+  let c = `<b>${S(a, t.textMaxWidth, d)}</b>`;
+  if (e.dataInlineValue && (r = e.dataInlineValue, r = r.substring(r.indexOf("{") + 1), r = r.substring(0, r.lastIndexOf("}") - 1), r = P(r, i), r = S(r, t.textMaxWidth, d), r = r.replaceAll(" ", "&nbsp;")), e.dataReference) {
+    const p = n.find(
+      (y) => y.name === e.dataReference?.$refText
+    );
+    p && (r = p.dataBlockValue, r = r.substring(r.indexOf(`{
+`) + 2), r = r.substring(0, r.lastIndexOf("}") - 1), r = P(r, i), r = S(r, t.textMaxWidth, d), r = r.replaceAll(" ", "&nbsp;"), r += "<br/>");
+  }
+  const m = r !== void 0;
+  m && (c += `<br/><br/><code style="text-align: left; display: block;max-width:${t.textMaxWidth}px">${r}</code>`);
+  const x = {
+    fontSize: d.fontSize,
+    fontWeight: d.fontWeight,
+    fontFamily: d.fontFamily
+  }, u = pe(c, x), h = m ? u.width / 3 : u.width, f = {
+    content: c,
+    width: h,
+    height: u.height
+  };
+  return g.debug(`[${e.name}] ${e.entityIdentifier} text`, f), f;
+}
+o(G, "calculateTextProps");
+function V(e, n) {
+  const t = n, i = L(t.frame), a = {
+    width: t.textProps.width + 2 * s.boxTextPadding,
+    height: t.textProps.height + 2 * s.boxTextPadding
+  };
+  return [{
+    $kind: N,
+    frame: t.frame,
+    index: t.index,
+    visual: i,
+    dimension: a,
+    textProps: t.textProps
+  }];
+}
+o(V, "decidePositionFrame");
+function X(e, n, t) {
+  return n === void 0 ? s.contentStartX : n.index === e.index && e.r ? e.r + s.boxPadding : t === void 0 ? s.contentStartX : t.r - s.boxOverlap + s.boxPadding;
+}
+o(X, "calculateX");
+function j(e, n) {
+  const t = [...e.map((i) => i.r), n];
+  return Math.max(...t);
+}
+o(j, "calculateMaxRight");
+function A(e) {
+  return Object.values(e).sort((n, t) => n.index - t.index);
+}
+o(A, "sortedSwimlanesArray");
+function Y(e, n) {
+  const t = n, i = _(t.frame, e.swimlanes);
+  let a;
+  i.index in e.swimlanes ? a = e.swimlanes[i.index] : a = {
+    index: i.index,
+    label: i.label,
+    r: 0,
+    y: i.index * s.swimlaneMinHeight + s.swimlaneGap,
+    height: s.swimlaneMinHeight,
+    maxHeight: s.swimlaneMinHeight
+  };
+  const r = e.boxes.length > 0 ? e.boxes[e.boxes.length - 1] : void 0, d = e.previousSwimlaneNumber !== void 0 ? e.swimlanes[e.previousSwimlaneNumber] : void 0, l = {
+    width: Math.max(
+      s.boxMinWidth,
+      Math.min(s.boxMaxWidth, t.dimension.width)
+    ) + 2 * s.boxPadding,
+    height: Math.max(
+      s.boxMinHeight,
+      Math.min(s.boxMaxHeight, t.dimension.height)
+    ) + 2 * s.boxPadding
+  }, c = X(a, d, r), m = c + l.width + s.boxPadding, x = j(Object.values(e.swimlanes), m);
+  a.r = c + l.width, a.maxHeight = Math.max(a.maxHeight, l.height), a.height = Math.max(s.swimlaneMinHeight, a.maxHeight) + 2 * s.swimlanePadding;
+  const u = {
+    x: c,
+    y: s.swimlanePadding + a.y,
+    // y: diagramProps.swimlanePadding + (swimlane.y || diagramProps.boxDefaultY),
+    r: m,
+    dimension: l,
+    leftSibling: !1,
+    swimlane: a,
+    visual: t.visual,
+    text: t.textProps.content,
+    frame: t.frame,
+    index: t.index
+  }, h = {
+    ...e,
+    boxes: [...e.boxes, u],
+    swimlanes: {
+      ...e.swimlanes,
+      [`${a.index}`]: a
+    },
+    previousSwimlaneNumber: i.index,
+    previousFrame: t.frame,
+    maxR: x
+  }, f = A(h.swimlanes);
+  f.length > 0 && (f[0].y = 0);
+  for (let p = 1; p < f.length; p++) {
+    const y = f[p], $ = f[p - 1];
+    y.y = $.y + $.height + s.swimlaneGap;
+  }
+  return h;
+}
+o(Y, "evolveFramePositioned");
+function z(e, n) {
+  return e === 0 && n.sourceFrames.length === 0;
+}
+o(z, "isFirstFrame");
+function K(e) {
+  return e.sourceFrames !== void 0 && e.sourceFrames !== null && e.sourceFrames.length > 0;
+}
+o(K, "hasSourceFrame");
+function M(e, n) {
+  if (n != null)
+    return e.find((t) => t.frame.name === n.name);
+}
+o(M, "findBoxByFrame");
+function q(e, n, t) {
+  if (!(t < 0))
+    for (let i = t; i >= 0; i--) {
+      const a = e[i];
+      if (a.swimlane.index !== n)
+        return a;
+    }
+}
+o(q, "findBoxByLineIndex");
+function J(e, n) {
+  const t = n;
+  if (z(t.index, t.frame))
+    return [];
+  const i = M(e.boxes, t.frame);
+  if (i === void 0)
+    throw new Error(`Target box not found for frame ${t.frame.name}`);
+  let a;
+  if (t.sourceFrame)
+    a = M(e.boxes, t.sourceFrame);
+  else {
+    if (ve(t.frame))
+      return [];
+    a = q(e.boxes, i.swimlane.index, t.index - 1);
+  }
+  return a === void 0 ? [] : [{
+    $kind: T,
+    frame: t.frame,
+    index: t.index,
+    sourceBox: a,
+    targetBox: i
+  }];
+}
+o(J, "decidePositionRelation");
+function Q(e, n) {
+  const t = n, i = {
+    visual: {
+      fill: "none",
+      stroke: "#000"
+    },
+    source: {
+      x: t.sourceBox.x,
+      y: t.sourceBox.y
+    },
+    target: {
+      x: t.targetBox.x,
+      y: t.targetBox.y
+    },
+    sourceBox: t.sourceBox,
+    targetBox: t.targetBox
+  };
+  return {
+    ...e,
+    relations: [...e.relations, i]
+  };
+}
+o(Q, "evolveRelationPositioned");
+var Fe = {
+  [D]: V,
+  [k]: J
+}, Be = {
+  [N]: Y,
+  [T]: Q
+};
+function Z(e, n) {
+  const t = Fe[n.$kind];
+  if (t == null)
+    return [];
+  const i = t(e, n);
+  return g.debug("decided events", i), i;
+}
+o(Z, "decide");
+function ee(e, n) {
+  const t = n.reduce((i, a) => {
+    const r = Be[a.$kind];
+    return r == null ? i : r(i, a);
+  }, e);
+  return g.debug("evolve events", { state: e, newState: t, events: n }), t;
+}
+o(ee, "evolve");
+function v(e, n) {
+  const t = Z(e, n);
+  return ee(e, t);
+}
+o(v, "dispatch");
+var F = {
+  getConfig: ke,
+  preserveCommentsWhenParsing: !0,
+  setOptions: we,
+  getOptions: ye,
+  clear: Pe,
+  setAccTitle: me,
+  getAccTitle: ce,
+  getAccDescription: le,
+  setAccDescription: de,
+  setDiagramTitle: se,
+  getDiagramTitle: oe,
+  setAst: I,
+  getDiagramProps: E,
+  getState: O
+}, Ee = {
+  parse: /* @__PURE__ */ o(async (e) => {
+    const n = await be("eventmodeling", e);
+    g.debug(n), F.setAst(n), re(n, F);
+  }, "parse")
+}, Ae = R(), $e = Ae?.eventmodeling;
+function te(e, n) {
+  return (t) => {
+    const i = t.swimlane.y + n.swimlanePadding, a = e.append("g").attr("class", "em-box");
+    a.append("rect").attr("x", t.x).attr("y", i).attr("rx", "3").attr("width", t.dimension.width).attr("height", t.dimension.height).attr("stroke", t.visual.stroke).attr("fill", t.visual.fill), a.append("foreignObject").attr("x", t.x + n.boxPadding).attr("y", i + 10).attr("width", t.dimension.width - 2 * n.boxPadding).attr("height", t.dimension.height - 2 * n.boxPadding).append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%").append("span").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").html(t.text);
+  };
+}
+o(te, "renderD3Box");
+function ne(e, n) {
+  return e > n;
+}
+o(ne, "dirUpwards");
+function ie(e, n, t, i) {
+  return (a) => {
+    const r = a.sourceBox.swimlane.y + n.swimlanePadding, d = a.targetBox.swimlane.y + n.swimlanePadding, l = ne(r, d), c = a.sourceBox.x + a.sourceBox.dimension.width * 2 / 3, m = a.targetBox.x + a.targetBox.dimension.width / 3;
+    let x, u;
+    g.debug(`rendering relation up=${l} for `, {
+      sourceBox: a.sourceBox,
+      targetBox: a.targetBox
+    }), l ? (x = r, u = d + a.targetBox.dimension.height) : (x = r + a.sourceBox.dimension.height, u = d);
+    const h = i.emRelationStroke ?? a.visual.stroke;
+    e.append("path").attr("class", "em-relation").attr("fill", a.visual.fill).attr("stroke", h).attr("stroke-width", "1").attr("marker-end", `url(#${t})`).attr("d", `M${c} ${x} L${m} ${u}`);
+  };
+}
+o(ie, "renderD3Relation");
+function ae(e, n, t, i) {
+  return (a) => {
+    const r = e.append("g").attr("class", "em-swimlane"), d = i.emSwimlaneBackgroundOdd ?? "rgb(250,250,250)", l = i.emSwimlaneBackgroundStroke ?? "rgb(240,240,240)";
+    r.append("rect").attr("x", 0).attr("y", a.y).attr("rx", "3").attr("width", n + t.swimlanePadding).attr("height", a.height).attr("fill", d).attr("stroke", l), r.append("text").attr("font-weight", t.swimlaneTextFontWeight).attr("x", 30).attr("y", a.y + 30).text(a.label);
+  };
+}
+o(ae, "renderD3Swimlane");
+var Re = /* @__PURE__ */ o(function(e, n, t, i) {
+  if (g.debug("in eventmodeling renderer", e + `
+`, "id:", n, t), !$e)
+    throw new Error("EventModeling config not found");
+  const a = i.db, { themeVariables: r, eventmodeling: d } = R(), l = ue(`[id="${n}"]`), c = a.getDiagramProps(), m = a.getState(), x = `em-arrowhead-${n}`, u = r.emArrowhead ?? "#000000";
+  m.sortedSwimlanesArray.forEach(
+    ae(l, m.maxR, c, r)
+  ), m.boxes.forEach(te(l, c)), m.relations.forEach(ie(l, c, x, r)), l.append("defs").append("marker").attr("id", x).attr("markerWidth", "10").attr("markerHeight", "7").attr("refX", "10").attr("refY", "3.5").attr("orient", "auto").append("polygon").attr("points", "0 0, 10 3.5, 0 7").attr("fill", u), xe(void 0, l, d?.padding ?? 30, d?.useMaxWidth);
+}, "draw"), De = {
+  draw: Re
+}, Ne = /* @__PURE__ */ o((e) => "", "getStyles"), Te = Ne, We = {
+  parser: Ee,
+  db: F,
+  renderer: De,
+  styles: Te
+};
+export {
+  We as diagram
+};

package/dist/chunks/diagram-RJA3I4VV-BPD0GghS.js

@@ -0,0 +1,219 @@
+import { p as I } from "./chunk-JWPE2WC7-CnAFS2xF.js";
+import { s as _, g as E, t as F, q as D, a as P, b as z, _ as c, Q as G, A as B, N as w, L as C, O as W, l as b, R as V, d as H } from "./mermaid.core-DXv6D2Sm.js";
+import { p as j } from "./cynefin-EF2NZ3EQ-Bt6b88hY.js";
+var m = {
+  showLegend: !0,
+  ticks: 5,
+  max: null,
+  min: 0,
+  graticule: "circle"
+}, y = 32, A = {
+  axes: [],
+  curves: [],
+  options: m
+}, x = structuredClone(A), N = W.radar, U = /* @__PURE__ */ c(() => w({
+  ...N,
+  ...C().radar
+}), "getConfig"), M = /* @__PURE__ */ c(() => x.axes, "getAxes"), X = /* @__PURE__ */ c(() => x.curves, "getCurves"), q = /* @__PURE__ */ c(() => x.options, "getOptions"), K = /* @__PURE__ */ c((a) => {
+  x.axes = a.map((t) => ({
+    name: t.name,
+    label: t.label ?? t.name
+  }));
+}, "setAxes"), Q = /* @__PURE__ */ c((a) => {
+  x.curves = a.map((t) => ({
+    name: t.name,
+    label: t.label ?? t.name,
+    entries: Y(t.entries)
+  }));
+}, "setCurves"), Y = /* @__PURE__ */ c((a) => {
+  if (a[0].axis == null)
+    return a.map((e) => e.value);
+  const t = M();
+  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) => s.axis?.$refText === e.name);
+    if (r === void 0)
+      throw new Error("Missing entry for axis " + e.label);
+    return r.value;
+  });
+}, "computeCurveEntries"), Z = /* @__PURE__ */ c((a) => {
+  const t = a.reduce(
+    (e, r) => (e[r.name] = r, e),
+    {}
+  );
+  x.options = {
+    showLegend: t.showLegend?.value ?? m.showLegend,
+    ticks: t.ticks?.value ?? m.ticks,
+    max: t.max?.value ?? m.max,
+    min: t.min?.value ?? m.min,
+    graticule: t.graticule?.value ?? m.graticule
+  }, x.options.ticks > y && (b.warn(
+    `Radar diagram ticks (${x.options.ticks}) exceeds maximum allowed (${y}). Using ${y} instead.`
+  ), x.options.ticks = y);
+}, "setOptions"), J = /* @__PURE__ */ c(() => {
+  B(), x = structuredClone(A);
+}, "clear"), $ = {
+  getAxes: M,
+  getCurves: X,
+  getOptions: q,
+  setAxes: K,
+  setCurves: Q,
+  setOptions: Z,
+  getConfig: U,
+  clear: J,
+  setAccTitle: z,
+  getAccTitle: P,
+  setDiagramTitle: D,
+  getDiagramTitle: F,
+  getAccDescription: E,
+  setAccDescription: _
+}, tt = /* @__PURE__ */ c((a) => {
+  I(a, $);
+  const { axes: t, curves: e, options: r } = a;
+  $.setAxes(t), $.setCurves(e), $.setOptions(r);
+}, "populate"), et = {
+  parse: /* @__PURE__ */ c(async (a) => {
+    const t = await j("radar", a);
+    b.debug(t), tt(t);
+  }, "parse")
+}, at = /* @__PURE__ */ c((a, t, e, r) => {
+  const s = r.db, i = s.getAxes(), l = s.getCurves(), n = s.getOptions(), o = s.getConfig(), d = s.getDiagramTitle(), p = G(t), u = rt(p, o), g = n.max ?? Math.max(...l.map((f) => Math.max(...f.entries))), h = n.min, v = Math.min(o.width, o.height) / 2;
+  st(u, i, v, n.ticks, n.graticule), nt(u, i, v, o), L(u, i, l, h, g, n.graticule, o), k(u, l, n.showLegend, o), u.append("text").attr("class", "radarTitle").text(d).attr("x", 0).attr("y", -o.height / 2 - o.marginTop);
+}, "draw"), rt = /* @__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,
+    y: t.marginTop + t.height / 2
+  };
+  return H(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"), st = /* @__PURE__ */ c((a, t, e, r, s) => {
+  if (s === "circle")
+    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 i = t.length;
+    for (let l = 0; l < r; l++) {
+      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), h = n * Math.sin(u);
+        return `${g},${h}`;
+      }).join(" ");
+      a.append("polygon").attr("points", o).attr("class", "radarGraticule");
+    }
+  }
+}, "drawGraticule"), nt = /* @__PURE__ */ c((a, t, e, r) => {
+  const s = t.length;
+  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 L(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 !== n)
+      return;
+    const u = d.entries.map((g, h) => {
+      const v = 2 * Math.PI * h / n - Math.PI / 2, f = T(g, r, s, o), O = f * Math.cos(v), R = f * Math.sin(v);
+      return { x: O, y: R };
+    });
+    i === "circle" ? a.append("path").attr("d", S(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(L, "drawCurves");
+function T(a, t, e, r) {
+  const s = Math.min(Math.max(a, t), e);
+  return r * (s - t) / (e - t);
+}
+c(T, "relativeRadius");
+function S(a, t) {
+  const e = a.length;
+  let r = `M${a[0].x},${a[0].y}`;
+  for (let s = 0; s < e; s++) {
+    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: 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} ${n.x},${n.y}`;
+  }
+  return `${r} Z`;
+}
+c(S, "closedRoundCurve");
+function k(a, t, e, r) {
+  if (!e)
+    return;
+  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(k, "drawLegend");
+var ot = { draw: at }, it = /* @__PURE__ */ c((a, t) => {
+  let e = "";
+  for (let r = 0; r < a.THEME_COLOR_LIMIT; r++) {
+    const s = a[`cScale${r}`];
+    e += `
+		.radarCurve-${r} {
+			color: ${s};
+			fill: ${s};
+			fill-opacity: ${t.curveOpacity};
+			stroke: ${s};
+			stroke-width: ${t.curveStrokeWidth};
+		}
+		.radarLegendBox-${r} {
+			fill: ${s};
+			fill-opacity: ${t.curveOpacity};
+			stroke: ${s};
+		}
+		`;
+  }
+  return e;
+}, "genIndexStyles"), lt = /* @__PURE__ */ c((a) => {
+  const t = V(), e = C(), r = w(t, e.themeVariables), s = w(r.radar, a);
+  return { themeVariables: r, radarOptions: s };
+}, "buildRadarStyleOptions"), ct = /* @__PURE__ */ c(({ radar: a } = {}) => {
+  const { themeVariables: t, radarOptions: e } = lt(a);
+  return `
+	.radarTitle {
+		font-size: ${t.fontSize};
+		color: ${t.titleColor};
+		dominant-baseline: hanging;
+		text-anchor: middle;
+	}
+	.radarAxisLine {
+		stroke: ${e.axisColor};
+		stroke-width: ${e.axisStrokeWidth};
+	}
+	.radarAxisLabel {
+		font-size: ${e.axisLabelFontSize}px;
+		color: ${e.axisColor};
+	}
+	.radarGraticule {
+		fill: ${e.graticuleColor};
+		fill-opacity: ${e.graticuleOpacity};
+		stroke: ${e.graticuleColor};
+		stroke-width: ${e.graticuleStrokeWidth};
+	}
+	.radarLegendText {
+		text-anchor: start;
+		font-size: ${e.legendFontSize}px;
+		dominant-baseline: hanging;
+	}
+	${it(t, e)}
+	`;
+}, "styles"), gt = {
+  parser: et,
+  db: $,
+  renderer: ot,
+  styles: ct
+};
+export {
+  gt as diagram
+};