@automattic/agenttic-ui 0.1.9 → 0.1.11

package/dist/diagram-4IRLE6MV-Q8q6qm5n.js

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

package/dist/diagram-GUPCWM2R-B8VhFieT.js

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