@omg-dev/app 0.5.1 → 0.6.2

package/dist-lib/diagram-G47NLZAW-BVJLfRsd.js

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

package/dist-lib/diagram-NH7WQ7WH-u6QnHasL.js

@@ -0,0 +1,145 @@
+import { p as B } from "./chunk-JWPE2WC7-DnwG7Xzp.js";
+import { _ as b, B as u, F as $, e as C, l as m, b as S, a as D, o as T, p as z, g as F, s as P, z as E, D as A, q as W } from "./index-B0neMIbR.js";
+import { p as _ } from "./cynefin-VYW2F7L2-XAY3mHv8.js";
+var N = A.packet, w = class {
+  constructor() {
+    this.packet = [], this.setAccTitle = S, this.getAccTitle = D, this.setDiagramTitle = T, this.getDiagramTitle = z, this.getAccDescription = F, this.setAccDescription = P;
+  }
+  static {
+    b(this, "PacketDB");
+  }
+  getConfig() {
+    const t = u({
+      ...N,
+      ...E().packet
+    });
+    return t.showBits && (t.paddingY += 10), t;
+  }
+  getPacket() {
+    return this.packet;
+  }
+  pushWord(t) {
+    t.length > 0 && this.packet.push(t);
+  }
+  clear() {
+    W(), this.packet = [];
+  }
+}, L = 1e4, M = /* @__PURE__ */ b((t, e) => {
+  B(t, e);
+  let r = -1, s = [], n = 1;
+  const { bitsPerRow: l } = e.getConfig();
+  for (let { start: a, end: i, bits: d, label: c } of t.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 ??= r + 1, a !== r + 1)
+      throw new Error(
+        `Packet block ${a} - ${i ?? a} is not contiguous. It should start from ${r + 1}.`
+      );
+    if (d === 0)
+      throw new Error(`Packet block ${a} is invalid. Cannot have a zero bit field.`);
+    for (i ??= a + (d ?? 1) - 1, d ??= i - a + 1, r = i, m.debug(`Packet block ${a} - ${r} with label ${c}`); s.length <= l + 1 && e.getPacket().length < L; ) {
+      const [p, o] = Y({ start: a, end: i, bits: d, label: c }, n, l);
+      if (s.push(p), p.end + 1 === n * l && (e.pushWord(s), s = [], n++), !o)
+        break;
+      ({ start: a, end: i, bits: d, label: c } = o);
+    }
+  }
+  e.pushWord(s);
+}, "populate"), Y = /* @__PURE__ */ b((t, e, r) => {
+  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 * r)
+    return [t, void 0];
+  const s = e * r - 1, n = e * r;
+  return [
+    {
+      start: t.start,
+      end: s,
+      label: t.label,
+      bits: s - t.start
+    },
+    {
+      start: n,
+      end: t.end,
+      label: t.label,
+      bits: t.end - n
+    }
+  ];
+}, "getNextFittingBlock"), v = {
+  // @ts-expect-error - PacketDB is not assignable to DiagramDB
+  parser: { yy: void 0 },
+  parse: /* @__PURE__ */ b(async (t) => {
+    const e = await _("packet", t), r = v.parser?.yy;
+    if (!(r instanceof w))
+      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."
+      );
+    m.debug(e), M(e, r);
+  }, "parse")
+}, I = /* @__PURE__ */ b((t, e, r, s) => {
+  const n = s.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 = $(e);
+  f.attr("viewBox", `0 0 ${k} ${g}`), C(f, g, k, l.useMaxWidth);
+  for (const [x, y] of p.entries())
+    O(f, y, x, 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"), O = /* @__PURE__ */ b((t, e, r, { rowHeight: s, paddingX: n, paddingY: l, bitWidth: a, bitsPerRow: i, showBits: d }) => {
+  const c = t.append("g"), p = r * (s + l) + l;
+  for (const o of e) {
+    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", s).attr("class", "packetBlock"), c.append("text").attr("x", h + g / 2).attr("y", p + s / 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"), j = { draw: I }, q = {
+  byteFontSize: "10px",
+  startByteColor: "black",
+  endByteColor: "black",
+  labelColor: "black",
+  labelFontSize: "12px",
+  titleColor: "black",
+  titleFontSize: "14px",
+  blockStrokeColor: "black",
+  blockStrokeWidth: "1",
+  blockFillColor: "#efefef"
+}, G = /* @__PURE__ */ b(({ packet: t } = {}) => {
+  const e = u(q, 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"), U = {
+  parser: v,
+  get db() {
+    return new w();
+  },
+  renderer: j,
+  styles: G
+};
+export {
+  U as diagram
+};