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

package/dist/ordinal-B6-f3MAq.js

@@ -0,0 +1,61 @@
+import { i as a } from "./init-DjUOC4st.js";
+class o extends Map {
+  constructor(n, t = g) {
+    if (super(), Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: t } }), n != null) for (const [r, s] of n) this.set(r, s);
+  }
+  get(n) {
+    return super.get(c(this, n));
+  }
+  has(n) {
+    return super.has(c(this, n));
+  }
+  set(n, t) {
+    return super.set(l(this, n), t);
+  }
+  delete(n) {
+    return super.delete(p(this, n));
+  }
+}
+function c({ _intern: e, _key: n }, t) {
+  const r = n(t);
+  return e.has(r) ? e.get(r) : t;
+}
+function l({ _intern: e, _key: n }, t) {
+  const r = n(t);
+  return e.has(r) ? e.get(r) : (e.set(r, t), t);
+}
+function p({ _intern: e, _key: n }, t) {
+  const r = n(t);
+  return e.has(r) && (t = e.get(r), e.delete(r)), t;
+}
+function g(e) {
+  return e !== null && typeof e == "object" ? e.valueOf() : e;
+}
+const f = /* @__PURE__ */ Symbol("implicit");
+function h() {
+  var e = new o(), n = [], t = [], r = f;
+  function s(u) {
+    let i = e.get(u);
+    if (i === void 0) {
+      if (r !== f) return r;
+      e.set(u, i = n.push(u) - 1);
+    }
+    return t[i % t.length];
+  }
+  return s.domain = function(u) {
+    if (!arguments.length) return n.slice();
+    n = [], e = new o();
+    for (const i of u)
+      e.has(i) || e.set(i, n.push(i) - 1);
+    return s;
+  }, s.range = function(u) {
+    return arguments.length ? (t = Array.from(u), s) : t.slice();
+  }, s.unknown = function(u) {
+    return arguments.length ? (r = u, s) : r;
+  }, s.copy = function() {
+    return h(n, t).unknown(r);
+  }, a.apply(s, arguments), s;
+}
+export {
+  h as o
+};

package/dist/pieDiagram-4H26LBE5-hHiP8HzL.js

