@orangelogic/design-system 2.162.0 → 2.164.0

package/library/chunks/diagram-G47NLZAW.BBOvcbcR.js

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

package/library/chunks/diagram-NH7WQ7WH.DOpRwmC2.js

@@ -0,0 +1,142 @@
+import { p as $ } from "./chunk-JWPE2WC7.BV0i4LDu.js";
+import { _ as b, A as m, E as C, d as S, l as w, b as D, a as T, n as E, o as P, g as z, s as A, y as F, B as W, p as _ } from "./mermaid.core.Dspbw7Ig.js";
+import { p as N } from "./cynefin-VYW2F7L2.c7H5z9nQ.js";
+var L = W.packet, u, v = (u = class {
+  constructor() {
+    this.packet = [], this.setAccTitle = D, this.getAccTitle = T, this.setDiagramTitle = E, this.getDiagramTitle = P, this.getAccDescription = z, this.setAccDescription = A;
+  }
+  getConfig() {
+    const t = m({
+      ...L,
+      ...F().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) => {
+  $(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 < M; ) {
+      const [p, o] = I({ 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"), I = /* @__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), Y(t, r);
+  }, "parse")
+}, O = /* @__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 = C(t);
+  f.attr("viewBox", `0 0 ${k} ${g}`), S(f, g, k, l.useMaxWidth);
+  for (const [y, B] of p.entries())
+    j(f, B, 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"), j = /* @__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"), G = { draw: O }, H = {
+  byteFontSize: "10px",
+  startByteColor: "black",
+  endByteColor: "black",
+  labelColor: "black",
+  labelFontSize: "12px",
+  titleColor: "black",
+  titleFontSize: "14px",
+  blockStrokeColor: "black",
+  blockStrokeWidth: "1",
+  blockFillColor: "#efefef"
+}, K = /* @__PURE__ */ b(({ packet: e } = {}) => {
+  const t = m(H, 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"), q = {
+  parser: x,
+  get db() {
+    return new v();
+  },
+  renderer: G,
+  styles: K
+};
+export {
+  q as diagram
+};