@kong-ui-public/documentation 1.4.17-pr.2665.525593492.0 → 1.4.17

package/dist/diagram-4IRLE6MV-34TaesxP-XfF-gcP2.js

@@ -0,0 +1,533 @@
+import { d as ie } from "./chunk-NRVI72HA-DxsqT4Dt-Bo_vu9qn.js";
+import { _ as b, aA as ee, aB as te, aU as ce, aa as de, l as J, bA as P, a9 as U, a8 as he, a7 as pe, an as ue, ao as fe, a6 as me, a5 as ge, aC as ye, bB as Se, at as xe } from "./index-BDD0CD9m.js";
+import { m as ve } from "./chunk-ANTBXLJU-BhR1MDfy-Bec7kb00.js";
+import { N as Ce } from "./mermaid-parser.core-DHL9WXVx-DeKF3RZx.js";
+import { n as R } from "./defaultLocale-D7EN2tov-CK6dgF7Y.js";
+import { h as X } from "./ordinal-DfAQgscy-BEJTu10r.js";
+function be(t) {
+  var a = 0, n = t.children, r = n && n.length;
+  if (!r) a = 1;
+  else for (; --r >= 0; ) a += n[r].value;
+  t.value = a;
+}
+function $e() {
+  return this.eachAfter(be);
+}
+function we(t, a) {
+  let n = -1;
+  for (const r of this)
+    t.call(a, r, ++n, this);
+  return this;
+}
+function Le(t, a) {
+  for (var n = this, r = [n], o, s, d = -1; n = r.pop(); )
+    if (t.call(a, n, ++d, this), o = n.children)
+      for (s = o.length - 1; s >= 0; --s)
+        r.push(o[s]);
+  return this;
+}
+function Te(t, a) {
+  for (var n = this, r = [n], o = [], s, d, h, f = -1; n = r.pop(); )
+    if (o.push(n), s = n.children)
+      for (d = 0, h = s.length; d < h; ++d)
+        r.push(s[d]);
+  for (; n = o.pop(); )
+    t.call(a, n, ++f, this);
+  return this;
+}
+function ke(t, a) {
+  let n = -1;
+  for (const r of this)
+    if (t.call(a, r, ++n, this))
+      return r;
+}
+function Me(t) {
+  return this.eachAfter(function(a) {
+    for (var n = +t(a.data) || 0, r = a.children, o = r && r.length; --o >= 0; ) n += r[o].value;
+    a.value = n;
+  });
+}
+function ze(t) {
+  return this.eachBefore(function(a) {
+    a.children && a.children.sort(t);
+  });
+}
+function Ae(t) {
+  for (var a = this, n = Fe(a, t), r = [a]; a !== n; )
+    a = a.parent, r.push(a);
+  for (var o = r.length; t !== n; )
+    r.splice(o, 0, t), t = t.parent;
+  return r;
+}
+function Fe(t, a) {
+  if (t === a) return t;
+  var n = t.ancestors(), r = a.ancestors(), o = null;
+  for (t = n.pop(), a = r.pop(); t === a; )
+    o = t, t = n.pop(), a = r.pop();
+  return o;
+}
+function Be() {
+  for (var t = this, a = [t]; t = t.parent; )
+    a.push(t);
+  return a;
+}
+function Pe() {
+  return Array.from(this);
+}
+function De() {
+  var t = [];
+  return this.eachBefore(function(a) {
+    a.children || t.push(a);
+  }), t;
+}
+function Ne() {
+  var t = this, a = [];
+  return t.each(function(n) {
+    n !== t && a.push({ source: n.parent, target: n });
+  }), a;
+}
+function* We() {
+  var t = this, a, n = [t], r, o, s;
+  do
+    for (a = n.reverse(), n = []; t = a.pop(); )
+      if (yield t, r = t.children)
+        for (o = 0, s = r.length; o < s; ++o)
+          n.push(r[o]);
+  while (n.length);
+}
+function K(t, a) {
+  t instanceof Map ? (t = [void 0, t], a === void 0 && (a = Re)) : a === void 0 && (a = Ie);
+  for (var n = new Q(t), r, o = [n], s, d, h, f; r = o.pop(); )
+    if ((d = a(r.data)) && (f = (d = Array.from(d)).length))
+      for (r.children = d, h = f - 1; h >= 0; --h)
+        o.push(s = d[h] = new Q(d[h])), s.parent = r, s.depth = r.depth + 1;
+  return n.eachBefore(Ve);
+}
+function Ee() {
+  return K(this).eachBefore(He);
+}
+function Ie(t) {
+  return t.children;
+}
+function Re(t) {
+  return Array.isArray(t) ? t[1] : null;
+}
+function He(t) {
+  t.data.value !== void 0 && (t.value = t.data.value), t.data = t.data.data;
+}
+function Ve(t) {
+  var a = 0;
+  do
+    t.height = a;
+  while ((t = t.parent) && t.height < ++a);
+}
+function Q(t) {
+  this.data = t, this.depth = this.height = 0, this.parent = null;
+}
+Q.prototype = K.prototype = {
+  constructor: Q,
+  count: $e,
+  each: we,
+  eachAfter: Te,
+  eachBefore: Le,
+  find: ke,
+  sum: Me,
+  sort: ze,
+  path: Ae,
+  ancestors: Be,
+  descendants: Pe,
+  leaves: De,
+  links: Ne,
+  copy: Ee,
+  [Symbol.iterator]: We
+};
+function _e(t) {
+  if (typeof t != "function") throw new Error();
+  return t;
+}
+function H() {
+  return 0;
+}
+function V(t) {
+  return function() {
+    return t;
+  };
+}
+function je(t) {
+  t.x0 = Math.round(t.x0), t.y0 = Math.round(t.y0), t.x1 = Math.round(t.x1), t.y1 = Math.round(t.y1);
+}
+function Ge(t, a, n, r, o) {
+  for (var s = t.children, d, h = -1, f = s.length, i = t.value && (r - a) / t.value; ++h < f; )
+    d = s[h], d.y0 = n, d.y1 = o, d.x0 = a, d.x1 = a += d.value * i;
+}
+function qe(t, a, n, r, o) {
+  for (var s = t.children, d, h = -1, f = s.length, i = t.value && (o - n) / t.value; ++h < f; )
+    d = s[h], d.x0 = a, d.x1 = r, d.y0 = n, d.y1 = n += d.value * i;
+}
+var Oe = (1 + Math.sqrt(5)) / 2;
+function Ue(t, a, n, r, o, s) {
+  for (var d = [], h = a.children, f, i, p = 0, C = 0, l = h.length, v, S, x = a.value, u, g, F, k, B, N, L; p < l; ) {
+    v = o - n, S = s - r;
+    do
+      u = h[C++].value;
+    while (!u && C < l);
+    for (g = F = u, N = Math.max(S / v, v / S) / (x * t), L = u * u * N, B = Math.max(F / L, L / g); C < l; ++C) {
+      if (u += i = h[C].value, i < g && (g = i), i > F && (F = i), L = u * u * N, k = Math.max(F / L, L / g), k > B) {
+        u -= i;
+        break;
+      }
+      B = k;
+    }
+    d.push(f = { value: u, dice: v < S, children: h.slice(p, C) }), f.dice ? Ge(f, n, r, o, x ? r += S * u / x : s) : qe(f, n, r, x ? n += v * u / x : o, s), x -= u, p = C;
+  }
+  return d;
+}
+const Qe = function t(a) {
+  function n(r, o, s, d, h) {
+    Ue(a, r, o, s, d, h);
+  }
+  return n.ratio = function(r) {
+    return t((r = +r) > 1 ? r : 1);
+  }, n;
+}(Oe);
+function Xe() {
+  var t = Qe, a = !1, n = 1, r = 1, o = [0], s = H, d = H, h = H, f = H, i = H;
+  function p(l) {
+    return l.x0 = l.y0 = 0, l.x1 = n, l.y1 = r, l.eachBefore(C), o = [0], a && l.eachBefore(je), l;
+  }
+  function C(l) {
+    var v = o[l.depth], S = l.x0 + v, x = l.y0 + v, u = l.x1 - v, g = l.y1 - v;
+    u < S && (S = u = (S + u) / 2), g < x && (x = g = (x + g) / 2), l.x0 = S, l.y0 = x, l.x1 = u, l.y1 = g, l.children && (v = o[l.depth + 1] = s(l) / 2, S += i(l) - v, x += d(l) - v, u -= h(l) - v, g -= f(l) - v, u < S && (S = u = (S + u) / 2), g < x && (x = g = (x + g) / 2), t(l, S, x, u, g));
+  }
+  return p.round = function(l) {
+    return arguments.length ? (a = !!l, p) : a;
+  }, p.size = function(l) {
+    return arguments.length ? (n = +l[0], r = +l[1], p) : [n, r];
+  }, p.tile = function(l) {
+    return arguments.length ? (t = _e(l), p) : t;
+  }, p.padding = function(l) {
+    return arguments.length ? p.paddingInner(l).paddingOuter(l) : p.paddingInner();
+  }, p.paddingInner = function(l) {
+    return arguments.length ? (s = typeof l == "function" ? l : V(+l), p) : s;
+  }, p.paddingOuter = function(l) {
+    return arguments.length ? p.paddingTop(l).paddingRight(l).paddingBottom(l).paddingLeft(l) : p.paddingTop();
+  }, p.paddingTop = function(l) {
+    return arguments.length ? (d = typeof l == "function" ? l : V(+l), p) : d;
+  }, p.paddingRight = function(l) {
+    return arguments.length ? (h = typeof l == "function" ? l : V(+l), p) : h;
+  }, p.paddingBottom = function(l) {
+    return arguments.length ? (f = typeof l == "function" ? l : V(+l), p) : f;
+  }, p.paddingLeft = function(l) {
+    return arguments.length ? (i = typeof l == "function" ? l : V(+l), p) : i;
+  }, p;
+}
+var Z, ae = (Z = class {
+  constructor() {
+    this.nodes = [], this.levels = /* @__PURE__ */ new Map(), this.outerNodes = [], this.classes = /* @__PURE__ */ new Map(), this.setAccTitle = he, this.getAccTitle = pe, this.setDiagramTitle = ue, this.getDiagramTitle = fe, this.getAccDescription = me, this.setAccDescription = ge;
+  }
+  getNodes() {
+    return this.nodes;
+  }
+  getConfig() {
+    const t = ye, a = te();
+    return ee({
+      ...t.treemap,
+      ...a.treemap ?? {}
+    });
+  }
+  addNode(t, a) {
+    this.nodes.push(t), this.levels.set(t, a), a === 0 && (this.outerNodes.push(t), this.root ?? (this.root = t));
+  }
+  getRoot() {
+    return { name: "", children: this.outerNodes };
+  }
+  addClass(t, a) {
+    const n = this.classes.get(t) ?? { id: t, styles: [], textStyles: [] }, r = a.replace(/\\,/g, "§§§").replace(/,/g, ";").replace(/§§§/g, ",").split(";");
+    r && r.forEach((o) => {
+      Se(o) && (n != null && n.textStyles ? n.textStyles.push(o) : n.textStyles = [o]), n != null && n.styles ? n.styles.push(o) : n.styles = [o];
+    }), this.classes.set(t, n);
+  }
+  getClasses() {
+    return this.classes;
+  }
+  getStylesForClass(t) {
+    var a;
+    return ((a = this.classes.get(t)) == null ? void 0 : a.styles) ?? [];
+  }
+  clear() {
+    xe(), this.nodes = [], this.levels = /* @__PURE__ */ new Map(), this.outerNodes = [], this.classes = /* @__PURE__ */ new Map(), this.root = void 0;
+  }
+}, b(Z, "TreeMapDB"), Z);
+function ne(t) {
+  if (!t.length)
+    return [];
+  const a = [], n = [];
+  return t.forEach((r) => {
+    const o = {
+      name: r.name,
+      children: r.type === "Leaf" ? void 0 : []
+    };
+    for (o.classSelector = r == null ? void 0 : r.classSelector, r != null && r.cssCompiledStyles && (o.cssCompiledStyles = [r.cssCompiledStyles]), r.type === "Leaf" && r.value !== void 0 && (o.value = r.value); n.length > 0 && n[n.length - 1].level >= r.level; )
+      n.pop();
+    if (n.length === 0)
+      a.push(o);
+    else {
+      const s = n[n.length - 1].node;
+      s.children ? s.children.push(o) : s.children = [o];
+    }
+    r.type !== "Leaf" && n.push({ node: o, level: r.level });
+  }), a;
+}
+b(ne, "buildHierarchy");
+var Ze = /* @__PURE__ */ b((t, a) => {
+  ve(t, a);
+  const n = [];
+  for (const s of t.TreemapRows ?? [])
+    s.$type === "ClassDefStatement" && a.addClass(s.className ?? "", s.styleText ?? "");
+  for (const s of t.TreemapRows ?? []) {
+    const d = s.item;
+    if (!d)
+      continue;
+    const h = s.indent ? parseInt(s.indent) : 0, f = Je(d), i = d.classSelector ? a.getStylesForClass(d.classSelector) : [], p = i.length > 0 ? i.join(";") : void 0, C = {
+      level: h,
+      name: f,
+      type: d.$type,
+      value: d.value,
+      classSelector: d.classSelector,
+      cssCompiledStyles: p
+    };
+    n.push(C);
+  }
+  const r = ne(n), o = /* @__PURE__ */ b((s, d) => {
+    for (const h of s)
+      a.addNode(h, d), h.children && h.children.length > 0 && o(h.children, d + 1);
+  }, "addNodesRecursively");
+  o(r, 0);
+}, "populate"), Je = /* @__PURE__ */ b((t) => t.name ? String(t.name) : "", "getItemName"), re = {
+  // @ts-expect-error - TreeMapDB is not assignable to DiagramDB
+  parser: { yy: void 0 },
+  parse: /* @__PURE__ */ b(async (t) => {
+    var a;
+    try {
+      const n = await Ce("treemap", t);
+      J.debug("Treemap AST:", n);
+      const r = (a = re.parser) == null ? void 0 : a.yy;
+      if (!(r instanceof ae))
+        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."
+        );
+      Ze(n, r);
+    } catch (n) {
+      throw J.error("Error parsing treemap:", n), n;
+    }
+  }, "parse")
+}, Ke = 10, D = 10, _ = 25, Ye = /* @__PURE__ */ b((t, a, n, r) => {
+  const o = r.db, s = o.getConfig(), d = s.padding ?? Ke, h = o.getDiagramTitle(), f = o.getRoot(), { themeVariables: i } = te();
+  if (!f)
+    return;
+  const p = h ? 30 : 0, C = ce(a), l = s.nodeWidth ? s.nodeWidth * D : 960, v = s.nodeHeight ? s.nodeHeight * D : 500, S = l, x = v + p;
+  C.attr("viewBox", `0 0 ${S} ${x}`), de(C, x, S, s.useMaxWidth);
+  let u;
+  try {
+    const e = s.valueFormat || ",";
+    if (e === "$0,0")
+      u = /* @__PURE__ */ b((c) => "$" + R(",")(c), "valueFormat");
+    else if (e.startsWith("$") && e.includes(",")) {
+      const c = /\.\d+/.exec(e), y = c ? c[0] : "";
+      u = /* @__PURE__ */ b(($) => "$" + R("," + y)($), "valueFormat");
+    } else if (e.startsWith("$")) {
+      const c = e.substring(1);
+      u = /* @__PURE__ */ b((y) => "$" + R(c || "")(y), "valueFormat");
+    } else
+      u = R(e);
+  } catch (e) {
+    J.error("Error creating format function:", e), u = R(",");
+  }
+  const g = X().range([
+    "transparent",
+    i.cScale0,
+    i.cScale1,
+    i.cScale2,
+    i.cScale3,
+    i.cScale4,
+    i.cScale5,
+    i.cScale6,
+    i.cScale7,
+    i.cScale8,
+    i.cScale9,
+    i.cScale10,
+    i.cScale11
+  ]), F = X().range([
+    "transparent",
+    i.cScalePeer0,
+    i.cScalePeer1,
+    i.cScalePeer2,
+    i.cScalePeer3,
+    i.cScalePeer4,
+    i.cScalePeer5,
+    i.cScalePeer6,
+    i.cScalePeer7,
+    i.cScalePeer8,
+    i.cScalePeer9,
+    i.cScalePeer10,
+    i.cScalePeer11
+  ]), k = X().range([
+    i.cScaleLabel0,
+    i.cScaleLabel1,
+    i.cScaleLabel2,
+    i.cScaleLabel3,
+    i.cScaleLabel4,
+    i.cScaleLabel5,
+    i.cScaleLabel6,
+    i.cScaleLabel7,
+    i.cScaleLabel8,
+    i.cScaleLabel9,
+    i.cScaleLabel10,
+    i.cScaleLabel11
+  ]);
+  h && C.append("text").attr("x", S / 2).attr("y", p / 2).attr("class", "treemapTitle").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(h);
+  const B = C.append("g").attr("transform", `translate(0, ${p})`).attr("class", "treemapContainer"), N = K(f).sum((e) => e.value ?? 0).sort((e, c) => (c.value ?? 0) - (e.value ?? 0)), L = Xe().size([l, v]).paddingTop(
+    (e) => e.children && e.children.length > 0 ? _ + D : 0
+  ).paddingInner(d).paddingLeft((e) => e.children && e.children.length > 0 ? D : 0).paddingRight((e) => e.children && e.children.length > 0 ? D : 0).paddingBottom((e) => e.children && e.children.length > 0 ? D : 0).round(!0)(N), le = L.descendants().filter((e) => e.children && e.children.length > 0), W = B.selectAll(".treemapSection").data(le).enter().append("g").attr("class", "treemapSection").attr("transform", (e) => `translate(${e.x0},${e.y0})`);
+  W.append("rect").attr("width", (e) => e.x1 - e.x0).attr("height", _).attr("class", "treemapSectionHeader").attr("fill", "none").attr("fill-opacity", 0.6).attr("stroke-width", 0.6).attr("style", (e) => e.depth === 0 ? "display: none;" : ""), W.append("clipPath").attr("id", (e, c) => `clip-section-${a}-${c}`).append("rect").attr("width", (e) => Math.max(0, e.x1 - e.x0 - 12)).attr("height", _), W.append("rect").attr("width", (e) => e.x1 - e.x0).attr("height", (e) => e.y1 - e.y0).attr("class", (e, c) => `treemapSection section${c}`).attr("fill", (e) => g(e.data.name)).attr("fill-opacity", 0.6).attr("stroke", (e) => F(e.data.name)).attr("stroke-width", 2).attr("stroke-opacity", 0.4).attr("style", (e) => {
+    if (e.depth === 0)
+      return "display: none;";
+    const c = P({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return c.nodeStyles + ";" + c.borderStyles.join(";");
+  }), W.append("text").attr("class", "treemapSectionLabel").attr("x", 6).attr("y", _ / 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 c = "dominant-baseline: middle; font-size: 12px; fill:" + k(e.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;", y = P({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return c + y.labelStyles.replace("color:", "fill:");
+  }).each(function(e) {
+    if (e.depth === 0)
+      return;
+    const c = U(this), y = e.data.name;
+    c.text(y);
+    const $ = e.x1 - e.x0, M = 6;
+    let z;
+    s.showValues !== !1 && e.value ? z = $ - 10 - 30 - 10 - M : z = $ - M - 6;
+    const T = Math.max(15, z), w = c.node();
+    if (w.getComputedTextLength() > T) {
+      let m = y;
+      for (; m.length > 0; ) {
+        if (m = y.substring(0, m.length - 1), m.length === 0) {
+          c.text("..."), w.getComputedTextLength() > T && c.text("");
+          break;
+        }
+        if (c.text(m + "..."), w.getComputedTextLength() <= T)
+          break;
+      }
+    }
+  }), s.showValues !== !1 && W.append("text").attr("class", "treemapSectionValue").attr("x", (e) => e.x1 - e.x0 - 10).attr("y", _ / 2).attr("text-anchor", "end").attr("dominant-baseline", "middle").text((e) => e.value ? u(e.value) : "").attr("font-style", "italic").attr("style", (e) => {
+    if (e.depth === 0)
+      return "display: none;";
+    const c = "text-anchor: end; dominant-baseline: middle; font-size: 10px; fill:" + k(e.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;", y = P({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return c + y.labelStyles.replace("color:", "fill:");
+  });
+  const se = L.leaves(), j = B.selectAll(".treemapLeafGroup").data(se).enter().append("g").attr("class", (e, c) => `treemapNode treemapLeafGroup leaf${c}${e.data.classSelector ? ` ${e.data.classSelector}` : ""}x`).attr("transform", (e) => `translate(${e.x0},${e.y0})`);
+  j.append("rect").attr("width", (e) => e.x1 - e.x0).attr("height", (e) => e.y1 - e.y0).attr("class", "treemapLeaf").attr("fill", (e) => e.parent ? g(e.parent.data.name) : g(e.data.name)).attr("style", (e) => P({ cssCompiledStyles: e.data.cssCompiledStyles }).nodeStyles).attr("fill-opacity", 0.3).attr("stroke", (e) => e.parent ? g(e.parent.data.name) : g(e.data.name)).attr("stroke-width", 3), j.append("clipPath").attr("id", (e, c) => `clip-${a}-${c}`).append("rect").attr("width", (e) => Math.max(0, e.x1 - e.x0 - 4)).attr("height", (e) => Math.max(0, e.y1 - e.y0 - 4)), j.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 c = "text-anchor: middle; dominant-baseline: middle; font-size: 38px;fill:" + k(e.data.name) + ";", y = P({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return c + y.labelStyles.replace("color:", "fill:");
+  }).attr("clip-path", (e, c) => `url(#clip-${a}-${c})`).text((e) => e.data.name).each(function(e) {
+    const c = U(this), y = e.x1 - e.x0, $ = e.y1 - e.y0, M = c.node(), z = 4, T = y - 2 * z, w = $ - 2 * z;
+    if (T < 10 || w < 10) {
+      c.style("display", "none");
+      return;
+    }
+    let m = parseInt(c.style("font-size"), 10);
+    const A = 8, E = 28, G = 0.6, I = 6, q = 2;
+    for (; M.getComputedTextLength() > T && m > A; )
+      m--, c.style("font-size", `${m}px`);
+    let O = Math.max(
+      I,
+      Math.min(E, Math.round(m * G))
+    ), Y = m + q + O;
+    for (; Y > w && m > A && (m--, O = Math.max(
+      I,
+      Math.min(E, Math.round(m * G))
+    ), !(O < I && m === A)); )
+      c.style("font-size", `${m}px`), Y = m + q + O;
+    c.style("font-size", `${m}px`), (M.getComputedTextLength() > T || m < A || w < m) && c.style("display", "none");
+  }), s.showValues !== !1 && j.append("text").attr("class", "treemapValue").attr("x", (e) => (e.x1 - e.x0) / 2).attr("y", function(e) {
+    return (e.y1 - e.y0) / 2;
+  }).attr("style", (e) => {
+    const c = "text-anchor: middle; dominant-baseline: hanging; font-size: 28px;fill:" + k(e.data.name) + ";", y = P({ cssCompiledStyles: e.data.cssCompiledStyles });
+    return c + y.labelStyles.replace("color:", "fill:");
+  }).attr("clip-path", (e, c) => `url(#clip-${a}-${c})`).text((e) => e.value ? u(e.value) : "").each(function(e) {
+    const c = U(this), y = this.parentNode;
+    if (!y) {
+      c.style("display", "none");
+      return;
+    }
+    const $ = U(y).select(".treemapLabel");
+    if ($.empty() || $.style("display") === "none") {
+      c.style("display", "none");
+      return;
+    }
+    const M = parseFloat($.style("font-size")), z = 28, T = 0.6, w = 6, m = 2, A = Math.max(
+      w,
+      Math.min(z, Math.round(M * T))
+    );
+    c.style("font-size", `${A}px`);
+    const E = (e.y1 - e.y0) / 2 + M / 2 + m;
+    c.attr("y", E);
+    const G = e.x1 - e.x0, I = e.y1 - e.y0 - 4, q = G - 8;
+    c.node().getComputedTextLength() > q || E + A > I || A < w ? c.style("display", "none") : c.style("display", null);
+  });
+  const oe = s.diagramPadding ?? 8;
+  ie(C, oe, "flowchart", (s == null ? void 0 : s.useMaxWidth) || !1);
+}, "draw"), et = /* @__PURE__ */ b(function(t, a) {
+  return a.db.getClasses();
+}, "getClasses"), tt = { draw: Ye, getClasses: et }, at = {
+  sectionStrokeColor: "black",
+  sectionStrokeWidth: "1",
+  sectionFillColor: "#efefef",
+  leafStrokeColor: "black",
+  leafStrokeWidth: "1",
+  leafFillColor: "#efefef",
+  labelColor: "black",
+  labelFontSize: "12px",
+  valueFontSize: "10px",
+  valueColor: "black",
+  titleColor: "black",
+  titleFontSize: "14px"
+}, nt = /* @__PURE__ */ b(({
+  treemap: t
+} = {}) => {
+  const a = ee(at, t);
+  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"), rt = nt, ht = {
+  parser: re,
+  get db() {
+    return new ae();
+  },
+  renderer: tt,
+  styles: rt
+};
+export {
+  ht as diagram
+};

package/dist/diagram-GUPCWM2R-Cr4-5_uX-B8mxM1Uc.js

@@ -0,0 +1,143 @@
+import { m as v } from "./chunk-ANTBXLJU-BhR1MDfy-Bec7kb00.js";
+import { _ as f, aA as m, aU as B, aa as S, l as w, a8 as P, a7 as T, an as z, ao as D, a6 as A, a5 as E, aB as F, aC as W, at as M } from "./index-BDD0CD9m.js";
+import { N as Y } from "./mermaid-parser.core-DHL9WXVx-DeKF3RZx.js";
+var _ = W.packet, u, y = (u = class {
+  constructor() {
+    this.packet = [], this.setAccTitle = P, this.getAccTitle = T, this.setDiagramTitle = z, this.getDiagramTitle = D, this.getAccDescription = A, this.setAccDescription = E;
+  }
+  getConfig() {
+    const t = m({
+      ..._,
+      ...F().packet
+    });
+    return t.showBits && (t.paddingY += 10), t;
+  }
+  getPacket() {
+    return this.packet;
+  }
+  pushWord(t) {
+    t.length > 0 && this.packet.push(t);
+  }
+  clear() {
+    M(), this.packet = [];
+  }
+}, f(u, "PacketDB"), u), H = 1e4, L = /* @__PURE__ */ f((t, e) => {
+  v(t, e);
+  let i = -1, r = [], l = 1;
+  const { bitsPerRow: n } = e.getConfig();
+  for (let { start: a, end: o, bits: c, label: d } of t.blocks) {
+    if (a !== void 0 && o !== void 0 && o < a)
+      throw new Error(`Packet block ${a} - ${o} is invalid. End must be greater than start.`);
+    if (a ?? (a = i + 1), a !== i + 1)
+      throw new Error(
+        `Packet block ${a} - ${o ?? a} is not contiguous. It should start from ${i + 1}.`
+      );
+    if (c === 0)
+      throw new Error(`Packet block ${a} is invalid. Cannot have a zero bit field.`);
+    for (o ?? (o = a + (c ?? 1) - 1), c ?? (c = o - a + 1), i = o, w.debug(`Packet block ${a} - ${i} with label ${d}`); r.length <= n + 1 && e.getPacket().length < H; ) {
+      const [p, s] = N({ start: a, end: o, bits: c, label: d }, l, n);
+      if (r.push(p), p.end + 1 === l * n && (e.pushWord(r), r = [], l++), !s)
+        break;
+      ({ start: a, end: o, bits: c, label: d } = s);
+    }
+  }
+  e.pushWord(r);
+}, "populate"), N = /* @__PURE__ */ f((t, e, i) => {
+  if (t.start === void 0)
+    throw new Error("start should have been set during first phase");
+  if (t.end === void 0)
+    throw new Error("end should have been set during first phase");
+  if (t.start > t.end)
+    throw new Error(`Block start ${t.start} is greater than block end ${t.end}.`);
+  if (t.end + 1 <= e * i)
+    return [t, void 0];
+  const r = e * i - 1, l = e * i;
+  return [
+    {
+      start: t.start,
+      end: r,
+      label: t.label,
+      bits: r - t.start
+    },
+    {
+      start: l,
+      end: t.end,
+      label: t.label,
+      bits: t.end - l
+    }
+  ];
+}, "getNextFittingBlock"), x = {
+  // @ts-expect-error - PacketDB is not assignable to DiagramDB
+  parser: { yy: void 0 },
+  parse: /* @__PURE__ */ f(async (t) => {
+    var e;
+    const i = await Y("packet", t), r = (e = x.parser) == null ? void 0 : e.yy;
+    if (!(r instanceof y))
+      throw new Error(
+        "parser.parser?.yy was not a PacketDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues."
+      );
+    w.debug(i), L(i, r);
+  }, "parse")
+}, R = /* @__PURE__ */ f((t, e, i, r) => {
+  const l = r.db, n = l.getConfig(), { rowHeight: a, paddingY: o, bitWidth: c, bitsPerRow: d } = n, p = l.getPacket(), s = l.getDiagramTitle(), b = a + o, h = b * (p.length + 1) - (s ? 0 : a), k = c * d + 2, g = B(e);
+  g.attr("viewbox", `0 0 ${k} ${h}`), S(g, h, k, n.useMaxWidth);
+  for (const [$, C] of p.entries())
+    j(g, C, $, n);
+  g.append("text").text(s).attr("x", k / 2).attr("y", h - b / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
+}, "draw"), j = /* @__PURE__ */ f((t, e, i, { rowHeight: r, paddingX: l, paddingY: n, bitWidth: a, bitsPerRow: o, showBits: c }) => {
+  const d = t.append("g"), p = i * (r + n) + n;
+  for (const s of e) {
+    const b = s.start % o * a + 1, h = (s.end - s.start + 1) * a - l;
+    if (d.append("rect").attr("x", b).attr("y", p).attr("width", h).attr("height", r).attr("class", "packetBlock"), d.append("text").attr("x", b + h / 2).attr("y", p + r / 2).attr("class", "packetLabel").attr("dominant-baseline", "middle").attr("text-anchor", "middle").text(s.label), !c)
+      continue;
+    const k = s.end === s.start, g = p - 2;
+    d.append("text").attr("x", b + (k ? h / 2 : 0)).attr("y", g).attr("class", "packetByte start").attr("dominant-baseline", "auto").attr("text-anchor", k ? "middle" : "start").text(s.start), k || d.append("text").attr("x", b + h).attr("y", g).attr("class", "packetByte end").attr("dominant-baseline", "auto").attr("text-anchor", "end").text(s.end);
+  }
+}, "drawWord"), I = { draw: R }, X = {
+  byteFontSize: "10px",
+  startByteColor: "black",
+  endByteColor: "black",
+  labelColor: "black",
+  labelFontSize: "12px",
+  titleColor: "black",
+  titleFontSize: "14px",
+  blockStrokeColor: "black",
+  blockStrokeWidth: "1",
+  blockFillColor: "#efefef"
+}, q = /* @__PURE__ */ f(({ packet: t } = {}) => {
+  const e = m(X, t);
+  return `
+	.packetByte {
+		font-size: ${e.byteFontSize};
+	}
+	.packetByte.start {
+		fill: ${e.startByteColor};
+	}
+	.packetByte.end {
+		fill: ${e.endByteColor};
+	}
+	.packetLabel {
+		fill: ${e.labelColor};
+		font-size: ${e.labelFontSize};
+	}
+	.packetTitle {
+		fill: ${e.titleColor};
+		font-size: ${e.titleFontSize};
+	}
+	.packetBlock {
+		stroke: ${e.blockStrokeColor};
+		stroke-width: ${e.blockStrokeWidth};
+		fill: ${e.blockFillColor};
+	}
+	`;
+}, "styles"), J = {
+  parser: x,
+  get db() {
+    return new y();
+  },
+  renderer: I,
+  styles: q
+};
+export {
+  J as diagram
+};