@marimo-team/islands 0.14.11-dev39 → 0.14.11-dev4

package/dist/chunk-BFAMUDN2-BT75CqeT.js

@@ -1,8 +0,0 @@
-import { _ as a, d as o } from "./mermaid-BrDUrAOA.js";
-var d = /* @__PURE__ */ a((t, e) => {
-  let n;
-  return e === "sandbox" && (n = o("#i" + t)), (e === "sandbox" ? o(n.nodes()[0].contentDocument.body) : o("body")).select(`[id="${t}"]`);
-}, "getDiagramElement");
-export {
-  d as g
-};

package/dist/chunk-E2GYISFI-C0R6djsG.js

@@ -1,19 +0,0 @@
-import { _ as e } from "./mermaid-BrDUrAOA.js";
-var l = /* @__PURE__ */ e(() => `
-  /* Font Awesome icon styling - consolidated */
-  .label-icon {
-    display: inline-block;
-    height: 1em;
-    overflow: visible;
-    vertical-align: -0.125em;
-  }
-  
-  .node .label-icon path {
-    fill: currentColor;
-    stroke: revert;
-    stroke-width: revert;
-  }
-`, "getIconStyles");
-export {
-  l as g
-};

package/dist/chunk-SKB7J2MH-CW_LVmrE.js

@@ -1,20 +0,0 @@
-import { _ as a, e as w, l as x } from "./mermaid-BrDUrAOA.js";
-var d = /* @__PURE__ */ a((e, t, i, r) => {
-  e.attr("class", i);
-  const { width: o, height: h, x: n, y: c } = u(e, t);
-  w(e, h, o, r);
-  const s = l(n, c, o, h, t);
-  e.attr("viewBox", s), x.debug(`viewBox configured: ${s} with padding: ${t}`);
-}, "setupViewPortForSVG"), u = /* @__PURE__ */ a((e, t) => {
-  var _a;
-  const i = ((_a = e.node()) == null ? void 0 : _a.getBBox()) || { width: 0, height: 0, x: 0, y: 0 };
-  return {
-    width: i.width + t * 2,
-    height: i.height + t * 2,
-    x: i.x,
-    y: i.y
-  };
-}, "calculateDimensionsWithPadding"), l = /* @__PURE__ */ a((e, t, i, r, o) => `${e - o} ${t - o} ${i} ${r}`, "createViewBox");
-export {
-  d as s
-};

package/dist/diagram-3EMPZRKU-K1apRbx_.js

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

package/dist/diagram-5UYTHUR4-CDt_HKgG.js

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