@windrun-huaiin/third-ui 7.6.1 → 10.0.0

package/dist/node_modules/.pnpm/{mermaid@11.9.0/node_modules/mermaid/dist/chunks/mermaid.core/architectureDiagram-SUXI7LT5.js → mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/architectureDiagram-VXUJARFQ.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkQESNASVV = require('./chunk-QESNASVV.js');
-var chunk353BL4L5 = require('./chunk-353BL4L5.js');
-var chunkAACKK3MU = require('./chunk-AACKK3MU.js');
-var chunk55PJQP7W = require('./chunk-55PJQP7W.js');
-var chunkP3VETL53 = require('./chunk-P3VETL53.js');
-var chunk3XYRH5AP = require('./chunk-3XYRH5AP.js');
-var mermaidParser_core = require('../../../../../../@mermaid-js_parser@0.6.2/node_modules/@mermaid-js/parser/dist/mermaid-parser.core.js');
+var chunkEXTU4WIE = require('./chunk-EXTU4WIE.js');
+var chunkJA3XYJ7Z = require('./chunk-JA3XYJ7Z.js');
+var chunk4BX2VUAB = require('./chunk-4BX2VUAB.js');
+var chunkS3R3BYOJ = require('./chunk-S3R3BYOJ.js');
+var chunkABZYJK2D = require('./chunk-ABZYJK2D.js');
+var chunkAGHRB4JF = require('./chunk-AGHRB4JF.js');
+var mermaidParser_core = require('../../../../../../@mermaid-js_parser@0.6.3/node_modules/@mermaid-js/parser/dist/mermaid-parser.core.js');
 var cytoscape_esm = require('../../../../../../cytoscape@3.33.1/node_modules/cytoscape/dist/cytoscape.esm.js');
 var cytoscapeFcose = require('../../../../../../../../_virtual/cytoscape-fcose.js');
 require('../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js');
@@ -21,56 +21,56 @@ var ArchitectureDirectionName = {
   B: "bottom"
 };
 var ArchitectureDirectionArrow = {
-  L: /* @__PURE__ */ chunk3XYRH5AP.__name((scale) => `${scale},${scale / 2} 0,${scale} 0,0`, "L"),
-  R: /* @__PURE__ */ chunk3XYRH5AP.__name((scale) => `0,${scale / 2} ${scale},0 ${scale},${scale}`, "R"),
-  T: /* @__PURE__ */ chunk3XYRH5AP.__name((scale) => `0,0 ${scale},0 ${scale / 2},${scale}`, "T"),
-  B: /* @__PURE__ */ chunk3XYRH5AP.__name((scale) => `${scale / 2},0 ${scale},${scale} 0,${scale}`, "B")
+  L: /* @__PURE__ */ chunkAGHRB4JF.__name((scale) => `${scale},${scale / 2} 0,${scale} 0,0`, "L"),
+  R: /* @__PURE__ */ chunkAGHRB4JF.__name((scale) => `0,${scale / 2} ${scale},0 ${scale},${scale}`, "R"),
+  T: /* @__PURE__ */ chunkAGHRB4JF.__name((scale) => `0,0 ${scale},0 ${scale / 2},${scale}`, "T"),
+  B: /* @__PURE__ */ chunkAGHRB4JF.__name((scale) => `${scale / 2},0 ${scale},${scale} 0,${scale}`, "B")
 };
 var ArchitectureDirectionArrowShift = {
-  L: /* @__PURE__ */ chunk3XYRH5AP.__name((orig, arrowSize) => orig - arrowSize + 2, "L"),
-  R: /* @__PURE__ */ chunk3XYRH5AP.__name((orig, _arrowSize) => orig - 2, "R"),
-  T: /* @__PURE__ */ chunk3XYRH5AP.__name((orig, arrowSize) => orig - arrowSize + 2, "T"),
-  B: /* @__PURE__ */ chunk3XYRH5AP.__name((orig, _arrowSize) => orig - 2, "B")
+  L: /* @__PURE__ */ chunkAGHRB4JF.__name((orig, arrowSize) => orig - arrowSize + 2, "L"),
+  R: /* @__PURE__ */ chunkAGHRB4JF.__name((orig, _arrowSize) => orig - 2, "R"),
+  T: /* @__PURE__ */ chunkAGHRB4JF.__name((orig, arrowSize) => orig - arrowSize + 2, "T"),
+  B: /* @__PURE__ */ chunkAGHRB4JF.__name((orig, _arrowSize) => orig - 2, "B")
 };
-var getOppositeArchitectureDirection = /* @__PURE__ */ chunk3XYRH5AP.__name(function(x) {
+var getOppositeArchitectureDirection = /* @__PURE__ */ chunkAGHRB4JF.__name(function(x) {
   if (isArchitectureDirectionX(x)) {
     return x === "L" ? "R" : "L";
   } else {
     return x === "T" ? "B" : "T";
   }
 }, "getOppositeArchitectureDirection");
-var isArchitectureDirection = /* @__PURE__ */ chunk3XYRH5AP.__name(function(x) {
+var isArchitectureDirection = /* @__PURE__ */ chunkAGHRB4JF.__name(function(x) {
   const temp = x;
   return temp === "L" || temp === "R" || temp === "T" || temp === "B";
 }, "isArchitectureDirection");
-var isArchitectureDirectionX = /* @__PURE__ */ chunk3XYRH5AP.__name(function(x) {
+var isArchitectureDirectionX = /* @__PURE__ */ chunkAGHRB4JF.__name(function(x) {
   const temp = x;
   return temp === "L" || temp === "R";
 }, "isArchitectureDirectionX");
-var isArchitectureDirectionY = /* @__PURE__ */ chunk3XYRH5AP.__name(function(x) {
+var isArchitectureDirectionY = /* @__PURE__ */ chunkAGHRB4JF.__name(function(x) {
   const temp = x;
   return temp === "T" || temp === "B";
 }, "isArchitectureDirectionY");
-var isArchitectureDirectionXY = /* @__PURE__ */ chunk3XYRH5AP.__name(function(a, b) {
+var isArchitectureDirectionXY = /* @__PURE__ */ chunkAGHRB4JF.__name(function(a, b) {
   const aX_bY = isArchitectureDirectionX(a) && isArchitectureDirectionY(b);
   const aY_bX = isArchitectureDirectionY(a) && isArchitectureDirectionX(b);
   return aX_bY || aY_bX;
 }, "isArchitectureDirectionXY");
-var isArchitecturePairXY = /* @__PURE__ */ chunk3XYRH5AP.__name(function(pair) {
+var isArchitecturePairXY = /* @__PURE__ */ chunkAGHRB4JF.__name(function(pair) {
   const lhs = pair[0];
   const rhs = pair[1];
   const aX_bY = isArchitectureDirectionX(lhs) && isArchitectureDirectionY(rhs);
   const aY_bX = isArchitectureDirectionY(lhs) && isArchitectureDirectionX(rhs);
   return aX_bY || aY_bX;
 }, "isArchitecturePairXY");
-var isValidArchitectureDirectionPair = /* @__PURE__ */ chunk3XYRH5AP.__name(function(x) {
+var isValidArchitectureDirectionPair = /* @__PURE__ */ chunkAGHRB4JF.__name(function(x) {
   return x !== "LL" && x !== "RR" && x !== "TT" && x !== "BB";
 }, "isValidArchitectureDirectionPair");
-var getArchitectureDirectionPair = /* @__PURE__ */ chunk3XYRH5AP.__name(function(sourceDir, targetDir) {
+var getArchitectureDirectionPair = /* @__PURE__ */ chunkAGHRB4JF.__name(function(sourceDir, targetDir) {
   const pair = `${sourceDir}${targetDir}`;
   return isValidArchitectureDirectionPair(pair) ? pair : void 0;
 }, "getArchitectureDirectionPair");
-var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ chunk3XYRH5AP.__name(function([x, y], pair) {
+var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ chunkAGHRB4JF.__name(function([x, y], pair) {
   const lhs = pair[0];
   const rhs = pair[1];
   if (isArchitectureDirectionX(lhs)) {
@@ -87,7 +87,7 @@ var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ chunk3XYRH5AP.__n
     }
   }
 }, "shiftPositionByArchitectureDirectionPair");
-var getArchitectureDirectionXYFactors = /* @__PURE__ */ chunk3XYRH5AP.__name(function(pair) {
+var getArchitectureDirectionXYFactors = /* @__PURE__ */ chunkAGHRB4JF.__name(function(pair) {
   if (pair === "LT" || pair === "TL") {
     return [1, 1];
   } else if (pair === "BL" || pair === "LB") {
@@ -98,7 +98,7 @@ var getArchitectureDirectionXYFactors = /* @__PURE__ */ chunk3XYRH5AP.__name(fun
     return [-1, 1];
   }
 }, "getArchitectureDirectionXYFactors");
-var getArchitectureDirectionAlignment = /* @__PURE__ */ chunk3XYRH5AP.__name(function(a, b) {
+var getArchitectureDirectionAlignment = /* @__PURE__ */ chunkAGHRB4JF.__name(function(a, b) {
   if (isArchitectureDirectionXY(a, b)) {
     return "bend";
   } else if (isArchitectureDirectionX(a)) {
@@ -106,305 +106,322 @@ var getArchitectureDirectionAlignment = /* @__PURE__ */ chunk3XYRH5AP.__name(fun
   }
   return "vertical";
 }, "getArchitectureDirectionAlignment");
-var isArchitectureService = /* @__PURE__ */ chunk3XYRH5AP.__name(function(x) {
+var isArchitectureService = /* @__PURE__ */ chunkAGHRB4JF.__name(function(x) {
   const temp = x;
   return temp.type === "service";
 }, "isArchitectureService");
-var isArchitectureJunction = /* @__PURE__ */ chunk3XYRH5AP.__name(function(x) {
+var isArchitectureJunction = /* @__PURE__ */ chunkAGHRB4JF.__name(function(x) {
   const temp = x;
   return temp.type === "junction";
 }, "isArchitectureJunction");
-var edgeData = /* @__PURE__ */ chunk3XYRH5AP.__name((edge) => {
+var edgeData = /* @__PURE__ */ chunkAGHRB4JF.__name((edge) => {
   return edge.data();
 }, "edgeData");
-var nodeData = /* @__PURE__ */ chunk3XYRH5AP.__name((node) => {
+var nodeData = /* @__PURE__ */ chunkAGHRB4JF.__name((node) => {
   return node.data();
 }, "nodeData");
 
 // src/diagrams/architecture/architectureDb.ts
-var DEFAULT_ARCHITECTURE_CONFIG = chunk3XYRH5AP.defaultConfig_default.architecture;
-var state = new chunkAACKK3MU.ImperativeState(() => ({
-  nodes: {},
-  groups: {},
-  edges: [],
-  registeredIds: {},
-  config: DEFAULT_ARCHITECTURE_CONFIG,
-  dataStructures: void 0,
-  elements: {}
-}));
-var clear2 = /* @__PURE__ */ chunk3XYRH5AP.__name(() => {
-  state.reset();
-  chunk3XYRH5AP.clear();
-}, "clear");
-var addService = /* @__PURE__ */ chunk3XYRH5AP.__name(function({
-  id,
-  icon,
-  in: parent,
-  title,
-  iconText
-}) {
-  if (state.records.registeredIds[id] !== void 0) {
-    throw new Error(
-      `The service id [${id}] is already in use by another ${state.records.registeredIds[id]}`
-    );
+var DEFAULT_ARCHITECTURE_CONFIG = chunkABZYJK2D.defaultConfig_default.architecture;
+var ArchitectureDB = class {
+  constructor() {
+    this.nodes = {};
+    this.groups = {};
+    this.edges = [];
+    this.registeredIds = {};
+    this.elements = {};
+    this.setAccTitle = chunkABZYJK2D.setAccTitle;
+    this.getAccTitle = chunkABZYJK2D.getAccTitle;
+    this.setDiagramTitle = chunkABZYJK2D.setDiagramTitle;
+    this.getDiagramTitle = chunkABZYJK2D.getDiagramTitle;
+    this.getAccDescription = chunkABZYJK2D.getAccDescription;
+    this.setAccDescription = chunkABZYJK2D.setAccDescription;
+    this.clear();
   }
-  if (parent !== void 0) {
-    if (id === parent) {
-      throw new Error(`The service [${id}] cannot be placed within itself`);
-    }
-    if (state.records.registeredIds[parent] === void 0) {
-      throw new Error(
-        `The service [${id}]'s parent does not exist. Please make sure the parent is created before this service`
-      );
-    }
-    if (state.records.registeredIds[parent] === "node") {
-      throw new Error(`The service [${id}]'s parent is not a group`);
-    }
+  static {
+    chunkAGHRB4JF.__name(this, "ArchitectureDB");
   }
-  state.records.registeredIds[id] = "node";
-  state.records.nodes[id] = {
+  clear() {
+    this.nodes = {};
+    this.groups = {};
+    this.edges = [];
+    this.registeredIds = {};
+    this.dataStructures = void 0;
+    this.elements = {};
+    chunkABZYJK2D.clear();
+  }
+  addService({
     id,
-    type: "service",
     icon,
-    iconText,
+    in: parent,
     title,
-    edges: [],
-    in: parent
-  };
-}, "addService");
-var getServices = /* @__PURE__ */ chunk3XYRH5AP.__name(() => Object.values(state.records.nodes).filter(isArchitectureService), "getServices");
-var addJunction = /* @__PURE__ */ chunk3XYRH5AP.__name(function({ id, in: parent }) {
-  state.records.registeredIds[id] = "node";
-  state.records.nodes[id] = {
-    id,
-    type: "junction",
-    edges: [],
-    in: parent
-  };
-}, "addJunction");
-var getJunctions = /* @__PURE__ */ chunk3XYRH5AP.__name(() => Object.values(state.records.nodes).filter(isArchitectureJunction), "getJunctions");
-var getNodes = /* @__PURE__ */ chunk3XYRH5AP.__name(() => Object.values(state.records.nodes), "getNodes");
-var getNode = /* @__PURE__ */ chunk3XYRH5AP.__name((id) => state.records.nodes[id], "getNode");
-var addGroup = /* @__PURE__ */ chunk3XYRH5AP.__name(function({ id, icon, in: parent, title }) {
-  if (state.records.registeredIds[id] !== void 0) {
-    throw new Error(
-      `The group id [${id}] is already in use by another ${state.records.registeredIds[id]}`
-    );
-  }
-  if (parent !== void 0) {
-    if (id === parent) {
-      throw new Error(`The group [${id}] cannot be placed within itself`);
-    }
-    if (state.records.registeredIds[parent] === void 0) {
+    iconText
+  }) {
+    if (this.registeredIds[id] !== void 0) {
       throw new Error(
-        `The group [${id}]'s parent does not exist. Please make sure the parent is created before this group`
+        `The service id [${id}] is already in use by another ${this.registeredIds[id]}`
       );
     }
-    if (state.records.registeredIds[parent] === "node") {
-      throw new Error(`The group [${id}]'s parent is not a group`);
+    if (parent !== void 0) {
+      if (id === parent) {
+        throw new Error(`The service [${id}] cannot be placed within itself`);
+      }
+      if (this.registeredIds[parent] === void 0) {
+        throw new Error(
+          `The service [${id}]'s parent does not exist. Please make sure the parent is created before this service`
+        );
+      }
+      if (this.registeredIds[parent] === "node") {
+        throw new Error(`The service [${id}]'s parent is not a group`);
+      }
     }
+    this.registeredIds[id] = "node";
+    this.nodes[id] = {
+      id,
+      type: "service",
+      icon,
+      iconText,
+      title,
+      edges: [],
+      in: parent
+    };
   }
-  state.records.registeredIds[id] = "group";
-  state.records.groups[id] = {
-    id,
-    icon,
-    title,
-    in: parent
-  };
-}, "addGroup");
-var getGroups = /* @__PURE__ */ chunk3XYRH5AP.__name(() => {
-  return Object.values(state.records.groups);
-}, "getGroups");
-var addEdge = /* @__PURE__ */ chunk3XYRH5AP.__name(function({
-  lhsId,
-  rhsId,
-  lhsDir,
-  rhsDir,
-  lhsInto,
-  rhsInto,
-  lhsGroup,
-  rhsGroup,
-  title
-}) {
-  if (!isArchitectureDirection(lhsDir)) {
-    throw new Error(
-      `Invalid direction given for left hand side of edge ${lhsId}--${rhsId}. Expected (L,R,T,B) got ${lhsDir}`
-    );
+  getServices() {
+    return Object.values(this.nodes).filter(isArchitectureService);
   }
-  if (!isArchitectureDirection(rhsDir)) {
-    throw new Error(
-      `Invalid direction given for right hand side of edge ${lhsId}--${rhsId}. Expected (L,R,T,B) got ${rhsDir}`
-    );
+  addJunction({ id, in: parent }) {
+    this.registeredIds[id] = "node";
+    this.nodes[id] = {
+      id,
+      type: "junction",
+      edges: [],
+      in: parent
+    };
   }
-  if (state.records.nodes[lhsId] === void 0 && state.records.groups[lhsId] === void 0) {
-    throw new Error(
-      `The left-hand id [${lhsId}] does not yet exist. Please create the service/group before declaring an edge to it.`
-    );
+  getJunctions() {
+    return Object.values(this.nodes).filter(isArchitectureJunction);
   }
-  if (state.records.nodes[rhsId] === void 0 && state.records.groups[lhsId] === void 0) {
-    throw new Error(
-      `The right-hand id [${rhsId}] does not yet exist. Please create the service/group before declaring an edge to it.`
-    );
+  getNodes() {
+    return Object.values(this.nodes);
   }
-  const lhsGroupId = state.records.nodes[lhsId].in;
-  const rhsGroupId = state.records.nodes[rhsId].in;
-  if (lhsGroup && lhsGroupId && rhsGroupId && lhsGroupId == rhsGroupId) {
-    throw new Error(
-      `The left-hand id [${lhsId}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
-    );
+  getNode(id) {
+    return this.nodes[id] ?? null;
   }
-  if (rhsGroup && lhsGroupId && rhsGroupId && lhsGroupId == rhsGroupId) {
-    throw new Error(
-      `The right-hand id [${rhsId}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
-    );
+  addGroup({ id, icon, in: parent, title }) {
+    if (this.registeredIds?.[id] !== void 0) {
+      throw new Error(
+        `The group id [${id}] is already in use by another ${this.registeredIds[id]}`
+      );
+    }
+    if (parent !== void 0) {
+      if (id === parent) {
+        throw new Error(`The group [${id}] cannot be placed within itself`);
+      }
+      if (this.registeredIds?.[parent] === void 0) {
+        throw new Error(
+          `The group [${id}]'s parent does not exist. Please make sure the parent is created before this group`
+        );
+      }
+      if (this.registeredIds?.[parent] === "node") {
+        throw new Error(`The group [${id}]'s parent is not a group`);
+      }
+    }
+    this.registeredIds[id] = "group";
+    this.groups[id] = {
+      id,
+      icon,
+      title,
+      in: parent
+    };
+  }
+  getGroups() {
+    return Object.values(this.groups);
   }
-  const edge = {
+  addEdge({
     lhsId,
-    lhsDir,
-    lhsInto,
-    lhsGroup,
     rhsId,
+    lhsDir,
     rhsDir,
+    lhsInto,
     rhsInto,
+    lhsGroup,
     rhsGroup,
     title
-  };
-  state.records.edges.push(edge);
-  if (state.records.nodes[lhsId] && state.records.nodes[rhsId]) {
-    state.records.nodes[lhsId].edges.push(state.records.edges[state.records.edges.length - 1]);
-    state.records.nodes[rhsId].edges.push(state.records.edges[state.records.edges.length - 1]);
+  }) {
+    if (!isArchitectureDirection(lhsDir)) {
+      throw new Error(
+        `Invalid direction given for left hand side of edge ${lhsId}--${rhsId}. Expected (L,R,T,B) got ${String(lhsDir)}`
+      );
+    }
+    if (!isArchitectureDirection(rhsDir)) {
+      throw new Error(
+        `Invalid direction given for right hand side of edge ${lhsId}--${rhsId}. Expected (L,R,T,B) got ${String(rhsDir)}`
+      );
+    }
+    if (this.nodes[lhsId] === void 0 && this.groups[lhsId] === void 0) {
+      throw new Error(
+        `The left-hand id [${lhsId}] does not yet exist. Please create the service/group before declaring an edge to it.`
+      );
+    }
+    if (this.nodes[rhsId] === void 0 && this.groups[rhsId] === void 0) {
+      throw new Error(
+        `The right-hand id [${rhsId}] does not yet exist. Please create the service/group before declaring an edge to it.`
+      );
+    }
+    const lhsGroupId = this.nodes[lhsId].in;
+    const rhsGroupId = this.nodes[rhsId].in;
+    if (lhsGroup && lhsGroupId && rhsGroupId && lhsGroupId == rhsGroupId) {
+      throw new Error(
+        `The left-hand id [${lhsId}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
+      );
+    }
+    if (rhsGroup && lhsGroupId && rhsGroupId && lhsGroupId == rhsGroupId) {
+      throw new Error(
+        `The right-hand id [${rhsId}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
+      );
+    }
+    const edge = {
+      lhsId,
+      lhsDir,
+      lhsInto,
+      lhsGroup,
+      rhsId,
+      rhsDir,
+      rhsInto,
+      rhsGroup,
+      title
+    };
+    this.edges.push(edge);
+    if (this.nodes[lhsId] && this.nodes[rhsId]) {
+      this.nodes[lhsId].edges.push(this.edges[this.edges.length - 1]);
+      this.nodes[rhsId].edges.push(this.edges[this.edges.length - 1]);
+    }
   }
-}, "addEdge");
-var getEdges = /* @__PURE__ */ chunk3XYRH5AP.__name(() => state.records.edges, "getEdges");
-var getDataStructures = /* @__PURE__ */ chunk3XYRH5AP.__name(() => {
-  if (state.records.dataStructures === void 0) {
-    const groupAlignments = {};
-    const adjList = Object.entries(state.records.nodes).reduce((prevOuter, [id, service]) => {
-      prevOuter[id] = service.edges.reduce((prevInner, edge) => {
-        const lhsGroupId = getNode(edge.lhsId)?.in;
-        const rhsGroupId = getNode(edge.rhsId)?.in;
-        if (lhsGroupId && rhsGroupId && lhsGroupId !== rhsGroupId) {
-          const alignment = getArchitectureDirectionAlignment(edge.lhsDir, edge.rhsDir);
-          if (alignment !== "bend") {
-            groupAlignments[lhsGroupId] ??= {};
-            groupAlignments[lhsGroupId][rhsGroupId] = alignment;
-            groupAlignments[rhsGroupId] ??= {};
-            groupAlignments[rhsGroupId][lhsGroupId] = alignment;
-          }
-        }
-        if (edge.lhsId === id) {
-          const pair = getArchitectureDirectionPair(edge.lhsDir, edge.rhsDir);
-          if (pair) {
-            prevInner[pair] = edge.rhsId;
+  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 groupAlignments = {};
+      const adjList = Object.entries(this.nodes).reduce((prevOuter, [id, service]) => {
+        prevOuter[id] = service.edges.reduce((prevInner, edge) => {
+          const lhsGroupId = this.getNode(edge.lhsId)?.in;
+          const rhsGroupId = this.getNode(edge.rhsId)?.in;
+          if (lhsGroupId && rhsGroupId && lhsGroupId !== rhsGroupId) {
+            const alignment = getArchitectureDirectionAlignment(edge.lhsDir, edge.rhsDir);
+            if (alignment !== "bend") {
+              groupAlignments[lhsGroupId] ??= {};
+              groupAlignments[lhsGroupId][rhsGroupId] = alignment;
+              groupAlignments[rhsGroupId] ??= {};
+              groupAlignments[rhsGroupId][lhsGroupId] = alignment;
+            }
           }
-        } else {
-          const pair = getArchitectureDirectionPair(edge.rhsDir, edge.lhsDir);
-          if (pair) {
-            prevInner[pair] = edge.lhsId;
+          if (edge.lhsId === id) {
+            const pair = getArchitectureDirectionPair(edge.lhsDir, edge.rhsDir);
+            if (pair) {
+              prevInner[pair] = edge.rhsId;
+            }
+          } else {
+            const pair = getArchitectureDirectionPair(edge.rhsDir, edge.lhsDir);
+            if (pair) {
+              prevInner[pair] = edge.lhsId;
+            }
           }
-        }
-        return prevInner;
+          return prevInner;
+        }, {});
+        return prevOuter;
       }, {});
-      return prevOuter;
-    }, {});
-    const firstId = Object.keys(adjList)[0];
-    const visited = { [firstId]: 1 };
-    const notVisited = Object.keys(adjList).reduce(
-      (prev, id) => id === firstId ? prev : { ...prev, [id]: 1 },
-      {}
-    );
-    const BFS = /* @__PURE__ */ chunk3XYRH5AP.__name((startingId) => {
-      const spatialMap = { [startingId]: [0, 0] };
-      const queue = [startingId];
-      while (queue.length > 0) {
-        const id = queue.shift();
-        if (id) {
-          visited[id] = 1;
-          delete notVisited[id];
-          const adj = adjList[id];
-          const [posX, posY] = spatialMap[id];
-          Object.entries(adj).forEach(([dir, rhsId]) => {
-            if (!visited[rhsId]) {
-              spatialMap[rhsId] = shiftPositionByArchitectureDirectionPair(
-                [posX, posY],
-                dir
-              );
-              queue.push(rhsId);
-            }
-          });
+      const firstId = Object.keys(adjList)[0];
+      const visited = { [firstId]: 1 };
+      const notVisited = Object.keys(adjList).reduce(
+        (prev, id) => id === firstId ? prev : { ...prev, [id]: 1 },
+        {}
+      );
+      const BFS = /* @__PURE__ */ chunkAGHRB4JF.__name((startingId) => {
+        const spatialMap = { [startingId]: [0, 0] };
+        const queue = [startingId];
+        while (queue.length > 0) {
+          const id = queue.shift();
+          if (id) {
+            visited[id] = 1;
+            delete notVisited[id];
+            const adj = adjList[id];
+            const [posX, posY] = spatialMap[id];
+            Object.entries(adj).forEach(([dir, rhsId]) => {
+              if (!visited[rhsId]) {
+                spatialMap[rhsId] = shiftPositionByArchitectureDirectionPair(
+                  [posX, posY],
+                  dir
+                );
+                queue.push(rhsId);
+              }
+            });
+          }
         }
+        return spatialMap;
+      }, "BFS");
+      const spatialMaps = [BFS(firstId)];
+      while (Object.keys(notVisited).length > 0) {
+        spatialMaps.push(BFS(Object.keys(notVisited)[0]));
       }
-      return spatialMap;
-    }, "BFS");
-    const spatialMaps = [BFS(firstId)];
-    while (Object.keys(notVisited).length > 0) {
-      spatialMaps.push(BFS(Object.keys(notVisited)[0]));
+      this.dataStructures = {
+        adjList,
+        spatialMaps,
+        groupAlignments
+      };
     }
-    state.records.dataStructures = {
-      adjList,
-      spatialMaps,
-      groupAlignments
-    };
+    return this.dataStructures;
+  }
+  setElementForId(id, element) {
+    this.elements[id] = element;
+  }
+  getElementById(id) {
+    return this.elements[id];
+  }
+  getConfig() {
+    return chunkS3R3BYOJ.cleanAndMerge({
+      ...DEFAULT_ARCHITECTURE_CONFIG,
+      ...chunkABZYJK2D.getConfig().architecture
+    });
+  }
+  getConfigField(field) {
+    return this.getConfig()[field];
   }
-  return state.records.dataStructures;
-}, "getDataStructures");
-var setElementForId = /* @__PURE__ */ chunk3XYRH5AP.__name((id, element) => {
-  state.records.elements[id] = element;
-}, "setElementForId");
-var getElementById = /* @__PURE__ */ chunk3XYRH5AP.__name((id) => state.records.elements[id], "getElementById");
-var getConfig3 = /* @__PURE__ */ chunk3XYRH5AP.__name(() => {
-  const config = chunk55PJQP7W.cleanAndMerge({
-    ...DEFAULT_ARCHITECTURE_CONFIG,
-    ...chunk3XYRH5AP.getConfig().architecture
-  });
-  return config;
-}, "getConfig");
-var db = {
-  clear: clear2,
-  setDiagramTitle: chunk3XYRH5AP.setDiagramTitle,
-  getDiagramTitle: chunk3XYRH5AP.getDiagramTitle,
-  setAccTitle: chunk3XYRH5AP.setAccTitle,
-  getAccTitle: chunk3XYRH5AP.getAccTitle,
-  setAccDescription: chunk3XYRH5AP.setAccDescription,
-  getAccDescription: chunk3XYRH5AP.getAccDescription,
-  getConfig: getConfig3,
-  addService,
-  getServices,
-  addJunction,
-  getJunctions,
-  getNodes,
-  getNode,
-  addGroup,
-  getGroups,
-  addEdge,
-  getEdges,
-  setElementForId,
-  getElementById,
-  getDataStructures
 };
-function getConfigField(field) {
-  return getConfig3()[field];
-}
-chunk3XYRH5AP.__name(getConfigField, "getConfigField");
 
 // src/diagrams/architecture/architectureParser.ts
-var populateDb = /* @__PURE__ */ chunk3XYRH5AP.__name((ast, db2) => {
-  chunk353BL4L5.populateCommonDb(ast, db2);
-  ast.groups.map(db2.addGroup);
-  ast.services.map((service) => db2.addService({ ...service, type: "service" }));
-  ast.junctions.map((service) => db2.addJunction({ ...service, type: "junction" }));
-  ast.edges.map(db2.addEdge);
+var populateDb = /* @__PURE__ */ chunkAGHRB4JF.__name((ast, db) => {
+  chunk4BX2VUAB.populateCommonDb(ast, db);
+  ast.groups.map((group) => db.addGroup(group));
+  ast.services.map((service) => db.addService({ ...service, type: "service" }));
+  ast.junctions.map((service) => db.addJunction({ ...service, type: "junction" }));
+  ast.edges.map((edge) => db.addEdge(edge));
 }, "populateDb");
 var parser = {
-  parse: /* @__PURE__ */ chunk3XYRH5AP.__name(async (input) => {
+  parser: {
+    // @ts-expect-error - ArchitectureDB is not assignable to DiagramDB
+    yy: void 0
+  },
+  parse: /* @__PURE__ */ chunkAGHRB4JF.__name(async (input) => {
     const ast = await mermaidParser_core.parse("architecture", input);
-    chunk3XYRH5AP.log.debug(ast);
+    chunkAGHRB4JF.log.debug(ast);
+    const db = parser.parser?.yy;
+    if (!(db instanceof ArchitectureDB)) {
+      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."
+      );
+    }
     populateDb(ast, db);
   }, "parse")
 };
 
 // src/diagrams/architecture/architectureStyles.ts
-var getStyles = /* @__PURE__ */ chunk3XYRH5AP.__name((options) => `
+var getStyles = /* @__PURE__ */ chunkAGHRB4JF.__name((options) => `
   .edge {
     stroke-width: ${options.archEdgeWidth};
     stroke: ${options.archEdgeColor};
@@ -439,7 +456,7 @@ var getStyles = /* @__PURE__ */ chunk3XYRH5AP.__name((options) => `
 var architectureStyles_default = getStyles;
 
 // src/diagrams/architecture/architectureIcons.ts
-var wrapIcon = /* @__PURE__ */ chunk3XYRH5AP.__name((icon) => {
+var wrapIcon = /* @__PURE__ */ chunkAGHRB4JF.__name((icon) => {
   return `<g><rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>${icon}</g>`;
 }, "wrapIcon");
 var architectureIcons = {
@@ -472,7 +489,7 @@ var architectureIcons = {
         '<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: chunkQESNASVV.unknownIcon,
+    unknown: chunkJA3XYJ7Z.unknownIcon,
     blank: {
       body: wrapIcon("")
     }
@@ -480,9 +497,9 @@ var architectureIcons = {
 };
 
 // src/diagrams/architecture/svgDraw.ts
-var drawEdges = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(edgesEl, cy) {
-  const padding = getConfigField("padding");
-  const iconSize = getConfigField("iconSize");
+var drawEdges = /* @__PURE__ */ chunkAGHRB4JF.__name(async function(edgesEl, cy, db) {
+  const padding = db.getConfigField("padding");
+  const iconSize = db.getConfigField("iconSize");
   const halfIconSize = iconSize / 2;
   const arrowSize = iconSize / 6;
   const halfArrowSize = arrowSize / 2;
@@ -533,7 +550,7 @@ var drawEdges = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(edgesEl, cy)
       }
       if (edge[0]._private.rscratch) {
         const g = edgesEl.insert("g");
-        g.insert("path").attr("d", `M ${startX},${startY} L ${midX},${midY} L${endX},${endY} `).attr("class", "edge");
+        g.insert("path").attr("d", `M ${startX},${startY} L ${midX},${midY} L${endX},${endY} `).attr("class", "edge").attr("id", chunkS3R3BYOJ.getEdgeId(source, target, { prefix: "L" }));
         if (sourceArrow) {
           const xShift = isArchitectureDirectionX(sourceDir) ? ArchitectureDirectionArrowShift[sourceDir](startX, arrowSize) : startX - halfArrowSize;
           const yShift = isArchitectureDirectionY(sourceDir) ? ArchitectureDirectionArrowShift[sourceDir](startY, arrowSize) : startY - halfArrowSize;
@@ -555,7 +572,7 @@ var drawEdges = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(edgesEl, cy)
             width = Math.abs(startX - endX) / 2;
           }
           const textElem = g.append("g");
-          await chunkQESNASVV.createText(
+          await chunkJA3XYJ7Z.createText(
             textElem,
             label,
             {
@@ -563,7 +580,7 @@ var drawEdges = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(edgesEl, cy)
               width,
               classes: "architecture-service-label"
             },
-            chunk3XYRH5AP.getConfig2()
+            chunkABZYJK2D.getConfig2()
           );
           textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle");
           if (axis === "X") {
@@ -592,25 +609,26 @@ var drawEdges = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(edgesEl, cy)
     })
   );
 }, "drawEdges");
-var drawGroups = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(groupsEl, cy) {
-  const padding = getConfigField("padding");
+var drawGroups = /* @__PURE__ */ chunkAGHRB4JF.__name(async function(groupsEl, cy, db) {
+  const padding = db.getConfigField("padding");
   const groupIconSize = padding * 0.75;
-  const fontSize = getConfigField("fontSize");
-  const iconSize = getConfigField("iconSize");
+  const fontSize = db.getConfigField("fontSize");
+  const iconSize = db.getConfigField("iconSize");
   const halfIconSize = iconSize / 2;
   await Promise.all(
     cy.nodes().map(async (node) => {
       const data = nodeData(node);
       if (data.type === "group") {
         const { h, w, x1, y1 } = node.boundingBox();
-        groupsEl.append("rect").attr("x", x1 + halfIconSize).attr("y", y1 + halfIconSize).attr("width", w).attr("height", h).attr("class", "node-bkg");
+        const groupsNode = groupsEl.append("rect");
+        groupsNode.attr("id", `group-${data.id}`).attr("x", x1 + halfIconSize).attr("y", y1 + halfIconSize).attr("width", w).attr("height", h).attr("class", "node-bkg");
         const groupLabelContainer = groupsEl.append("g");
         let shiftedX1 = x1;
         let shiftedY1 = y1;
         if (data.icon) {
           const bkgElem = groupLabelContainer.append("g");
           bkgElem.html(
-            `<g>${await chunkQESNASVV.getIconSVG(data.icon, { height: groupIconSize, width: groupIconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
+            `<g>${await chunkJA3XYJ7Z.getIconSVG(data.icon, { height: groupIconSize, width: groupIconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
           );
           bkgElem.attr(
             "transform",
@@ -621,7 +639,7 @@ var drawGroups = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(groupsEl, c
         }
         if (data.label) {
           const textElem = groupLabelContainer.append("g");
-          await chunkQESNASVV.createText(
+          await chunkJA3XYJ7Z.createText(
             textElem,
             data.label,
             {
@@ -629,7 +647,7 @@ var drawGroups = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(groupsEl, c
               width: w,
               classes: "architecture-service-label"
             },
-            chunk3XYRH5AP.getConfig2()
+            chunkABZYJK2D.getConfig2()
           );
           textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "start").attr("text-anchor", "start");
           textElem.attr(
@@ -637,17 +655,19 @@ var drawGroups = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(groupsEl, c
             "translate(" + (shiftedX1 + halfIconSize + 4) + ", " + (shiftedY1 + halfIconSize + 2) + ")"
           );
         }
+        db.setElementForId(data.id, groupsNode);
       }
     })
   );
 }, "drawGroups");
-var drawServices = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(db2, elem, services) {
+var drawServices = /* @__PURE__ */ chunkAGHRB4JF.__name(async function(db, elem, services) {
+  const config = chunkABZYJK2D.getConfig2();
   for (const service of services) {
     const serviceElem = elem.append("g");
-    const iconSize = getConfigField("iconSize");
+    const iconSize = db.getConfigField("iconSize");
     if (service.title) {
       const textElem = serviceElem.append("g");
-      await chunkQESNASVV.createText(
+      await chunkJA3XYJ7Z.createText(
         textElem,
         service.title,
         {
@@ -655,7 +675,7 @@ var drawServices = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(db2, elem
           width: iconSize * 1.5,
           classes: "architecture-service-label"
         },
-        chunk3XYRH5AP.getConfig2()
+        config
       );
       textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle");
       textElem.attr("transform", "translate(" + iconSize / 2 + ", " + iconSize + ")");
@@ -663,15 +683,15 @@ var drawServices = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(db2, elem
     const bkgElem = serviceElem.append("g");
     if (service.icon) {
       bkgElem.html(
-        `<g>${await chunkQESNASVV.getIconSVG(service.icon, { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
+        `<g>${await chunkJA3XYJ7Z.getIconSVG(service.icon, { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
       );
     } else if (service.iconText) {
       bkgElem.html(
-        `<g>${await chunkQESNASVV.getIconSVG("blank", { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
+        `<g>${await chunkJA3XYJ7Z.getIconSVG("blank", { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
       );
       const textElemContainer = bkgElem.append("g");
       const fo = textElemContainer.append("foreignObject").attr("width", iconSize).attr("height", iconSize);
-      const divElem = fo.append("div").attr("class", "node-icon-text").attr("style", `height: ${iconSize}px;`).append("div").html(service.iconText);
+      const divElem = fo.append("div").attr("class", "node-icon-text").attr("style", `height: ${iconSize}px;`).append("div").html(chunkABZYJK2D.sanitizeText(service.iconText, config));
       const fontSize = parseInt(
         window.getComputedStyle(divElem.node(), null).getPropertyValue("font-size").replace(/\D/g, "")
       ) ?? 16;
@@ -682,37 +702,37 @@ var drawServices = /* @__PURE__ */ chunk3XYRH5AP.__name(async function(db2, elem
         `M0 ${iconSize} v${-iconSize} q0,-5 5,-5 h${iconSize} q5,0 5,5 v${iconSize} H0 Z`
       );
     }
-    serviceElem.attr("class", "architecture-service");
-    const { width, height } = serviceElem._groups[0][0].getBBox();
+    serviceElem.attr("id", `service-${service.id}`).attr("class", "architecture-service");
+    const { width, height } = serviceElem.node().getBBox();
     service.width = width;
     service.height = height;
-    db2.setElementForId(service.id, serviceElem);
+    db.setElementForId(service.id, serviceElem);
   }
   return 0;
 }, "drawServices");
-var drawJunctions = /* @__PURE__ */ chunk3XYRH5AP.__name(function(db2, elem, junctions) {
+var drawJunctions = /* @__PURE__ */ chunkAGHRB4JF.__name(function(db, elem, junctions) {
   junctions.forEach((junction) => {
     const junctionElem = elem.append("g");
-    const iconSize = getConfigField("iconSize");
+    const iconSize = db.getConfigField("iconSize");
     const bkgElem = junctionElem.append("g");
     bkgElem.append("rect").attr("id", "node-" + junction.id).attr("fill-opacity", "0").attr("width", iconSize).attr("height", iconSize);
     junctionElem.attr("class", "architecture-junction");
     const { width, height } = junctionElem._groups[0][0].getBBox();
     junctionElem.width = width;
     junctionElem.height = height;
-    db2.setElementForId(junction.id, junctionElem);
+    db.setElementForId(junction.id, junctionElem);
   });
 }, "drawJunctions");
 
 // src/diagrams/architecture/architectureRenderer.ts
-chunkQESNASVV.registerIconPacks([
+chunkJA3XYJ7Z.registerIconPacks([
   {
     name: architectureIcons.prefix,
     icons: architectureIcons
   }
 ]);
 cytoscape_esm.use(cytoscapeFcose);
-function addServices(services, cy) {
+function addServices(services, cy, db) {
   services.forEach((service) => {
     cy.add({
       group: "nodes",
@@ -722,15 +742,15 @@ function addServices(services, cy) {
         icon: service.icon,
         label: service.title,
         parent: service.in,
-        width: getConfigField("iconSize"),
-        height: getConfigField("iconSize")
+        width: db.getConfigField("iconSize"),
+        height: db.getConfigField("iconSize")
       },
       classes: "node-service"
     });
   });
 }
-chunk3XYRH5AP.__name(addServices, "addServices");
-function addJunctions(junctions, cy) {
+chunkAGHRB4JF.__name(addServices, "addServices");
+function addJunctions(junctions, cy, db) {
   junctions.forEach((junction) => {
     cy.add({
       group: "nodes",
@@ -738,15 +758,15 @@ function addJunctions(junctions, cy) {
         type: "junction",
         id: junction.id,
         parent: junction.in,
-        width: getConfigField("iconSize"),
-        height: getConfigField("iconSize")
+        width: db.getConfigField("iconSize"),
+        height: db.getConfigField("iconSize")
       },
       classes: "node-junction"
     });
   });
 }
-chunk3XYRH5AP.__name(addJunctions, "addJunctions");
-function positionNodes(db2, cy) {
+chunkAGHRB4JF.__name(addJunctions, "addJunctions");
+function positionNodes(db, cy) {
   cy.nodes().map((node) => {
     const data = nodeData(node);
     if (data.type === "group") {
@@ -754,11 +774,11 @@ function positionNodes(db2, cy) {
     }
     data.x = node.position().x;
     data.y = node.position().y;
-    const nodeElem = db2.getElementById(data.id);
+    const nodeElem = db.getElementById(data.id);
     nodeElem.attr("transform", "translate(" + (data.x || 0) + "," + (data.y || 0) + ")");
   });
 }
-chunk3XYRH5AP.__name(positionNodes, "positionNodes");
+chunkAGHRB4JF.__name(positionNodes, "positionNodes");
 function addGroups(groups, cy) {
   groups.forEach((group) => {
     cy.add({
@@ -774,7 +794,7 @@ function addGroups(groups, cy) {
     });
   });
 }
-chunk3XYRH5AP.__name(addGroups, "addGroups");
+chunkAGHRB4JF.__name(addGroups, "addGroups");
 function addEdges(edges, cy) {
   edges.forEach((parsedEdge) => {
     const { lhsId, rhsId, lhsInto, lhsGroup, rhsInto, lhsDir, rhsDir, rhsGroup, title } = parsedEdge;
@@ -800,9 +820,9 @@ function addEdges(edges, cy) {
     });
   });
 }
-chunk3XYRH5AP.__name(addEdges, "addEdges");
-function getAlignments(db2, spatialMaps, groupAlignments) {
-  const flattenAlignments = /* @__PURE__ */ chunk3XYRH5AP.__name((alignmentObj, alignmentDir) => {
+chunkAGHRB4JF.__name(addEdges, "addEdges");
+function getAlignments(db, spatialMaps, groupAlignments) {
+  const flattenAlignments = /* @__PURE__ */ chunkAGHRB4JF.__name((alignmentObj, alignmentDir) => {
     return Object.entries(alignmentObj).reduce(
       (prev, [dir, alignments2]) => {
         let cnt = 0;
@@ -839,7 +859,7 @@ function getAlignments(db2, spatialMaps, groupAlignments) {
     const horizontalAlignments = {};
     const verticalAlignments = {};
     Object.entries(spatialMap).forEach(([id, [x, y]]) => {
-      const nodeGroup = db2.getNode(id)?.in ?? "default";
+      const nodeGroup = db.getNode(id)?.in ?? "default";
       horizontalAlignments[y] ??= {};
       horizontalAlignments[y][nodeGroup] ??= [];
       horizontalAlignments[y][nodeGroup].push(id);
@@ -870,11 +890,11 @@ function getAlignments(db2, spatialMaps, groupAlignments) {
     vertical
   };
 }
-chunk3XYRH5AP.__name(getAlignments, "getAlignments");
-function getRelativeConstraints(spatialMaps) {
+chunkAGHRB4JF.__name(getAlignments, "getAlignments");
+function getRelativeConstraints(spatialMaps, db) {
   const relativeConstraints = [];
-  const posToStr = /* @__PURE__ */ chunk3XYRH5AP.__name((pos) => `${pos[0]},${pos[1]}`, "posToStr");
-  const strToPos = /* @__PURE__ */ chunk3XYRH5AP.__name((pos) => pos.split(",").map((p) => parseInt(p)), "strToPos");
+  const posToStr = /* @__PURE__ */ chunkAGHRB4JF.__name((pos) => `${pos[0]},${pos[1]}`, "posToStr");
+  const strToPos = /* @__PURE__ */ chunkAGHRB4JF.__name((pos) => pos.split(",").map((p) => parseInt(p)), "strToPos");
   spatialMaps.forEach((spatialMap) => {
     const invSpatialMap = Object.fromEntries(
       Object.entries(spatialMap).map(([id, pos]) => [posToStr(pos), id])
@@ -902,7 +922,7 @@ function getRelativeConstraints(spatialMaps) {
               relativeConstraints.push({
                 [ArchitectureDirectionName[dir]]: newId,
                 [ArchitectureDirectionName[getOppositeArchitectureDirection(dir)]]: currId,
-                gap: 1.5 * getConfigField("iconSize")
+                gap: 1.5 * db.getConfigField("iconSize")
               });
             }
           });
@@ -912,8 +932,8 @@ function getRelativeConstraints(spatialMaps) {
   });
   return relativeConstraints;
 }
-chunk3XYRH5AP.__name(getRelativeConstraints, "getRelativeConstraints");
-function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMaps, groupAlignments }) {
+chunkAGHRB4JF.__name(getRelativeConstraints, "getRelativeConstraints");
+function layoutArchitecture(services, junctions, groups, edges, db, { spatialMaps, groupAlignments }) {
   return new Promise((resolve) => {
     const renderEl = select("body").append("div").attr("id", "cy").attr("style", "display:none");
     const cy = cytoscape_esm({
@@ -952,7 +972,7 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
           style: {
             "text-valign": "bottom",
             "text-halign": "center",
-            "font-size": `${getConfigField("fontSize")}px`
+            "font-size": `${db.getConfigField("fontSize")}px`
           }
         },
         {
@@ -974,7 +994,7 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
           selector: ".node-group",
           style: {
             // @ts-ignore Incorrect library types
-            padding: `${getConfigField("padding")}px`
+            padding: `${db.getConfigField("padding")}px`
           }
         }
       ],
@@ -990,11 +1010,11 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
     });
     renderEl.remove();
     addGroups(groups, cy);
-    addServices(services, cy);
-    addJunctions(junctions, cy);
+    addServices(services, cy, db);
+    addJunctions(junctions, cy, db);
     addEdges(edges, cy);
-    const alignmentConstraint = getAlignments(db2, spatialMaps, groupAlignments);
-    const relativePlacementConstraint = getRelativeConstraints(spatialMaps);
+    const alignmentConstraint = getAlignments(db, spatialMaps, groupAlignments);
+    const relativePlacementConstraint = getRelativeConstraints(spatialMaps, db);
     const layout = cy.layout({
       name: "fcose",
       quality: "proof",
@@ -1007,7 +1027,7 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
         const [nodeA, nodeB] = edge.connectedNodes();
         const { parent: parentA } = nodeData(nodeA);
         const { parent: parentB } = nodeData(nodeB);
-        const elasticity = parentA === parentB ? 1.5 * getConfigField("iconSize") : 0.5 * getConfigField("iconSize");
+        const elasticity = parentA === parentB ? 1.5 * db.getConfigField("iconSize") : 0.5 * db.getConfigField("iconSize");
         return elasticity;
       },
       edgeElasticity(edge) {
@@ -1054,7 +1074,7 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
           weights: W
         };
       }
-      chunk3XYRH5AP.__name(getSegmentWeights, "getSegmentWeights");
+      chunkAGHRB4JF.__name(getSegmentWeights, "getSegmentWeights");
       cy.startBatch();
       for (const edge of Object.values(cy.edges())) {
         if (edge.data?.()) {
@@ -1076,40 +1096,42 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
     });
     layout.run();
     cy.ready((e) => {
-      chunk3XYRH5AP.log.info("Ready", e);
+      chunkAGHRB4JF.log.info("Ready", e);
       resolve(cy);
     });
   });
 }
-chunk3XYRH5AP.__name(layoutArchitecture, "layoutArchitecture");
-var draw = /* @__PURE__ */ chunk3XYRH5AP.__name(async (text, id, _version, diagObj) => {
-  const db2 = diagObj.db;
-  const services = db2.getServices();
-  const junctions = db2.getJunctions();
-  const groups = db2.getGroups();
-  const edges = db2.getEdges();
-  const ds = db2.getDataStructures();
-  const svg = chunkP3VETL53.selectSvgElement(id);
+chunkAGHRB4JF.__name(layoutArchitecture, "layoutArchitecture");
+var draw = /* @__PURE__ */ chunkAGHRB4JF.__name(async (text, id, _version, diagObj) => {
+  const db = diagObj.db;
+  const services = db.getServices();
+  const junctions = db.getJunctions();
+  const groups = db.getGroups();
+  const edges = db.getEdges();
+  const ds = db.getDataStructures();
+  const svg = chunkEXTU4WIE.selectSvgElement(id);
   const edgesElem = svg.append("g");
   edgesElem.attr("class", "architecture-edges");
   const servicesElem = svg.append("g");
   servicesElem.attr("class", "architecture-services");
   const groupElem = svg.append("g");
   groupElem.attr("class", "architecture-groups");
-  await drawServices(db2, servicesElem, services);
-  drawJunctions(db2, servicesElem, junctions);
-  const cy = await layoutArchitecture(services, junctions, groups, edges, db2, ds);
-  await drawEdges(edgesElem, cy);
-  await drawGroups(groupElem, cy);
-  positionNodes(db2, cy);
-  chunk3XYRH5AP.setupGraphViewbox(void 0, svg, getConfigField("padding"), getConfigField("useMaxWidth"));
+  await drawServices(db, servicesElem, services);
+  drawJunctions(db, servicesElem, junctions);
+  const cy = await layoutArchitecture(services, junctions, groups, edges, db, ds);
+  await drawEdges(edgesElem, cy, db);
+  await drawGroups(groupElem, cy, db);
+  positionNodes(db, cy);
+  chunkABZYJK2D.setupGraphViewbox(void 0, svg, db.getConfigField("padding"), db.getConfigField("useMaxWidth"));
 }, "draw");
 var renderer = { draw };
 
 // src/diagrams/architecture/architectureDiagram.ts
 var diagram = {
   parser,
-  db,
+  get db() {
+    return new ArchitectureDB();
+  },
   renderer,
   styles: architectureStyles_default
 };