@yiyi_zhang/reactflow-ui 0.5.0-beta.0 → 1.1.0

package/dist/diagram-KO2AKTUF-BOl4aaej.js

@@ -1,461 +0,0 @@
-import { p as re } from "./chunk-4BX2VUAB-DE3VjyiZ.js";
-import { _ as o, q as oe, p as se, s as de, g as le, a as ce, b as me, l as g, c as D, d as ue, E as xe, z as fe, F as ge, D as M, G as he, i as y, w as P, ak as pe } from "./mermaid.core-XSpZEAKP.js";
-import { p as be, i as ve } from "./wardley-L42UT6IY-D7b2ujEZ.js";
-var T = "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 {};
-}, "getOptions"), Pe = /* @__PURE__ */ o(function() {
-  C(), fe();
-}, "clear");
-function C() {
-  B = {};
-}
-o(C, "reset");
-var Se = he.eventmodeling, ke = /* @__PURE__ */ o(() => ge({
-  ...Se,
-  ...M().eventmodeling
-}), "getConfig"), B = {};
-function O() {
-  let e = Fe;
-  const { ast: n } = B, t = E();
-  if (!n)
-    throw new Error("No data for EventModel");
-  return n.frames.forEach((i, a) => {
-    const r = L(i, n.dataEntities, t);
-    e = v(e, {
-      $kind: T,
-      index: a,
-      frame: i,
-      textProps: r
-    });
-    let d;
-    K(i) ? (g.debug("source frame", i.sourceFrames), d = n.frames.filter((l) => i.sourceFrames.some((c) => c.$refText === l.name)), d.forEach((l) => {
-      e = v(e, {
-        $kind: S,
-        index: a,
-        frame: i,
-        sourceFrame: l
-      });
-    })) : e = v(e, {
-      $kind: S,
-      index: a,
-      frame: i
-    });
-  }), e = {
-    ...e,
-    sortedSwimlanesArray: A(e.swimlanes)
-  }, e;
-}
-o(O, "getState");
-function I(e) {
-  B.ast = e;
-}
-o(I, "setAst");
-var s = {
-  swimlaneMinHeight: 70,
-  swimlanePadding: 15,
-  swimlaneGap: 10,
-  boxPadding: 10,
-  boxOverlap: 90,
-  boxDefaultY: 0,
-  boxMinWidth: 80,
-  boxMaxWidth: 450,
-  boxMinHeight: 80,
-  boxMaxHeight: 750,
-  contentStartX: 250,
-  textMaxWidth: 430,
-  boxTextFontWeight: "bold",
-  boxTextPadding: 10,
-  swimlaneTextFontWeight: "bold",
-  labelUiAutomation: "UI/Automation",
-  labelUiAutomationPrefix: "UI/A: ",
-  labelCommandReadModel: "Command/Read Model",
-  labelCommandReadModelPrefix: "C/RM: ",
-  labelEvents: "Events",
-  labelEventsPrefix: "Stream: "
-};
-function E() {
-  return s;
-}
-o(E, "getDiagramProps");
-var Fe = {
-  boxes: [],
-  swimlanes: {},
-  relations: [],
-  maxR: 0,
-  sortedSwimlanesArray: []
-};
-function W(e) {
-  const n = e.split(".");
-  if (n.length === 2)
-    return n[0];
-}
-o(W, "extractNamespace");
-function H(e) {
-  const n = e.split(".");
-  return n.length === 2 ? n[1] : e;
-}
-o(H, "extractName");
-function U(e, n) {
-  if (!(!n || n.length === 0))
-    return Object.values(e).find((t) => t.namespace === n);
-}
-o(U, "findSwimlaneByNamespace");
-function b(e, n, t) {
-  return Math.max(
-    n,
-    ...Object.keys(e).filter((i) => {
-      const a = Number.parseInt(i);
-      return a > n && a < t;
-    }).map((i) => Number.parseInt(i))
-  ) + 1;
-}
-o(b, "findNextAvailableIndex");
-function _(e, n) {
-  const t = W(e.entityIdentifier), i = U(n, t);
-  switch (e.modelEntityType) {
-    case "ui":
-    case "pcr":
-    case "processor":
-      return i ? {
-        index: i.index,
-        label: i.namespace || s.labelUiAutomation
-      } : t ? {
-        index: b(n, 0, 100),
-        label: s.labelUiAutomationPrefix + t
-      } : { index: 0, label: s.labelUiAutomation };
-    case "rmo":
-    case "readmodel":
-    case "cmd":
-    case "command":
-      return i ? {
-        index: i.index,
-        label: i.namespace || s.labelCommandReadModel
-      } : t ? {
-        index: b(n, 100, 200),
-        label: s.labelCommandReadModelPrefix + t
-      } : { index: 100, label: s.labelCommandReadModel };
-    default:
-      return i ? {
-        index: i.index,
-        label: i.namespace || s.labelEvents
-      } : t ? {
-        index: b(n, 200, 300),
-        label: s.labelEventsPrefix + t
-      } : { index: 200, label: s.labelEvents };
-  }
-}
-o(_, "calculateSwimlaneProps");
-function G(e) {
-  const { themeVariables: n } = M();
-  switch (e.modelEntityType) {
-    case "ui":
-      return {
-        fill: n.emUiFill ?? "white",
-        stroke: n.emUiStroke ?? "#dbdada"
-      };
-    case "pcr":
-    case "processor":
-      return {
-        fill: n.emProcessorFill ?? "#edb3f6",
-        stroke: n.emProcessorStroke ?? "#b88cbf"
-      };
-    case "rmo":
-    case "readmodel":
-      return {
-        fill: n.emReadModelFill ?? "#d3f1a2",
-        stroke: n.emReadModelStroke ?? "#a3b732"
-      };
-    case "cmd":
-    case "command":
-      return {
-        fill: n.emCommandFill ?? "#bcd6fe",
-        stroke: n.emCommandStroke ?? "#679ac3"
-      };
-    case "evt":
-    case "event":
-      return {
-        fill: n.emEventFill ?? "#ffb778",
-        stroke: n.emEventStroke ?? "#c19a0f"
-      };
-    default:
-      return {
-        fill: "red",
-        stroke: "black"
-      };
-  }
-}
-o(G, "calculateEntityVisualProps");
-function L(e, n, t) {
-  const i = M(), a = y(H(e.entityIdentifier) ?? "", i);
-  let r;
-  const d = {
-    fontSize: 16,
-    fontWeight: 700,
-    fontFamily: '"trebuchet ms", verdana, arial, sans-serif',
-    joinWith: "<br/>"
-  };
-  let c = `<b>${P(a, t.textMaxWidth, d)}</b>`;
-  if (e.dataInlineValue && (r = e.dataInlineValue, r = r.substring(r.indexOf("{") + 1), r = r.substring(0, r.lastIndexOf("}") - 1), r = y(r, i), r = P(r, t.textMaxWidth, d), r = r.replaceAll(" ", "&nbsp;")), e.dataReference) {
-    const p = n.find(
-      (w) => w.name === e.dataReference?.$refText
-    );
-    p && (r = p.dataBlockValue, r = r.substring(r.indexOf(`{
-`) + 2), r = r.substring(0, r.lastIndexOf("}") - 1), r = y(r, i), r = P(r, t.textMaxWidth, d), r = r.replaceAll(" ", "&nbsp;"), r += "<br/>");
-  }
-  const m = r !== void 0;
-  m && (c += `<br/><br/><code style="text-align: left; display: block;max-width:${t.textMaxWidth}px">${r}</code>`);
-  const x = {
-    fontSize: d.fontSize,
-    fontWeight: d.fontWeight,
-    fontFamily: d.fontFamily
-  }, u = pe(c, x), h = m ? u.width / 3 : u.width, f = {
-    content: c,
-    width: h,
-    height: u.height
-  };
-  return g.debug(`[${e.name}] ${e.entityIdentifier} text`, f), f;
-}
-o(L, "calculateTextProps");
-function V(e, n) {
-  const t = n, i = G(t.frame), a = {
-    width: t.textProps.width + 2 * s.boxTextPadding,
-    height: t.textProps.height + 2 * s.boxTextPadding
-  };
-  return [{
-    $kind: $,
-    frame: t.frame,
-    index: t.index,
-    visual: i,
-    dimension: a,
-    textProps: t.textProps
-  }];
-}
-o(V, "decidePositionFrame");
-function X(e, n, t) {
-  return n === void 0 ? s.contentStartX : n.index === e.index && e.r ? e.r + s.boxPadding : t === void 0 ? s.contentStartX : t.r - s.boxOverlap + s.boxPadding;
-}
-o(X, "calculateX");
-function j(e, n) {
-  const t = [...e.map((i) => i.r), n];
-  return Math.max(...t);
-}
-o(j, "calculateMaxRight");
-function A(e) {
-  return Object.values(e).sort((n, t) => n.index - t.index);
-}
-o(A, "sortedSwimlanesArray");
-function Y(e, n) {
-  const t = n, i = _(t.frame, e.swimlanes);
-  let a;
-  i.index in e.swimlanes ? a = e.swimlanes[i.index] : a = {
-    index: i.index,
-    label: i.label,
-    r: 0,
-    y: i.index * s.swimlaneMinHeight + s.swimlaneGap,
-    height: s.swimlaneMinHeight,
-    maxHeight: s.swimlaneMinHeight
-  };
-  const r = e.boxes.length > 0 ? e.boxes[e.boxes.length - 1] : void 0, d = e.previousSwimlaneNumber !== void 0 ? e.swimlanes[e.previousSwimlaneNumber] : void 0, l = {
-    width: Math.max(
-      s.boxMinWidth,
-      Math.min(s.boxMaxWidth, t.dimension.width)
-    ) + 2 * s.boxPadding,
-    height: Math.max(
-      s.boxMinHeight,
-      Math.min(s.boxMaxHeight, t.dimension.height)
-    ) + 2 * s.boxPadding
-  }, c = X(a, d, r), m = c + l.width + s.boxPadding, x = j(Object.values(e.swimlanes), m);
-  a.r = c + l.width, a.maxHeight = Math.max(a.maxHeight, l.height), a.height = Math.max(s.swimlaneMinHeight, a.maxHeight) + 2 * s.swimlanePadding;
-  const u = {
-    x: c,
-    y: s.swimlanePadding + a.y,
-    // y: diagramProps.swimlanePadding + (swimlane.y || diagramProps.boxDefaultY),
-    r: m,
-    dimension: l,
-    leftSibling: !1,
-    swimlane: a,
-    visual: t.visual,
-    text: t.textProps.content,
-    frame: t.frame,
-    index: t.index
-  }, h = {
-    ...e,
-    boxes: [...e.boxes, u],
-    swimlanes: {
-      ...e.swimlanes,
-      [`${a.index}`]: a
-    },
-    previousSwimlaneNumber: i.index,
-    previousFrame: t.frame,
-    maxR: x
-  }, f = A(h.swimlanes);
-  f.length > 0 && (f[0].y = 0);
-  for (let p = 1; p < f.length; p++) {
-    const w = f[p], R = f[p - 1];
-    w.y = R.y + R.height + s.swimlaneGap;
-  }
-  return h;
-}
-o(Y, "evolveFramePositioned");
-function z(e, n) {
-  return e === 0 && n.sourceFrames.length === 0;
-}
-o(z, "isFirstFrame");
-function K(e) {
-  return e.sourceFrames !== void 0 && e.sourceFrames !== null && e.sourceFrames.length > 0;
-}
-o(K, "hasSourceFrame");
-function k(e, n) {
-  if (n != null)
-    return e.find((t) => t.frame.name === n.name);
-}
-o(k, "findBoxByFrame");
-function q(e, n, t) {
-  if (!(t < 0))
-    for (let i = t; i >= 0; i--) {
-      const a = e[i];
-      if (a.swimlane.index !== n)
-        return a;
-    }
-}
-o(q, "findBoxByLineIndex");
-function J(e, n) {
-  const t = n;
-  if (ve(t.frame) || z(t.index, t.frame))
-    return [];
-  const i = k(e.boxes, t.frame);
-  if (i === void 0)
-    throw new Error(`Target box not found for frame ${t.frame.name}`);
-  let a;
-  return t.sourceFrame ? a = k(e.boxes, t.sourceFrame) : a = q(e.boxes, i.swimlane.index, t.index - 1), a === void 0 ? [] : [{
-    $kind: N,
-    frame: t.frame,
-    index: t.index,
-    sourceBox: a,
-    targetBox: i
-  }];
-}
-o(J, "decidePositionRelation");
-function Q(e, n) {
-  const t = n, i = {
-    visual: {
-      fill: "none",
-      stroke: "#000"
-    },
-    source: {
-      x: t.sourceBox.x,
-      y: t.sourceBox.y
-    },
-    target: {
-      x: t.targetBox.x,
-      y: t.targetBox.y
-    },
-    sourceBox: t.sourceBox,
-    targetBox: t.targetBox
-  };
-  return {
-    ...e,
-    relations: [...e.relations, i]
-  };
-}
-o(Q, "evolveRelationPositioned");
-var Me = {
-  [T]: V,
-  [S]: J
-}, Be = {
-  [$]: Y,
-  [N]: Q
-};
-function Z(e, n) {
-  const t = Me[n.$kind];
-  if (t == null)
-    return [];
-  const i = t(e, n);
-  return g.debug("decided events", i), i;
-}
-o(Z, "decide");
-function ee(e, n) {
-  const t = n.reduce((i, a) => {
-    const r = Be[a.$kind];
-    return r == null ? i : r(i, a);
-  }, e);
-  return g.debug("evolve events", { state: e, newState: t, events: n }), t;
-}
-o(ee, "evolve");
-function v(e, n) {
-  const t = Z(e, n);
-  return ee(e, t);
-}
-o(v, "dispatch");
-var F = {
-  getConfig: ke,
-  setOptions: we,
-  getOptions: ye,
-  clear: Pe,
-  setAccTitle: me,
-  getAccTitle: ce,
-  getAccDescription: le,
-  setAccDescription: de,
-  setDiagramTitle: se,
-  getDiagramTitle: oe,
-  setAst: I,
-  getDiagramProps: E,
-  getState: O
-}, Ee = {
-  parse: /* @__PURE__ */ o(async (e) => {
-    const n = await be("eventmodeling", e);
-    g.debug(n), F.setAst(n), re(n, F);
-  }, "parse")
-}, Ae = D(), Re = Ae?.eventmodeling;
-function te(e, n) {
-  return (t) => {
-    const i = t.swimlane.y + n.swimlanePadding, a = e.append("g").attr("class", "em-box");
-    a.append("rect").attr("x", t.x).attr("y", i).attr("rx", "3").attr("width", t.dimension.width).attr("height", t.dimension.height).attr("stroke", t.visual.stroke).attr("fill", t.visual.fill), a.append("foreignObject").attr("x", t.x + n.boxPadding).attr("y", i + 10).attr("width", t.dimension.width - 2 * n.boxPadding).attr("height", t.dimension.height - 2 * n.boxPadding).append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%").append("span").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").html(t.text);
-  };
-}
-o(te, "renderD3Box");
-function ne(e, n) {
-  return e > n;
-}
-o(ne, "dirUpwards");
-function ie(e, n, t, i) {
-  return (a) => {
-    const r = a.sourceBox.swimlane.y + n.swimlanePadding, d = a.targetBox.swimlane.y + n.swimlanePadding, l = ne(r, d), c = a.sourceBox.x + a.sourceBox.dimension.width * 2 / 3, m = a.targetBox.x + a.targetBox.dimension.width / 3;
-    let x, u;
-    g.debug(`rendering relation up=${l} for `, {
-      sourceBox: a.sourceBox,
-      targetBox: a.targetBox
-    }), l ? (x = r, u = d + a.targetBox.dimension.height) : (x = r + a.sourceBox.dimension.height, u = d);
-    const h = i.emRelationStroke ?? a.visual.stroke;
-    e.append("path").attr("class", "em-relation").attr("fill", a.visual.fill).attr("stroke", h).attr("stroke-width", "1").attr("marker-end", `url(#${t})`).attr("d", `M${c} ${x} L${m} ${u}`);
-  };
-}
-o(ie, "renderD3Relation");
-function ae(e, n, t, i) {
-  return (a) => {
-    const r = e.append("g").attr("class", "em-swimlane"), d = i.emSwimlaneBackgroundOdd ?? "rgb(250,250,250)", l = i.emSwimlaneBackgroundStroke ?? "rgb(240,240,240)";
-    r.append("rect").attr("x", 0).attr("y", a.y).attr("rx", "3").attr("width", n + t.swimlanePadding).attr("height", a.height).attr("fill", d).attr("stroke", l), r.append("text").attr("font-weight", t.swimlaneTextFontWeight).attr("x", 30).attr("y", a.y + 30).text(a.label);
-  };
-}
-o(ae, "renderD3Swimlane");
-var De = /* @__PURE__ */ o(function(e, n, t, i) {
-  if (g.debug("in eventmodeling renderer", e + `
-`, "id:", n, t), !Re)
-    throw new Error("EventModeling config not found");
-  const a = i.db, { themeVariables: r, eventmodeling: d } = D(), l = ue(`[id="${n}"]`), c = a.getDiagramProps(), m = a.getState(), x = `em-arrowhead-${n}`, u = r.emArrowhead ?? "#000000";
-  m.sortedSwimlanesArray.forEach(
-    ae(l, m.maxR, c, r)
-  ), m.boxes.forEach(te(l, c)), m.relations.forEach(ie(l, c, x, r)), l.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, l, d?.padding ?? 30, d?.useMaxWidth);
-}, "draw"), Te = {
-  draw: De
-}, $e = /* @__PURE__ */ o((e) => "", "getStyles"), Ne = $e, We = {
-  parser: Ee,
-  db: F,
-  renderer: Te,
-  styles: Ne
-};
-export {
-  We as diagram
-};

