@altimateai/ui-components 0.0.77-beta.4 → 0.0.77-beta.6

package/dist/diagram-PSM6KHXK2.js

@@ -0,0 +1,319 @@
+import { aI as ne, aJ as oe, aV as ie, aW as ce, aK as pe, aL as de, aG as h, b8 as J, b7 as K, bC as he, b0 as ue, b6 as me, aS as I, bb as fe, aT as ye, bD as L } from "./CoachForm.js";
+import { s as ge } from "./chunk-QN33PNHL2.js";
+import { p as Se } from "./chunk-4BX2VUAB2.js";
+import { p as xe } from "./mermaid-parser.core.js";
+import { s as _ } from "./redux-toolkit.modern.js";
+import { o as B } from "./ordinal.js";
+import { h as be, t as ve } from "./index2.js";
+import { f as P } from "./defaultLocale.js";
+var F, U = (F = class {
+  constructor() {
+    this.nodes = [], this.levels = /* @__PURE__ */ new Map(), this.outerNodes = [], this.classes = /* @__PURE__ */ new Map(), this.setAccTitle = ne, this.getAccTitle = oe, this.setDiagramTitle = ie, this.getDiagramTitle = ce, this.getAccDescription = pe, this.setAccDescription = de;
+  }
+  getNodes() {
+    return this.nodes;
+  }
+  getConfig() {
+    const a = me, o = J();
+    return K({
+      ...a.treemap,
+      ...o.treemap ?? {}
+    });
+  }
+  addNode(a, o) {
+    this.nodes.push(a), this.levels.set(a, o), o === 0 && (this.outerNodes.push(a), this.root ?? (this.root = a));
+  }
+  getRoot() {
+    return { name: "", children: this.outerNodes };
+  }
+  addClass(a, o) {
+    const s = this.classes.get(a) ?? { id: a, styles: [], textStyles: [] }, c = o.replace(/\\,/g, "§§§").replace(/,/g, ";").replace(/§§§/g, ",").split(";");
+    c && c.forEach((r) => {
+      he(r) && (s != null && s.textStyles ? s.textStyles.push(r) : s.textStyles = [r]), s != null && s.styles ? s.styles.push(r) : s.styles = [r];
+    }), this.classes.set(a, s);
+  }
+  getClasses() {
+    return this.classes;
+  }
+  getStylesForClass(a) {
+    var o;
+    return ((o = this.classes.get(a)) == null ? void 0 : o.styles) ?? [];
+  }
+  clear() {
+    ue(), this.nodes = [], this.levels = /* @__PURE__ */ new Map(), this.outerNodes = [], this.classes = /* @__PURE__ */ new Map(), this.root = void 0;
+  }
+}, h(F, "TreeMapDB"), F);
+function q(p) {
+  if (!p.length)
+    return [];
+  const a = [], o = [];
+  return p.forEach((s) => {
+    const c = {
+      name: s.name,
+      children: s.type === "Leaf" ? void 0 : []
+    };
+    for (c.classSelector = s == null ? void 0 : s.classSelector, s != null && s.cssCompiledStyles && (c.cssCompiledStyles = [s.cssCompiledStyles]), s.type === "Leaf" && s.value !== void 0 && (c.value = s.value); o.length > 0 && o[o.length - 1].level >= s.level; )
+      o.pop();
+    if (o.length === 0)
+      a.push(c);
+    else {
+      const r = o[o.length - 1].node;
+      r.children ? r.children.push(c) : r.children = [c];
+    }
+    s.type !== "Leaf" && o.push({ node: c, level: s.level });
+  }), a;
+}
+h(q, "buildHierarchy");
+var Ce = /* @__PURE__ */ h((p, a) => {
+  Se(p, a);
+  const o = [];
+  for (const r of p.TreemapRows ?? [])
+    r.$type === "ClassDefStatement" && a.addClass(r.className ?? "", r.styleText ?? "");
+  for (const r of p.TreemapRows ?? []) {
+    const d = r.item;
+    if (!d)
+      continue;
+    const f = r.indent ? parseInt(r.indent) : 0, M = we(d), l = d.classSelector ? a.getStylesForClass(d.classSelector) : [], z = l.length > 0 ? l.join(";") : void 0, b = {
+      level: f,
+      name: M,
+      type: d.$type,
+      value: d.value,
+      classSelector: d.classSelector,
+      cssCompiledStyles: z
+    };
+    o.push(b);
+  }
+  const s = q(o), c = /* @__PURE__ */ h((r, d) => {
+    for (const f of r)
+      a.addNode(f, d), f.children && f.children.length > 0 && c(f.children, d + 1);
+  }, "addNodesRecursively");
+  c(s, 0);
+}, "populate"), we = /* @__PURE__ */ h((p) => p.name ? String(p.name) : "", "getItemName"), Q = {
+  // @ts-expect-error - TreeMapDB is not assignable to DiagramDB
+  parser: { yy: void 0 },
+  parse: /* @__PURE__ */ h(async (p) => {
+    var a;
+    try {
+      const s = await xe("treemap", p);
+      I.debug("Treemap AST:", s);
+      const c = (a = Q.parser) == null ? void 0 : a.yy;
+      if (!(c instanceof U))
+        throw new Error(
+          "parser.parser?.yy was not a TreemapDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues."
+        );
+      Ce(s, c);
+    } catch (o) {
+      throw I.error("Error parsing treemap:", o), o;
+    }
+  }, "parse")
+}, Te = 10, $ = 10, V = 25, Le = /* @__PURE__ */ h((p, a, o, s) => {
+  const c = s.db, r = c.getConfig(), d = r.padding ?? Te, f = c.getDiagramTitle(), M = c.getRoot(), { themeVariables: l } = J();
+  if (!M)
+    return;
+  const z = f ? 30 : 0, b = fe(a), G = r.nodeWidth ? r.nodeWidth * $ : 960, O = r.nodeHeight ? r.nodeHeight * $ : 500, H = G, X = O + z;
+  b.attr("viewBox", `0 0 ${H} ${X}`), ye(b, X, H, r.useMaxWidth);
+  let v;
+  try {
+    const e = r.valueFormat || ",";
+    if (e === "$0,0")
+      v = /* @__PURE__ */ h((t) => "$" + P(",")(t), "valueFormat");
+    else if (e.startsWith("$") && e.includes(",")) {
+      const t = /\.\d+/.exec(e), n = t ? t[0] : "";
+      v = /* @__PURE__ */ h((u) => "$" + P("," + n)(u), "valueFormat");
+    } else if (e.startsWith("$")) {
+      const t = e.substring(1);
+      v = /* @__PURE__ */ h((n) => "$" + P(t || "")(n), "valueFormat");
+    } else
+      v = P(e);
+  } catch (e) {
+    I.error("Error creating format function:", e), v = P(",");
+  }
+  const N = B().range([
+    "transparent",
+    l.cScale0,
+    l.cScale1,
+    l.cScale2,
+    l.cScale3,
+    l.cScale4,
+    l.cScale5,
+    l.cScale6,
+    l.cScale7,
+    l.cScale8,
+    l.cScale9,
+    l.cScale10,
+    l.cScale11
+  ]), Z = B().range([
+    "transparent",
+    l.cScalePeer0,
+    l.cScalePeer1,
+    l.cScalePeer2,
+    l.cScalePeer3,
+    l.cScalePeer4,
+    l.cScalePeer5,
+    l.cScalePeer6,
+    l.cScalePeer7,
+    l.cScalePeer8,
+    l.cScalePeer9,
+    l.cScalePeer10,
+    l.cScalePeer11
+  ]), W = B().range([
+    l.cScaleLabel0,
+    l.cScaleLabel1,
+    l.cScaleLabel2,
+    l.cScaleLabel3,
+    l.cScaleLabel4,
+    l.cScaleLabel5,
+    l.cScaleLabel6,
+    l.cScaleLabel7,
+    l.cScaleLabel8,
+    l.cScaleLabel9,
+    l.cScaleLabel10,
+    l.cScaleLabel11
+  ]);
+  f && b.append("text").attr("x", H / 2).attr("y", z / 2).attr("class", "treemapTitle").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(f);
+  const Y = b.append("g").attr("transform", `translate(0, ${z})`).attr("class", "treemapContainer"), ee = be(M).sum((e) => e.value ?? 0).sort((e, t) => (t.value ?? 0) - (e.value ?? 0)), j = ve().size([G, O]).paddingTop(
+    (e) => e.children && e.children.length > 0 ? V + $ : 0
+  ).paddingInner(d).paddingLeft((e) => e.children && e.children.length > 0 ? $ : 0).paddingRight((e) => e.children && e.children.length > 0 ? $ : 0).paddingBottom((e) => e.children && e.children.length > 0 ? $ : 0).round(!0)(ee), te = j.descendants().filter((e) => e.children && e.children.length > 0), A = Y.selectAll(".treemapSection").data(te).enter().append("g").attr("class", "treemapSection").attr("transform", (e) => `translate(${e.x0},${e.y0})`);
+  A.append("rect").attr("width", (e) => e.x1 - e.x0).attr("height", V).attr("class", "treemapSectionHeader").attr("fill", "none").attr("fill-opacity", 0.6).attr("stroke-width", 0.6).attr("style", (e) => e.depth === 0 ? "display: none;" : ""), A.append("clipPath").attr("id", (e, t) => `clip-section-${a}-${t}`).append("rect").attr("width", (e) => Math.max(0, e.x1 - e.x0 - 12)).attr("height", V), A.append("rect").attr("width", (e) => e.x1 - e.x0).attr("height", (e) => e.y1 - e.y0).attr("class", (e, t) => `treemapSection section${t}`).attr("fill", (e) => N(e.data.name)).attr("fill-opacity", 0.6).attr("stroke", (e) => Z(e.data.name)).attr("stroke-width", 2).attr("stroke-opacity", 0.4).attr("style", (e) => {
+    if (e.depth === 0)
+      return "display: none;";
+    const t = L({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return t.nodeStyles + ";" + t.borderStyles.join(";");
+  }), A.append("text").attr("class", "treemapSectionLabel").attr("x", 6).attr("y", V / 2).attr("dominant-baseline", "middle").text((e) => e.depth === 0 ? "" : e.data.name).attr("font-weight", "bold").attr("style", (e) => {
+    if (e.depth === 0)
+      return "display: none;";
+    const t = "dominant-baseline: middle; font-size: 12px; fill:" + W(e.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;", n = L({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return t + n.labelStyles.replace("color:", "fill:");
+  }).each(function(e) {
+    if (e.depth === 0)
+      return;
+    const t = _(this), n = e.data.name;
+    t.text(n);
+    const u = e.x1 - e.x0, g = 6;
+    let S;
+    r.showValues !== !1 && e.value ? S = u - 10 - 30 - 10 - g : S = u - g - 6;
+    const x = Math.max(15, S), i = t.node();
+    if (i.getComputedTextLength() > x) {
+      const m = "...";
+      let y = n;
+      for (; y.length > 0; ) {
+        if (y = n.substring(0, y.length - 1), y.length === 0) {
+          t.text(m), i.getComputedTextLength() > x && t.text("");
+          break;
+        }
+        if (t.text(y + m), i.getComputedTextLength() <= x)
+          break;
+      }
+    }
+  }), r.showValues !== !1 && A.append("text").attr("class", "treemapSectionValue").attr("x", (e) => e.x1 - e.x0 - 10).attr("y", V / 2).attr("text-anchor", "end").attr("dominant-baseline", "middle").text((e) => e.value ? v(e.value) : "").attr("font-style", "italic").attr("style", (e) => {
+    if (e.depth === 0)
+      return "display: none;";
+    const t = "text-anchor: end; dominant-baseline: middle; font-size: 10px; fill:" + W(e.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;", n = L({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return t + n.labelStyles.replace("color:", "fill:");
+  });
+  const ae = j.leaves(), E = Y.selectAll(".treemapLeafGroup").data(ae).enter().append("g").attr("class", (e, t) => `treemapNode treemapLeafGroup leaf${t}${e.data.classSelector ? ` ${e.data.classSelector}` : ""}x`).attr("transform", (e) => `translate(${e.x0},${e.y0})`);
+  E.append("rect").attr("width", (e) => e.x1 - e.x0).attr("height", (e) => e.y1 - e.y0).attr("class", "treemapLeaf").attr("fill", (e) => e.parent ? N(e.parent.data.name) : N(e.data.name)).attr("style", (e) => L({ cssCompiledStyles: e.data.cssCompiledStyles }).nodeStyles).attr("fill-opacity", 0.3).attr("stroke", (e) => e.parent ? N(e.parent.data.name) : N(e.data.name)).attr("stroke-width", 3), E.append("clipPath").attr("id", (e, t) => `clip-${a}-${t}`).append("rect").attr("width", (e) => Math.max(0, e.x1 - e.x0 - 4)).attr("height", (e) => Math.max(0, e.y1 - e.y0 - 4)), E.append("text").attr("class", "treemapLabel").attr("x", (e) => (e.x1 - e.x0) / 2).attr("y", (e) => (e.y1 - e.y0) / 2).attr("style", (e) => {
+    const t = "text-anchor: middle; dominant-baseline: middle; font-size: 38px;fill:" + W(e.data.name) + ";", n = L({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return t + n.labelStyles.replace("color:", "fill:");
+  }).attr("clip-path", (e, t) => `url(#clip-${a}-${t})`).text((e) => e.data.name).each(function(e) {
+    const t = _(this), n = e.x1 - e.x0, u = e.y1 - e.y0, g = t.node(), S = 4, T = n - 2 * S, x = u - 2 * S;
+    if (T < 10 || x < 10) {
+      t.style("display", "none");
+      return;
+    }
+    let i = parseInt(t.style("font-size"), 10);
+    const C = 8, m = 28, y = 0.6, w = 6, k = 2;
+    for (; g.getComputedTextLength() > T && i > C; )
+      i--, t.style("font-size", `${i}px`);
+    let D = Math.max(
+      w,
+      Math.min(m, Math.round(i * y))
+    ), R = i + k + D;
+    for (; R > x && i > C && (i--, D = Math.max(
+      w,
+      Math.min(m, Math.round(i * y))
+    ), !(D < w && i === C)); )
+      t.style("font-size", `${i}px`), R = i + k + D;
+    t.style("font-size", `${i}px`), (g.getComputedTextLength() > T || i < C || x < i) && t.style("display", "none");
+  }), r.showValues !== !1 && E.append("text").attr("class", "treemapValue").attr("x", (t) => (t.x1 - t.x0) / 2).attr("y", function(t) {
+    return (t.y1 - t.y0) / 2;
+  }).attr("style", (t) => {
+    const n = "text-anchor: middle; dominant-baseline: hanging; font-size: 28px;fill:" + W(t.data.name) + ";", u = L({ cssCompiledStyles: t.data.cssCompiledStyles });
+    return n + u.labelStyles.replace("color:", "fill:");
+  }).attr("clip-path", (t, n) => `url(#clip-${a}-${n})`).text((t) => t.value ? v(t.value) : "").each(function(t) {
+    const n = _(this), u = this.parentNode;
+    if (!u) {
+      n.style("display", "none");
+      return;
+    }
+    const g = _(u).select(".treemapLabel");
+    if (g.empty() || g.style("display") === "none") {
+      n.style("display", "none");
+      return;
+    }
+    const S = parseFloat(g.style("font-size")), T = 28, x = 0.6, i = 6, C = 2, m = Math.max(
+      i,
+      Math.min(T, Math.round(S * x))
+    );
+    n.style("font-size", `${m}px`);
+    const w = (t.y1 - t.y0) / 2 + S / 2 + C;
+    n.attr("y", w);
+    const k = t.x1 - t.x0, se = t.y1 - t.y0 - 4, re = k - 2 * 4;
+    n.node().getComputedTextLength() > re || w + m > se || m < i ? n.style("display", "none") : n.style("display", null);
+  });
+  const le = r.diagramPadding ?? 8;
+  ge(b, le, "flowchart", (r == null ? void 0 : r.useMaxWidth) || !1);
+}, "draw"), $e = /* @__PURE__ */ h(function(p, a) {
+  return a.db.getClasses();
+}, "getClasses"), Fe = { draw: Le, getClasses: $e }, ze = {
+  sectionStrokeColor: "black",
+  sectionStrokeWidth: "1",
+  sectionFillColor: "#efefef",
+  leafStrokeColor: "black",
+  leafStrokeWidth: "1",
+  leafFillColor: "#efefef",
+  labelColor: "black",
+  labelFontSize: "12px",
+  valueFontSize: "10px",
+  valueColor: "black",
+  titleColor: "black",
+  titleFontSize: "14px"
+}, Ne = /* @__PURE__ */ h(({
+  treemap: p
+} = {}) => {
+  const a = K(ze, p);
+  return `
+  .treemapNode.section {
+    stroke: ${a.sectionStrokeColor};
+    stroke-width: ${a.sectionStrokeWidth};
+    fill: ${a.sectionFillColor};
+  }
+  .treemapNode.leaf {
+    stroke: ${a.leafStrokeColor};
+    stroke-width: ${a.leafStrokeWidth};
+    fill: ${a.leafFillColor};
+  }
+  .treemapLabel {
+    fill: ${a.labelColor};
+    font-size: ${a.labelFontSize};
+  }
+  .treemapValue {
+    fill: ${a.valueColor};
+    font-size: ${a.valueFontSize};
+  }
+  .treemapTitle {
+    fill: ${a.titleColor};
+    font-size: ${a.titleFontSize};
+  }
+  `;
+}, "getStyles"), Ae = Ne, Be = {
+  parser: Q,
+  get db() {
+    return new U();
+  },
+  renderer: Fe,
+  styles: Ae
+};
+export {
+  Be as diagram
+};

package/dist/diagram-QEK2KX5R.js

@@ -1,19 +1,19 @@
-import { au as k, a1 as l, a3 as R, a4 as I, ag as E, ah as F, a5 as _, a6 as D, ad as z, av as y, aw as w, an as G, az as P, aB as B } from "./CoachForm.js";
+import { C as k, _ as l, s as R, g as E, m as I, n as _, b as D, c as F, l as G, D as y, E as C, r as P, H as z, L as H } from "./CoachForm.js";
 import { p as V } from "./chunk-4BX2VUAB.js";
 import { p as W } from "./mermaid-parser.core.js";
-var x = {
+var m = {
   showLegend: !0,
   ticks: 5,
   max: null,
   min: 0,
   graticule: "circle"
-}, C = {
+}, w = {
   axes: [],
   curves: [],
-  options: x
-}, h = structuredClone(C), H = k.radar, j = /* @__PURE__ */ l(() => y({
-  ...H,
-  ...w().radar
+  options: m
+}, h = structuredClone(w), B = k.radar, j = /* @__PURE__ */ l(() => y({
+  ...B,
+  ...C().radar
 }), "getConfig"), b = /* @__PURE__ */ l(() => h.axes, "getAxes"), N = /* @__PURE__ */ l(() => h.curves, "getCurves"), U = /* @__PURE__ */ l(() => h.options, "getOptions"), X = /* @__PURE__ */ l((a) => {
   h.axes = a.map((t) => ({
     name: t.name,
@@ -47,14 +47,14 @@ var x = {
     {}
   );
   h.options = {
-    showLegend: ((e = t.showLegend) == null ? void 0 : e.value) ?? x.showLegend,
-    ticks: ((r = t.ticks) == null ? void 0 : r.value) ?? x.ticks,
-    max: ((s = t.max) == null ? void 0 : s.value) ?? x.max,
-    min: ((o = t.min) == null ? void 0 : o.value) ?? x.min,
-    graticule: ((i = t.graticule) == null ? void 0 : i.value) ?? x.graticule
+    showLegend: ((e = t.showLegend) == null ? void 0 : e.value) ?? m.showLegend,
+    ticks: ((r = t.ticks) == null ? void 0 : r.value) ?? m.ticks,
+    max: ((s = t.max) == null ? void 0 : s.value) ?? m.max,
+    min: ((o = t.min) == null ? void 0 : o.value) ?? m.min,
+    graticule: ((i = t.graticule) == null ? void 0 : i.value) ?? m.graticule
   };
 }, "setOptions"), J = /* @__PURE__ */ l(() => {
-  G(), h = structuredClone(C);
+  P(), h = structuredClone(w);
 }, "clear"), $ = {
   getAxes: b,
   getCurves: N,
@@ -65,11 +65,11 @@ var x = {
   getConfig: j,
   clear: J,
   setAccTitle: R,
-  getAccTitle: I,
-  setDiagramTitle: E,
-  getDiagramTitle: F,
-  getAccDescription: _,
-  setAccDescription: D
+  getAccTitle: E,
+  setDiagramTitle: I,
+  getDiagramTitle: _,
+  getAccDescription: D,
+  setAccDescription: F
 }, K = /* @__PURE__ */ l((a) => {
   V(a, $);
   const { axes: t, curves: e, options: r } = a;
@@ -77,11 +77,11 @@ var x = {
 }, "populate"), Q = {
   parse: /* @__PURE__ */ l(async (a) => {
     const t = await W("radar", a);
-    z.debug(t), K(t);
+    G.debug(t), K(t);
   }, "parse")
 }, tt = /* @__PURE__ */ l((a, t, e, r) => {
-  const s = r.db, o = s.getAxes(), i = s.getCurves(), n = s.getOptions(), c = s.getConfig(), d = s.getDiagramTitle(), p = P(t), u = et(p, c), g = n.max ?? Math.max(...i.map((f) => Math.max(...f.entries))), m = n.min, v = Math.min(c.width, c.height) / 2;
-  at(u, o, v, n.ticks, n.graticule), rt(u, o, v, c), M(u, o, i, m, g, n.graticule, c), T(u, i, n.showLegend, c), u.append("text").attr("class", "radarTitle").text(d).attr("x", 0).attr("y", -c.height / 2 - c.marginTop);
+  const s = r.db, o = s.getAxes(), i = s.getCurves(), n = s.getOptions(), c = s.getConfig(), d = s.getDiagramTitle(), p = z(t), u = et(p, c), g = n.max ?? Math.max(...i.map((f) => Math.max(...f.entries))), x = n.min, v = Math.min(c.width, c.height) / 2;
+  at(u, o, v, n.ticks, n.graticule), rt(u, o, v, c), M(u, o, i, x, g, n.graticule, c), T(u, i, n.showLegend, c), u.append("text").attr("class", "radarTitle").text(d).attr("x", 0).attr("y", -c.height / 2 - c.marginTop);
 }, "draw"), et = /* @__PURE__ */ l((a, t) => {
   const e = t.width + t.marginLeft + t.marginRight, r = t.height + t.marginTop + t.marginBottom, s = {
     x: t.marginLeft + t.width / 2,
@@ -98,8 +98,8 @@ var x = {
     const o = t.length;
     for (let i = 0; i < r; i++) {
       const n = e * (i + 1) / r, c = t.map((d, p) => {
-        const u = 2 * p * Math.PI / o - Math.PI / 2, g = n * Math.cos(u), m = n * Math.sin(u);
-        return `${g},${m}`;
+        const u = 2 * p * Math.PI / o - Math.PI / 2, g = n * Math.cos(u), x = n * Math.sin(u);
+        return `${g},${x}`;
       }).join(" ");
       a.append("polygon").attr("points", c).attr("class", "radarGraticule");
     }
@@ -116,8 +116,8 @@ function M(a, t, e, r, s, o, i) {
   e.forEach((d, p) => {
     if (d.entries.length !== n)
       return;
-    const u = d.entries.map((g, m) => {
-      const v = 2 * Math.PI * m / n - Math.PI / 2, f = A(g, r, s, c), O = f * Math.cos(v), S = f * Math.sin(v);
+    const u = d.entries.map((g, x) => {
+      const v = 2 * Math.PI * x / n - Math.PI / 2, f = A(g, r, s, c), O = f * Math.cos(v), S = f * Math.sin(v);
       return { x: O, y: S };
     });
     o === "circle" ? a.append("path").attr("d", L(u, i.curveTension)).attr("class", `radarCurve-${p}`) : o === "polygon" && a.append("polygon").attr("points", u.map((g) => `${g.x},${g.y}`).join(" ")).attr("class", `radarCurve-${p}`);
@@ -176,7 +176,7 @@ var st = { draw: tt }, nt = /* @__PURE__ */ l((a, t) => {
   }
   return e;
 }, "genIndexStyles"), ot = /* @__PURE__ */ l((a) => {
-  const t = B(), e = w(), r = y(t, e.themeVariables), s = y(r.radar, a);
+  const t = H(), e = C(), r = y(t, e.themeVariables), s = y(r.radar, a);
   return { themeVariables: r, radarOptions: s };
 }, "buildRadarStyleOptions"), it = /* @__PURE__ */ l(({ radar: a } = {}) => {
   const { themeVariables: t, radarOptions: e } = ot(a);

package/dist/diagram-QEK2KX5R2.js

@@ -0,0 +1,221 @@
+import { b6 as k, aG as l, aI as I, aJ as R, aV as E, aW as F, aK as _, aL as D, aS as G, b7 as y, b8 as b, b0 as P, bb as z, be as V } from "./CoachForm.js";
+import { p as W } from "./chunk-4BX2VUAB2.js";
+import { p as B } from "./mermaid-parser.core.js";
+var x = {
+  showLegend: !0,
+  ticks: 5,
+  max: null,
+  min: 0,
+  graticule: "circle"
+}, C = {
+  axes: [],
+  curves: [],
+  options: x
+}, h = structuredClone(C), H = k.radar, j = /* @__PURE__ */ l(() => y({
+  ...H,
+  ...b().radar
+}), "getConfig"), w = /* @__PURE__ */ l(() => h.axes, "getAxes"), J = /* @__PURE__ */ l(() => h.curves, "getCurves"), K = /* @__PURE__ */ l(() => h.options, "getOptions"), N = /* @__PURE__ */ l((a) => {
+  h.axes = a.map((t) => ({
+    name: t.name,
+    label: t.label ?? t.name
+  }));
+}, "setAxes"), U = /* @__PURE__ */ l((a) => {
+  h.curves = a.map((t) => ({
+    name: t.name,
+    label: t.label ?? t.name,
+    entries: X(t.entries)
+  }));
+}, "setCurves"), X = /* @__PURE__ */ l((a) => {
+  if (a[0].axis == null)
+    return a.map((e) => e.value);
+  const t = w();
+  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 o;
+      return ((o = s.axis) == null ? void 0 : o.$refText) === e.name;
+    });
+    if (r === void 0)
+      throw new Error("Missing entry for axis " + e.label);
+    return r.value;
+  });
+}, "computeCurveEntries"), Y = /* @__PURE__ */ l((a) => {
+  var e, r, s, o, i;
+  const t = a.reduce(
+    (n, c) => (n[c.name] = c, n),
+    {}
+  );
+  h.options = {
+    showLegend: ((e = t.showLegend) == null ? void 0 : e.value) ?? x.showLegend,
+    ticks: ((r = t.ticks) == null ? void 0 : r.value) ?? x.ticks,
+    max: ((s = t.max) == null ? void 0 : s.value) ?? x.max,
+    min: ((o = t.min) == null ? void 0 : o.value) ?? x.min,
+    graticule: ((i = t.graticule) == null ? void 0 : i.value) ?? x.graticule
+  };
+}, "setOptions"), Z = /* @__PURE__ */ l(() => {
+  P(), h = structuredClone(C);
+}, "clear"), $ = {
+  getAxes: w,
+  getCurves: J,
+  getOptions: K,
+  setAxes: N,
+  setCurves: U,
+  setOptions: Y,
+  getConfig: j,
+  clear: Z,
+  setAccTitle: I,
+  getAccTitle: R,
+  setDiagramTitle: E,
+  getDiagramTitle: F,
+  getAccDescription: _,
+  setAccDescription: D
+}, q = /* @__PURE__ */ l((a) => {
+  W(a, $);
+  const { axes: t, curves: e, options: r } = a;
+  $.setAxes(t), $.setCurves(e), $.setOptions(r);
+}, "populate"), Q = {
+  parse: /* @__PURE__ */ l(async (a) => {
+    const t = await B("radar", a);
+    G.debug(t), q(t);
+  }, "parse")
+}, tt = /* @__PURE__ */ l((a, t, e, r) => {
+  const s = r.db, o = s.getAxes(), i = s.getCurves(), n = s.getOptions(), c = s.getConfig(), d = s.getDiagramTitle(), p = z(t), u = et(p, c), g = n.max ?? Math.max(...i.map((f) => Math.max(...f.entries))), m = n.min, v = Math.min(c.width, c.height) / 2;
+  at(u, o, v, n.ticks, n.graticule), rt(u, o, v, c), M(u, o, i, m, g, n.graticule, c), T(u, i, n.showLegend, c), u.append("text").attr("class", "radarTitle").text(d).attr("x", 0).attr("y", -c.height / 2 - c.marginTop);
+}, "draw"), et = /* @__PURE__ */ l((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 a.attr("viewbox", `0 0 ${e} ${r}`).attr("width", e).attr("height", r), a.append("g").attr("transform", `translate(${s.x}, ${s.y})`);
+}, "drawFrame"), at = /* @__PURE__ */ l((a, t, e, r, s) => {
+  if (s === "circle")
+    for (let o = 0; o < r; o++) {
+      const i = e * (o + 1) / r;
+      a.append("circle").attr("r", i).attr("class", "radarGraticule");
+    }
+  else if (s === "polygon") {
+    const o = t.length;
+    for (let i = 0; i < r; i++) {
+      const n = e * (i + 1) / r, c = t.map((d, p) => {
+        const u = 2 * p * Math.PI / o - Math.PI / 2, g = n * Math.cos(u), m = n * Math.sin(u);
+        return `${g},${m}`;
+      }).join(" ");
+      a.append("polygon").attr("points", c).attr("class", "radarGraticule");
+    }
+  }
+}, "drawGraticule"), rt = /* @__PURE__ */ l((a, t, e, r) => {
+  const s = t.length;
+  for (let o = 0; o < s; o++) {
+    const i = t[o].label, n = 2 * o * Math.PI / s - Math.PI / 2;
+    a.append("line").attr("x1", 0).attr("y1", 0).attr("x2", e * r.axisScaleFactor * Math.cos(n)).attr("y2", e * r.axisScaleFactor * Math.sin(n)).attr("class", "radarAxisLine"), a.append("text").text(i).attr("x", e * r.axisLabelFactor * Math.cos(n)).attr("y", e * r.axisLabelFactor * Math.sin(n)).attr("class", "radarAxisLabel");
+  }
+}, "drawAxes");
+function M(a, t, e, r, s, o, i) {
+  const n = t.length, c = Math.min(i.width, i.height) / 2;
+  e.forEach((d, p) => {
+    if (d.entries.length !== n)
+      return;
+    const u = d.entries.map((g, m) => {
+      const v = 2 * Math.PI * m / n - Math.PI / 2, f = A(g, r, s, c), O = f * Math.cos(v), S = f * Math.sin(v);
+      return { x: O, y: S };
+    });
+    o === "circle" ? a.append("path").attr("d", L(u, i.curveTension)).attr("class", `radarCurve-${p}`) : o === "polygon" && a.append("polygon").attr("points", u.map((g) => `${g.x},${g.y}`).join(" ")).attr("class", `radarCurve-${p}`);
+  });
+}
+l(M, "drawCurves");
+function A(a, t, e, r) {
+  const s = Math.min(Math.max(a, t), e);
+  return r * (s - t) / (e - t);
+}
+l(A, "relativeRadius");
+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 o = a[(s - 1 + e) % e], i = a[s], n = a[(s + 1) % e], c = a[(s + 2) % e], d = {
+      x: i.x + (n.x - o.x) * t,
+      y: i.y + (n.y - o.y) * t
+    }, p = {
+      x: n.x - (c.x - i.x) * t,
+      y: n.y - (c.y - i.y) * t
+    };
+    r += ` C${d.x},${d.y} ${p.x},${p.y} ${n.x},${n.y}`;
+  }
+  return `${r} Z`;
+}
+l(L, "closedRoundCurve");
+function T(a, t, e, r) {
+  if (!e)
+    return;
+  const s = (r.width / 2 + r.marginRight) * 3 / 4, o = -(r.height / 2 + r.marginTop) * 3 / 4, i = 20;
+  t.forEach((n, c) => {
+    const d = a.append("g").attr("transform", `translate(${s}, ${o + c * i})`);
+    d.append("rect").attr("width", 12).attr("height", 12).attr("class", `radarLegendBox-${c}`), d.append("text").attr("x", 16).attr("y", 0).attr("class", "radarLegendText").text(n.label);
+  });
+}
+l(T, "drawLegend");
+var st = { draw: tt }, nt = /* @__PURE__ */ l((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"), ot = /* @__PURE__ */ l((a) => {
+  const t = V(), e = b(), r = y(t, e.themeVariables), s = y(r.radar, a);
+  return { themeVariables: r, radarOptions: s };
+}, "buildRadarStyleOptions"), it = /* @__PURE__ */ l(({ radar: a } = {}) => {
+  const { themeVariables: t, radarOptions: e } = ot(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 {
+		dominant-baseline: middle;
+		text-anchor: middle;
+		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;
+	}
+	${nt(t, e)}
+	`;
+}, "styles"), ut = {
+  parser: Q,
+  db: $,
+  renderer: st,
+  styles: it
+};
+export {
+  ut as diagram
+};