vitepress-mermaid-preview/dist/pieDiagram-NIOCPIFQ-DRPx4EGh.js

Mermaid preview for vitepress

import { p as V } from "./chunk-353BL4L5-BaBLD7R4.js";
import { a8 as S, a3 as z, aG as U, _ as u, g as j, s as q, a as H, b as Z, q as J, p as K, l as F, c as Q, D as X, H as Y, N as tt, e as et, y as at, F as rt } from "./component-08obNkWH.js";
import { p as nt } from "./mermaid-parser.core-BkteTGne.js";
import { d as P } from "./arc-BQW5_i1I.js";
import { o as it } from "./ordinal-DfAQgscy.js";
function st(t, a) {
  return a < t ? -1 : a > t ? 1 : a >= t ? 0 : NaN;
}
function ot(t) {
  return t;
}
function lt() {
  var t = ot, a = st, h = null, s = S(0), p = S(z), x = S(0);
  function i(e) {
    var r, l = (e = U(e)).length, d, A, m = 0, c = new Array(l), n = new Array(l), v = +s.apply(this, arguments), w = Math.min(z, Math.max(-z, p.apply(this, arguments) - v)), f, T = Math.min(Math.abs(w) / l, x.apply(this, arguments)), $ = T * (w < 0 ? -1 : 1), g;
    for (r = 0; r < l; ++r)
      (g = n[c[r] = r] = +t(e[r], r, e)) > 0 && (m += g);
    for (a != null ? c.sort(function(y, D) {
      return a(n[y], n[D]);
    }) : h != null && c.sort(function(y, D) {
      return h(e[y], e[D]);
    }), r = 0, A = m ? (w - l * $) / m : 0; r < l; ++r, v = f)
      d = c[r], g = n[d], f = v + (g > 0 ? g * A : 0) + $, n[d] = {
        data: e[d],
        index: r,
        value: g,
        startAngle: v,
        endAngle: f,
        padAngle: T
      };
    return n;
  }
  return i.value = function(e) {
    return arguments.length ? (t = typeof e == "function" ? e : S(+e), i) : t;
  }, i.sortValues = function(e) {
    return arguments.length ? (a = e, h = null, i) : a;
  }, i.sort = function(e) {
    return arguments.length ? (h = e, a = null, i) : h;
  }, i.startAngle = function(e) {
    return arguments.length ? (s = typeof e == "function" ? e : S(+e), i) : s;
  }, i.endAngle = function(e) {
    return arguments.length ? (p = typeof e == "function" ? e : S(+e), i) : p;
  }, i.padAngle = function(e) {
    return arguments.length ? (x = typeof e == "function" ? e : S(+e), i) : x;
  }, i;
}
var ct = rt.pie, G = {
  sections: /* @__PURE__ */ new Map(),
  showData: !1
}, b = G.sections, N = G.showData, ut = structuredClone(ct), pt = /* @__PURE__ */ u(() => structuredClone(ut), "getConfig"), dt = /* @__PURE__ */ u(() => {
  b = /* @__PURE__ */ new Map(), N = G.showData, at();
}, "clear"), gt = /* @__PURE__ */ u(({ label: t, value: a }) => {
  b.has(t) || (b.set(t, a), F.debug(`added new section: ${t}, with value: ${a}`));
}, "addSection"), ft = /* @__PURE__ */ u(() => b, "getSections"), ht = /* @__PURE__ */ u((t) => {
  N = t;
}, "setShowData"), mt = /* @__PURE__ */ u(() => N, "getShowData"), R = {
  getConfig: pt,
  clear: dt,
  setDiagramTitle: K,
  getDiagramTitle: J,
  setAccTitle: Z,
  getAccTitle: H,
  setAccDescription: q,
  getAccDescription: j,
  addSection: gt,
  getSections: ft,
  setShowData: ht,
  getShowData: mt
}, vt = /* @__PURE__ */ u((t, a) => {
  V(t, a), a.setShowData(t.showData), t.sections.map(a.addSection);
}, "populateDb"), yt = {
  parse: /* @__PURE__ */ u(async (t) => {
    const a = await nt("pie", t);
    F.debug(a), vt(a, R);
  }, "parse")
}, St = /* @__PURE__ */ u((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"), xt = St, At = /* @__PURE__ */ u((t) => {
  const a = [...t.entries()].map((s) => ({
    label: s[0],
    value: s[1]
  })).sort((s, p) => p.value - s.value);
  return lt().value(
    (s) => s.value
  )(a);
}, "createPieArcs"), wt = /* @__PURE__ */ u((t, a, h, s) => {
  F.debug(`rendering pie chart
` + t);
  const p = s.db, x = Q(), i = X(p.getConfig(), x.pie), e = 40, r = 18, l = 4, d = 450, A = d, m = Y(a), c = m.append("g");
  c.attr("transform", "translate(" + A / 2 + "," + d / 2 + ")");
  const { themeVariables: n } = x;
  let [v] = tt(n.pieOuterStrokeWidth);
  v ??= 2;
  const w = i.textPosition, f = Math.min(A, d) / 2 - e, T = P().innerRadius(0).outerRadius(f), $ = P().innerRadius(f * w).outerRadius(f * w);
  c.append("circle").attr("cx", 0).attr("cy", 0).attr("r", f + v / 2).attr("class", "pieOuterCircle");
  const g = p.getSections(), y = At(g), D = [
    n.pie1,
    n.pie2,
    n.pie3,
    n.pie4,
    n.pie5,
    n.pie6,
    n.pie7,
    n.pie8,
    n.pie9,
    n.pie10,
    n.pie11,
    n.pie12
  ], C = it(D);
  c.selectAll("mySlices").data(y).enter().append("path").attr("d", T).attr("fill", (o) => C(o.data.label)).attr("class", "pieCircle");
  let W = 0;
  g.forEach((o) => {
    W += o;
  }), c.selectAll("mySlices").data(y).enter().append("text").text((o) => (o.data.value / W * 100).toFixed(0) + "%").attr("transform", (o) => "translate(" + $.centroid(o) + ")").style("text-anchor", "middle").attr("class", "slice"), c.append("text").text(p.getDiagramTitle()).attr("x", 0).attr("y", -400 / 2).attr("class", "pieTitleText");
  const M = c.selectAll(".legend").data(C.domain()).enter().append("g").attr("class", "legend").attr("transform", (o, k) => {
    const E = r + l, L = E * C.domain().length / 2, _ = 12 * r, B = k * E - L;
    return "translate(" + _ + "," + B + ")";
  });
  M.append("rect").attr("width", r).attr("height", r).style("fill", C).style("stroke", C), M.data(y).append("text").attr("x", r + l).attr("y", r - l).text((o) => {
    const { label: k, value: E } = o.data;
    return p.getShowData() ? `${k} [${E}]` : k;
  });
  const I = Math.max(
    ...M.selectAll("text").nodes().map((o) => o?.getBoundingClientRect().width ?? 0)
  ), O = A + e + r + l + I;
  m.attr("viewBox", `0 0 ${O} ${d}`), et(m, d, O, i.useMaxWidth);
}, "draw"), Dt = { draw: wt }, bt = {
  parser: yt,
  db: R,
  renderer: Dt,
  styles: xt
};
export {
  bt as diagram
};