@yiyi_zhang/reactflow-ui 0.5.0-beta.0 → 1.1.0

package/dist/diagram-2AECGRRQ-C5jZp2YX.js

@@ -1,217 +0,0 @@
-import { _ as l, s as k, g as I, q as R, p as F, a as _, b as D, I as E, z, F as y, D as C, G, l as P, K as W, e as B } from "./mermaid.core-XSpZEAKP.js";
-import { p as V } from "./chunk-4BX2VUAB-DE3VjyiZ.js";
-import { p as H } from "./wardley-L42UT6IY-D7b2ujEZ.js";
-var h = {
-  showLegend: !0,
-  ticks: 5,
-  max: null,
-  min: 0,
-  graticule: "circle"
-}, w = {
-  axes: [],
-  curves: [],
-  options: h
-}, x = structuredClone(w), j = G.radar, q = /* @__PURE__ */ l(() => y({
-  ...j,
-  ...C().radar
-}), "getConfig"), b = /* @__PURE__ */ l(() => x.axes, "getAxes"), K = /* @__PURE__ */ l(() => x.curves, "getCurves"), N = /* @__PURE__ */ l(() => x.options, "getOptions"), U = /* @__PURE__ */ l((a) => {
-  x.axes = a.map((t) => ({
-    name: t.name,
-    label: t.label ?? t.name
-  }));
-}, "setAxes"), X = /* @__PURE__ */ l((a) => {
-  x.curves = a.map((t) => ({
-    name: t.name,
-    label: t.label ?? t.name,
-    entries: Y(t.entries)
-  }));
-}, "setCurves"), Y = /* @__PURE__ */ l((a) => {
-  if (a[0].axis == null)
-    return a.map((e) => e.value);
-  const t = b();
-  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__ */ l((a) => {
-  const t = a.reduce(
-    (e, r) => (e[r.name] = r, e),
-    {}
-  );
-  x.options = {
-    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"), J = /* @__PURE__ */ l(() => {
-  z(), x = structuredClone(w);
-}, "clear"), $ = {
-  getAxes: b,
-  getCurves: K,
-  getOptions: N,
-  setAxes: U,
-  setCurves: X,
-  setOptions: Z,
-  getConfig: q,
-  clear: J,
-  setAccTitle: D,
-  getAccTitle: _,
-  setDiagramTitle: F,
-  getDiagramTitle: R,
-  getAccDescription: I,
-  setAccDescription: k
-}, Q = /* @__PURE__ */ l((a) => {
-  V(a, $);
-  const { axes: t, curves: e, options: r } = a;
-  $.setAxes(t), $.setCurves(e), $.setOptions(r);
-}, "populate"), tt = {
-  parse: /* @__PURE__ */ l(async (a) => {
-    const t = await H("radar", a);
-    P.debug(t), Q(t);
-  }, "parse")
-}, et = /* @__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 = E(t), u = at(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;
-  rt(u, o, v, n.ticks, n.graticule), st(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"), at = /* @__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 B(a, r, e, t.useMaxWidth ?? !0), a.attr("viewBox", `0 0 ${e} ${r}`), a.append("g").attr("transform", `translate(${s.x}, ${s.y})`);
-}, "drawFrame"), rt = /* @__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"), st = /* @__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), S = f * Math.cos(v), O = f * Math.sin(v);
-      return { x: S, y: O };
-    });
-    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 nt = { draw: et }, ot = /* @__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"), it = /* @__PURE__ */ l((a) => {
-  const t = W(), e = C(), r = y(t, e.themeVariables), s = y(r.radar, a);
-  return { themeVariables: r, radarOptions: s };
-}, "buildRadarStyleOptions"), lt = /* @__PURE__ */ l(({ radar: a } = {}) => {
-  const { themeVariables: t, radarOptions: e } = it(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;
-	}
-	${ot(t, e)}
-	`;
-}, "styles"), pt = {
-  parser: tt,
-  db: $,
-  renderer: nt,
-  styles: lt
-};
-export {
-  pt as diagram
-};

package/dist/diagram-5GNKFQAL-DRUVcHpp.js

@@ -1,123 +0,0 @@
-import { _ as s, p as x, b as f, s as C, q as B, g as T, a as y, F as u, l as k, I as V, e as _, D, z as N, G as S } from "./mermaid.core-XSpZEAKP.js";
-import { p as I } from "./chunk-4BX2VUAB-DE3VjyiZ.js";
-import { I as $ } from "./chunk-QZHKN3VN-DoV8iUKo.js";
-import { p as z } from "./wardley-L42UT6IY-D7b2ujEZ.js";
-var d = new $(() => ({
-  cnt: 1,
-  stack: [
-    {
-      id: 0,
-      level: -1,
-      name: "/",
-      children: []
-    }
-  ]
-})), A = /* @__PURE__ */ s(() => {
-  d.reset(), N();
-}, "clear"), X = /* @__PURE__ */ s(() => d.records.stack[0], "getRoot"), H = /* @__PURE__ */ s(() => d.records.cnt, "getCount"), L = S.treeView, R = /* @__PURE__ */ s(() => u(L, D().treeView), "getConfig"), W = /* @__PURE__ */ s((e, t) => {
-  for (; e <= d.records.stack[d.records.stack.length - 1].level; )
-    d.records.stack.pop();
-  const a = {
-    id: d.records.cnt++,
-    level: e,
-    name: t,
-    children: []
-  };
-  d.records.stack[d.records.stack.length - 1].children.push(a), d.records.stack.push(a);
-}, "addNode"), E = {
-  clear: A,
-  addNode: W,
-  getRoot: X,
-  getCount: H,
-  getConfig: R,
-  getAccTitle: y,
-  getAccDescription: T,
-  getDiagramTitle: B,
-  setAccDescription: C,
-  setAccTitle: f,
-  setDiagramTitle: x
-}, m = E, F = /* @__PURE__ */ s((e) => {
-  I(e, m), e.nodes.map((t) => m.addNode(t.indent ? parseInt(t.indent) : 0, t.name));
-}, "populate"), M = {
-  parse: /* @__PURE__ */ s(async (e) => {
-    const t = await z("treeView", e);
-    k.debug(t), F(t);
-  }, "parse")
-}, Y = /* @__PURE__ */ s((e, t, a, n, o) => {
-  const c = n.append("text").text(a.name).attr("dominant-baseline", "middle").attr("class", "treeView-node-label"), { height: g, width: r } = c.node().getBBox(), l = g + o.paddingY * 2, i = r + o.paddingX * 2;
-  c.attr("x", e + o.paddingX), c.attr("y", t + l / 2), a.BBox = {
-    x: e,
-    y: t,
-    width: i,
-    height: l
-  };
-}, "positionLabel"), b = /* @__PURE__ */ s((e, t, a, n, o, c) => e.append("line").attr("x1", t).attr("y1", a).attr("x2", n).attr("y2", o).attr("stroke-width", c).attr("class", "treeView-node-line"), "positionLine"), q = /* @__PURE__ */ s((e, t, a) => {
-  let n = 0, o = 0;
-  const c = /* @__PURE__ */ s((r, l, i, h) => {
-    const v = h * (i.rowIndent + i.paddingX);
-    Y(v, n, l, r, i);
-    const { height: p, width: w } = l.BBox;
-    b(
-      r,
-      v - i.rowIndent,
-      n + p / 2,
-      v,
-      n + p / 2,
-      i.lineThickness
-    ), o = Math.max(o, v + w), n += p;
-  }, "drawNode"), g = /* @__PURE__ */ s((r, l = 0) => {
-    c(e, r, a, l), r.children.forEach((p) => {
-      g(p, l + 1);
-    });
-    const { x: i, y: h, height: v } = r.BBox;
-    if (r.children.length) {
-      const { y: p, height: w } = r.children[r.children.length - 1].BBox;
-      b(
-        e,
-        i + a.paddingX,
-        h + v,
-        i + a.paddingX,
-        p + w / 2 + a.lineThickness / 2,
-        a.lineThickness
-      );
-    }
-  }, "processNode");
-  return g(t), { totalHeight: n, totalWidth: o };
-}, "drawTree"), G = /* @__PURE__ */ s((e, t, a, n) => {
-  k.debug(`Rendering treeView diagram
-` + e);
-  const o = n.db, c = o.getRoot(), g = o.getConfig(), r = V(t), l = r.append("g");
-  l.attr("class", "tree-view");
-  const { totalHeight: i, totalWidth: h } = q(l, c, g);
-  r.attr("viewBox", `-${g.lineThickness / 2} 0 ${h} ${i}`), _(r, i, h, g.useMaxWidth);
-}, "draw"), j = {
-  draw: G
-}, J = j, K = {
-  labelFontSize: "16px",
-  labelColor: "black",
-  lineColor: "black"
-}, O = /* @__PURE__ */ s(({
-  treeView: e
-}) => {
-  const { labelFontSize: t, labelColor: a, lineColor: n } = u(
-    K,
-    e
-  );
-  return `
-    .treeView-node-label {
-        font-size: ${t};
-        fill: ${a};
-    }
-    .treeView-node-line {
-        stroke: ${n};
-    }
-    `;
-}, "styles"), P = O, te = {
-  db: m,
-  renderer: J,
-  parser: M,
-  styles: P
-};
-export {
-  te as diagram
-};