@marimo-team/islands 0.23.17-dev9 → 0.24.1-dev0

package/dist/diagram-B4RE2ZJO-Be9eYLJ0.js

@@ -0,0 +1,464 @@
+var _a;
+import "./purify.es-DR5PNXwx.js";
+import { a as cleanAndMerge, n as calculateTextDimensions, v as wrapLabel } from "./chunk-NSK5VX7P-BmmoJBbx.js";
+import { n as log, t as select_default } from "./src-BwVZVGyf.js";
+import { n as __name } from "./chunk-Y2CYZVJY-DX3DSigL.js";
+import { H as setAccDescription, K as setDiagramTitle, U as setAccTitle, Y as setupGraphViewbox2, a as clear, b as getConfig, f as defaultConfig_default, v as getAccDescription, w as getDiagramTitle, x as getConfig2, y as getAccTitle, z as sanitizeText } from "./chunk-I66GZJ75-9xAsFrdW.js";
+import "./dist-HaLHv0k5.js";
+import { T as isEmResetFrame } from "./chunk-KEIR6QF5-aP6TmWQ-.js";
+import "./chunk-MOZMSUNE-BQi-ggQx.js";
+import "./chunk-OSBZ3O6U-BcrmpSY_.js";
+import "./chunk-5JV3BV7I-B7tzprBU.js";
+import "./chunk-CYSBUYHQ-Cv-vKQV-.js";
+import "./chunk-BIQX33UG-B-BYk6sM.js";
+import "./chunk-EMLP6XTP-DCtMkXLF.js";
+import "./chunk-YOTPTUD7-C8qfgaz5.js";
+import "./chunk-QBLGF6JB-BACuPUWb.js";
+import "./chunk-5TONJI2A-LRqbgPte.js";
+import "./chunk-5HE753X5-D2jFCVXb.js";
+import "./chunk-U6XO7XAA-I8tCjTeT.js";
+import "./chunk-JG7HCLWE-CZIm6axg.js";
+import "./chunk-CQNSW5MT-DBXDKSOU.js";
+import "./chunk-R7FJI6CG-BYAXJpIb.js";
+import "./chunk-5FCAYU7R-C3cMIeyz.js";
+import { t as populateCommonDb } from "./chunk-JWPE2WC7-C_Daz-Oc.js";
+import { n as parse } from "./mermaid-parser.core-BQzz3_BI.js";
+var PositionFrameKind = "position frame", FramePositionedKind = "frame positioned", PositionRelationKind = "position relation", RelationPositionedKind = "relation positioned", setOptions = /* @__PURE__ */ __name(function(l) {
+  log.debug("options str", l);
+}, "setOptions"), getOptions = /* @__PURE__ */ __name(function() {
+  return {};
+}, "getOptions"), clear2 = /* @__PURE__ */ __name(function() {
+  reset(), clear();
+}, "clear");
+function reset() {
+  store = {};
+}
+__name(reset, "reset");
+var DEFAULT_EVENTMODELING_CONFIG = defaultConfig_default.eventmodeling, getConfig3 = /* @__PURE__ */ __name(() => cleanAndMerge({
+  ...DEFAULT_EVENTMODELING_CONFIG,
+  ...getConfig().eventmodeling
+}), "getConfig"), store = {};
+function getState() {
+  let l = initial, { ast: R } = store, z = getDiagramProps();
+  if (!R) throw Error("No data for EventModel");
+  return R.frames.forEach((V, H) => {
+    let U = calculateTextProps(V, R.dataEntities, z);
+    l = dispatch(l, {
+      $kind: PositionFrameKind,
+      index: H,
+      frame: V,
+      textProps: U
+    });
+    let W;
+    hasSourceFrame(V) ? (log.debug("source frame", V.sourceFrames), W = R.frames.filter((l2) => V.sourceFrames.some((R2) => R2.$refText === l2.name)), W.forEach((R2) => {
+      l = dispatch(l, {
+        $kind: PositionRelationKind,
+        index: H,
+        frame: V,
+        sourceFrame: R2
+      });
+    })) : l = dispatch(l, {
+      $kind: PositionRelationKind,
+      index: H,
+      frame: V
+    });
+  }), l = {
+    ...l,
+    sortedSwimlanesArray: sortedSwimlanesArray(l.swimlanes)
+  }, l;
+}
+__name(getState, "getState");
+function setAst(l) {
+  store.ast = l;
+}
+__name(setAst, "setAst");
+var diagramProps = {
+  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 getDiagramProps() {
+  return diagramProps;
+}
+__name(getDiagramProps, "getDiagramProps");
+var initial = {
+  boxes: [],
+  swimlanes: {},
+  relations: [],
+  maxR: 0,
+  sortedSwimlanesArray: []
+};
+function extractNamespace(l) {
+  let R = l.split(".");
+  if (R.length === 2) return R[0];
+}
+__name(extractNamespace, "extractNamespace");
+function extractName(l) {
+  let R = l.split(".");
+  return R.length === 2 ? R[1] : l;
+}
+__name(extractName, "extractName");
+function findSwimlaneByNamespace(l, R) {
+  if (!(!R || R.length === 0)) return Object.values(l).find((l2) => l2.namespace === R);
+}
+__name(findSwimlaneByNamespace, "findSwimlaneByNamespace");
+function findNextAvailableIndex(l, R, z) {
+  return Math.max(R, ...Object.keys(l).filter((l2) => {
+    let B = Number.parseInt(l2);
+    return B > R && B < z;
+  }).map((l2) => Number.parseInt(l2))) + 1;
+}
+__name(findNextAvailableIndex, "findNextAvailableIndex");
+function calculateSwimlaneProps(l, R) {
+  let z = extractNamespace(l.entityIdentifier), B = findSwimlaneByNamespace(R, z);
+  switch (l.modelEntityType) {
+    case "ui":
+    case "pcr":
+    case "processor":
+      return B ? {
+        index: B.index,
+        label: B.namespace || diagramProps.labelUiAutomation
+      } : z ? {
+        index: findNextAvailableIndex(R, 0, 100),
+        label: diagramProps.labelUiAutomationPrefix + z
+      } : {
+        index: 0,
+        label: diagramProps.labelUiAutomation
+      };
+    case "rmo":
+    case "readmodel":
+    case "cmd":
+    case "command":
+      return B ? {
+        index: B.index,
+        label: B.namespace || diagramProps.labelCommandReadModel
+      } : z ? {
+        index: findNextAvailableIndex(R, 100, 200),
+        label: diagramProps.labelCommandReadModelPrefix + z
+      } : {
+        index: 100,
+        label: diagramProps.labelCommandReadModel
+      };
+    case "evt":
+    case "event":
+    default:
+      return B ? {
+        index: B.index,
+        label: B.namespace || diagramProps.labelEvents
+      } : z ? {
+        index: findNextAvailableIndex(R, 200, 300),
+        label: diagramProps.labelEventsPrefix + z
+      } : {
+        index: 200,
+        label: diagramProps.labelEvents
+      };
+  }
+}
+__name(calculateSwimlaneProps, "calculateSwimlaneProps");
+function calculateEntityVisualProps(l) {
+  let { themeVariables: R } = getConfig();
+  switch (l.modelEntityType) {
+    case "ui":
+      return {
+        fill: R.emUiFill ?? "white",
+        stroke: R.emUiStroke ?? "#dbdada"
+      };
+    case "pcr":
+    case "processor":
+      return {
+        fill: R.emProcessorFill ?? "#edb3f6",
+        stroke: R.emProcessorStroke ?? "#b88cbf"
+      };
+    case "rmo":
+    case "readmodel":
+      return {
+        fill: R.emReadModelFill ?? "#d3f1a2",
+        stroke: R.emReadModelStroke ?? "#a3b732"
+      };
+    case "cmd":
+    case "command":
+      return {
+        fill: R.emCommandFill ?? "#bcd6fe",
+        stroke: R.emCommandStroke ?? "#679ac3"
+      };
+    case "evt":
+    case "event":
+      return {
+        fill: R.emEventFill ?? "#ffb778",
+        stroke: R.emEventStroke ?? "#c19a0f"
+      };
+    default:
+      return {
+        fill: "red",
+        stroke: "black"
+      };
+  }
+}
+__name(calculateEntityVisualProps, "calculateEntityVisualProps");
+function calculateTextProps(l, V, H) {
+  let U = getConfig(), W = sanitizeText(extractName(l.entityIdentifier) ?? "", U), G, K = {
+    fontSize: 16,
+    fontWeight: 700,
+    fontFamily: '"trebuchet ms", verdana, arial, sans-serif',
+    joinWith: "<br/>"
+  }, q = `<b>${wrapLabel(W, H.textMaxWidth, K)}</b>`;
+  if (l.dataInlineValue && (G = l.dataInlineValue, G = G.substring(G.indexOf("{") + 1), G = G.substring(0, G.lastIndexOf("}") - 1), G = sanitizeText(G, U), G = wrapLabel(G, H.textMaxWidth, K), G = G.replaceAll(" ", "&nbsp;")), l.dataReference) {
+    let R = V.find((R2) => {
+      var _a2;
+      return R2.name === ((_a2 = l.dataReference) == null ? void 0 : _a2.$refText);
+    });
+    R && (G = R.dataBlockValue, G = G.substring(G.indexOf("{\n") + 2), G = G.substring(0, G.lastIndexOf("}") - 1), G = sanitizeText(G, U), G = wrapLabel(G, H.textMaxWidth, K), G = G.replaceAll(" ", "&nbsp;"), G += "<br/>");
+  }
+  let Y = G !== void 0;
+  Y && (q += `<br/><br/><code style="text-align: left; display: block;max-width:${H.textMaxWidth}px">${G}</code>`);
+  let X = {
+    fontSize: K.fontSize,
+    fontWeight: K.fontWeight,
+    fontFamily: K.fontFamily
+  }, Z = calculateTextDimensions(q, X), Q = Y ? Z.width / 3 : Z.width, $ = {
+    content: q,
+    width: Q,
+    height: Z.height
+  };
+  return log.debug(`[${l.name}] ${l.entityIdentifier} text`, $), $;
+}
+__name(calculateTextProps, "calculateTextProps");
+function decidePositionFrame(l, R) {
+  let z = R, B = calculateEntityVisualProps(z.frame), V = {
+    width: z.textProps.width + 2 * diagramProps.boxTextPadding,
+    height: z.textProps.height + 2 * diagramProps.boxTextPadding
+  };
+  return [{
+    $kind: FramePositionedKind,
+    frame: z.frame,
+    index: z.index,
+    visual: B,
+    dimension: V,
+    textProps: z.textProps
+  }];
+}
+__name(decidePositionFrame, "decidePositionFrame");
+function calculateX(l, R, z) {
+  return R === void 0 ? diagramProps.contentStartX : R.index === l.index && l.r ? l.r + diagramProps.boxPadding : z === void 0 ? diagramProps.contentStartX : z.r - diagramProps.boxOverlap + diagramProps.boxPadding;
+}
+__name(calculateX, "calculateX");
+function calculateMaxRight(l, R) {
+  let z = [...l.map((l2) => l2.r), R];
+  return Math.max(...z);
+}
+__name(calculateMaxRight, "calculateMaxRight");
+function sortedSwimlanesArray(l) {
+  return Object.values(l).sort((l2, R) => l2.index - R.index);
+}
+__name(sortedSwimlanesArray, "sortedSwimlanesArray");
+function evolveFramePositioned(l, R) {
+  let z = R, B = calculateSwimlaneProps(z.frame, l.swimlanes), V;
+  V = B.index in l.swimlanes ? l.swimlanes[B.index] : {
+    index: B.index,
+    label: B.label,
+    r: 0,
+    y: B.index * diagramProps.swimlaneMinHeight + diagramProps.swimlaneGap,
+    height: diagramProps.swimlaneMinHeight,
+    maxHeight: diagramProps.swimlaneMinHeight
+  };
+  let H = l.boxes.length > 0 ? l.boxes[l.boxes.length - 1] : void 0, U = l.previousSwimlaneNumber === void 0 ? void 0 : l.swimlanes[l.previousSwimlaneNumber], W = {
+    width: Math.max(diagramProps.boxMinWidth, Math.min(diagramProps.boxMaxWidth, z.dimension.width)) + 2 * diagramProps.boxPadding,
+    height: Math.max(diagramProps.boxMinHeight, Math.min(diagramProps.boxMaxHeight, z.dimension.height)) + 2 * diagramProps.boxPadding
+  }, G = calculateX(V, U, H), K = G + W.width + diagramProps.boxPadding, q = calculateMaxRight(Object.values(l.swimlanes), K);
+  V.r = G + W.width, V.maxHeight = Math.max(V.maxHeight, W.height), V.height = Math.max(diagramProps.swimlaneMinHeight, V.maxHeight) + 2 * diagramProps.swimlanePadding;
+  let J = {
+    x: G,
+    y: diagramProps.swimlanePadding + V.y,
+    r: K,
+    dimension: W,
+    leftSibling: false,
+    swimlane: V,
+    visual: z.visual,
+    text: z.textProps.content,
+    frame: z.frame,
+    index: z.index
+  }, Y = {
+    ...l,
+    boxes: [...l.boxes, J],
+    swimlanes: {
+      ...l.swimlanes,
+      [`${V.index}`]: V
+    },
+    previousSwimlaneNumber: B.index,
+    previousFrame: z.frame,
+    maxR: q
+  }, X = sortedSwimlanesArray(Y.swimlanes);
+  X.length > 0 && (X[0].y = 0);
+  for (let l2 = 1; l2 < X.length; l2++) {
+    let R2 = X[l2], z2 = X[l2 - 1];
+    R2.y = z2.y + z2.height + diagramProps.swimlaneGap;
+  }
+  return Y;
+}
+__name(evolveFramePositioned, "evolveFramePositioned");
+function isFirstFrame(l, R) {
+  return l === 0 && R.sourceFrames.length === 0;
+}
+__name(isFirstFrame, "isFirstFrame");
+function hasSourceFrame(l) {
+  return l.sourceFrames !== void 0 && l.sourceFrames !== null && l.sourceFrames.length > 0;
+}
+__name(hasSourceFrame, "hasSourceFrame");
+function findBoxByFrame(l, R) {
+  if (R != null) return l.find((l2) => l2.frame.name === R.name);
+}
+__name(findBoxByFrame, "findBoxByFrame");
+function findBoxByLineIndex(l, R, z) {
+  if (!(z < 0)) for (let B = z; B >= 0; B--) {
+    let z2 = l[B];
+    if (z2.swimlane.index !== R) return z2;
+  }
+}
+__name(findBoxByLineIndex, "findBoxByLineIndex");
+function decidePositionRelation(l, R) {
+  let z = R;
+  if (isEmResetFrame(z.frame) || isFirstFrame(z.index, z.frame)) return [];
+  let B = findBoxByFrame(l.boxes, z.frame);
+  if (B === void 0) throw Error(`Target box not found for frame ${z.frame.name}`);
+  let V;
+  return V = z.sourceFrame ? findBoxByFrame(l.boxes, z.sourceFrame) : findBoxByLineIndex(l.boxes, B.swimlane.index, z.index - 1), V === void 0 ? [] : [{
+    $kind: RelationPositionedKind,
+    frame: z.frame,
+    index: z.index,
+    sourceBox: V,
+    targetBox: B
+  }];
+}
+__name(decidePositionRelation, "decidePositionRelation");
+function evolveRelationPositioned(l, R) {
+  let z = R, B = {
+    visual: {
+      fill: "none",
+      stroke: "#000"
+    },
+    source: {
+      x: z.sourceBox.x,
+      y: z.sourceBox.y
+    },
+    target: {
+      x: z.targetBox.x,
+      y: z.targetBox.y
+    },
+    sourceBox: z.sourceBox,
+    targetBox: z.targetBox
+  };
+  return {
+    ...l,
+    relations: [...l.relations, B]
+  };
+}
+__name(evolveRelationPositioned, "evolveRelationPositioned");
+var deciders = {
+  [PositionFrameKind]: decidePositionFrame,
+  [PositionRelationKind]: decidePositionRelation
+}, evolvers = {
+  [FramePositionedKind]: evolveFramePositioned,
+  [RelationPositionedKind]: evolveRelationPositioned
+};
+function decide(l, R) {
+  let z = deciders[R.$kind];
+  if (z == null) return [];
+  let V = z(l, R);
+  return log.debug("decided events", V), V;
+}
+__name(decide, "decide");
+function evolve(l, R) {
+  let z = R.reduce((l2, R2) => {
+    let z2 = evolvers[R2.$kind];
+    return z2 == null ? l2 : z2(l2, R2);
+  }, l);
+  return log.debug("evolve events", {
+    state: l,
+    newState: z,
+    events: R
+  }), z;
+}
+__name(evolve, "evolve");
+function dispatch(l, R) {
+  return evolve(l, decide(l, R));
+}
+__name(dispatch, "dispatch");
+var db = {
+  getConfig: getConfig3,
+  setOptions,
+  getOptions,
+  clear: clear2,
+  setAccTitle,
+  getAccTitle,
+  getAccDescription,
+  setAccDescription,
+  setDiagramTitle,
+  getDiagramTitle,
+  setAst,
+  getDiagramProps,
+  getState
+}, parser = { parse: /* @__PURE__ */ __name(async (l) => {
+  let R = await parse("eventmodeling", l);
+  log.debug(R), db.setAst(R), populateCommonDb(R, db);
+}, "parse") }, DEFAULT_EVENTMODELING_CONFIG2 = (_a = getConfig2()) == null ? void 0 : _a.eventmodeling;
+function renderD3Box(l, R) {
+  return (z) => {
+    let B = z.swimlane.y + R.swimlanePadding, V = l.append("g").attr("class", "em-box");
+    V.append("rect").attr("x", z.x).attr("y", B).attr("rx", "3").attr("width", z.dimension.width).attr("height", z.dimension.height).attr("stroke", z.visual.stroke).attr("fill", z.visual.fill), V.append("foreignObject").attr("x", z.x + R.boxPadding).attr("y", B + 10).attr("width", z.dimension.width - 2 * R.boxPadding).attr("height", z.dimension.height - 2 * R.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(z.text);
+  };
+}
+__name(renderD3Box, "renderD3Box");
+function dirUpwards(l, R) {
+  return l > R;
+}
+__name(dirUpwards, "dirUpwards");
+function renderD3Relation(l, R, z, V) {
+  return (H) => {
+    let U = H.sourceBox.swimlane.y + R.swimlanePadding, W = H.targetBox.swimlane.y + R.swimlanePadding, G = dirUpwards(U, W), K = H.sourceBox.x + H.sourceBox.dimension.width * 2 / 3, q = H.targetBox.x + H.targetBox.dimension.width / 3, J, Y;
+    log.debug(`rendering relation up=${G} for `, {
+      sourceBox: H.sourceBox,
+      targetBox: H.targetBox
+    }), G ? (J = U, Y = W + H.targetBox.dimension.height) : (J = U + H.sourceBox.dimension.height, Y = W);
+    let X = V.emRelationStroke ?? H.visual.stroke;
+    l.append("path").attr("class", "em-relation").attr("fill", H.visual.fill).attr("stroke", X).attr("stroke-width", "1").attr("marker-end", `url(#${z})`).attr("d", `M${K} ${J} L${q} ${Y}`);
+  };
+}
+__name(renderD3Relation, "renderD3Relation");
+function renderD3Swimlane(l, R, z, B) {
+  return (V) => {
+    let H = l.append("g").attr("class", "em-swimlane"), U = B.emSwimlaneBackgroundOdd ?? "rgb(250,250,250)", W = B.emSwimlaneBackgroundStroke ?? "rgb(240,240,240)";
+    H.append("rect").attr("x", 0).attr("y", V.y).attr("rx", "3").attr("width", R + z.swimlanePadding).attr("height", V.height).attr("fill", U).attr("stroke", W), H.append("text").attr("font-weight", z.swimlaneTextFontWeight).attr("x", 30).attr("y", V.y + 30).text(V.label);
+  };
+}
+__name(renderD3Swimlane, "renderD3Swimlane");
+var diagram = {
+  parser,
+  db,
+  renderer: { draw: /* @__PURE__ */ __name(function(l, R, z, H) {
+    if (log.debug("in eventmodeling renderer", l + "\n", "id:", R, z), !DEFAULT_EVENTMODELING_CONFIG2) throw Error("EventModeling config not found");
+    let U = H.db, { themeVariables: W, eventmodeling: G } = getConfig2(), q = select_default(`[id="${R}"]`), J = U.getDiagramProps(), Y = U.getState(), X = `em-arrowhead-${R}`, Z = W.emArrowhead ?? "#000000";
+    Y.sortedSwimlanesArray.forEach(renderD3Swimlane(q, Y.maxR, J, W)), Y.boxes.forEach(renderD3Box(q, J)), Y.relations.forEach(renderD3Relation(q, J, X, W)), q.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", Z), setupGraphViewbox2(void 0, q, (G == null ? void 0 : G.padding) ?? 30, G == null ? void 0 : G.useMaxWidth);
+  }, "draw") },
+  styles: /* @__PURE__ */ __name((l) => "", "getStyles")
+};
+export {
+  diagram
+};

package/dist/{diagram-S2PKOQOG-CGh4OMEV.js → diagram-LBJQPF4R-BNSnzxFw.js}

@@ -1,21 +1,29 @@
 var _a;
-import "./chunk-TCCFYFTB-DPWJa9zL.js";
-import "./main-B1Jo_8pC.js";
-import "./purify.es-EnR5yhgI.js";
-import { i as cleanAndMerge } from "./chunk-S3R3BYOJ-BdgLc8AM.js";
-import { i as log, r as __name } from "./src-DV3ha_nA.js";
-import { B as setAccTitle, C as getDiagramTitle, U as setDiagramTitle, _ as getAccDescription, a as clear, c as configureSvgSize, d as defaultConfig_default, v as getAccTitle, y as getConfig, z as setAccDescription } from "./chunk-ABZYJK2D-BxBDji1u.js";
-import { t as selectSvgElement } from "./chunk-EXTU4WIE-BQPBhApE.js";
-import "./dist-DsoKosxi.js";
-import "./chunk-UMXZTB3W-D1uHz8MN.js";
-import "./chunk-4F5CHEZ2-VlodlEGo.js";
-import "./chunk-FRFDVMJY-BHBqN-vD.js";
-import "./chunk-SJTYNZTY-DnXoKWpW.js";
-import "./chunk-PL6DKKU2-CAHKc95s.js";
-import "./chunk-TQ3KTPDO-CsDx6v37.js";
-import "./chunk-B2363JML-zL3VngtH.js";
-import { t as populateCommonDb } from "./chunk-4BX2VUAB-iU5lQTDI.js";
-import { t as parse } from "./mermaid-parser.core-DoivvxPd.js";
+import "./purify.es-DR5PNXwx.js";
+import { a as cleanAndMerge } from "./chunk-NSK5VX7P-BmmoJBbx.js";
+import { n as log } from "./src-BwVZVGyf.js";
+import { n as __name } from "./chunk-Y2CYZVJY-DX3DSigL.js";
+import { H as setAccDescription, K as setDiagramTitle, U as setAccTitle, a as clear, b as getConfig, c as configureSvgSize, f as defaultConfig_default, v as getAccDescription, w as getDiagramTitle, y as getAccTitle } from "./chunk-I66GZJ75-9xAsFrdW.js";
+import { t as selectSvgElement } from "./chunk-3NCLNEKW-BPlp8K7N.js";
+import "./dist-HaLHv0k5.js";
+import "./chunk-KEIR6QF5-aP6TmWQ-.js";
+import "./chunk-MOZMSUNE-BQi-ggQx.js";
+import "./chunk-OSBZ3O6U-BcrmpSY_.js";
+import "./chunk-5JV3BV7I-B7tzprBU.js";
+import "./chunk-CYSBUYHQ-Cv-vKQV-.js";
+import "./chunk-BIQX33UG-B-BYk6sM.js";
+import "./chunk-EMLP6XTP-DCtMkXLF.js";
+import "./chunk-YOTPTUD7-C8qfgaz5.js";
+import "./chunk-QBLGF6JB-BACuPUWb.js";
+import "./chunk-5TONJI2A-LRqbgPte.js";
+import "./chunk-5HE753X5-D2jFCVXb.js";
+import "./chunk-U6XO7XAA-I8tCjTeT.js";
+import "./chunk-JG7HCLWE-CZIm6axg.js";
+import "./chunk-CQNSW5MT-DBXDKSOU.js";
+import "./chunk-R7FJI6CG-BYAXJpIb.js";
+import "./chunk-5FCAYU7R-C3cMIeyz.js";
+import { t as populateCommonDb } from "./chunk-JWPE2WC7-C_Daz-Oc.js";
+import { n as parse } from "./mermaid-parser.core-BQzz3_BI.js";
 var DEFAULT_PACKET_CONFIG = defaultConfig_default.packet, PacketDB = (_a = class {
   constructor() {
     this.packet = [], this.setAccTitle = setAccTitle, this.getAccTitle = getAccTitle, this.setDiagramTitle = setDiagramTitle, this.getDiagramTitle = getDiagramTitle, this.getAccDescription = getAccDescription, this.setAccDescription = setAccDescription;
@@ -82,7 +90,7 @@ var DEFAULT_PACKET_CONFIG = defaultConfig_default.packet, PacketDB = (_a = class
   }, "parse")
 }, draw = /* @__PURE__ */ __name((e, d, f, p) => {
   let m = p.db, h = m.getConfig(), { rowHeight: g, paddingY: _, bitWidth: y, bitsPerRow: b } = h, x = m.getPacket(), S = m.getDiagramTitle(), C = g + _, w = C * (x.length + 1) - (S ? 0 : g), T = y * b + 2, E = selectSvgElement(d);
-  E.attr("viewbox", `0 0 ${T} ${w}`), configureSvgSize(E, w, T, h.useMaxWidth);
+  E.attr("viewBox", `0 0 ${T} ${w}`), configureSvgSize(E, w, T, h.useMaxWidth);
   for (let [e2, d2] of x.entries()) drawWord(E, d2, e2, h);
   E.append("text").text(S).attr("x", T / 2).attr("y", w - C / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
 }, "draw"), drawWord = /* @__PURE__ */ __name((e, d, f, { rowHeight: p, paddingX: m, paddingY: h, bitWidth: g, bitsPerRow: _, showBits: v }) => {