markdown-flow-ui 0.1.81-beta.11 → 0.1.81-beta.13

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/architectureDiagram-VXUJARFQ.js

@@ -0,0 +1,831 @@
+import { selectSvgElement as lt } from "./chunk-EXTU4WIE.js";
+import { createText as M, getIconSVG as Y, registerIconPacks as dt, unknownIcon as ft } from "./chunk-JA3XYJ7Z.js";
+import { populateCommonDb as ht } from "./chunk-4BX2VUAB.js";
+import { cleanAndMerge as gt, getEdgeId as ut } from "./chunk-S3R3BYOJ.js";
+import { setupGraphViewbox as pt, setAccTitle as mt, getAccTitle as yt, setDiagramTitle as wt, getDiagramTitle as kt, getAccDescription as xt, setAccDescription as vt, clear as bt, getConfig as Et, defaultConfig_default as $t, getConfig2 as N, sanitizeText as At } from "./chunk-ABZYJK2D.js";
+import { __name as a, log as W } from "./chunk-AGHRB4JF.js";
+import { parse as St } from "../../../../../../@mermaid-js_parser@0.6.3/node_modules/@mermaid-js/parser/dist/mermaid-parser.core.js";
+import U from "../../../../../../cytoscape@3.33.1/node_modules/cytoscape/dist/cytoscape.esm.js";
+import Dt from "../../../../../../../../../../../_virtual/cytoscape-fcose.js";
+import "../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
+import "../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
+import Tt from "../../../../../../d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
+var q = {
+  L: "left",
+  R: "right",
+  T: "top",
+  B: "bottom"
+}, H = {
+  L: /* @__PURE__ */ a((e) => `${e},${e / 2} 0,${e} 0,0`, "L"),
+  R: /* @__PURE__ */ a((e) => `0,${e / 2} ${e},0 ${e},${e}`, "R"),
+  T: /* @__PURE__ */ a((e) => `0,0 ${e},0 ${e / 2},${e}`, "T"),
+  B: /* @__PURE__ */ a((e) => `${e / 2},0 ${e},${e} 0,${e}`, "B")
+}, P = {
+  L: /* @__PURE__ */ a((e, t) => e - t + 2, "L"),
+  R: /* @__PURE__ */ a((e, t) => e - 2, "R"),
+  T: /* @__PURE__ */ a((e, t) => e - t + 2, "T"),
+  B: /* @__PURE__ */ a((e, t) => e - 2, "B")
+}, Bt = /* @__PURE__ */ a(function(e) {
+  return A(e) ? e === "L" ? "R" : "L" : e === "T" ? "B" : "T";
+}, "getOppositeArchitectureDirection"), V = /* @__PURE__ */ a(function(e) {
+  const t = e;
+  return t === "L" || t === "R" || t === "T" || t === "B";
+}, "isArchitectureDirection"), A = /* @__PURE__ */ a(function(e) {
+  const t = e;
+  return t === "L" || t === "R";
+}, "isArchitectureDirectionX"), L = /* @__PURE__ */ a(function(e) {
+  const t = e;
+  return t === "T" || t === "B";
+}, "isArchitectureDirectionY"), _ = /* @__PURE__ */ a(function(e, t) {
+  const i = A(e) && L(t), o = L(e) && A(t);
+  return i || o;
+}, "isArchitectureDirectionXY"), Ct = /* @__PURE__ */ a(function(e) {
+  const t = e[0], i = e[1], o = A(t) && L(i), r = L(t) && A(i);
+  return o || r;
+}, "isArchitecturePairXY"), Lt = /* @__PURE__ */ a(function(e) {
+  return e !== "LL" && e !== "RR" && e !== "TT" && e !== "BB";
+}, "isValidArchitectureDirectionPair"), O = /* @__PURE__ */ a(function(e, t) {
+  const i = `${e}${t}`;
+  return Lt(i) ? i : void 0;
+}, "getArchitectureDirectionPair"), zt = /* @__PURE__ */ a(function([e, t], i) {
+  const o = i[0], r = i[1];
+  return A(o) ? L(r) ? [e + (o === "L" ? -1 : 1), t + (r === "T" ? 1 : -1)] : [e + (o === "L" ? -1 : 1), t] : A(r) ? [e + (r === "L" ? 1 : -1), t + (o === "T" ? 1 : -1)] : [e, t + (o === "T" ? 1 : -1)];
+}, "shiftPositionByArchitectureDirectionPair"), jt = /* @__PURE__ */ a(function(e) {
+  return e === "LT" || e === "TL" ? [1, 1] : e === "BL" || e === "LB" ? [1, -1] : e === "BR" || e === "RB" ? [-1, -1] : [-1, 1];
+}, "getArchitectureDirectionXYFactors"), It = /* @__PURE__ */ a(function(e, t) {
+  return _(e, t) ? "bend" : A(e) ? "horizontal" : "vertical";
+}, "getArchitectureDirectionAlignment"), Ft = /* @__PURE__ */ a(function(e) {
+  return e.type === "service";
+}, "isArchitectureService"), Pt = /* @__PURE__ */ a(function(e) {
+  return e.type === "junction";
+}, "isArchitectureJunction"), K = /* @__PURE__ */ a((e) => e.data(), "edgeData"), j = /* @__PURE__ */ a((e) => e.data(), "nodeData"), Gt = $t.architecture, I, Q = (I = class {
+  constructor() {
+    this.nodes = {}, this.groups = {}, this.edges = [], this.registeredIds = {}, this.elements = {}, this.setAccTitle = mt, this.getAccTitle = yt, this.setDiagramTitle = wt, this.getDiagramTitle = kt, this.getAccDescription = xt, this.setAccDescription = vt, this.clear();
+  }
+  clear() {
+    this.nodes = {}, this.groups = {}, this.edges = [], this.registeredIds = {}, this.dataStructures = void 0, this.elements = {}, bt();
+  }
+  addService({
+    id: t,
+    icon: i,
+    in: o,
+    title: r,
+    iconText: d
+  }) {
+    if (this.registeredIds[t] !== void 0)
+      throw new Error(
+        `The service id [${t}] is already in use by another ${this.registeredIds[t]}`
+      );
+    if (o !== void 0) {
+      if (t === o)
+        throw new Error(`The service [${t}] cannot be placed within itself`);
+      if (this.registeredIds[o] === void 0)
+        throw new Error(
+          `The service [${t}]'s parent does not exist. Please make sure the parent is created before this service`
+        );
+      if (this.registeredIds[o] === "node")
+        throw new Error(`The service [${t}]'s parent is not a group`);
+    }
+    this.registeredIds[t] = "node", this.nodes[t] = {
+      id: t,
+      type: "service",
+      icon: i,
+      iconText: d,
+      title: r,
+      edges: [],
+      in: o
+    };
+  }
+  getServices() {
+    return Object.values(this.nodes).filter(Ft);
+  }
+  addJunction({ id: t, in: i }) {
+    this.registeredIds[t] = "node", this.nodes[t] = {
+      id: t,
+      type: "junction",
+      edges: [],
+      in: i
+    };
+  }
+  getJunctions() {
+    return Object.values(this.nodes).filter(Pt);
+  }
+  getNodes() {
+    return Object.values(this.nodes);
+  }
+  getNode(t) {
+    return this.nodes[t] ?? null;
+  }
+  addGroup({ id: t, icon: i, in: o, title: r }) {
+    if (this.registeredIds?.[t] !== void 0)
+      throw new Error(
+        `The group id [${t}] is already in use by another ${this.registeredIds[t]}`
+      );
+    if (o !== void 0) {
+      if (t === o)
+        throw new Error(`The group [${t}] cannot be placed within itself`);
+      if (this.registeredIds?.[o] === void 0)
+        throw new Error(
+          `The group [${t}]'s parent does not exist. Please make sure the parent is created before this group`
+        );
+      if (this.registeredIds?.[o] === "node")
+        throw new Error(`The group [${t}]'s parent is not a group`);
+    }
+    this.registeredIds[t] = "group", this.groups[t] = {
+      id: t,
+      icon: i,
+      title: r,
+      in: o
+    };
+  }
+  getGroups() {
+    return Object.values(this.groups);
+  }
+  addEdge({
+    lhsId: t,
+    rhsId: i,
+    lhsDir: o,
+    rhsDir: r,
+    lhsInto: d,
+    rhsInto: f,
+    lhsGroup: u,
+    rhsGroup: l,
+    title: n
+  }) {
+    if (!V(o))
+      throw new Error(
+        `Invalid direction given for left hand side of edge ${t}--${i}. Expected (L,R,T,B) got ${String(o)}`
+      );
+    if (!V(r))
+      throw new Error(
+        `Invalid direction given for right hand side of edge ${t}--${i}. Expected (L,R,T,B) got ${String(r)}`
+      );
+    if (this.nodes[t] === void 0 && this.groups[t] === void 0)
+      throw new Error(
+        `The left-hand id [${t}] does not yet exist. Please create the service/group before declaring an edge to it.`
+      );
+    if (this.nodes[i] === void 0 && this.groups[i] === void 0)
+      throw new Error(
+        `The right-hand id [${i}] does not yet exist. Please create the service/group before declaring an edge to it.`
+      );
+    const s = this.nodes[t].in, p = this.nodes[i].in;
+    if (u && s && p && s == p)
+      throw new Error(
+        `The left-hand id [${t}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
+      );
+    if (l && s && p && s == p)
+      throw new Error(
+        `The right-hand id [${i}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
+      );
+    const h = {
+      lhsId: t,
+      lhsDir: o,
+      lhsInto: d,
+      lhsGroup: u,
+      rhsId: i,
+      rhsDir: r,
+      rhsInto: f,
+      rhsGroup: l,
+      title: n
+    };
+    this.edges.push(h), this.nodes[t] && this.nodes[i] && (this.nodes[t].edges.push(this.edges[this.edges.length - 1]), this.nodes[i].edges.push(this.edges[this.edges.length - 1]));
+  }
+  getEdges() {
+    return this.edges;
+  }
+  /**
+   * Returns the current diagram's adjacency list, spatial map, & group alignments.
+   * If they have not been created, run the algorithms to generate them.
+   * @returns
+   */
+  getDataStructures() {
+    if (this.dataStructures === void 0) {
+      const t = {}, i = Object.entries(this.nodes).reduce((l, [n, s]) => (l[n] = s.edges.reduce((p, h) => {
+        const g = this.getNode(h.lhsId)?.in, c = this.getNode(h.rhsId)?.in;
+        if (g && c && g !== c) {
+          const m = It(h.lhsDir, h.rhsDir);
+          m !== "bend" && (t[g] ??= {}, t[g][c] = m, t[c] ??= {}, t[c][g] = m);
+        }
+        if (h.lhsId === n) {
+          const m = O(h.lhsDir, h.rhsDir);
+          m && (p[m] = h.rhsId);
+        } else {
+          const m = O(h.rhsDir, h.lhsDir);
+          m && (p[m] = h.lhsId);
+        }
+        return p;
+      }, {}), l), {}), o = Object.keys(i)[0], r = { [o]: 1 }, d = Object.keys(i).reduce(
+        (l, n) => n === o ? l : { ...l, [n]: 1 },
+        {}
+      ), f = /* @__PURE__ */ a((l) => {
+        const n = { [l]: [0, 0] }, s = [l];
+        for (; s.length > 0; ) {
+          const p = s.shift();
+          if (p) {
+            r[p] = 1, delete d[p];
+            const h = i[p], [g, c] = n[p];
+            Object.entries(h).forEach(([m, w]) => {
+              r[w] || (n[w] = zt(
+                [g, c],
+                m
+              ), s.push(w));
+            });
+          }
+        }
+        return n;
+      }, "BFS"), u = [f(o)];
+      for (; Object.keys(d).length > 0; )
+        u.push(f(Object.keys(d)[0]));
+      this.dataStructures = {
+        adjList: i,
+        spatialMaps: u,
+        groupAlignments: t
+      };
+    }
+    return this.dataStructures;
+  }
+  setElementForId(t, i) {
+    this.elements[t] = i;
+  }
+  getElementById(t) {
+    return this.elements[t];
+  }
+  getConfig() {
+    return gt({
+      ...Gt,
+      ...Et().architecture
+    });
+  }
+  getConfigField(t) {
+    return this.getConfig()[t];
+  }
+}, a(I, "ArchitectureDB"), I), Rt = /* @__PURE__ */ a((e, t) => {
+  ht(e, t), e.groups.map((i) => t.addGroup(i)), e.services.map((i) => t.addService({ ...i, type: "service" })), e.junctions.map((i) => t.addJunction({ ...i, type: "junction" })), e.edges.map((i) => t.addEdge(i));
+}, "populateDb"), tt = {
+  parser: {
+    // @ts-expect-error - ArchitectureDB is not assignable to DiagramDB
+    yy: void 0
+  },
+  parse: /* @__PURE__ */ a(async (e) => {
+    const t = await St("architecture", e);
+    W.debug(t);
+    const i = tt.parser?.yy;
+    if (!(i instanceof Q))
+      throw new Error(
+        "parser.parser?.yy was not a ArchitectureDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues."
+      );
+    Rt(t, i);
+  }, "parse")
+}, Xt = /* @__PURE__ */ a((e) => `
+  .edge {
+    stroke-width: ${e.archEdgeWidth};
+    stroke: ${e.archEdgeColor};
+    fill: none;
+  }
+
+  .arrow {
+    fill: ${e.archEdgeArrowColor};
+  }
+
+  .node-bkg {
+    fill: none;
+    stroke: ${e.archGroupBorderColor};
+    stroke-width: ${e.archGroupBorderWidth};
+    stroke-dasharray: 8;
+  }
+  .node-icon-text {
+    display: flex; 
+    align-items: center;
+  }
+  
+  .node-icon-text > div {
+    color: #fff;
+    margin: 1px;
+    height: fit-content;
+    text-align: center;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+`, "getStyles"), Yt = Xt, z = /* @__PURE__ */ a((e) => `<g><rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>${e}</g>`, "wrapIcon"), F = {
+  prefix: "mermaid-architecture",
+  height: 80,
+  width: 80,
+  icons: {
+    database: {
+      body: z(
+        '<path id="b" data-name="4" d="m20,57.86c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><path id="c" data-name="3" d="m20,45.95c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><path id="d" data-name="2" d="m20,34.05c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><ellipse id="e" data-name="1" cx="40" cy="22.14" rx="20" ry="7.14" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><line x1="20" y1="57.86" x2="20" y2="22.14" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><line x1="60" y1="57.86" x2="60" y2="22.14" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/>'
+      )
+    },
+    server: {
+      body: z(
+        '<rect x="17.5" y="17.5" width="45" height="45" rx="2" ry="2" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><line x1="17.5" y1="32.5" x2="62.5" y2="32.5" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><line x1="17.5" y1="47.5" x2="62.5" y2="47.5" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><g><path d="m56.25,25c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z" style="fill: #fff; stroke-width: 0px;"/><path d="m56.25,25c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z" style="fill: none; stroke: #fff; stroke-miterlimit: 10;"/></g><g><path d="m56.25,40c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z" style="fill: #fff; stroke-width: 0px;"/><path d="m56.25,40c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z" style="fill: none; stroke: #fff; stroke-miterlimit: 10;"/></g><g><path d="m56.25,55c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z" style="fill: #fff; stroke-width: 0px;"/><path d="m56.25,55c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z" style="fill: none; stroke: #fff; stroke-miterlimit: 10;"/></g><g><circle cx="32.5" cy="25" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/><circle cx="27.5" cy="25" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/><circle cx="22.5" cy="25" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/></g><g><circle cx="32.5" cy="40" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/><circle cx="27.5" cy="40" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/><circle cx="22.5" cy="40" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/></g><g><circle cx="32.5" cy="55" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/><circle cx="27.5" cy="55" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/><circle cx="22.5" cy="55" r=".75" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10;"/></g>'
+      )
+    },
+    disk: {
+      body: z(
+        '<rect x="20" y="15" width="40" height="50" rx="1" ry="1" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><ellipse cx="24" cy="19.17" rx=".8" ry=".83" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><ellipse cx="56" cy="19.17" rx=".8" ry=".83" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><ellipse cx="24" cy="60.83" rx=".8" ry=".83" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><ellipse cx="56" cy="60.83" rx=".8" ry=".83" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><ellipse cx="40" cy="33.75" rx="14" ry="14.58" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><ellipse cx="40" cy="33.75" rx="4" ry="4.17" style="fill: #fff; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><path d="m37.51,42.52l-4.83,13.22c-.26.71-1.1,1.02-1.76.64l-4.18-2.42c-.66-.38-.81-1.26-.33-1.84l9.01-10.8c.88-1.05,2.56-.08,2.09,1.2Z" style="fill: #fff; stroke-width: 0px;"/>'
+      )
+    },
+    internet: {
+      body: z(
+        '<circle cx="40" cy="40" r="22.5" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><line x1="40" y1="17.5" x2="40" y2="62.5" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><line x1="17.5" y1="40" x2="62.5" y2="40" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><path d="m39.99,17.51c-15.28,11.1-15.28,33.88,0,44.98" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><path d="m40.01,17.51c15.28,11.1,15.28,33.88,0,44.98" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><line x1="19.75" y1="30.1" x2="60.25" y2="30.1" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/><line x1="19.75" y1="49.9" x2="60.25" y2="49.9" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/>'
+      )
+    },
+    cloud: {
+      body: z(
+        '<path d="m65,47.5c0,2.76-2.24,5-5,5H20c-2.76,0-5-2.24-5-5,0-1.87,1.03-3.51,2.56-4.36-.04-.21-.06-.42-.06-.64,0-2.6,2.48-4.74,5.65-4.97,1.65-4.51,6.34-7.76,11.85-7.76.86,0,1.69.08,2.5.23,2.09-1.57,4.69-2.5,7.5-2.5,6.1,0,11.19,4.38,12.28,10.17,2.14.56,3.72,2.51,3.72,4.83,0,.03,0,.07-.01.1,2.29.46,4.01,2.48,4.01,4.9Z" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/>'
+      )
+    },
+    unknown: ft,
+    blank: {
+      body: z("")
+    }
+  }
+}, Ot = /* @__PURE__ */ a(async function(e, t, i) {
+  const o = i.getConfigField("padding"), r = i.getConfigField("iconSize"), d = r / 2, f = r / 6, u = f / 2;
+  await Promise.all(
+    t.edges().map(async (l) => {
+      const {
+        source: n,
+        sourceDir: s,
+        sourceArrow: p,
+        sourceGroup: h,
+        target: g,
+        targetDir: c,
+        targetArrow: m,
+        targetGroup: w,
+        label: k
+      } = K(l);
+      let { x: y, y: x } = l[0].sourceEndpoint();
+      const { x: v, y: b } = l[0].midpoint();
+      let { x: E, y: S } = l[0].targetEndpoint();
+      const D = o + 4;
+      if (h && (A(s) ? y += s === "L" ? -D : D : x += s === "T" ? -D : D + 18), w && (A(c) ? E += c === "L" ? -D : D : S += c === "T" ? -D : D + 18), !h && i.getNode(n)?.type === "junction" && (A(s) ? y += s === "L" ? d : -d : x += s === "T" ? d : -d), !w && i.getNode(g)?.type === "junction" && (A(c) ? E += c === "L" ? d : -d : S += c === "T" ? d : -d), l[0]._private.rscratch) {
+        const T = e.insert("g");
+        if (T.insert("path").attr("d", `M ${y},${x} L ${v},${b} L${E},${S} `).attr("class", "edge").attr("id", ut(n, g, { prefix: "L" })), p) {
+          const $ = A(s) ? P[s](y, f) : y - u, B = L(s) ? P[s](x, f) : x - u;
+          T.insert("polygon").attr("points", H[s](f)).attr("transform", `translate(${$},${B})`).attr("class", "arrow");
+        }
+        if (m) {
+          const $ = A(c) ? P[c](E, f) : E - u, B = L(c) ? P[c](S, f) : S - u;
+          T.insert("polygon").attr("points", H[c](f)).attr("transform", `translate(${$},${B})`).attr("class", "arrow");
+        }
+        if (k) {
+          const $ = _(s, c) ? "XY" : A(s) ? "X" : "Y";
+          let B = 0;
+          $ === "X" ? B = Math.abs(y - E) : $ === "Y" ? B = Math.abs(x - S) / 1.5 : B = Math.abs(y - E) / 2;
+          const C = T.append("g");
+          if (await M(
+            C,
+            k,
+            {
+              useHtmlLabels: !1,
+              width: B,
+              classes: "architecture-service-label"
+            },
+            N()
+          ), C.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), $ === "X")
+            C.attr("transform", "translate(" + v + ", " + b + ")");
+          else if ($ === "Y")
+            C.attr("transform", "translate(" + v + ", " + b + ") rotate(-90)");
+          else if ($ === "XY") {
+            const G = O(s, c);
+            if (G && Ct(G)) {
+              const J = C.node().getBoundingClientRect(), [R, X] = jt(G);
+              C.attr("dominant-baseline", "auto").attr("transform", `rotate(${-1 * R * X * 45})`);
+              const Z = C.node().getBoundingClientRect();
+              C.attr(
+                "transform",
+                `
+                translate(${v}, ${b - J.height / 2})
+                translate(${R * Z.width / 2}, ${X * Z.height / 2})
+                rotate(${-1 * R * X * 45}, 0, ${J.height / 2})
+              `
+              );
+            }
+          }
+        }
+      }
+    })
+  );
+}, "drawEdges"), Mt = /* @__PURE__ */ a(async function(e, t, i) {
+  const r = i.getConfigField("padding") * 0.75, d = i.getConfigField("fontSize"), u = i.getConfigField("iconSize") / 2;
+  await Promise.all(
+    t.nodes().map(async (l) => {
+      const n = j(l);
+      if (n.type === "group") {
+        const { h: s, w: p, x1: h, y1: g } = l.boundingBox(), c = e.append("rect");
+        c.attr("id", `group-${n.id}`).attr("x", h + u).attr("y", g + u).attr("width", p).attr("height", s).attr("class", "node-bkg");
+        const m = e.append("g");
+        let w = h, k = g;
+        if (n.icon) {
+          const y = m.append("g");
+          y.html(
+            `<g>${await Y(n.icon, { height: r, width: r, fallbackPrefix: F.prefix })}</g>`
+          ), y.attr(
+            "transform",
+            "translate(" + (w + u + 1) + ", " + (k + u + 1) + ")"
+          ), w += r, k += d / 2 - 1 - 2;
+        }
+        if (n.label) {
+          const y = m.append("g");
+          await M(
+            y,
+            n.label,
+            {
+              useHtmlLabels: !1,
+              width: p,
+              classes: "architecture-service-label"
+            },
+            N()
+          ), y.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "start").attr("text-anchor", "start"), y.attr(
+            "transform",
+            "translate(" + (w + u + 4) + ", " + (k + u + 2) + ")"
+          );
+        }
+        i.setElementForId(n.id, c);
+      }
+    })
+  );
+}, "drawGroups"), Nt = /* @__PURE__ */ a(async function(e, t, i) {
+  const o = N();
+  for (const r of i) {
+    const d = t.append("g"), f = e.getConfigField("iconSize");
+    if (r.title) {
+      const s = d.append("g");
+      await M(
+        s,
+        r.title,
+        {
+          useHtmlLabels: !1,
+          width: f * 1.5,
+          classes: "architecture-service-label"
+        },
+        o
+      ), s.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), s.attr("transform", "translate(" + f / 2 + ", " + f + ")");
+    }
+    const u = d.append("g");
+    if (r.icon)
+      u.html(
+        `<g>${await Y(r.icon, { height: f, width: f, fallbackPrefix: F.prefix })}</g>`
+      );
+    else if (r.iconText) {
+      u.html(
+        `<g>${await Y("blank", { height: f, width: f, fallbackPrefix: F.prefix })}</g>`
+      );
+      const h = u.append("g").append("foreignObject").attr("width", f).attr("height", f).append("div").attr("class", "node-icon-text").attr("style", `height: ${f}px;`).append("div").html(At(r.iconText, o)), g = parseInt(
+        window.getComputedStyle(h.node(), null).getPropertyValue("font-size").replace(/\D/g, "")
+      ) ?? 16;
+      h.attr("style", `-webkit-line-clamp: ${Math.floor((f - 2) / g)};`);
+    } else
+      u.append("path").attr("class", "node-bkg").attr("id", "node-" + r.id).attr(
+        "d",
+        `M0 ${f} v${-f} q0,-5 5,-5 h${f} q5,0 5,5 v${f} H0 Z`
+      );
+    d.attr("id", `service-${r.id}`).attr("class", "architecture-service");
+    const { width: l, height: n } = d.node().getBBox();
+    r.width = l, r.height = n, e.setElementForId(r.id, d);
+  }
+  return 0;
+}, "drawServices"), _t = /* @__PURE__ */ a(function(e, t, i) {
+  i.forEach((o) => {
+    const r = t.append("g"), d = e.getConfigField("iconSize");
+    r.append("g").append("rect").attr("id", "node-" + o.id).attr("fill-opacity", "0").attr("width", d).attr("height", d), r.attr("class", "architecture-junction");
+    const { width: u, height: l } = r._groups[0][0].getBBox();
+    r.width = u, r.height = l, e.setElementForId(o.id, r);
+  });
+}, "drawJunctions");
+dt([
+  {
+    name: F.prefix,
+    icons: F
+  }
+]);
+U.use(Dt);
+function et(e, t, i) {
+  e.forEach((o) => {
+    t.add({
+      group: "nodes",
+      data: {
+        type: "service",
+        id: o.id,
+        icon: o.icon,
+        label: o.title,
+        parent: o.in,
+        width: i.getConfigField("iconSize"),
+        height: i.getConfigField("iconSize")
+      },
+      classes: "node-service"
+    });
+  });
+}
+a(et, "addServices");
+function it(e, t, i) {
+  e.forEach((o) => {
+    t.add({
+      group: "nodes",
+      data: {
+        type: "junction",
+        id: o.id,
+        parent: o.in,
+        width: i.getConfigField("iconSize"),
+        height: i.getConfigField("iconSize")
+      },
+      classes: "node-junction"
+    });
+  });
+}
+a(it, "addJunctions");
+function rt(e, t) {
+  t.nodes().map((i) => {
+    const o = j(i);
+    if (o.type === "group")
+      return;
+    o.x = i.position().x, o.y = i.position().y, e.getElementById(o.id).attr("transform", "translate(" + (o.x || 0) + "," + (o.y || 0) + ")");
+  });
+}
+a(rt, "positionNodes");
+function st(e, t) {
+  e.forEach((i) => {
+    t.add({
+      group: "nodes",
+      data: {
+        type: "group",
+        id: i.id,
+        icon: i.icon,
+        label: i.title,
+        parent: i.in
+      },
+      classes: "node-group"
+    });
+  });
+}
+a(st, "addGroups");
+function ot(e, t) {
+  e.forEach((i) => {
+    const { lhsId: o, rhsId: r, lhsInto: d, lhsGroup: f, rhsInto: u, lhsDir: l, rhsDir: n, rhsGroup: s, title: p } = i, h = _(i.lhsDir, i.rhsDir) ? "segments" : "straight", g = {
+      id: `${o}-${r}`,
+      label: p,
+      source: o,
+      sourceDir: l,
+      sourceArrow: d,
+      sourceGroup: f,
+      sourceEndpoint: l === "L" ? "0 50%" : l === "R" ? "100% 50%" : l === "T" ? "50% 0" : "50% 100%",
+      target: r,
+      targetDir: n,
+      targetArrow: u,
+      targetGroup: s,
+      targetEndpoint: n === "L" ? "0 50%" : n === "R" ? "100% 50%" : n === "T" ? "50% 0" : "50% 100%"
+    };
+    t.add({
+      group: "edges",
+      data: g,
+      classes: h
+    });
+  });
+}
+a(ot, "addEdges");
+function nt(e, t, i) {
+  const o = /* @__PURE__ */ a((u, l) => Object.entries(u).reduce(
+    (n, [s, p]) => {
+      let h = 0;
+      const g = Object.entries(p);
+      if (g.length === 1)
+        return n[s] = g[0][1], n;
+      for (let c = 0; c < g.length - 1; c++)
+        for (let m = c + 1; m < g.length; m++) {
+          const [w, k] = g[c], [y, x] = g[m];
+          if (i[w]?.[y] === l)
+            n[s] ??= [], n[s] = [...n[s], ...k, ...x];
+          else if (w === "default" || y === "default")
+            n[s] ??= [], n[s] = [...n[s], ...k, ...x];
+          else {
+            const b = `${s}-${h++}`;
+            n[b] = k;
+            const E = `${s}-${h++}`;
+            n[E] = x;
+          }
+        }
+      return n;
+    },
+    {}
+  ), "flattenAlignments"), r = t.map((u) => {
+    const l = {}, n = {};
+    return Object.entries(u).forEach(([s, [p, h]]) => {
+      const g = e.getNode(s)?.in ?? "default";
+      l[h] ??= {}, l[h][g] ??= [], l[h][g].push(s), n[p] ??= {}, n[p][g] ??= [], n[p][g].push(s);
+    }), {
+      horiz: Object.values(o(l, "horizontal")).filter(
+        (s) => s.length > 1
+      ),
+      vert: Object.values(o(n, "vertical")).filter(
+        (s) => s.length > 1
+      )
+    };
+  }), [d, f] = r.reduce(
+    ([u, l], { horiz: n, vert: s }) => [
+      [...u, ...n],
+      [...l, ...s]
+    ],
+    [[], []]
+  );
+  return {
+    horizontal: d,
+    vertical: f
+  };
+}
+a(nt, "getAlignments");
+function ct(e, t) {
+  const i = [], o = /* @__PURE__ */ a((d) => `${d[0]},${d[1]}`, "posToStr"), r = /* @__PURE__ */ a((d) => d.split(",").map((f) => parseInt(f)), "strToPos");
+  return e.forEach((d) => {
+    const f = Object.fromEntries(
+      Object.entries(d).map(([s, p]) => [o(p), s])
+    ), u = [o([0, 0])], l = {}, n = {
+      L: [-1, 0],
+      R: [1, 0],
+      T: [0, 1],
+      B: [0, -1]
+    };
+    for (; u.length > 0; ) {
+      const s = u.shift();
+      if (s) {
+        l[s] = 1;
+        const p = f[s];
+        if (p) {
+          const h = r(s);
+          Object.entries(n).forEach(([g, c]) => {
+            const m = o([h[0] + c[0], h[1] + c[1]]), w = f[m];
+            w && !l[m] && (u.push(m), i.push({
+              [q[g]]: w,
+              [q[Bt(g)]]: p,
+              gap: 1.5 * t.getConfigField("iconSize")
+            }));
+          });
+        }
+      }
+    }
+  }), i;
+}
+a(ct, "getRelativeConstraints");
+function at(e, t, i, o, r, { spatialMaps: d, groupAlignments: f }) {
+  return new Promise((u) => {
+    const l = Tt("body").append("div").attr("id", "cy").attr("style", "display:none"), n = U({
+      container: document.getElementById("cy"),
+      style: [
+        {
+          selector: "edge",
+          style: {
+            "curve-style": "straight",
+            label: "data(label)",
+            "source-endpoint": "data(sourceEndpoint)",
+            "target-endpoint": "data(targetEndpoint)"
+          }
+        },
+        {
+          selector: "edge.segments",
+          style: {
+            "curve-style": "segments",
+            "segment-weights": "0",
+            "segment-distances": [0.5],
+            // @ts-ignore Incorrect library types
+            "edge-distances": "endpoints",
+            "source-endpoint": "data(sourceEndpoint)",
+            "target-endpoint": "data(targetEndpoint)"
+          }
+        },
+        {
+          selector: "node",
+          style: {
+            // @ts-ignore Incorrect library types
+            "compound-sizing-wrt-labels": "include"
+          }
+        },
+        {
+          selector: "node[label]",
+          style: {
+            "text-valign": "bottom",
+            "text-halign": "center",
+            "font-size": `${r.getConfigField("fontSize")}px`
+          }
+        },
+        {
+          selector: ".node-service",
+          style: {
+            label: "data(label)",
+            width: "data(width)",
+            height: "data(height)"
+          }
+        },
+        {
+          selector: ".node-junction",
+          style: {
+            width: "data(width)",
+            height: "data(height)"
+          }
+        },
+        {
+          selector: ".node-group",
+          style: {
+            // @ts-ignore Incorrect library types
+            padding: `${r.getConfigField("padding")}px`
+          }
+        }
+      ],
+      layout: {
+        name: "grid",
+        boundingBox: {
+          x1: 0,
+          x2: 100,
+          y1: 0,
+          y2: 100
+        }
+      }
+    });
+    l.remove(), st(i, n), et(e, n, r), it(t, n, r), ot(o, n);
+    const s = nt(r, d, f), p = ct(d, r), h = n.layout({
+      name: "fcose",
+      quality: "proof",
+      styleEnabled: !1,
+      animate: !1,
+      nodeDimensionsIncludeLabels: !1,
+      // Adjust the edge parameters if it passes through the border of a group
+      // Hacky fix for: https://github.com/iVis-at-Bilkent/cytoscape.js-fcose/issues/67
+      idealEdgeLength(g) {
+        const [c, m] = g.connectedNodes(), { parent: w } = j(c), { parent: k } = j(m);
+        return w === k ? 1.5 * r.getConfigField("iconSize") : 0.5 * r.getConfigField("iconSize");
+      },
+      edgeElasticity(g) {
+        const [c, m] = g.connectedNodes(), { parent: w } = j(c), { parent: k } = j(m);
+        return w === k ? 0.45 : 1e-3;
+      },
+      alignmentConstraint: s,
+      relativePlacementConstraint: p
+    });
+    h.one("layoutstop", () => {
+      function g(c, m, w, k) {
+        let y, x;
+        const { x: v, y: b } = c, { x: E, y: S } = m;
+        x = (k - b + (v - w) * (b - S) / (v - E)) / Math.sqrt(1 + Math.pow((b - S) / (v - E), 2)), y = Math.sqrt(Math.pow(k - b, 2) + Math.pow(w - v, 2) - Math.pow(x, 2));
+        const D = Math.sqrt(Math.pow(E - v, 2) + Math.pow(S - b, 2));
+        y = y / D;
+        let T = (E - v) * (k - b) - (S - b) * (w - v);
+        switch (!0) {
+          case T >= 0:
+            T = 1;
+            break;
+          case T < 0:
+            T = -1;
+            break;
+        }
+        let $ = (E - v) * (w - v) + (S - b) * (k - b);
+        switch (!0) {
+          case $ >= 0:
+            $ = 1;
+            break;
+          case $ < 0:
+            $ = -1;
+            break;
+        }
+        return x = Math.abs(x) * T, y = y * $, {
+          distances: x,
+          weights: y
+        };
+      }
+      a(g, "getSegmentWeights"), n.startBatch();
+      for (const c of Object.values(n.edges()))
+        if (c.data?.()) {
+          const { x: m, y: w } = c.source().position(), { x: k, y } = c.target().position();
+          if (m !== k && w !== y) {
+            const x = c.sourceEndpoint(), v = c.targetEndpoint(), { sourceDir: b } = K(c), [E, S] = L(b) ? [x.x, v.y] : [v.x, x.y], { weights: D, distances: T } = g(x, v, E, S);
+            c.style("segment-distances", T), c.style("segment-weights", D);
+          }
+        }
+      n.endBatch(), h.run();
+    }), h.run(), n.ready((g) => {
+      W.info("Ready", g), u(n);
+    });
+  });
+}
+a(at, "layoutArchitecture");
+var Jt = /* @__PURE__ */ a(async (e, t, i, o) => {
+  const r = o.db, d = r.getServices(), f = r.getJunctions(), u = r.getGroups(), l = r.getEdges(), n = r.getDataStructures(), s = lt(t), p = s.append("g");
+  p.attr("class", "architecture-edges");
+  const h = s.append("g");
+  h.attr("class", "architecture-services");
+  const g = s.append("g");
+  g.attr("class", "architecture-groups"), await Nt(r, h, d), _t(r, h, f);
+  const c = await at(d, f, u, l, r, n);
+  await Ot(p, c, r), await Mt(g, c, r), rt(r, c), pt(void 0, s, r.getConfigField("padding"), r.getConfigField("useMaxWidth"));
+}, "draw"), Zt = { draw: Jt }, oe = {
+  parser: tt,
+  get db() {
+    return new Q();
+  },
+  renderer: Zt,
+  styles: Yt
+};
+export {
+  oe as diagram
+};
+//# sourceMappingURL=architectureDiagram-VXUJARFQ.js.map