@kong-ui-public/documentation 1.7.40-pr.3869.e876c8c8a.0 → 1.7.40

package/dist/diagram-KO2AKTUF-RfkqD-VW-yyAds1Qq.js

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

package/dist/diagram-LMA3HP47-Ct7s9hIt-Dy6f9BAO.js

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