@@ -0,0 +1,163 @@
+import { a4 as S, a7 as R, b2 as K, _ as d, g as Q, s as Y, a as tt, b as et, q as at, p as nt, l as z, c as rt, F as it, I as st, N as ot, e as lt, z as ct, G as ut } from "./mermaid.core-XSpZEAKP.js";
+import { p as dt } from "./chunk-4BX2VUAB-DE3VjyiZ.js";
+import { p as pt } from "./wardley-L42UT6IY-D7b2ujEZ.js";
+import { d as P } from "./arc-BUGZGgtu.js";
+import { o as gt } from "./ordinal-B6-f3MAq.js";
+function ft(t, a) {
+  return a < t ? -1 : a > t ? 1 : a >= t ? 0 : NaN;
+}
+function ht(t) {
+  return t;
+}
+function mt() {
+  var t = ht, a = ft, f = null, y = S(0), s = S(R), p = S(0);
+  function o(e) {
+    var r, l = (e = K(e)).length, g, h, v = 0, c = new Array(l), i = new Array(l), x = +y.apply(this, arguments), w = Math.min(R, Math.max(-R, s.apply(this, arguments) - x)), m, D = Math.min(Math.abs(w) / l, p.apply(this, arguments)), $ = D * (w < 0 ? -1 : 1), u;
+    for (r = 0; r < l; ++r)
+      (u = i[c[r] = r] = +t(e[r], r, e)) > 0 && (v += u);
+    for (a != null ? c.sort(function(A, C) {
+      return a(i[A], i[C]);
+    }) : f != null && c.sort(function(A, C) {
+      return f(e[A], e[C]);
+    }), r = 0, h = v ? (w - l * $) / v : 0; r < l; ++r, x = m)
+      g = c[r], u = i[g], m = x + (u > 0 ? u * h : 0) + $, i[g] = {
+        data: e[g],
+        index: r,
+        value: u,
+        startAngle: x,
+        endAngle: m,
+        padAngle: D
+      };
+    return i;
+  }
+  return o.value = function(e) {
+    return arguments.length ? (t = typeof e == "function" ? e : S(+e), o) : t;
+  }, o.sortValues = function(e) {
+    return arguments.length ? (a = e, f = null, o) : a;
+  }, o.sort = function(e) {
+    return arguments.length ? (f = e, a = null, o) : f;
+  }, o.startAngle = function(e) {
+    return arguments.length ? (y = typeof e == "function" ? e : S(+e), o) : y;
+  }, o.endAngle = function(e) {
+    return arguments.length ? (s = typeof e == "function" ? e : S(+e), o) : s;
+  }, o.padAngle = function(e) {
+    return arguments.length ? (p = typeof e == "function" ? e : S(+e), o) : p;
+  }, o;
+}
+var vt = ut.pie, F = {
+  sections: /* @__PURE__ */ new Map(),
+  showData: !1
+}, T = F.sections, W = F.showData, xt = structuredClone(vt), St = /* @__PURE__ */ d(() => structuredClone(xt), "getConfig"), yt = /* @__PURE__ */ d(() => {
+  T = /* @__PURE__ */ new Map(), W = F.showData, ct();
+}, "clear"), wt = /* @__PURE__ */ d(({ label: t, value: a }) => {
+  if (a < 0)
+    throw new Error(
+      `"${t}" has invalid value: ${a}. Negative values are not allowed in pie charts. All slice values must be >= 0.`
+    );
+  T.has(t) || (T.set(t, a), z.debug(`added new section: ${t}, with value: ${a}`));
+}, "addSection"), At = /* @__PURE__ */ d(() => T, "getSections"), Ct = /* @__PURE__ */ d((t) => {
+  W = t;
+}, "setShowData"), Dt = /* @__PURE__ */ d(() => W, "getShowData"), _ = {
+  getConfig: St,
+  clear: yt,
+  setDiagramTitle: nt,
+  getDiagramTitle: at,
+  setAccTitle: et,
+  getAccTitle: tt,
+  setAccDescription: Y,
+  getAccDescription: Q,
+  addSection: wt,
+  getSections: At,
+  setShowData: Ct,
+  getShowData: Dt
+}, $t = /* @__PURE__ */ d((t, a) => {
+  dt(t, a), a.setShowData(t.showData), t.sections.map(a.addSection);
+}, "populateDb"), Tt = {
+  parse: /* @__PURE__ */ d(async (t) => {
+    const a = await pt("pie", t);
+    z.debug(a), $t(a, _);
+  }, "parse")
+}, bt = /* @__PURE__ */ d((t) => `
+  .pieCircle{
+    stroke: ${t.pieStrokeColor};
+    stroke-width : ${t.pieStrokeWidth};
+    opacity : ${t.pieOpacity};
+  }
+  .pieOuterCircle{
+    stroke: ${t.pieOuterStrokeColor};
+    stroke-width: ${t.pieOuterStrokeWidth};
+    fill: none;
+  }
+  .pieTitleText {
+    text-anchor: middle;
+    font-size: ${t.pieTitleTextSize};
+    fill: ${t.pieTitleTextColor};
+    font-family: ${t.fontFamily};
+  }
+  .slice {
+    font-family: ${t.fontFamily};
+    fill: ${t.pieSectionTextColor};
+    font-size:${t.pieSectionTextSize};
+    // fill: white;
+  }
+  .legend text {
+    fill: ${t.pieLegendTextColor};
+    font-family: ${t.fontFamily};
+    font-size: ${t.pieLegendTextSize};
+  }
+`, "getStyles"), kt = bt, Et = /* @__PURE__ */ d((t) => {
+  const a = [...t.values()].reduce((s, p) => s + p, 0), f = [...t.entries()].map(([s, p]) => ({ label: s, value: p })).filter((s) => s.value / a * 100 >= 1);
+  return mt().value((s) => s.value).sort(null)(f);
+}, "createPieArcs"), Mt = /* @__PURE__ */ d((t, a, f, y) => {
+  z.debug(`rendering pie chart
+` + t);
+  const s = y.db, p = rt(), o = it(s.getConfig(), p.pie), e = 40, r = 18, l = 4, g = 450, h = g, v = st(a), c = v.append("g");
+  c.attr("transform", "translate(" + h / 2 + "," + g / 2 + ")");
+  const { themeVariables: i } = p;
+  let [x] = ot(i.pieOuterStrokeWidth);
+  x ??= 2;
+  const w = o.textPosition, m = Math.min(h, g) / 2 - e, D = P().innerRadius(0).outerRadius(m), $ = P().innerRadius(m * w).outerRadius(m * w);
+  c.append("circle").attr("cx", 0).attr("cy", 0).attr("r", m + x / 2).attr("class", "pieOuterCircle");
+  const u = s.getSections(), A = Et(u), C = [
+    i.pie1,
+    i.pie2,
+    i.pie3,
+    i.pie4,
+    i.pie5,
+    i.pie6,
+    i.pie7,
+    i.pie8,
+    i.pie9,
+    i.pie10,
+    i.pie11,
+    i.pie12
+  ];
+  let b = 0;
+  u.forEach((n) => {
+    b += n;
+  });
+  const G = A.filter((n) => (n.data.value / b * 100).toFixed(0) !== "0"), k = gt(C).domain([
+    ...u.keys()
+  ]);
+  c.selectAll("mySlices").data(G).enter().append("path").attr("d", D).attr("fill", (n) => k(n.data.label)).attr("class", "pieCircle"), c.selectAll("mySlices").data(G).enter().append("text").text((n) => (n.data.value / b * 100).toFixed(0) + "%").attr("transform", (n) => "translate(" + $.centroid(n) + ")").style("text-anchor", "middle").attr("class", "slice");
+  const V = c.append("text").text(s.getDiagramTitle()).attr("x", 0).attr("y", -400 / 2).attr("class", "pieTitleText"), N = [...u.entries()].map(([n, M]) => ({
+    label: n,
+    value: M
+  })), E = c.selectAll(".legend").data(N).enter().append("g").attr("class", "legend").attr("transform", (n, M) => {
+    const O = r + l, Z = O * N.length / 2, H = 12 * r, J = M * O - Z;
+    return "translate(" + H + "," + J + ")";
+  });
+  E.append("rect").attr("width", r).attr("height", r).style("fill", (n) => k(n.label)).style("stroke", (n) => k(n.label)), E.append("text").attr("x", r + l).attr("y", r - l).text((n) => s.getShowData() ? `${n.label} [${n.value}]` : n.label);
+  const U = Math.max(
+    ...E.selectAll("text").nodes().map((n) => n?.getBoundingClientRect().width ?? 0)
+  ), j = h + e + r + l + U, L = V.node()?.getBoundingClientRect().width ?? 0, q = h / 2 - L / 2, X = h / 2 + L / 2, B = Math.min(0, q), I = Math.max(j, X) - B;
+  v.attr("viewBox", `${B} 0 ${I} ${g}`), lt(v, g, I, o.useMaxWidth);
+}, "draw"), Rt = { draw: Mt }, Bt = {
+  parser: Tt,
+  db: _,
+  renderer: Rt,
+  styles: kt
+};
+export {
+  Bt as diagram
+};