package/dist/diagram-LMA3HP47-ZeckPR2Q.js

@@ -1,142 +0,0 @@
-import { _ as b, F as m, I as B, e as C, l as w, b as S, a as D, p as T, q as z, g as F, s as P, D as E, G as A, z as W } from "./mermaid.core-XSpZEAKP.js";
-import { p as _ } from "./chunk-4BX2VUAB-DE3VjyiZ.js";
-import { p as N } from "./wardley-L42UT6IY-D7b2ujEZ.js";
-var I = A.packet, u, v = (u = class {
-  constructor() {
-    this.packet = [], this.setAccTitle = S, this.getAccTitle = D, this.setDiagramTitle = T, this.getDiagramTitle = z, this.getAccDescription = F, this.setAccDescription = P;
-  }
-  getConfig() {
-    const t = m({
-      ...I,
-      ...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 = [];
-  }
-}, b(u, "PacketDB"), u), L = 1e4, M = /* @__PURE__ */ b((e, t) => {
-  _(e, t);
-  let r = -1, s = [], 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 ??= 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, w.debug(`Packet block ${a} - ${r} with label ${c}`); s.length <= l + 1 && t.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 && (t.pushWord(s), s = [], n++), !o)
-        break;
-      ({ start: a, end: i, bits: d, label: c } = o);
-    }
-  }
-  t.pushWord(s);
-}, "populate"), Y = /* @__PURE__ */ b((e, t, r) => {
-  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 * r)
-    return [e, void 0];
-  const s = t * r - 1, n = t * r;
-  return [
-    {
-      start: e.start,
-      end: s,
-      label: e.label,
-      bits: s - 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) => {
-    const t = await N("packet", e), r = x.parser?.yy;
-    if (!(r 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), M(t, r);
-  }, "parse")
-}, G = /* @__PURE__ */ b((e, t, 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 = B(t);
-  f.attr("viewBox", `0 0 ${k} ${g}`), C(f, g, k, l.useMaxWidth);
-  for (const [y, $] of p.entries())
-    O(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"), O = /* @__PURE__ */ b((e, t, r, { rowHeight: s, paddingX: n, paddingY: l, bitWidth: a, bitsPerRow: i, showBits: d }) => {
-  const c = e.append("g"), p = r * (s + 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", 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: G }, q = {
-  byteFontSize: "10px",
-  startByteColor: "black",
-  endByteColor: "black",
-  labelColor: "black",
-  labelFontSize: "12px",
-  titleColor: "black",
-  titleFontSize: "14px",
-  blockStrokeColor: "black",
-  blockStrokeWidth: "1",
-  blockFillColor: "#efefef"
-}, H = /* @__PURE__ */ b(({ packet: e } = {}) => {
-  const t = m(q, 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: j,
-  styles: H
-};
-export {
-  X as diagram
-};