@belonguniverseai/react-sdk 0.6.2 → 0.6.3

package/dist/component/diagram-7IWD3JNH-Cr5piwKc.js

@@ -0,0 +1,353 @@
+import { I as X } from "./chunk-2Q5K7J3B-F2Rpvtwm.js";
+import { p as G } from "./chunk-JWPE2WC7-BbwyDj9g.js";
+import { o as O, b as Y, s as P, p as F, g as j, a as q, _ as g, D as A, l as D, G as Z, e as U, z as E, q as J, i as K, al as Q, E as ee, am as te } from "./mermaid-GHXKKRXX-BaBCeViM.js";
+import { p as ne } from "./cynefin-VYW2F7L2-DAyxamLw.js";
+globalThis.process = globalThis.process || { env: {} };
+globalThis.global = globalThis.global || globalThis;
+var N = /[─━│┃└┗├┣]/, S = /[└┗├┣]/, re = /[─━]/, B = /^[\s│┃]+$/, V = /^\s*(title[\t ]|accTitle[\t ]*:|accDescr[\t ]*[:{])/, $ = /^\s*%%/, ie = "    ";
+function L(n) {
+  return n.some((e) => N.test(e));
+}
+g(L, "isBoxDrawingFormat");
+function _(n) {
+  for (const e of n) {
+    const t = S.exec(e);
+    if (t?.index && t.index > 0)
+      return t.index;
+  }
+  return 4;
+}
+g(_, "inferSegmentWidth");
+function M(n, e) {
+  return n.replace(/\bline\s+(\d+)\b/gi, (t, r) => {
+    const i = parseInt(r, 10), a = e.get(i);
+    return a ? `line ${a}` : t;
+  });
+}
+g(M, "remapErrorLines");
+function R(n) {
+  const e = n.split(`
+`), t = /* @__PURE__ */ new Map();
+  let r = -1;
+  for (const [s, o] of e.entries())
+    if (o.trim() === "treeView-beta") {
+      r = s;
+      break;
+    }
+  if (r === -1)
+    return { text: n, lineMap: t };
+  const i = [];
+  for (let s = r + 1; s < e.length; s++) {
+    const o = e[s];
+    o.trim() === "" || $.test(o) || V.test(o) || B.test(o) || i.push(o.replace(/\t/g, "    "));
+  }
+  if (!L(i))
+    return { text: n, lineMap: t };
+  const a = _(i), c = [];
+  let l = 0;
+  for (let s = 0; s <= r; s++)
+    c.push(e[s]), l++, t.set(l, s + 1);
+  for (let s = r + 1; s < e.length; s++) {
+    const o = e[s], h = o.trim(), p = s + 1;
+    if (h === "") {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if ($.test(o)) {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if (V.test(o)) {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if (B.test(o))
+      continue;
+    const d = o.replace(/\t/g, "    "), w = S.exec(d);
+    if (w?.index !== void 0) {
+      const f = w.index, m = Math.round(f / a) + 1;
+      let u = f + 1;
+      for (; u < d.length && re.test(d[u]); )
+        u++;
+      for (; u < d.length && d[u] === " "; )
+        u++;
+      const v = d.slice(u).trimEnd();
+      if (!v)
+        throw new Error(
+          `Line ${p}: Empty node — expected a filename or directory name after the box-drawing prefix`
+        );
+      const W = ie.repeat(m);
+      c.push(W + v), l++, t.set(l, p);
+    } else {
+      if (/^[\s─━│┃└┗├┣]+$/.test(d))
+        continue;
+      if (N.test(d))
+        c.push(o), l++, t.set(l, p);
+      else {
+        if (/^\s+/.test(d))
+          throw new Error(
+            `Line ${p}: Unexpected indentation without box-drawing characters. In box-drawing format, use ├── or └── prefixes for indented nodes.`
+          );
+        c.push(o), l++, t.set(l, p);
+      }
+    }
+  }
+  return { text: c.join(`
+`), lineMap: t };
+}
+g(R, "preprocessBoxDrawing");
+var x = new X(() => ({
+  cnt: 1,
+  stack: [
+    {
+      id: 0,
+      level: -1,
+      name: "/",
+      nodeType: "directory",
+      children: []
+    }
+  ]
+})), oe = /* @__PURE__ */ g(() => {
+  x.reset(), J();
+}, "clear"), se = /* @__PURE__ */ g(() => x.records.stack[0], "getRoot"), ae = /* @__PURE__ */ g(() => x.records.cnt, "getCount"), ce = ee.treeView, le = /* @__PURE__ */ g(() => A(ce, E().treeView), "getConfig"), de = /* @__PURE__ */ g((n, e, t, r, i, a) => {
+  for (; n <= x.records.stack[x.records.stack.length - 1].level; )
+    x.records.stack.pop();
+  const c = {
+    id: x.records.cnt++,
+    level: n,
+    name: e,
+    nodeType: t,
+    icon: i,
+    cssClass: r,
+    description: a,
+    children: []
+  };
+  x.records.stack[x.records.stack.length - 1].children.push(c), x.records.stack.push(c);
+}, "addNode"), he = {
+  clear: oe,
+  addNode: de,
+  getRoot: se,
+  getCount: ae,
+  getConfig: le,
+  getAccTitle: q,
+  getAccDescription: j,
+  getDiagramTitle: F,
+  setAccDescription: P,
+  setAccTitle: Y,
+  setDiagramTitle: O
+}, I = he, pe = /* @__PURE__ */ g((n) => {
+  G(n, I);
+  for (const e of n.nodes) {
+    const t = typeof e.indent == "number" ? e.indent : 0;
+    let r = e.name;
+    const i = r.endsWith("/");
+    i && (r = r.slice(0, -1));
+    const a = i ? "directory" : "file", c = e.classAnnotation || void 0, l = e.iconAnnotation, s = l !== void 0 ? l || "none" : void 0, o = e.descAnnotation || void 0, h = o ? K(o, E()) : void 0;
+    I.addNode(t, r, a, c, s, h);
+  }
+}, "populate"), ge = {
+  parse: /* @__PURE__ */ g(async (n) => {
+    const { text: e, lineMap: t } = R(n);
+    try {
+      const r = await ne("treeView", e);
+      D.debug(r), pe(r);
+    } catch (r) {
+      throw t.size > 0 && r instanceof Error && (r.message = M(r.message, t)), r;
+    }
+  }, "parse")
+}, b = {
+  prefix: "mermaid-treeview",
+  height: 24,
+  width: 24,
+  icons: {
+    folder: {
+      body: '<path fill="currentColor" d="M10.59 4.59A2 2 0 0 0 9.17 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.17z"/>'
+    },
+    file: {
+      body: '<path fill="currentColor" fill-rule="evenodd" d="M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.83a2 2 0 0 0-.59-1.42l-4.82-4.82A2 2 0 0 0 13.17 2H6Zm7.5 1.9l4.6 4.6h-3.6a1 1 0 0 1-1-1V3.9Z" clip-rule="evenodd"/>'
+    }
+  }
+};
+function z(n, e) {
+  const t = e?.filenameIcons?.[n];
+  if (t)
+    return t;
+  const r = n.lastIndexOf(".");
+  if (r > 0) {
+    const i = n.substring(r).toLowerCase(), a = e?.extensionIcons;
+    return a?.[i] ?? a?.[i.slice(1)];
+  }
+}
+g(z, "detectIcon");
+function C(n, e) {
+  return n.includes(":") ? n : n in b.icons || !e ? `${b.prefix}:${n}` : `${e}:${n}`;
+}
+g(C, "qualifyIcon");
+function T(n, e) {
+  if (n.icon !== "none") {
+    if (n.icon)
+      return C(n.icon, e.defaultIconPack);
+    if (e.showIcons) {
+      if (n.nodeType === "file") {
+        const t = z(n.name, e);
+        if (t === "none")
+          return;
+        if (t)
+          return C(t, e.defaultIconPack);
+      }
+      return `${b.prefix}:${n.nodeType === "directory" ? "folder" : "file"}`;
+    }
+  }
+}
+g(T, "getNodeIcon");
+te([
+  {
+    name: b.prefix,
+    icons: b
+  }
+]);
+var y = 14, fe = 4, ue = 16, H = /* @__PURE__ */ g((n, e) => `tv-icon-${n}-${e.replace(/[^\w-]/g, "-")}`, "iconSymbolId"), we = /* @__PURE__ */ g(async (n, e, t, r) => {
+  const i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ g((s) => {
+    const o = T(s, t);
+    o && i.add(o), s.children.forEach(a);
+  }, "collect");
+  if (a(e), i.size === 0)
+    return;
+  const c = await Promise.all(
+    [...i].map(async (s) => ({
+      icon: s,
+      svg: await Q(s, {
+        height: y,
+        width: y
+      })
+    }))
+  ), l = n.append("defs");
+  for (const { icon: s, svg: o } of c)
+    l.append("g").attr("id", H(r, s)).html(o);
+}, "injectIconDefs"), me = /* @__PURE__ */ g((n, e, t, r, i, a) => {
+  const c = r.append("g");
+  let l = "treeView-node-label";
+  t.nodeType === "directory" && (l += " treeView-node-dir"), t.cssClass && (l += ` ${t.cssClass}`);
+  const s = y + fe, o = T(t, i), h = o !== void 0;
+  o && c.append("use").attr("xlink:href", `#${H(a, o)}`).attr("x", n + i.paddingX).attr("y", e + i.paddingY).attr("class", "treeView-node-icon");
+  const p = c.append("text").text(t.name).attr("dominant-baseline", "middle").attr("class", l), { height: d, width: w } = p.node().getBBox(), f = d + i.paddingY * 2, m = n + i.paddingX + (h ? s : 0);
+  p.attr("x", m), p.attr("y", e + f / 2);
+  const u = m + w, v = w + i.paddingX * 2 + (h ? s : 0);
+  return t.BBox = { x: n, y: e, width: v, height: f }, t.cssClass?.split(/\s+/).includes("highlight") && c.insert("rect", ":first-child").attr("x", n).attr("y", e + 1).attr("width", 0).attr("height", f - 2).attr("rx", 3).attr("class", "treeView-highlight-bg"), { node: t, nodeGroup: c, labelRightEdge: u, centerY: e + f / 2 };
+}, "positionLabel"), k = /* @__PURE__ */ g((n, e, t, r, i, a) => n.append("line").attr("x1", e).attr("y1", t).attr("x2", r).attr("y2", i).attr("stroke-width", a).attr("class", "treeView-node-line"), "positionLine"), xe = /* @__PURE__ */ g((n, e, t, r) => {
+  let i = 0, a = 0;
+  const c = [], l = /* @__PURE__ */ g((h, p, d, w) => {
+    const f = w * (d.rowIndent + d.paddingX), m = me(f, i, p, h, d, r);
+    c.push(m);
+    const { height: u, width: v } = p.BBox;
+    k(
+      h,
+      f - d.rowIndent,
+      i + u / 2,
+      f,
+      i + u / 2,
+      d.lineThickness
+    ), a = Math.max(a, f + v), i += u;
+  }, "drawNode"), s = /* @__PURE__ */ g((h, p = 0) => {
+    l(n, h, t, p), h.children.forEach((m) => {
+      s(m, p + 1);
+    });
+    const { x: d, y: w, height: f } = h.BBox;
+    if (h.children.length) {
+      const { y: m, height: u } = h.children[h.children.length - 1].BBox;
+      k(
+        n,
+        d + t.paddingX,
+        w + f,
+        d + t.paddingX,
+        m + u / 2 + t.lineThickness / 2,
+        t.lineThickness
+      );
+    }
+  }, "processNode");
+  s(e);
+  const o = c.filter((h) => h.node.description);
+  if (o.length > 0) {
+    const p = Math.max(...c.map((d) => d.labelRightEdge)) + ue;
+    for (const d of o) {
+      const f = d.nodeGroup.append("text").text(d.node.description).attr("dominant-baseline", "middle").attr("class", "treeView-node-description").attr("x", p).attr("y", d.centerY).node().getBBox();
+      a = Math.max(a, p + f.width + t.paddingX);
+    }
+  }
+  for (const h of c)
+    if (h.node.cssClass?.split(/\s+/).includes("highlight")) {
+      const p = h.nodeGroup.select(".treeView-highlight-bg");
+      if (!p.empty()) {
+        const d = a - h.node.BBox.x + 8;
+        p.attr("width", d), a = Math.max(a, h.node.BBox.x + d + 2);
+      }
+    }
+  return { totalHeight: i, totalWidth: a };
+}, "drawTree"), ve = /* @__PURE__ */ g(async (n, e, t, r) => {
+  D.debug(`Rendering treeView diagram
+` + n);
+  const i = r.db, a = i.getRoot(), c = i.getConfig(), l = Z(e);
+  await we(l, a, c, e);
+  const s = l.append("g");
+  s.attr("class", "tree-view");
+  const { totalHeight: o, totalWidth: h } = xe(s, a, c, e);
+  l.attr("viewBox", `-${c.lineThickness / 2} 0 ${h} ${o}`), U(l, o, h, c.useMaxWidth);
+}, "draw"), be = {
+  draw: ve
+}, Ie = be, Ce = {
+  labelFontSize: "16px",
+  labelColor: "black",
+  lineColor: "black",
+  iconColor: "#546e7a",
+  descriptionColor: "#6a9955",
+  highlightBg: "rgba(255, 193, 7, 0.15)",
+  highlightStroke: "#ffc107"
+}, ye = /* @__PURE__ */ g(({
+  treeView: n
+}) => {
+  const {
+    labelFontSize: e,
+    labelColor: t,
+    lineColor: r,
+    iconColor: i,
+    descriptionColor: a,
+    highlightBg: c,
+    highlightStroke: l
+  } = A(Ce, n);
+  return `
+    .treeView-node-label {
+        font-size: ${e};
+        fill: ${t};
+        white-space: pre;
+    }
+    .treeView-node-dir {
+        font-weight: bold;
+    }
+    .treeView-node-line {
+        stroke: ${r};
+    }
+    .treeView-node-icon {
+        color: ${i};
+    }
+    .treeView-node-description {
+        font-size: ${e};
+        fill: ${a};
+        font-style: italic;
+        white-space: pre;
+    }
+    .treeView-highlight-bg {
+        fill: ${c};
+        stroke: ${l};
+        stroke-width: 1;
+    }
+    `;
+}, "styles"), Te = ye, Ae = {
+  db: I,
+  renderer: Ie,
+  parser: ge,
+  styles: Te
+};
+export {
+  Ae as diagram
+};
+//# sourceMappingURL=diagram-7IWD3JNH-Cr5piwKc.js.map

package/dist/component/{diagram-KO2AKTUF-Da1E68Eo.js → diagram-B4RE2ZJO-DgLNdZkh.js}

@@ -1,9 +1,9 @@
-import { p as re } from "./chunk-4BX2VUAB-DVpS0I_p.js";
-import { t as oe, q as se, s as le, g as de, a as ce, b as me, _ as o, l as g, c as R, d as ue, H as xe, B as fe, I as ge, G as M, K as he, i as y, w as P, an as be } from "./mermaid-GHXKKRXX-DXPXjnb7.js";
-import { p as pe, i as ve } from "./wardley-L42UT6IY-HA1eSIS_.js";
+import { p as re } from "./chunk-JWPE2WC7-BbwyDj9g.js";
+import { p as oe, o as se, s as le, g as de, a as ce, b as me, _ as o, l as g, c as R, d as ue, B as xe, q as fe, D as ge, z as M, E as he, i as y, w as P, an as be } from "./mermaid-GHXKKRXX-BaBCeViM.js";
+import { p as pe, i as ve } from "./cynefin-VYW2F7L2-DAyxamLw.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
-var $ = "position frame", D = "frame positioned", S = "position relation", N = "relation positioned", we = /* @__PURE__ */ o(function(e) {
+var D = "position frame", $ = "frame positioned", S = "position relation", N = "relation positioned", we = /* @__PURE__ */ o(function(e) {
   g.debug("options str", e);
 }, "setOptions"), ye = /* @__PURE__ */ o(function() {
   return {};
@@ -24,15 +24,15 @@ function O() {
   if (!n)
     throw new Error("No data for EventModel");
   return n.frames.forEach((i, a) => {
-    const r = L(i, n.dataEntities, t);
+    const r = G(i, n.dataEntities, t);
     e = v(e, {
-      $kind: $,
+      $kind: D,
       index: a,
       frame: i,
       textProps: r
     });
     let l;
-    z(i) ? (g.debug("source frame", i.sourceFrames), l = n.frames.filter((d) => i.sourceFrames.some((c) => c.$refText === d.name)), l.forEach((d) => {
+    K(i) ? (g.debug("source frame", i.sourceFrames), l = n.frames.filter((d) => i.sourceFrames.some((c) => c.$refText === d.name)), l.forEach((d) => {
       e = v(e, {
         $kind: S,
         index: a,
@@ -149,7 +149,7 @@ function _(e, n) {
   }
 }
 o(_, "calculateSwimlaneProps");
-function G(e) {
+function L(e) {
   const { themeVariables: n } = M();
   switch (e.modelEntityType) {
     case "ui":
@@ -188,8 +188,8 @@ function G(e) {
       };
   }
 }
-o(G, "calculateEntityVisualProps");
-function L(e, n, t) {
+o(L, "calculateEntityVisualProps");
+function G(e, n, t) {
   const i = M(), a = y(H(e.entityIdentifier) ?? "", i);
   let r;
   const l = {
@@ -219,14 +219,14 @@ function L(e, n, t) {
   };
   return g.debug(`[${e.name}] ${e.entityIdentifier} text`, f), f;
 }
-o(L, "calculateTextProps");
+o(G, "calculateTextProps");
 function V(e, n) {
-  const t = n, i = G(t.frame), a = {
+  const t = n, i = L(t.frame), a = {
     width: t.textProps.width + 2 * s.boxTextPadding,
     height: t.textProps.height + 2 * s.boxTextPadding
   };
   return [{
-    $kind: D,
+    $kind: $,
     frame: t.frame,
     index: t.index,
     visual: i,
@@ -301,14 +301,14 @@ function Y(e, n) {
   return h;
 }
 o(Y, "evolveFramePositioned");
-function K(e, n) {
+function z(e, n) {
   return e === 0 && n.sourceFrames.length === 0;
 }
-o(K, "isFirstFrame");
-function z(e) {
+o(z, "isFirstFrame");
+function K(e) {
   return e.sourceFrames !== void 0 && e.sourceFrames !== null && e.sourceFrames.length > 0;
 }
-o(z, "hasSourceFrame");
+o(K, "hasSourceFrame");
 function k(e, n) {
   if (n != null)
     return e.find((t) => t.frame.name === n.name);
@@ -325,7 +325,7 @@ function q(e, n, t) {
 o(q, "findBoxByLineIndex");
 function J(e, n) {
   const t = n;
-  if (ve(t.frame) || K(t.index, t.frame))
+  if (ve(t.frame) || z(t.index, t.frame))
     return [];
   const i = k(e.boxes, t.frame);
   if (i === void 0)
@@ -364,10 +364,10 @@ function Q(e, n) {
 }
 o(Q, "evolveRelationPositioned");
 var Me = {
-  [$]: V,
+  [D]: V,
   [S]: J
 }, Be = {
-  [D]: Y,
+  [$]: Y,
   [N]: Q
 };
 function Z(e, n) {
@@ -450,15 +450,15 @@ var Re = /* @__PURE__ */ o(function(e, n, t, i) {
   m.sortedSwimlanesArray.forEach(
     ae(d, m.maxR, c, r)
   ), m.boxes.forEach(te(d, c)), m.relations.forEach(ie(d, c, x, r)), d.append("defs").append("marker").attr("id", x).attr("markerWidth", "10").attr("markerHeight", "7").attr("refX", "10").attr("refY", "3.5").attr("orient", "auto").append("polygon").attr("points", "0 0, 10 3.5, 0 7").attr("fill", u), xe(void 0, d, l?.padding ?? 30, l?.useMaxWidth);
-}, "draw"), $e = {
+}, "draw"), De = {
   draw: Re
-}, De = /* @__PURE__ */ o((e) => "", "getStyles"), Ne = De, We = {
+}, $e = /* @__PURE__ */ o((e) => "", "getStyles"), Ne = $e, We = {
   parser: Ee,
   db: F,
-  renderer: $e,
+  renderer: De,
   styles: Ne
 };
 export {
   We as diagram
 };
-//# sourceMappingURL=diagram-KO2AKTUF-Da1E68Eo.js.map
+//# sourceMappingURL=diagram-B4RE2ZJO-DgLNdZkh.js.map

package/dist/component/{diagram-LMA3HP47-dRbk5sBa.js → diagram-LBJQPF4R-DxeIMTjN.js}

@@ -1,11 +1,11 @@
-import { _ as b, I as u, N as B, e as $, l as m, b as C, a as T, q as S, t as D, g as P, s as z, G as E, K as F, B as A } from "./mermaid-GHXKKRXX-DXPXjnb7.js";
-import { p as W } from "./chunk-4BX2VUAB-DVpS0I_p.js";
-import { p as _ } from "./wardley-L42UT6IY-HA1eSIS_.js";
+import { p as $ } from "./chunk-JWPE2WC7-BbwyDj9g.js";
+import { _ as b, D as u, G as B, e as C, l as m, b as T, a as S, o as D, p as z, g as E, s as P, z as F, E as A, q as W } from "./mermaid-GHXKKRXX-BaBCeViM.js";
+import { p as _ } from "./cynefin-VYW2F7L2-DAyxamLw.js";
 globalThis.process = globalThis.process || { env: {} };
 globalThis.global = globalThis.global || globalThis;
-var N = F.packet, w = class {
+var N = A.packet, w = class {
   constructor() {
-    this.packet = [], this.setAccTitle = C, this.getAccTitle = T, this.setDiagramTitle = S, this.getDiagramTitle = D, this.getAccDescription = P, this.setAccDescription = z;
+    this.packet = [], this.setAccTitle = T, this.getAccTitle = S, this.setDiagramTitle = D, this.getDiagramTitle = z, this.getAccDescription = E, this.setAccDescription = P;
   }
   static {
     b(this, "PacketDB");
@@ -13,7 +13,7 @@ var N = F.packet, w = class {
   getConfig() {
     const t = u({
       ...N,
-      ...E().packet
+      ...F().packet
     });
     return t.showBits && (t.paddingY += 10), t;
   }
@@ -24,10 +24,10 @@ var N = F.packet, w = class {
     t.length > 0 && this.packet.push(t);
   }
   clear() {
-    A(), this.packet = [];
+    W(), this.packet = [];
   }
-}, I = 1e4, L = /* @__PURE__ */ b((t, e) => {
-  W(t, e);
+}, L = 1e4, M = /* @__PURE__ */ b((t, e) => {
+  $(t, e);
   let r = -1, s = [], l = 1;
   const { bitsPerRow: n } = e.getConfig();
   for (let { start: a, end: i, bits: d, label: c } of t.blocks) {
@@ -39,15 +39,15 @@ var N = F.packet, w = class {
       );
     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 <= n + 1 && e.getPacket().length < I; ) {
-      const [p, o] = M({ start: a, end: i, bits: d, label: c }, l, n);
+    for (i ??= a + (d ?? 1) - 1, d ??= i - a + 1, r = i, m.debug(`Packet block ${a} - ${r} with label ${c}`); s.length <= n + 1 && e.getPacket().length < L; ) {
+      const [p, o] = Y({ start: a, end: i, bits: d, label: c }, l, n);
       if (s.push(p), p.end + 1 === l * n && (e.pushWord(s), s = [], l++), !o)
         break;
       ({ start: a, end: i, bits: d, label: c } = o);
     }
   }
   e.pushWord(s);
-}, "populate"), M = /* @__PURE__ */ b((t, e, r) => {
+}, "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)
@@ -80,15 +80,15 @@ var N = F.packet, w = class {
       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), L(e, r);
+    m.debug(e), M(e, r);
   }, "parse")
-}, Y = /* @__PURE__ */ b((t, e, r, s) => {
+}, G = /* @__PURE__ */ b((t, e, r, s) => {
   const l = s.db, n = l.getConfig(), { rowHeight: a, paddingY: i, bitWidth: d, bitsPerRow: c } = n, p = l.getPacket(), o = l.getDiagramTitle(), h = a + i, g = h * (p.length + 1) - (o ? 0 : a), k = d * c + 2, f = B(e);
-  f.attr("viewBox", `0 0 ${k} ${g}`), $(f, g, k, n.useMaxWidth);
+  f.attr("viewBox", `0 0 ${k} ${g}`), C(f, g, k, n.useMaxWidth);
   for (const [x, y] of p.entries())
-    G(f, y, x, n);
+    I(f, y, x, n);
   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"), G = /* @__PURE__ */ b((t, e, r, { rowHeight: s, paddingX: l, paddingY: n, bitWidth: a, bitsPerRow: i, showBits: d }) => {
+}, "draw"), I = /* @__PURE__ */ b((t, e, r, { rowHeight: s, paddingX: l, paddingY: n, bitWidth: a, bitsPerRow: i, showBits: d }) => {
   const c = t.append("g"), p = r * (s + n) + n;
   for (const o of e) {
     const h = o.start % i * a + 1, g = (o.end - o.start + 1) * a - l;
@@ -97,7 +97,7 @@ var N = F.packet, w = class {
     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: Y }, O = {
+}, "drawWord"), O = { draw: G }, j = {
   byteFontSize: "10px",
   startByteColor: "black",
   endByteColor: "black",
@@ -108,8 +108,8 @@ var N = F.packet, w = class {
   blockStrokeColor: "black",
   blockStrokeWidth: "1",
   blockFillColor: "#efefef"
-}, j = /* @__PURE__ */ b(({ packet: t } = {}) => {
-  const e = u(O, t);
+}, q = /* @__PURE__ */ b(({ packet: t } = {}) => {
+  const e = u(j, t);
   return `
 	.packetByte {
 		font-size: ${e.byteFontSize};
@@ -139,10 +139,10 @@ var N = F.packet, w = class {
   get db() {
     return new w();
   },
-  renderer: K,
-  styles: j
+  renderer: O,
+  styles: q
 };
 export {
   U as diagram
 };
-//# sourceMappingURL=diagram-LMA3HP47-dRbk5sBa.js.map
+//# sourceMappingURL=diagram-LBJQPF4R-DxeIMTjN.js.map