@pb33f/cowboy-components 0.12.5 → 0.13.0

package/dist/{blockDiagram-VD42YOAC-BB5NozCA.js → blockDiagram-DXYQGD6D-DPZDIH8c.js}

@@ -1,105 +1,105 @@
-import { g as oe } from "./chunk-FMBD7UC4-Y2_mjoeb.js";
-import { _ as d, E as rt, d as O, e as he, l as L, y as de, A as ge, c as R, ai as ue, R as pe, S as fe, O as xe, aj as j, ak as Wt, al as ye, u as $, k as be, am as we, an as xt, i as yt, ao as me } from "./cowboy-components-D1iW4457.js";
-import { c as Le } from "./clone-Cv1NeF92.js";
-import { G as Se } from "./graph-Bu9akWhV.js";
-import { c as ke } from "./channel-C30FZj3q.js";
-var bt = (function() {
-  var e = /* @__PURE__ */ d(function(D, y, g, f) {
-    for (g = g || {}, f = D.length; f--; g[D[f]] = y) ;
+import { g as oe } from "./chunk-FMBD7UC4-DZgUWYcc.js";
+import { _ as d, D as at, d as T, e as he, l as S, z as de, B as ge, c as R, ai as ue, R as pe, S as fe, O as xe, aj as F, ak as St, al as $, am as ye, u as tt, k as be, an as we, i as It, ao as Ct, ap as me } from "./cowboy-components-C1bHeXpH.js";
+import { c as Le } from "./clone-Dd6Qonyi.js";
+import { G as Se } from "./graph-CFIa3BqY.js";
+import { c as ke } from "./channel-Bcdtr5hc.js";
+var yt = (function() {
+  var e = /* @__PURE__ */ d(function(D, w, g, y) {
+    for (g = g || {}, y = D.length; y--; g[D[y]] = w) ;
     return g;
-  }, "o"), t = [1, 15], a = [1, 7], i = [1, 13], l = [1, 14], s = [1, 19], r = [1, 16], n = [1, 17], c = [1, 18], u = [8, 30], o = [8, 10, 21, 28, 29, 30, 31, 39, 43, 46], x = [1, 23], w = [1, 24], b = [8, 10, 15, 16, 21, 28, 29, 30, 31, 39, 43, 46], S = [8, 10, 15, 16, 21, 27, 28, 29, 30, 31, 39, 43, 46], v = [1, 49], k = {
+  }, "o"), t = [1, 15], a = [1, 7], i = [1, 13], l = [1, 14], s = [1, 19], r = [1, 16], n = [1, 17], c = [1, 18], x = [8, 30], o = [8, 10, 21, 28, 29, 30, 31, 39, 43, 46], u = [1, 23], b = [1, 24], f = [8, 10, 15, 16, 21, 28, 29, 30, 31, 39, 43, 46], m = [8, 10, 15, 16, 21, 27, 28, 29, 30, 31, 39, 43, 46], v = [1, 49], L = {
     trace: /* @__PURE__ */ d(function() {
     }, "trace"),
     yy: {},
     symbols_: { error: 2, spaceLines: 3, SPACELINE: 4, NL: 5, separator: 6, SPACE: 7, EOF: 8, start: 9, BLOCK_DIAGRAM_KEY: 10, document: 11, stop: 12, statement: 13, link: 14, LINK: 15, START_LINK: 16, LINK_LABEL: 17, STR: 18, nodeStatement: 19, columnsStatement: 20, SPACE_BLOCK: 21, blockStatement: 22, classDefStatement: 23, cssClassStatement: 24, styleStatement: 25, node: 26, SIZE: 27, COLUMNS: 28, "id-block": 29, end: 30, NODE_ID: 31, nodeShapeNLabel: 32, dirList: 33, DIR: 34, NODE_DSTART: 35, NODE_DEND: 36, BLOCK_ARROW_START: 37, BLOCK_ARROW_END: 38, classDef: 39, CLASSDEF_ID: 40, CLASSDEF_STYLEOPTS: 41, DEFAULT: 42, class: 43, CLASSENTITY_IDS: 44, STYLECLASS: 45, style: 46, STYLE_ENTITY_IDS: 47, STYLE_DEFINITION_DATA: 48, $accept: 0, $end: 1 },
     terminals_: { 2: "error", 4: "SPACELINE", 5: "NL", 7: "SPACE", 8: "EOF", 10: "BLOCK_DIAGRAM_KEY", 15: "LINK", 16: "START_LINK", 17: "LINK_LABEL", 18: "STR", 21: "SPACE_BLOCK", 27: "SIZE", 28: "COLUMNS", 29: "id-block", 30: "end", 31: "NODE_ID", 34: "DIR", 35: "NODE_DSTART", 36: "NODE_DEND", 37: "BLOCK_ARROW_START", 38: "BLOCK_ARROW_END", 39: "classDef", 40: "CLASSDEF_ID", 41: "CLASSDEF_STYLEOPTS", 42: "DEFAULT", 43: "class", 44: "CLASSENTITY_IDS", 45: "STYLECLASS", 46: "style", 47: "STYLE_ENTITY_IDS", 48: "STYLE_DEFINITION_DATA" },
     productions_: [0, [3, 1], [3, 2], [3, 2], [6, 1], [6, 1], [6, 1], [9, 3], [12, 1], [12, 1], [12, 2], [12, 2], [11, 1], [11, 2], [14, 1], [14, 4], [13, 1], [13, 1], [13, 1], [13, 1], [13, 1], [13, 1], [13, 1], [19, 3], [19, 2], [19, 1], [20, 1], [22, 4], [22, 3], [26, 1], [26, 2], [33, 1], [33, 2], [32, 3], [32, 4], [23, 3], [23, 3], [24, 3], [25, 3]],
-    performAction: /* @__PURE__ */ d(function(y, g, f, m, E, h, W) {
+    performAction: /* @__PURE__ */ d(function(w, g, y, k, E, h, W) {
       var p = h.length - 1;
       switch (E) {
         case 4:
-          m.getLogger().debug("Rule: separator (NL) ");
+          k.getLogger().debug("Rule: separator (NL) ");
           break;
         case 5:
-          m.getLogger().debug("Rule: separator (Space) ");
+          k.getLogger().debug("Rule: separator (Space) ");
           break;
         case 6:
-          m.getLogger().debug("Rule: separator (EOF) ");
+          k.getLogger().debug("Rule: separator (EOF) ");
           break;
         case 7:
-          m.getLogger().debug("Rule: hierarchy: ", h[p - 1]), m.setHierarchy(h[p - 1]);
+          k.getLogger().debug("Rule: hierarchy: ", h[p - 1]), k.setHierarchy(h[p - 1]);
           break;
         case 8:
-          m.getLogger().debug("Stop NL ");
+          k.getLogger().debug("Stop NL ");
           break;
         case 9:
-          m.getLogger().debug("Stop EOF ");
+          k.getLogger().debug("Stop EOF ");
           break;
         case 10:
-          m.getLogger().debug("Stop NL2 ");
+          k.getLogger().debug("Stop NL2 ");
           break;
         case 11:
-          m.getLogger().debug("Stop EOF2 ");
+          k.getLogger().debug("Stop EOF2 ");
           break;
         case 12:
-          m.getLogger().debug("Rule: statement: ", h[p]), typeof h[p].length == "number" ? this.$ = h[p] : this.$ = [h[p]];
+          k.getLogger().debug("Rule: statement: ", h[p]), typeof h[p].length == "number" ? this.$ = h[p] : this.$ = [h[p]];
           break;
         case 13:
-          m.getLogger().debug("Rule: statement #2: ", h[p - 1]), this.$ = [h[p - 1]].concat(h[p]);
+          k.getLogger().debug("Rule: statement #2: ", h[p - 1]), this.$ = [h[p - 1]].concat(h[p]);
           break;
         case 14:
-          m.getLogger().debug("Rule: link: ", h[p], y), this.$ = { edgeTypeStr: h[p], label: "" };
+          k.getLogger().debug("Rule: link: ", h[p], w), this.$ = { edgeTypeStr: h[p], label: "" };
           break;
         case 15:
-          m.getLogger().debug("Rule: LABEL link: ", h[p - 3], h[p - 1], h[p]), this.$ = { edgeTypeStr: h[p], label: h[p - 1] };
+          k.getLogger().debug("Rule: LABEL link: ", h[p - 3], h[p - 1], h[p]), this.$ = { edgeTypeStr: h[p], label: h[p - 1] };
           break;
         case 18:
-          const I = parseInt(h[p]), Z = m.generateId();
-          this.$ = { id: Z, type: "space", label: "", width: I, children: [] };
+          const O = parseInt(h[p]), Z = k.generateId();
+          this.$ = { id: Z, type: "space", label: "", width: O, children: [] };
           break;
         case 23:
-          m.getLogger().debug("Rule: (nodeStatement link node) ", h[p - 2], h[p - 1], h[p], " typestr: ", h[p - 1].edgeTypeStr);
-          const V = m.edgeStrToEdgeData(h[p - 1].edgeTypeStr);
+          k.getLogger().debug("Rule: (nodeStatement link node) ", h[p - 2], h[p - 1], h[p], " typestr: ", h[p - 1].edgeTypeStr);
+          const V = k.edgeStrToEdgeData(h[p - 1].edgeTypeStr);
           this.$ = [
             { id: h[p - 2].id, label: h[p - 2].label, type: h[p - 2].type, directions: h[p - 2].directions },
             { id: h[p - 2].id + "-" + h[p].id, start: h[p - 2].id, end: h[p].id, label: h[p - 1].label, type: "edge", directions: h[p].directions, arrowTypeEnd: V, arrowTypeStart: "arrow_open" },
-            { id: h[p].id, label: h[p].label, type: m.typeStr2Type(h[p].typeStr), directions: h[p].directions }
+            { id: h[p].id, label: h[p].label, type: k.typeStr2Type(h[p].typeStr), directions: h[p].directions }
           ];
           break;
         case 24:
-          m.getLogger().debug("Rule: nodeStatement (abc88 node size) ", h[p - 1], h[p]), this.$ = { id: h[p - 1].id, label: h[p - 1].label, type: m.typeStr2Type(h[p - 1].typeStr), directions: h[p - 1].directions, widthInColumns: parseInt(h[p], 10) };
+          k.getLogger().debug("Rule: nodeStatement (abc88 node size) ", h[p - 1], h[p]), this.$ = { id: h[p - 1].id, label: h[p - 1].label, type: k.typeStr2Type(h[p - 1].typeStr), directions: h[p - 1].directions, widthInColumns: parseInt(h[p], 10) };
           break;
         case 25:
-          m.getLogger().debug("Rule: nodeStatement (node) ", h[p]), this.$ = { id: h[p].id, label: h[p].label, type: m.typeStr2Type(h[p].typeStr), directions: h[p].directions, widthInColumns: 1 };
+          k.getLogger().debug("Rule: nodeStatement (node) ", h[p]), this.$ = { id: h[p].id, label: h[p].label, type: k.typeStr2Type(h[p].typeStr), directions: h[p].directions, widthInColumns: 1 };
           break;
         case 26:
-          m.getLogger().debug("APA123", this ? this : "na"), m.getLogger().debug("COLUMNS: ", h[p]), this.$ = { type: "column-setting", columns: h[p] === "auto" ? -1 : parseInt(h[p]) };
+          k.getLogger().debug("APA123", this ? this : "na"), k.getLogger().debug("COLUMNS: ", h[p]), this.$ = { type: "column-setting", columns: h[p] === "auto" ? -1 : parseInt(h[p]) };
           break;
         case 27:
-          m.getLogger().debug("Rule: id-block statement : ", h[p - 2], h[p - 1]), m.generateId(), this.$ = { ...h[p - 2], type: "composite", children: h[p - 1] };
+          k.getLogger().debug("Rule: id-block statement : ", h[p - 2], h[p - 1]), k.generateId(), this.$ = { ...h[p - 2], type: "composite", children: h[p - 1] };
           break;
         case 28:
-          m.getLogger().debug("Rule: blockStatement : ", h[p - 2], h[p - 1], h[p]);
-          const at = m.generateId();
-          this.$ = { id: at, type: "composite", label: "", children: h[p - 1] };
+          k.getLogger().debug("Rule: blockStatement : ", h[p - 2], h[p - 1], h[p]);
+          const st = k.generateId();
+          this.$ = { id: st, type: "composite", label: "", children: h[p - 1] };
           break;
         case 29:
-          m.getLogger().debug("Rule: node (NODE_ID separator): ", h[p]), this.$ = { id: h[p] };
+          k.getLogger().debug("Rule: node (NODE_ID separator): ", h[p]), this.$ = { id: h[p] };
           break;
         case 30:
-          m.getLogger().debug("Rule: node (NODE_ID nodeShapeNLabel separator): ", h[p - 1], h[p]), this.$ = { id: h[p - 1], label: h[p].label, typeStr: h[p].typeStr, directions: h[p].directions };
+          k.getLogger().debug("Rule: node (NODE_ID nodeShapeNLabel separator): ", h[p - 1], h[p]), this.$ = { id: h[p - 1], label: h[p].label, typeStr: h[p].typeStr, directions: h[p].directions };
           break;
         case 31:
-          m.getLogger().debug("Rule: dirList: ", h[p]), this.$ = [h[p]];
+          k.getLogger().debug("Rule: dirList: ", h[p]), this.$ = [h[p]];
           break;
         case 32:
-          m.getLogger().debug("Rule: dirList: ", h[p - 1], h[p]), this.$ = [h[p - 1]].concat(h[p]);
+          k.getLogger().debug("Rule: dirList: ", h[p - 1], h[p]), this.$ = [h[p - 1]].concat(h[p]);
           break;
         case 33:
-          m.getLogger().debug("Rule: nodeShapeNLabel: ", h[p - 2], h[p - 1], h[p]), this.$ = { typeStr: h[p - 2] + h[p], label: h[p - 1] };
+          k.getLogger().debug("Rule: nodeShapeNLabel: ", h[p - 2], h[p - 1], h[p]), this.$ = { typeStr: h[p - 2] + h[p], label: h[p - 1] };
           break;
         case 34:
-          m.getLogger().debug("Rule: BLOCK_ARROW nodeShapeNLabel: ", h[p - 3], h[p - 2], " #3:", h[p - 1], h[p]), this.$ = { typeStr: h[p - 3] + h[p], label: h[p - 2], directions: h[p - 1] };
+          k.getLogger().debug("Rule: BLOCK_ARROW nodeShapeNLabel: ", h[p - 3], h[p - 2], " #3:", h[p - 1], h[p]), this.$ = { typeStr: h[p - 3] + h[p], label: h[p - 2], directions: h[p - 1] };
           break;
         case 35:
         case 36:
@@ -113,58 +113,58 @@ var bt = (function() {
           break;
       }
     }, "anonymous"),
-    table: [{ 9: 1, 10: [1, 2] }, { 1: [3] }, { 10: t, 11: 3, 13: 4, 19: 5, 20: 6, 21: a, 22: 8, 23: 9, 24: 10, 25: 11, 26: 12, 28: i, 29: l, 31: s, 39: r, 43: n, 46: c }, { 8: [1, 20] }, e(u, [2, 12], { 13: 4, 19: 5, 20: 6, 22: 8, 23: 9, 24: 10, 25: 11, 26: 12, 11: 21, 10: t, 21: a, 28: i, 29: l, 31: s, 39: r, 43: n, 46: c }), e(o, [2, 16], { 14: 22, 15: x, 16: w }), e(o, [2, 17]), e(o, [2, 18]), e(o, [2, 19]), e(o, [2, 20]), e(o, [2, 21]), e(o, [2, 22]), e(b, [2, 25], { 27: [1, 25] }), e(o, [2, 26]), { 19: 26, 26: 12, 31: s }, { 10: t, 11: 27, 13: 4, 19: 5, 20: 6, 21: a, 22: 8, 23: 9, 24: 10, 25: 11, 26: 12, 28: i, 29: l, 31: s, 39: r, 43: n, 46: c }, { 40: [1, 28], 42: [1, 29] }, { 44: [1, 30] }, { 47: [1, 31] }, e(S, [2, 29], { 32: 32, 35: [1, 33], 37: [1, 34] }), { 1: [2, 7] }, e(u, [2, 13]), { 26: 35, 31: s }, { 31: [2, 14] }, { 17: [1, 36] }, e(b, [2, 24]), { 10: t, 11: 37, 13: 4, 14: 22, 15: x, 16: w, 19: 5, 20: 6, 21: a, 22: 8, 23: 9, 24: 10, 25: 11, 26: 12, 28: i, 29: l, 31: s, 39: r, 43: n, 46: c }, { 30: [1, 38] }, { 41: [1, 39] }, { 41: [1, 40] }, { 45: [1, 41] }, { 48: [1, 42] }, e(S, [2, 30]), { 18: [1, 43] }, { 18: [1, 44] }, e(b, [2, 23]), { 18: [1, 45] }, { 30: [1, 46] }, e(o, [2, 28]), e(o, [2, 35]), e(o, [2, 36]), e(o, [2, 37]), e(o, [2, 38]), { 36: [1, 47] }, { 33: 48, 34: v }, { 15: [1, 50] }, e(o, [2, 27]), e(S, [2, 33]), { 38: [1, 51] }, { 33: 52, 34: v, 38: [2, 31] }, { 31: [2, 15] }, e(S, [2, 34]), { 38: [2, 32] }],
+    table: [{ 9: 1, 10: [1, 2] }, { 1: [3] }, { 10: t, 11: 3, 13: 4, 19: 5, 20: 6, 21: a, 22: 8, 23: 9, 24: 10, 25: 11, 26: 12, 28: i, 29: l, 31: s, 39: r, 43: n, 46: c }, { 8: [1, 20] }, e(x, [2, 12], { 13: 4, 19: 5, 20: 6, 22: 8, 23: 9, 24: 10, 25: 11, 26: 12, 11: 21, 10: t, 21: a, 28: i, 29: l, 31: s, 39: r, 43: n, 46: c }), e(o, [2, 16], { 14: 22, 15: u, 16: b }), e(o, [2, 17]), e(o, [2, 18]), e(o, [2, 19]), e(o, [2, 20]), e(o, [2, 21]), e(o, [2, 22]), e(f, [2, 25], { 27: [1, 25] }), e(o, [2, 26]), { 19: 26, 26: 12, 31: s }, { 10: t, 11: 27, 13: 4, 19: 5, 20: 6, 21: a, 22: 8, 23: 9, 24: 10, 25: 11, 26: 12, 28: i, 29: l, 31: s, 39: r, 43: n, 46: c }, { 40: [1, 28], 42: [1, 29] }, { 44: [1, 30] }, { 47: [1, 31] }, e(m, [2, 29], { 32: 32, 35: [1, 33], 37: [1, 34] }), { 1: [2, 7] }, e(x, [2, 13]), { 26: 35, 31: s }, { 31: [2, 14] }, { 17: [1, 36] }, e(f, [2, 24]), { 10: t, 11: 37, 13: 4, 14: 22, 15: u, 16: b, 19: 5, 20: 6, 21: a, 22: 8, 23: 9, 24: 10, 25: 11, 26: 12, 28: i, 29: l, 31: s, 39: r, 43: n, 46: c }, { 30: [1, 38] }, { 41: [1, 39] }, { 41: [1, 40] }, { 45: [1, 41] }, { 48: [1, 42] }, e(m, [2, 30]), { 18: [1, 43] }, { 18: [1, 44] }, e(f, [2, 23]), { 18: [1, 45] }, { 30: [1, 46] }, e(o, [2, 28]), e(o, [2, 35]), e(o, [2, 36]), e(o, [2, 37]), e(o, [2, 38]), { 36: [1, 47] }, { 33: 48, 34: v }, { 15: [1, 50] }, e(o, [2, 27]), e(m, [2, 33]), { 38: [1, 51] }, { 33: 52, 34: v, 38: [2, 31] }, { 31: [2, 15] }, e(m, [2, 34]), { 38: [2, 32] }],
     defaultActions: { 20: [2, 7], 23: [2, 14], 50: [2, 15], 52: [2, 32] },
-    parseError: /* @__PURE__ */ d(function(y, g) {
+    parseError: /* @__PURE__ */ d(function(w, g) {
       if (g.recoverable)
-        this.trace(y);
+        this.trace(w);
       else {
-        var f = new Error(y);
-        throw f.hash = g, f;
+        var y = new Error(w);
+        throw y.hash = g, y;
       }
     }, "parseError"),
-    parse: /* @__PURE__ */ d(function(y) {
-      var g = this, f = [0], m = [], E = [null], h = [], W = this.table, p = "", I = 0, Z = 0, V = 2, at = 1, ne = h.slice.call(arguments, 1), z = Object.create(this.lexer), q = { yy: {} };
+    parse: /* @__PURE__ */ d(function(w) {
+      var g = this, y = [0], k = [], E = [null], h = [], W = this.table, p = "", O = 0, Z = 0, V = 2, st = 1, ne = h.slice.call(arguments, 1), z = Object.create(this.lexer), q = { yy: {} };
       for (var gt in this.yy)
         Object.prototype.hasOwnProperty.call(this.yy, gt) && (q.yy[gt] = this.yy[gt]);
-      z.setInput(y, q.yy), q.yy.lexer = z, q.yy.parser = this, typeof z.yylloc > "u" && (z.yylloc = {});
+      z.setInput(w, q.yy), q.yy.lexer = z, q.yy.parser = this, typeof z.yylloc > "u" && (z.yylloc = {});
       var ut = z.yylloc;
       h.push(ut);
       var le = z.options && z.options.ranges;
       typeof q.yy.parseError == "function" ? this.parseError = q.yy.parseError : this.parseError = Object.getPrototypeOf(this).parseError;
-      function ce(P) {
-        f.length = f.length - 2 * P, E.length = E.length - P, h.length = h.length - P;
+      function ce(Y) {
+        y.length = y.length - 2 * Y, E.length = E.length - Y, h.length = h.length - Y;
       }
       d(ce, "popStack");
-      function Nt() {
-        var P;
-        return P = m.pop() || z.lex() || at, typeof P != "number" && (P instanceof Array && (m = P, P = m.pop()), P = g.symbols_[P] || P), P;
+      function Bt() {
+        var Y;
+        return Y = k.pop() || z.lex() || st, typeof Y != "number" && (Y instanceof Array && (k = Y, Y = k.pop()), Y = g.symbols_[Y] || Y), Y;
       }
-      d(Nt, "lex");
-      for (var F, J, H, pt, Q = {}, st, G, Tt, it; ; ) {
-        if (J = f[f.length - 1], this.defaultActions[J] ? H = this.defaultActions[J] : ((F === null || typeof F > "u") && (F = Nt()), H = W[J] && W[J][F]), typeof H > "u" || !H.length || !H[0]) {
+      d(Bt, "lex");
+      for (var P, J, K, pt, Q = {}, it, G, Nt, nt; ; ) {
+        if (J = y[y.length - 1], this.defaultActions[J] ? K = this.defaultActions[J] : ((P === null || typeof P > "u") && (P = Bt()), K = W[J] && W[J][P]), typeof K > "u" || !K.length || !K[0]) {
           var ft = "";
-          it = [];
-          for (st in W[J])
-            this.terminals_[st] && st > V && it.push("'" + this.terminals_[st] + "'");
-          z.showPosition ? ft = "Parse error on line " + (I + 1) + `:
+          nt = [];
+          for (it in W[J])
+            this.terminals_[it] && it > V && nt.push("'" + this.terminals_[it] + "'");
+          z.showPosition ? ft = "Parse error on line " + (O + 1) + `:
 ` + z.showPosition() + `
-Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft = "Parse error on line " + (I + 1) + ": Unexpected " + (F == at ? "end of input" : "'" + (this.terminals_[F] || F) + "'"), this.parseError(ft, {
+Expecting ` + nt.join(", ") + ", got '" + (this.terminals_[P] || P) + "'" : ft = "Parse error on line " + (O + 1) + ": Unexpected " + (P == st ? "end of input" : "'" + (this.terminals_[P] || P) + "'"), this.parseError(ft, {
             text: z.match,
-            token: this.terminals_[F] || F,
+            token: this.terminals_[P] || P,
             line: z.yylineno,
             loc: ut,
-            expected: it
+            expected: nt
           });
         }
-        if (H[0] instanceof Array && H.length > 1)
-          throw new Error("Parse Error: multiple actions possible at state: " + J + ", token: " + F);
-        switch (H[0]) {
+        if (K[0] instanceof Array && K.length > 1)
+          throw new Error("Parse Error: multiple actions possible at state: " + J + ", token: " + P);
+        switch (K[0]) {
           case 1:
-            f.push(F), E.push(z.yytext), h.push(z.yylloc), f.push(H[1]), F = null, Z = z.yyleng, p = z.yytext, I = z.yylineno, ut = z.yylloc;
+            y.push(P), E.push(z.yytext), h.push(z.yylloc), y.push(K[1]), P = null, Z = z.yyleng, p = z.yytext, O = z.yylineno, ut = z.yylloc;
             break;
           case 2:
-            if (G = this.productions_[H[1]][1], Q.$ = E[E.length - G], Q._$ = {
+            if (G = this.productions_[K[1]][1], Q.$ = E[E.length - G], Q._$ = {
               first_line: h[h.length - (G || 1)].first_line,
               last_line: h[h.length - 1].last_line,
               first_column: h[h.length - (G || 1)].first_column,
@@ -175,14 +175,14 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
             ]), pt = this.performAction.apply(Q, [
               p,
               Z,
-              I,
+              O,
               q.yy,
-              H[1],
+              K[1],
               E,
               h
             ].concat(ne)), typeof pt < "u")
               return pt;
-            G && (f = f.slice(0, -1 * G * 2), E = E.slice(0, -1 * G), h = h.slice(0, -1 * G)), f.push(this.productions_[H[1]][0]), E.push(Q.$), h.push(Q._$), Tt = W[f[f.length - 2]][f[f.length - 1]], f.push(Tt);
+            G && (y = y.slice(0, -1 * G * 2), E = E.slice(0, -1 * G), h = h.slice(0, -1 * G)), y.push(this.productions_[K[1]][0]), E.push(Q.$), h.push(Q._$), Nt = W[y[y.length - 2]][y[y.length - 1]], y.push(Nt);
             break;
           case 3:
             return !0;
@@ -190,18 +190,18 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
       }
       return !0;
     }, "parse")
-  }, B = /* @__PURE__ */ (function() {
+  }, _ = /* @__PURE__ */ (function() {
     var D = {
       EOF: 1,
-      parseError: /* @__PURE__ */ d(function(g, f) {
+      parseError: /* @__PURE__ */ d(function(g, y) {
         if (this.yy.parser)
-          this.yy.parser.parseError(g, f);
+          this.yy.parser.parseError(g, y);
         else
           throw new Error(g);
       }, "parseError"),
       // resets the lexer, sets new input
-      setInput: /* @__PURE__ */ d(function(y, g) {
-        return this.yy = g || this.yy || {}, this._input = y, this._more = this._backtrack = this.done = !1, this.yylineno = this.yyleng = 0, this.yytext = this.matched = this.match = "", this.conditionStack = ["INITIAL"], this.yylloc = {
+      setInput: /* @__PURE__ */ d(function(w, g) {
+        return this.yy = g || this.yy || {}, this._input = w, this._more = this._backtrack = this.done = !1, this.yylineno = this.yyleng = 0, this.yytext = this.matched = this.match = "", this.conditionStack = ["INITIAL"], this.yylloc = {
           first_line: 1,
           first_column: 0,
           last_line: 1,
@@ -210,23 +210,23 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
       }, "setInput"),
       // consumes and returns one char from the input
       input: /* @__PURE__ */ d(function() {
-        var y = this._input[0];
-        this.yytext += y, this.yyleng++, this.offset++, this.match += y, this.matched += y;
-        var g = y.match(/(?:\r\n?|\n).*/g);
-        return g ? (this.yylineno++, this.yylloc.last_line++) : this.yylloc.last_column++, this.options.ranges && this.yylloc.range[1]++, this._input = this._input.slice(1), y;
+        var w = this._input[0];
+        this.yytext += w, this.yyleng++, this.offset++, this.match += w, this.matched += w;
+        var g = w.match(/(?:\r\n?|\n).*/g);
+        return g ? (this.yylineno++, this.yylloc.last_line++) : this.yylloc.last_column++, this.options.ranges && this.yylloc.range[1]++, this._input = this._input.slice(1), w;
       }, "input"),
       // unshifts one char (or a string) into the input
-      unput: /* @__PURE__ */ d(function(y) {
-        var g = y.length, f = y.split(/(?:\r\n?|\n)/g);
-        this._input = y + this._input, this.yytext = this.yytext.substr(0, this.yytext.length - g), this.offset -= g;
-        var m = this.match.split(/(?:\r\n?|\n)/g);
-        this.match = this.match.substr(0, this.match.length - 1), this.matched = this.matched.substr(0, this.matched.length - 1), f.length - 1 && (this.yylineno -= f.length - 1);
+      unput: /* @__PURE__ */ d(function(w) {
+        var g = w.length, y = w.split(/(?:\r\n?|\n)/g);
+        this._input = w + this._input, this.yytext = this.yytext.substr(0, this.yytext.length - g), this.offset -= g;
+        var k = this.match.split(/(?:\r\n?|\n)/g);
+        this.match = this.match.substr(0, this.match.length - 1), this.matched = this.matched.substr(0, this.matched.length - 1), y.length - 1 && (this.yylineno -= y.length - 1);
         var E = this.yylloc.range;
         return this.yylloc = {
           first_line: this.yylloc.first_line,
           last_line: this.yylineno + 1,
           first_column: this.yylloc.first_column,
-          last_column: f ? (f.length === m.length ? this.yylloc.first_column : 0) + m[m.length - f.length].length - f[0].length : this.yylloc.first_column - g
+          last_column: y ? (y.length === k.length ? this.yylloc.first_column : 0) + k[k.length - y.length].length - y[0].length : this.yylloc.first_column - g
         }, this.options.ranges && (this.yylloc.range = [E[0], E[0] + this.yyleng - g]), this.yyleng = this.yytext.length, this;
       }, "unput"),
       // When called from action, caches matched text and appends it on next action
@@ -247,28 +247,28 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
         return this;
       }, "reject"),
       // retain first n characters of the match
-      less: /* @__PURE__ */ d(function(y) {
-        this.unput(this.match.slice(y));
+      less: /* @__PURE__ */ d(function(w) {
+        this.unput(this.match.slice(w));
       }, "less"),
       // displays already matched input, i.e. for error messages
       pastInput: /* @__PURE__ */ d(function() {
-        var y = this.matched.substr(0, this.matched.length - this.match.length);
-        return (y.length > 20 ? "..." : "") + y.substr(-20).replace(/\n/g, "");
+        var w = this.matched.substr(0, this.matched.length - this.match.length);
+        return (w.length > 20 ? "..." : "") + w.substr(-20).replace(/\n/g, "");
       }, "pastInput"),
       // displays upcoming input, i.e. for error messages
       upcomingInput: /* @__PURE__ */ d(function() {
-        var y = this.match;
-        return y.length < 20 && (y += this._input.substr(0, 20 - y.length)), (y.substr(0, 20) + (y.length > 20 ? "..." : "")).replace(/\n/g, "");
+        var w = this.match;
+        return w.length < 20 && (w += this._input.substr(0, 20 - w.length)), (w.substr(0, 20) + (w.length > 20 ? "..." : "")).replace(/\n/g, "");
       }, "upcomingInput"),
       // displays the character position where the lexing error occurred, i.e. for error messages
       showPosition: /* @__PURE__ */ d(function() {
-        var y = this.pastInput(), g = new Array(y.length + 1).join("-");
-        return y + this.upcomingInput() + `
+        var w = this.pastInput(), g = new Array(w.length + 1).join("-");
+        return w + this.upcomingInput() + `
 ` + g + "^";
       }, "showPosition"),
       // test the lexed token: return FALSE when not a match, otherwise return token
-      test_match: /* @__PURE__ */ d(function(y, g) {
-        var f, m, E;
+      test_match: /* @__PURE__ */ d(function(w, g) {
+        var y, k, E;
         if (this.options.backtrack_lexer && (E = {
           yylineno: this.yylineno,
           yylloc: {
@@ -288,13 +288,13 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
           yy: this.yy,
           conditionStack: this.conditionStack.slice(0),
           done: this.done
-        }, this.options.ranges && (E.yylloc.range = this.yylloc.range.slice(0))), m = y[0].match(/(?:\r\n?|\n).*/g), m && (this.yylineno += m.length), this.yylloc = {
+        }, this.options.ranges && (E.yylloc.range = this.yylloc.range.slice(0))), k = w[0].match(/(?:\r\n?|\n).*/g), k && (this.yylineno += k.length), this.yylloc = {
           first_line: this.yylloc.last_line,
           last_line: this.yylineno + 1,
           first_column: this.yylloc.last_column,
-          last_column: m ? m[m.length - 1].length - m[m.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + y[0].length
-        }, this.yytext += y[0], this.match += y[0], this.matches = y, this.yyleng = this.yytext.length, this.options.ranges && (this.yylloc.range = [this.offset, this.offset += this.yyleng]), this._more = !1, this._backtrack = !1, this._input = this._input.slice(y[0].length), this.matched += y[0], f = this.performAction.call(this, this.yy, this, g, this.conditionStack[this.conditionStack.length - 1]), this.done && this._input && (this.done = !1), f)
-          return f;
+          last_column: k ? k[k.length - 1].length - k[k.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + w[0].length
+        }, this.yytext += w[0], this.match += w[0], this.matches = w, this.yyleng = this.yytext.length, this.options.ranges && (this.yylloc.range = [this.offset, this.offset += this.yyleng]), this._more = !1, this._backtrack = !1, this._input = this._input.slice(w[0].length), this.matched += w[0], y = this.performAction.call(this, this.yy, this, g, this.conditionStack[this.conditionStack.length - 1]), this.done && this._input && (this.done = !1), y)
+          return y;
         if (this._backtrack) {
           for (var h in E)
             this[h] = E[h];
@@ -307,13 +307,13 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
         if (this.done)
           return this.EOF;
         this._input || (this.done = !0);
-        var y, g, f, m;
+        var w, g, y, k;
         this._more || (this.yytext = "", this.match = "");
         for (var E = this._currentRules(), h = 0; h < E.length; h++)
-          if (f = this._input.match(this.rules[E[h]]), f && (!g || f[0].length > g[0].length)) {
-            if (g = f, m = h, this.options.backtrack_lexer) {
-              if (y = this.test_match(f, E[h]), y !== !1)
-                return y;
+          if (y = this._input.match(this.rules[E[h]]), y && (!g || y[0].length > g[0].length)) {
+            if (g = y, k = h, this.options.backtrack_lexer) {
+              if (w = this.test_match(y, E[h]), w !== !1)
+                return w;
               if (this._backtrack) {
                 g = !1;
                 continue;
@@ -322,7 +322,7 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
             } else if (!this.options.flex)
               break;
           }
-        return g ? (y = this.test_match(g, E[m]), y !== !1 ? y : !1) : this._input === "" ? this.EOF : this.parseError("Lexical error on line " + (this.yylineno + 1) + `. Unrecognized text.
+        return g ? (w = this.test_match(g, E[k]), w !== !1 ? w : !1) : this._input === "" ? this.EOF : this.parseError("Lexical error on line " + (this.yylineno + 1) + `. Unrecognized text.
 ` + this.showPosition(), {
           text: "",
           token: null,
@@ -360,8 +360,8 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
         return this.conditionStack.length;
       }, "stateStackSize"),
       options: {},
-      performAction: /* @__PURE__ */ d(function(g, f, m, E) {
-        switch (m) {
+      performAction: /* @__PURE__ */ d(function(g, y, k, E) {
+        switch (k) {
           case 0:
             return g.getLogger().debug("Found block-beta"), 10;
           case 1:
@@ -369,17 +369,17 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
           case 2:
             return g.getLogger().debug("Found block"), 10;
           case 3:
-            g.getLogger().debug(".", f.yytext);
+            g.getLogger().debug(".", y.yytext);
             break;
           case 4:
-            g.getLogger().debug("_", f.yytext);
+            g.getLogger().debug("_", y.yytext);
             break;
           case 5:
             return 5;
           case 6:
-            return f.yytext = -1, 28;
+            return y.yytext = -1, 28;
           case 7:
-            return f.yytext = f.yytext.replace(/columns\s+/, ""), g.getLogger().debug("COLUMNS (LEX)", f.yytext), 28;
+            return y.yytext = y.yytext.replace(/columns\s+/, ""), g.getLogger().debug("COLUMNS (LEX)", y.yytext), 28;
           case 8:
             this.pushState("md_string");
             break;
@@ -392,14 +392,14 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
             this.pushState("string");
             break;
           case 12:
-            g.getLogger().debug("LEX: POPPING STR:", f.yytext), this.popState();
+            g.getLogger().debug("LEX: POPPING STR:", y.yytext), this.popState();
             break;
           case 13:
-            return g.getLogger().debug("LEX: STR end:", f.yytext), "STR";
+            return g.getLogger().debug("LEX: STR end:", y.yytext), "STR";
           case 14:
-            return f.yytext = f.yytext.replace(/space\:/, ""), g.getLogger().debug("SPACE NUM (LEX)", f.yytext), 21;
+            return y.yytext = y.yytext.replace(/space\:/, ""), g.getLogger().debug("SPACE NUM (LEX)", y.yytext), 21;
           case 15:
-            return f.yytext = "1", g.getLogger().debug("COLUMNS (LEX)", f.yytext), 21;
+            return y.yytext = "1", g.getLogger().debug("COLUMNS (LEX)", y.yytext), 21;
           case 16:
             return 42;
           case 17:
@@ -519,9 +519,9 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
           case 73:
             return this.pushState("BLOCK_ARROW"), g.getLogger().debug("LEX ARR START"), 37;
           case 74:
-            return g.getLogger().debug("Lex: NODE_ID", f.yytext), 31;
+            return g.getLogger().debug("Lex: NODE_ID", y.yytext), 31;
           case 75:
-            return g.getLogger().debug("Lex: EOF", f.yytext), 8;
+            return g.getLogger().debug("Lex: EOF", y.yytext), 8;
           case 76:
             this.pushState("md_string");
             break;
@@ -540,7 +540,7 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
             g.getLogger().debug("LEX ARR: Starting string"), this.pushState("string");
             break;
           case 82:
-            return g.getLogger().debug("LEX: NODE_DESCR:", f.yytext), "NODE_DESCR";
+            return g.getLogger().debug("LEX: NODE_DESCR:", y.yytext), "NODE_DESCR";
           case 83:
             g.getLogger().debug("LEX POPPING"), this.popState();
             break;
@@ -548,46 +548,46 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
             g.getLogger().debug("Lex: =>BAE"), this.pushState("ARROW_DIR");
             break;
           case 85:
-            return f.yytext = f.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (right): dir:", f.yytext), "DIR";
+            return y.yytext = y.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (right): dir:", y.yytext), "DIR";
           case 86:
-            return f.yytext = f.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (left):", f.yytext), "DIR";
+            return y.yytext = y.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (left):", y.yytext), "DIR";
           case 87:
-            return f.yytext = f.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (x):", f.yytext), "DIR";
+            return y.yytext = y.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (x):", y.yytext), "DIR";
           case 88:
-            return f.yytext = f.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (y):", f.yytext), "DIR";
+            return y.yytext = y.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (y):", y.yytext), "DIR";
           case 89:
-            return f.yytext = f.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (up):", f.yytext), "DIR";
+            return y.yytext = y.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (up):", y.yytext), "DIR";
           case 90:
-            return f.yytext = f.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (down):", f.yytext), "DIR";
+            return y.yytext = y.yytext.replace(/^,\s*/, ""), g.getLogger().debug("Lex (down):", y.yytext), "DIR";
           case 91:
-            return f.yytext = "]>", g.getLogger().debug("Lex (ARROW_DIR end):", f.yytext), this.popState(), this.popState(), "BLOCK_ARROW_END";
+            return y.yytext = "]>", g.getLogger().debug("Lex (ARROW_DIR end):", y.yytext), this.popState(), this.popState(), "BLOCK_ARROW_END";
           case 92:
-            return g.getLogger().debug("Lex: LINK", "#" + f.yytext + "#"), 15;
+            return g.getLogger().debug("Lex: LINK", "#" + y.yytext + "#"), 15;
           case 93:
-            return g.getLogger().debug("Lex: LINK", f.yytext), 15;
+            return g.getLogger().debug("Lex: LINK", y.yytext), 15;
           case 94:
-            return g.getLogger().debug("Lex: LINK", f.yytext), 15;
+            return g.getLogger().debug("Lex: LINK", y.yytext), 15;
           case 95:
-            return g.getLogger().debug("Lex: LINK", f.yytext), 15;
+            return g.getLogger().debug("Lex: LINK", y.yytext), 15;
           case 96:
-            return g.getLogger().debug("Lex: START_LINK", f.yytext), this.pushState("LLABEL"), 16;
+            return g.getLogger().debug("Lex: START_LINK", y.yytext), this.pushState("LLABEL"), 16;
           case 97:
-            return g.getLogger().debug("Lex: START_LINK", f.yytext), this.pushState("LLABEL"), 16;
+            return g.getLogger().debug("Lex: START_LINK", y.yytext), this.pushState("LLABEL"), 16;
           case 98:
-            return g.getLogger().debug("Lex: START_LINK", f.yytext), this.pushState("LLABEL"), 16;
+            return g.getLogger().debug("Lex: START_LINK", y.yytext), this.pushState("LLABEL"), 16;
           case 99:
             this.pushState("md_string");
             break;
           case 100:
             return g.getLogger().debug("Lex: Starting string"), this.pushState("string"), "LINK_LABEL";
           case 101:
-            return this.popState(), g.getLogger().debug("Lex: LINK", "#" + f.yytext + "#"), 15;
+            return this.popState(), g.getLogger().debug("Lex: LINK", "#" + y.yytext + "#"), 15;
           case 102:
-            return this.popState(), g.getLogger().debug("Lex: LINK", f.yytext), 15;
+            return this.popState(), g.getLogger().debug("Lex: LINK", y.yytext), 15;
           case 103:
-            return this.popState(), g.getLogger().debug("Lex: LINK", f.yytext), 15;
+            return this.popState(), g.getLogger().debug("Lex: LINK", y.yytext), 15;
           case 104:
-            return g.getLogger().debug("Lex: COLON", f.yytext), f.yytext = f.yytext.slice(1), 27;
+            return g.getLogger().debug("Lex: COLON", y.yytext), y.yytext = y.yytext.slice(1), 27;
         }
       }, "anonymous"),
       rules: [/^(?:block-beta\b)/, /^(?:block:)/, /^(?:block\b)/, /^(?:[\s]+)/, /^(?:[\n]+)/, /^(?:((\u000D\u000A)|(\u000A)))/, /^(?:columns\s+auto\b)/, /^(?:columns\s+[\d]+)/, /^(?:["][`])/, /^(?:[^`"]+)/, /^(?:[`]["])/, /^(?:["])/, /^(?:["])/, /^(?:[^"]*)/, /^(?:space[:]\d+)/, /^(?:space\b)/, /^(?:default\b)/, /^(?:linkStyle\b)/, /^(?:interpolate\b)/, /^(?:classDef\s+)/, /^(?:DEFAULT\s+)/, /^(?:\w+\s+)/, /^(?:[^\n]*)/, /^(?:class\s+)/, /^(?:(\w+)+((,\s*\w+)*))/, /^(?:[^\n]*)/, /^(?:style\s+)/, /^(?:(\w+)+((,\s*\w+)*))/, /^(?:[^\n]*)/, /^(?:accTitle\s*:\s*)/, /^(?:(?!\n||)*[^\n]*)/, /^(?:accDescr\s*:\s*)/, /^(?:(?!\n||)*[^\n]*)/, /^(?:accDescr\s*\{\s*)/, /^(?:[\}])/, /^(?:[^\}]*)/, /^(?:end\b\s*)/, /^(?:\(\(\()/, /^(?:\)\)\))/, /^(?:[\)]\))/, /^(?:\}\})/, /^(?:\})/, /^(?:\(-)/, /^(?:-\))/, /^(?:\(\()/, /^(?:\]\])/, /^(?:\()/, /^(?:\]\))/, /^(?:\\\])/, /^(?:\/\])/, /^(?:\)\])/, /^(?:[\)])/, /^(?:\]>)/, /^(?:[\]])/, /^(?:-\))/, /^(?:\(-)/, /^(?:\)\))/, /^(?:\))/, /^(?:\(\(\()/, /^(?:\(\()/, /^(?:\{\{)/, /^(?:\{)/, /^(?:>)/, /^(?:\(\[)/, /^(?:\()/, /^(?:\[\[)/, /^(?:\[\|)/, /^(?:\[\()/, /^(?:\)\)\))/, /^(?:\[\\)/, /^(?:\[\/)/, /^(?:\[\\)/, /^(?:\[)/, /^(?:<\[)/, /^(?:[^\(\[\n\-\)\{\}\s\<\>:]+)/, /^(?:$)/, /^(?:["][`])/, /^(?:["][`])/, /^(?:[^`"]+)/, /^(?:[`]["])/, /^(?:["])/, /^(?:["])/, /^(?:[^"]+)/, /^(?:["])/, /^(?:\]>\s*\()/, /^(?:,?\s*right\s*)/, /^(?:,?\s*left\s*)/, /^(?:,?\s*x\s*)/, /^(?:,?\s*y\s*)/, /^(?:,?\s*up\s*)/, /^(?:,?\s*down\s*)/, /^(?:\)\s*)/, /^(?:\s*[xo<]?--+[-xo>]\s*)/, /^(?:\s*[xo<]?==+[=xo>]\s*)/, /^(?:\s*[xo<]?-?\.+-[xo>]?\s*)/, /^(?:\s*~~[\~]+\s*)/, /^(?:\s*[xo<]?--\s*)/, /^(?:\s*[xo<]?==\s*)/, /^(?:\s*[xo<]?-\.\s*)/, /^(?:["][`])/, /^(?:["])/, /^(?:\s*[xo<]?--+[-xo>]\s*)/, /^(?:\s*[xo<]?==+[=xo>]\s*)/, /^(?:\s*[xo<]?-?\.+-[xo>]?\s*)/, /^(?::\d+)/],
@@ -595,27 +595,27 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : ft =
     };
     return D;
   })();
-  k.lexer = B;
-  function _() {
+  L.lexer = _;
+  function I() {
     this.yy = {};
   }
-  return d(_, "Parser"), _.prototype = k, k.Parser = _, new _();
+  return d(I, "Parser"), I.prototype = L, L.Parser = I, new I();
 })();
-bt.parser = bt;
-var ve = bt, X = /* @__PURE__ */ new Map(), kt = [], wt = /* @__PURE__ */ new Map(), Bt = "color", Ct = "fill", Ee = "bgFill", Pt = ",", _e = R(), ct = /* @__PURE__ */ new Map(), De = /* @__PURE__ */ d((e) => be.sanitizeText(e, _e), "sanitizeText"), Ne = /* @__PURE__ */ d(function(e, t = "") {
+yt.parser = yt;
+var ve = yt, X = /* @__PURE__ */ new Map(), kt = [], bt = /* @__PURE__ */ new Map(), Ot = "color", Rt = "fill", Ee = "bgFill", Ht = ",", _e = R(), ct = /* @__PURE__ */ new Map(), vt = "", De = /* @__PURE__ */ d((e) => be.sanitizeText(e, _e), "sanitizeText"), Te = /* @__PURE__ */ d(function(e, t = "") {
   let a = ct.get(e);
-  a || (a = { id: e, styles: [], textStyles: [] }, ct.set(e, a)), t?.split(Pt).forEach((i) => {
+  a || (a = { id: e, styles: [], textStyles: [] }, ct.set(e, a)), t?.split(Ht).forEach((i) => {
     const l = i.replace(/([^;]*);/, "$1").trim();
-    if (RegExp(Bt).exec(i)) {
-      const r = l.replace(Ct, Ee).replace(Bt, Ct);
+    if (RegExp(Ot).exec(i)) {
+      const r = l.replace(Rt, Ee).replace(Ot, Rt);
       a.textStyles.push(r);
     }
     a.styles.push(l);
   });
-}, "addStyleClass"), Te = /* @__PURE__ */ d(function(e, t = "") {
+}, "addStyleClass"), Be = /* @__PURE__ */ d(function(e, t = "") {
   const a = X.get(e);
-  t != null && (a.styles = t.split(Pt));
-}, "addStyle2Node"), Be = /* @__PURE__ */ d(function(e, t) {
+  t != null && (a.styles = t.split(Ht));
+}, "addStyle2Node"), Ne = /* @__PURE__ */ d(function(e, t) {
   e.split(",").forEach(function(a) {
     let i = X.get(a);
     if (i === void 0) {
@@ -624,50 +624,50 @@ var ve = bt, X = /* @__PURE__ */ new Map(), kt = [], wt = /* @__PURE__ */ new Ma
     }
     i.classes || (i.classes = []), i.classes.push(t);
   });
-}, "setCssClass"), Yt = /* @__PURE__ */ d((e, t) => {
+}, "setCssClass"), Kt = /* @__PURE__ */ d((e, t) => {
   const a = e.flat(), i = [], s = a.find((r) => r?.type === "column-setting")?.columns ?? -1;
   for (const r of a) {
-    if (typeof s == "number" && s > 0 && r.type !== "column-setting" && typeof r.widthInColumns == "number" && r.widthInColumns > s && L.warn(
+    if (typeof s == "number" && s > 0 && r.type !== "column-setting" && typeof r.widthInColumns == "number" && r.widthInColumns > s && S.warn(
       `Block ${r.id} width ${r.widthInColumns} exceeds configured column width ${s}`
     ), r.label && (r.label = De(r.label)), r.type === "classDef") {
-      Ne(r.id, r.css);
+      Te(r.id, r.css);
       continue;
     }
     if (r.type === "applyClass") {
-      Be(r.id, r?.styleClass ?? "");
+      Ne(r.id, r?.styleClass ?? "");
       continue;
     }
     if (r.type === "applyStyles") {
-      r?.stylesStr && Te(r.id, r?.stylesStr);
+      r?.stylesStr && Be(r.id, r?.stylesStr);
       continue;
     }
     if (r.type === "column-setting")
       t.columns = r.columns ?? -1;
     else if (r.type === "edge") {
-      const n = (wt.get(r.id) ?? 0) + 1;
-      wt.set(r.id, n), r.id = n + "-" + r.id, kt.push(r);
+      const n = (bt.get(r.id) ?? 0) + 1;
+      bt.set(r.id, n), r.id = n + "-" + r.id, kt.push(r);
     } else {
       r.label || (r.type === "composite" ? r.label = "" : r.label = r.id);
       const n = X.get(r.id);
-      if (n === void 0 ? X.set(r.id, r) : (r.type !== "na" && (n.type = r.type), r.label !== r.id && (n.label = r.label)), r.children && Yt(r.children, r), r.type === "space") {
+      if (n === void 0 ? X.set(r.id, r) : (r.type !== "na" && (n.type = r.type), r.label !== r.id && (n.label = r.label)), r.children && Kt(r.children, r), r.type === "space") {
         const c = r.width ?? 1;
-        for (let u = 0; u < c; u++) {
+        for (let x = 0; x < c; x++) {
           const o = Le(r);
-          o.id = o.id + "-" + u, X.set(o.id, o), i.push(o);
+          o.id = o.id + "-" + x, X.set(o.id, o), i.push(o);
         }
       } else n === void 0 && i.push(r);
     }
   }
   t.children = i;
-}, "populateBlockDatabase"), vt = [], et = { id: "root", type: "composite", children: [], columns: -1 }, Ce = /* @__PURE__ */ d(() => {
-  L.debug("Clear called"), de(), et = { id: "root", type: "composite", children: [], columns: -1 }, X = /* @__PURE__ */ new Map([["root", et]]), vt = [], ct = /* @__PURE__ */ new Map(), kt = [], wt = /* @__PURE__ */ new Map();
+}, "populateBlockDatabase"), Et = [], rt = { id: "root", type: "composite", children: [], columns: -1 }, Ie = /* @__PURE__ */ d(() => {
+  S.debug("Clear called"), de(), rt = { id: "root", type: "composite", children: [], columns: -1 }, X = /* @__PURE__ */ new Map([["root", rt]]), Et = [], ct = /* @__PURE__ */ new Map(), kt = [], bt = /* @__PURE__ */ new Map(), vt = "";
 }, "clear");
-function Ht(e) {
-  switch (L.debug("typeStr2Type", e), e) {
+function Ut(e) {
+  switch (S.debug("typeStr2Type", e), e) {
     case "[]":
       return "square";
     case "()":
-      return L.debug("we have a round"), "round";
+      return S.debug("we have a round"), "round";
     case "(())":
       return "circle";
     case ">]":
@@ -698,17 +698,17 @@ function Ht(e) {
       return "na";
   }
 }
-d(Ht, "typeStr2Type");
-function Kt(e) {
-  switch (L.debug("typeStr2Type", e), e) {
+d(Ut, "typeStr2Type");
+function Xt(e) {
+  switch (S.debug("typeStr2Type", e), e) {
     case "==":
       return "thick";
     default:
       return "normal";
   }
 }
-d(Kt, "edgeTypeStr2Type");
-function Xt(e) {
+d(Xt, "edgeTypeStr2Type");
+function jt(e) {
   switch (e.replace(/^[\s-]+|[\s-]+$/g, "")) {
     case "x":
       return "arrow_cross";
@@ -720,36 +720,40 @@ function Xt(e) {
       return "";
   }
 }
-d(Xt, "edgeStrToEdgeData");
-var It = 0, Ie = /* @__PURE__ */ d(() => (It++, "id-" + Math.random().toString(36).substr(2, 12) + "-" + It), "generateId"), Oe = /* @__PURE__ */ d((e) => {
-  et.children = e, Yt(e, et), vt = et.children;
+d(jt, "edgeStrToEdgeData");
+var zt = 0, Ce = /* @__PURE__ */ d(() => (zt++, "id-" + Math.random().toString(36).substr(2, 12) + "-" + zt), "generateId"), Oe = /* @__PURE__ */ d((e) => {
+  rt.children = e, Kt(e, rt), Et = rt.children;
 }, "setHierarchy"), Re = /* @__PURE__ */ d((e) => {
   const t = X.get(e);
   return t ? t.columns ? t.columns : t.children ? t.children.length : -1 : -1;
-}, "getColumns"), ze = /* @__PURE__ */ d(() => [...X.values()], "getBlocksFlat"), Ae = /* @__PURE__ */ d(() => vt || [], "getBlocks"), Me = /* @__PURE__ */ d(() => kt, "getEdges"), Fe = /* @__PURE__ */ d((e) => X.get(e), "getBlock"), We = /* @__PURE__ */ d((e) => {
+}, "getColumns"), ze = /* @__PURE__ */ d(() => [...X.values()], "getBlocksFlat"), Ae = /* @__PURE__ */ d(() => Et || [], "getBlocks"), Me = /* @__PURE__ */ d(() => kt, "getEdges"), Fe = /* @__PURE__ */ d((e) => X.get(e), "getBlock"), Pe = /* @__PURE__ */ d((e) => {
   X.set(e.id, e);
-}, "setBlock"), Pe = /* @__PURE__ */ d(() => L, "getLogger"), Ye = /* @__PURE__ */ d(function() {
+}, "setBlock"), We = /* @__PURE__ */ d((e) => {
+  vt = e;
+}, "setDiagramId"), Ye = /* @__PURE__ */ d(() => vt, "getDiagramId"), He = /* @__PURE__ */ d(() => S, "getLogger"), Ke = /* @__PURE__ */ d(function() {
   return ct;
-}, "getClasses"), He = {
-  getConfig: /* @__PURE__ */ d(() => rt().block, "getConfig"),
-  typeStr2Type: Ht,
-  edgeTypeStr2Type: Kt,
-  edgeStrToEdgeData: Xt,
-  getLogger: Pe,
+}, "getClasses"), Ue = {
+  getConfig: /* @__PURE__ */ d(() => at().block, "getConfig"),
+  typeStr2Type: Ut,
+  edgeTypeStr2Type: Xt,
+  edgeStrToEdgeData: jt,
+  getLogger: He,
   getBlocksFlat: ze,
   getBlocks: Ae,
   getEdges: Me,
   setHierarchy: Oe,
   getBlock: Fe,
-  setBlock: We,
+  setBlock: Pe,
   getColumns: Re,
-  getClasses: Ye,
-  clear: Ce,
-  generateId: Ie
-}, Ke = He, nt = /* @__PURE__ */ d((e, t) => {
+  getClasses: Ke,
+  clear: Ie,
+  generateId: Ce,
+  setDiagramId: We,
+  getDiagramId: Ye
+}, Xe = Ue, xt = /* @__PURE__ */ d((e, t) => {
   const a = ke, i = a(e, "r"), l = a(e, "g"), s = a(e, "b");
   return ge(i, l, s, t);
-}, "fade"), Xe = /* @__PURE__ */ d((e) => `.label {
+}, "fade"), je = /* @__PURE__ */ d((e) => `.label {
     font-family: ${e.fontFamily};
     color: ${e.nodeTextColor || e.textColor};
   }
@@ -809,6 +813,17 @@ var It = 0, Ie = /* @__PURE__ */ d(() => (It++, "id-" + Math.random().toString(3
 
   .edgeLabel {
     background-color: ${e.edgeLabelBackground};
+    /*
+     * This is for backward compatibility with existing code that didn't
+     * add a \`<p>\` around edge labels.
+     *
+     * TODO: We should probably remove this in a future release.
+     */
+    p {
+      margin: 0;
+      padding: 0;
+      display: inline;
+    }
     rect {
       opacity: 0.5;
       background-color: ${e.edgeLabelBackground};
@@ -819,14 +834,13 @@ var It = 0, Ie = /* @__PURE__ */ d(() => (It++, "id-" + Math.random().toString(3
 
   /* For html labels only */
   .labelBkg {
-    background-color: ${nt(e.edgeLabelBackground, 0.5)};
-    // background-color:
+    background-color: ${e.edgeLabelBackground};
   }
 
   .node .cluster {
-    // fill: ${nt(e.mainBkg, 0.5)};
-    fill: ${nt(e.clusterBkg, 0.5)};
-    stroke: ${nt(e.clusterBorder, 0.2)};
+    // fill: ${xt(e.mainBkg, 0.5)};
+    fill: ${xt(e.clusterBkg, 0.5)};
+    stroke: ${xt(e.clusterBorder, 0.2)};
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
     stroke-width: 1px;
   }
@@ -862,40 +876,40 @@ var It = 0, Ie = /* @__PURE__ */ d(() => (It++, "id-" + Math.random().toString(3
     fill: ${e.textColor};
   }
   ${oe()}
-`, "getStyles"), Ue = Xe, je = /* @__PURE__ */ d((e, t, a, i) => {
+`, "getStyles"), Ve = je, Ge = /* @__PURE__ */ d((e, t, a, i) => {
   t.forEach((l) => {
-    rr[l](e, a, i);
+    sr[l](e, a, i);
   });
-}, "insertMarkers"), Ve = /* @__PURE__ */ d((e, t, a) => {
-  L.trace("Making markers for ", a), e.append("defs").append("marker").attr("id", a + "_" + t + "-extensionStart").attr("class", "marker extension " + t).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 1,7 L18,13 V 1 Z"), e.append("defs").append("marker").attr("id", a + "_" + t + "-extensionEnd").attr("class", "marker extension " + t).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 1,1 V 13 L18,7 Z");
-}, "extension"), Ge = /* @__PURE__ */ d((e, t, a) => {
+}, "insertMarkers"), Ze = /* @__PURE__ */ d((e, t, a) => {
+  S.trace("Making markers for ", a), e.append("defs").append("marker").attr("id", a + "_" + t + "-extensionStart").attr("class", "marker extension " + t).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 1,7 L18,13 V 1 Z"), e.append("defs").append("marker").attr("id", a + "_" + t + "-extensionEnd").attr("class", "marker extension " + t).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 1,1 V 13 L18,7 Z");
+}, "extension"), qe = /* @__PURE__ */ d((e, t, a) => {
   e.append("defs").append("marker").attr("id", a + "_" + t + "-compositionStart").attr("class", "marker composition " + t).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z"), e.append("defs").append("marker").attr("id", a + "_" + t + "-compositionEnd").attr("class", "marker composition " + t).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
-}, "composition"), Ze = /* @__PURE__ */ d((e, t, a) => {
+}, "composition"), Je = /* @__PURE__ */ d((e, t, a) => {
   e.append("defs").append("marker").attr("id", a + "_" + t + "-aggregationStart").attr("class", "marker aggregation " + t).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z"), e.append("defs").append("marker").attr("id", a + "_" + t + "-aggregationEnd").attr("class", "marker aggregation " + t).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
-}, "aggregation"), qe = /* @__PURE__ */ d((e, t, a) => {
+}, "aggregation"), Qe = /* @__PURE__ */ d((e, t, a) => {
   e.append("defs").append("marker").attr("id", a + "_" + t + "-dependencyStart").attr("class", "marker dependency " + t).attr("refX", 6).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 5,7 L9,13 L1,7 L9,1 Z"), e.append("defs").append("marker").attr("id", a + "_" + t + "-dependencyEnd").attr("class", "marker dependency " + t).attr("refX", 13).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L14,7 L9,1 Z");
-}, "dependency"), Je = /* @__PURE__ */ d((e, t, a) => {
+}, "dependency"), $e = /* @__PURE__ */ d((e, t, a) => {
   e.append("defs").append("marker").attr("id", a + "_" + t + "-lollipopStart").attr("class", "marker lollipop " + t).attr("refX", 13).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("circle").attr("stroke", "black").attr("fill", "transparent").attr("cx", 7).attr("cy", 7).attr("r", 6), e.append("defs").append("marker").attr("id", a + "_" + t + "-lollipopEnd").attr("class", "marker lollipop " + t).attr("refX", 1).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("circle").attr("stroke", "black").attr("fill", "transparent").attr("cx", 7).attr("cy", 7).attr("r", 6);
-}, "lollipop"), Qe = /* @__PURE__ */ d((e, t, a) => {
+}, "lollipop"), tr = /* @__PURE__ */ d((e, t, a) => {
   e.append("marker").attr("id", a + "_" + t + "-pointEnd").attr("class", "marker " + t).attr("viewBox", "0 0 10 10").attr("refX", 6).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 12).attr("markerHeight", 12).attr("orient", "auto").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0"), e.append("marker").attr("id", a + "_" + t + "-pointStart").attr("class", "marker " + t).attr("viewBox", "0 0 10 10").attr("refX", 4.5).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 12).attr("markerHeight", 12).attr("orient", "auto").append("path").attr("d", "M 0 5 L 10 10 L 10 0 z").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
-}, "point"), $e = /* @__PURE__ */ d((e, t, a) => {
+}, "point"), er = /* @__PURE__ */ d((e, t, a) => {
   e.append("marker").attr("id", a + "_" + t + "-circleEnd").attr("class", "marker " + t).attr("viewBox", "0 0 10 10").attr("refX", 11).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("circle").attr("cx", "5").attr("cy", "5").attr("r", "5").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0"), e.append("marker").attr("id", a + "_" + t + "-circleStart").attr("class", "marker " + t).attr("viewBox", "0 0 10 10").attr("refX", -1).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("circle").attr("cx", "5").attr("cy", "5").attr("r", "5").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
-}, "circle"), tr = /* @__PURE__ */ d((e, t, a) => {
+}, "circle"), rr = /* @__PURE__ */ d((e, t, a) => {
   e.append("marker").attr("id", a + "_" + t + "-crossEnd").attr("class", "marker cross " + t).attr("viewBox", "0 0 11 11").attr("refX", 12).attr("refY", 5.2).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("path").attr("d", "M 1,1 l 9,9 M 10,1 l -9,9").attr("class", "arrowMarkerPath").style("stroke-width", 2).style("stroke-dasharray", "1,0"), e.append("marker").attr("id", a + "_" + t + "-crossStart").attr("class", "marker cross " + t).attr("viewBox", "0 0 11 11").attr("refX", -1).attr("refY", 5.2).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("path").attr("d", "M 1,1 l 9,9 M 10,1 l -9,9").attr("class", "arrowMarkerPath").style("stroke-width", 2).style("stroke-dasharray", "1,0");
-}, "cross"), er = /* @__PURE__ */ d((e, t, a) => {
+}, "cross"), ar = /* @__PURE__ */ d((e, t, a) => {
   e.append("defs").append("marker").attr("id", a + "_" + t + "-barbEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 14).attr("markerUnits", "strokeWidth").attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
-}, "barb"), rr = {
-  extension: Ve,
-  composition: Ge,
-  aggregation: Ze,
-  dependency: qe,
-  lollipop: Je,
-  point: Qe,
-  circle: $e,
-  cross: tr,
-  barb: er
-}, ar = je, C = R()?.block?.padding ?? 8;
-function Ut(e, t) {
+}, "barb"), sr = {
+  extension: Ze,
+  composition: qe,
+  aggregation: Je,
+  dependency: Qe,
+  lollipop: $e,
+  point: tr,
+  circle: er,
+  cross: rr,
+  barb: ar
+}, ir = Ge, C = R()?.block?.padding ?? 8;
+function wt(e, t) {
   if (e === 0 || !Number.isInteger(e))
     throw new Error("Columns must be an integer !== 0.");
   if (t < 0 || !Number.isInteger(t))
@@ -907,12 +921,12 @@ function Ut(e, t) {
   const a = t % e, i = Math.floor(t / e);
   return { px: a, py: i };
 }
-d(Ut, "calculateBlockPosition");
-var sr = /* @__PURE__ */ d((e) => {
+d(wt, "calculateBlockPosition");
+var nr = /* @__PURE__ */ d((e) => {
   let t = 0, a = 0;
   for (const i of e.children) {
     const { width: l, height: s, x: r, y: n } = i.size ?? { width: 0, height: 0, x: 0, y: 0 };
-    L.debug(
+    S.debug(
       "getMaxChildSize abc95 child:",
       i.id,
       "width:",
@@ -924,12 +938,12 @@ var sr = /* @__PURE__ */ d((e) => {
       "y:",
       n,
       i.type
-    ), i.type !== "space" && (l > t && (t = l / (e.widthInColumns ?? 1)), s > a && (a = s));
+    ), i.type !== "space" && (l > t && (t = l / (i.widthInColumns ?? 1)), s > a && (a = s));
   }
   return { width: t, height: a };
 }, "getMaxChildSize");
 function ot(e, t, a = 0, i = 0) {
-  L.debug(
+  S.debug(
     "setBlockSizes abc95 (start)",
     e.id,
     e?.size?.x,
@@ -945,55 +959,55 @@ function ot(e, t, a = 0, i = 0) {
   });
   let l = 0, s = 0;
   if (e.children?.length > 0) {
-    for (const b of e.children)
-      ot(b, t);
-    const r = sr(e);
-    l = r.width, s = r.height, L.debug("setBlockSizes abc95 maxWidth of", e.id, ":s children is ", l, s);
-    for (const b of e.children)
-      b.size && (L.debug(
-        `abc95 Setting size of children of ${e.id} id=${b.id} ${l} ${s} ${JSON.stringify(b.size)}`
-      ), b.size.width = l * (b.widthInColumns ?? 1) + C * ((b.widthInColumns ?? 1) - 1), b.size.height = s, b.size.x = 0, b.size.y = 0, L.debug(
-        `abc95 updating size of ${e.id} children child:${b.id} maxWidth:${l} maxHeight:${s}`
+    for (const f of e.children)
+      ot(f, t);
+    const r = nr(e);
+    l = r.width, s = r.height, S.debug("setBlockSizes abc95 maxWidth of", e.id, ":s children is ", l, s);
+    for (const f of e.children)
+      f.size && (S.debug(
+        `abc95 Setting size of children of ${e.id} id=${f.id} ${l} ${s} ${JSON.stringify(f.size)}`
+      ), f.size.width = l * (f.widthInColumns ?? 1) + C * ((f.widthInColumns ?? 1) - 1), f.size.height = s, f.size.x = 0, f.size.y = 0, S.debug(
+        `abc95 updating size of ${e.id} children child:${f.id} maxWidth:${l} maxHeight:${s}`
       ));
-    for (const b of e.children)
-      ot(b, t, l, s);
+    for (const f of e.children)
+      ot(f, t, l, s);
     const n = e.columns ?? -1;
     let c = 0;
-    for (const b of e.children)
-      c += b.widthInColumns ?? 1;
-    let u = e.children.length;
-    n > 0 && n < c && (u = n);
-    const o = Math.ceil(c / u);
-    let x = u * (l + C) + C, w = o * (s + C) + C;
-    if (x < a) {
-      L.debug(
-        `Detected to small sibling: abc95 ${e.id} siblingWidth ${a} siblingHeight ${i} width ${x}`
-      ), x = a, w = i;
-      const b = (a - u * C - C) / u, S = (i - o * C - C) / o;
-      L.debug("Size indata abc88", e.id, "childWidth", b, "maxWidth", l), L.debug("Size indata abc88", e.id, "childHeight", S, "maxHeight", s), L.debug("Size indata abc88 xSize", u, "padding", C);
+    for (const f of e.children)
+      c += f.widthInColumns ?? 1;
+    let x = e.children.length;
+    n > 0 && n < c && (x = n);
+    const o = Math.ceil(c / x);
+    let u = x * (l + C) + C, b = o * (s + C) + C;
+    if (u < a) {
+      S.debug(
+        `Detected to small sibling: abc95 ${e.id} siblingWidth ${a} siblingHeight ${i} width ${u}`
+      ), u = a, b = i;
+      const f = (a - x * C - C) / x, m = (i - o * C - C) / o;
+      S.debug("Size indata abc88", e.id, "childWidth", f, "maxWidth", l), S.debug("Size indata abc88", e.id, "childHeight", m, "maxHeight", s), S.debug("Size indata abc88 xSize", x, "padding", C);
       for (const v of e.children)
-        v.size && (v.size.width = b, v.size.height = S, v.size.x = 0, v.size.y = 0);
+        v.size && (v.size.width = f, v.size.height = m, v.size.x = 0, v.size.y = 0);
     }
-    if (L.debug(
-      `abc95 (finale calc) ${e.id} xSize ${u} ySize ${o} columns ${n}${e.children.length} width=${Math.max(x, e.size?.width || 0)}`
-    ), x < (e?.size?.width || 0)) {
-      x = e?.size?.width || 0;
-      const b = n > 0 ? Math.min(e.children.length, n) : e.children.length;
-      if (b > 0) {
-        const S = (x - b * C - C) / b;
-        L.debug("abc95 (growing to fit) width", e.id, x, e.size?.width, S);
+    if (S.debug(
+      `abc95 (finale calc) ${e.id} xSize ${x} ySize ${o} columns ${n}${e.children.length} width=${Math.max(u, e.size?.width || 0)}`
+    ), u < (e?.size?.width || 0)) {
+      u = e?.size?.width || 0;
+      const f = n > 0 ? Math.min(e.children.length, n) : e.children.length;
+      if (f > 0) {
+        const m = (u - f * C - C) / f;
+        S.debug("abc95 (growing to fit) width", e.id, u, e.size?.width, m);
         for (const v of e.children)
-          v.size && (v.size.width = S);
+          v.size && (v.size.width = m);
       }
     }
     e.size = {
-      width: x,
-      height: w,
+      width: u,
+      height: b,
       x: 0,
       y: 0
     };
   }
-  L.debug(
+  S.debug(
     "setBlockSizes abc94 (done)",
     e.id,
     e?.size?.x,
@@ -1003,98 +1017,104 @@ function ot(e, t, a = 0, i = 0) {
   );
 }
 d(ot, "setBlockSizes");
-function Et(e, t) {
-  L.debug(
+function _t(e, t) {
+  S.debug(
     `abc85 layout blocks (=>layoutBlocks) ${e.id} x: ${e?.size?.x} y: ${e?.size?.y} width: ${e?.size?.width}`
   );
   const a = e.columns ?? -1;
-  if (L.debug("layoutBlocks columns abc95", e.id, "=>", a, e), e.children && // find max width of children
+  if (S.debug("layoutBlocks columns abc95", e.id, "=>", a, e), e.children && // find max width of children
   e.children.length > 0) {
     const i = e?.children[0]?.size?.width ?? 0, l = e.children.length * i + (e.children.length - 1) * C;
-    L.debug("widthOfChildren 88", l, "posX");
-    let s = 0;
-    L.debug("abc91 block?.size?.x", e.id, e?.size?.x);
-    let r = e?.size?.x ? e?.size?.x + (-e?.size?.width / 2 || 0) : -C, n = 0;
-    for (const c of e.children) {
+    S.debug("widthOfChildren 88", l, "posX");
+    const s = /* @__PURE__ */ new Map();
+    {
+      let o = 0;
+      for (const u of e.children) {
+        if (!u.size)
+          continue;
+        const { py: b } = wt(a, o), f = s.get(b) ?? 0;
+        u.size.height > f && s.set(b, u.size.height);
+        let m = u?.widthInColumns ?? 1;
+        a > 0 && (m = Math.min(m, a - o % a)), o += m;
+      }
+    }
+    const r = /* @__PURE__ */ new Map();
+    {
+      let o = 0;
+      const u = [...s.keys()].sort((b, f) => b - f);
+      for (const b of u)
+        r.set(b, o), o += (s.get(b) ?? 0) + C;
+    }
+    let n = 0;
+    S.debug("abc91 block?.size?.x", e.id, e?.size?.x);
+    let c = e?.size?.x ? e?.size?.x + (-e?.size?.width / 2 || 0) : -C, x = 0;
+    for (const o of e.children) {
       const u = e;
-      if (!c.size)
+      if (!o.size)
         continue;
-      const { width: o, height: x } = c.size, { px: w, py: b } = Ut(a, s);
-      if (b != n && (n = b, r = e?.size?.x ? e?.size?.x + (-e?.size?.width / 2 || 0) : -C, L.debug("New row in layout for block", e.id, " and child ", c.id, n)), L.debug(
-        `abc89 layout blocks (child) id: ${c.id} Pos: ${s} (px, py) ${w},${b} (${u?.size?.x},${u?.size?.y}) parent: ${u.id} width: ${o}${C}`
+      const { width: b, height: f } = o.size, { px: m, py: v } = wt(a, n);
+      if (v != x && (x = v, c = e?.size?.x ? e?.size?.x + (-e?.size?.width / 2 || 0) : -C, S.debug("New row in layout for block", e.id, " and child ", o.id, x)), S.debug(
+        `abc89 layout blocks (child) id: ${o.id} Pos: ${n} (px, py) ${m},${v} (${u?.size?.x},${u?.size?.y}) parent: ${u.id} width: ${b}${C}`
       ), u.size) {
-        const v = o / 2;
-        c.size.x = r + C + v, L.debug(
-          `abc91 layout blocks (calc) px, pyid:${c.id} startingPos=X${r} new startingPosX${c.size.x} ${v} padding=${C} width=${o} halfWidth=${v} => x:${c.size.x} y:${c.size.y} ${c.widthInColumns} (width * (child?.w || 1)) / 2 ${o * (c?.widthInColumns ?? 1) / 2}`
-        ), r = c.size.x + v, c.size.y = u.size.y - u.size.height / 2 + b * (x + C) + x / 2 + C, L.debug(
-          `abc88 layout blocks (calc) px, pyid:${c.id}startingPosX${r}${C}${v}=>x:${c.size.x}y:${c.size.y}${c.widthInColumns}(width * (child?.w || 1)) / 2${o * (c?.widthInColumns ?? 1) / 2}`
+        const _ = b / 2;
+        o.size.x = c + C + _, S.debug(
+          `abc91 layout blocks (calc) px, pyid:${o.id} startingPos=X${c} new startingPosX${o.size.x} ${_} padding=${C} width=${b} halfWidth=${_} => x:${o.size.x} y:${o.size.y} ${o.widthInColumns} (width * (child?.w || 1)) / 2 ${b * (o?.widthInColumns ?? 1) / 2}`
+        ), c = o.size.x + _;
+        const I = r.get(v) ?? 0, D = s.get(v) ?? f;
+        o.size.y = u.size.y - u.size.height / 2 + I + D / 2 + C, S.debug(
+          `abc88 layout blocks (calc) px, pyid:${o.id}startingPosX${c}${C}${_}=>x:${o.size.x}y:${o.size.y}${o.widthInColumns}(width * (child?.w || 1)) / 2${b * (o?.widthInColumns ?? 1) / 2}`
         );
       }
-      c.children && Et(c);
-      let S = c?.widthInColumns ?? 1;
-      a > 0 && (S = Math.min(S, a - s % a)), s += S, L.debug("abc88 columnsPos", c, s);
+      o.children && _t(o);
+      let L = o?.widthInColumns ?? 1;
+      a > 0 && (L = Math.min(L, a - n % a)), n += L, S.debug("abc88 columnsPos", o, n);
     }
   }
-  L.debug(
+  S.debug(
     `layout blocks (<==layoutBlocks) ${e.id} x: ${e?.size?.x} y: ${e?.size?.y} width: ${e?.size?.width}`
   );
 }
-d(Et, "layoutBlocks");
-function _t(e, { minX: t, minY: a, maxX: i, maxY: l } = { minX: 0, minY: 0, maxX: 0, maxY: 0 }) {
+d(_t, "layoutBlocks");
+function Dt(e, { minX: t, minY: a, maxX: i, maxY: l } = { minX: 0, minY: 0, maxX: 0, maxY: 0 }) {
   if (e.size && e.id !== "root") {
     const { x: s, y: r, width: n, height: c } = e.size;
     s - n / 2 < t && (t = s - n / 2), r - c / 2 < a && (a = r - c / 2), s + n / 2 > i && (i = s + n / 2), r + c / 2 > l && (l = r + c / 2);
   }
   if (e.children)
     for (const s of e.children)
-      ({ minX: t, minY: a, maxX: i, maxY: l } = _t(s, { minX: t, minY: a, maxX: i, maxY: l }));
+      ({ minX: t, minY: a, maxX: i, maxY: l } = Dt(s, { minX: t, minY: a, maxX: i, maxY: l }));
   return { minX: t, minY: a, maxX: i, maxY: l };
 }
-d(_t, "findBounds");
-function jt(e) {
+d(Dt, "findBounds");
+function Vt(e) {
   const t = e.getBlock("root");
   if (!t)
     return;
-  ot(t, e, 0, 0), Et(t), L.debug("getBlocks", JSON.stringify(t, null, 2));
-  const { minX: a, minY: i, maxX: l, maxY: s } = _t(t), r = s - i, n = l - a;
+  ot(t, e, 0, 0), _t(t), S.debug("getBlocks", JSON.stringify(t, null, 2));
+  const { minX: a, minY: i, maxX: l, maxY: s } = Dt(t), r = s - i, n = l - a;
   return { x: a, y: i, width: n, height: r };
 }
-d(jt, "layout");
-function mt(e, t) {
-  t && e.attr("style", t);
-}
-d(mt, "applyStyle");
-function Vt(e, t) {
-  const a = O(document.createElementNS("http://www.w3.org/2000/svg", "foreignObject")), i = a.append("xhtml:div"), l = e.label, s = e.isNode ? "nodeLabel" : "edgeLabel", r = i.append("span");
-  return r.html(yt(l, t)), mt(r, e.labelStyle), r.attr("class", s), mt(i, e.labelStyle), i.style("display", "inline-block"), i.style("white-space", "nowrap"), i.attr("xmlns", "http://www.w3.org/1999/xhtml"), a.node();
-}
-d(Vt, "addHtmlLabel");
-var ir = /* @__PURE__ */ d(async (e, t, a, i) => {
-  let l = e || "";
-  typeof l == "object" && (l = l[0]);
-  const s = R();
-  if (j(s.flowchart.htmlLabels)) {
-    l = l.replace(/\\n|\n/g, "<br />"), L.debug("vertexText" + l);
-    const r = await we(xt(l)), n = {
-      isNode: i,
-      label: r,
-      labelStyle: t.replace("fill:", "color:")
-    };
-    return Vt(n, s);
-  } else {
-    const r = document.createElementNS("http://www.w3.org/2000/svg", "text");
-    r.setAttribute("style", t.replace("color:", "fill:"));
-    let n = [];
-    typeof l == "string" ? n = l.split(/\\n|\n|<br\s*\/?>/gi) : Array.isArray(l) ? n = l : n = [];
-    for (const c of n) {
-      const u = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-      u.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve"), u.setAttribute("dy", "1em"), u.setAttribute("x", "0"), a ? u.setAttribute("class", "title-row") : u.setAttribute("class", "row"), u.textContent = c.trim(), r.appendChild(u);
-    }
-    return r;
-  }
-}, "createLabel"), K = ir, nr = /* @__PURE__ */ d((e, t, a, i, l) => {
-  t.arrowTypeStart && Ot(e, "start", t.arrowTypeStart, a, i, l), t.arrowTypeEnd && Ot(e, "end", t.arrowTypeEnd, a, i, l);
-}, "addEdgeMarkers"), lr = {
+d(Vt, "layout");
+var lr = /* @__PURE__ */ d(async (e, t, a, i = !1, l = !1) => {
+  let s = t || "";
+  typeof s == "object" && (s = s[0]);
+  const r = R(), n = F(r);
+  return await St(
+    e,
+    s,
+    {
+      style: a,
+      isTitle: i,
+      useHtmlLabels: n,
+      markdown: !1,
+      isNode: l,
+      width: Number.POSITIVE_INFINITY
+    },
+    r
+  );
+}, "createLabel"), U = lr, cr = /* @__PURE__ */ d((e, t, a, i, l) => {
+  t.arrowTypeStart && At(e, "start", t.arrowTypeStart, a, i, l), t.arrowTypeEnd && At(e, "end", t.arrowTypeEnd, a, i, l);
+}, "addEdgeMarkers"), or = {
   arrow_cross: "cross",
   arrow_point: "point",
   arrow_barb: "barb",
@@ -1104,73 +1124,102 @@ var ir = /* @__PURE__ */ d(async (e, t, a, i) => {
   composition: "composition",
   dependency: "dependency",
   lollipop: "lollipop"
-}, Ot = /* @__PURE__ */ d((e, t, a, i, l, s) => {
-  const r = lr[a];
+}, At = /* @__PURE__ */ d((e, t, a, i, l, s) => {
+  const r = or[a];
   if (!r) {
-    L.warn(`Unknown arrow type: ${a}`);
+    S.warn(`Unknown arrow type: ${a}`);
     return;
   }
   const n = t === "start" ? "Start" : "End";
   e.attr(`marker-${t}`, `url(${i}#${l}_${s}-${r}${n})`);
-}, "addEdgeMarker"), Lt = {}, M = {}, cr = /* @__PURE__ */ d(async (e, t) => {
-  const a = R(), i = j(a.flowchart.htmlLabels), l = t.labelType === "markdown" ? Wt(
+}, "addEdgeMarker"), mt = {}, M = {}, hr = /* @__PURE__ */ d(async (e, t) => {
+  const a = R(), i = F(a), l = e.insert("g").attr("class", "edgeLabel"), s = l.insert("g").attr("class", "label"), r = t.labelType === "markdown", n = await St(
     e,
     t.label,
     {
       style: t.labelStyle,
       useHtmlLabels: i,
-      addSvgBackground: !0
+      // TODO: The old code only set addSvgBackground when using markdown, but
+      // this function is only used by block diagrams which never use markdown.
+      addSvgBackground: r,
+      isNode: !1,
+      markdown: r,
+      // If using markdown, wrap using default width
+      width: r ? void 0 : Number.POSITIVE_INFINITY
     },
     a
-  ) : await K(t.label, t.labelStyle), s = e.insert("g").attr("class", "edgeLabel"), r = s.insert("g").attr("class", "label");
-  r.node().appendChild(l);
-  let n = l.getBBox();
+  );
+  s.node().appendChild(n);
+  let c = n.getBBox(), x = c;
   if (i) {
-    const u = l.children[0], o = O(l);
-    n = u.getBoundingClientRect(), o.attr("width", n.width), o.attr("height", n.height);
+    const u = n.children[0], b = T(n);
+    c = u.getBoundingClientRect(), x = c, b.attr("width", c.width), b.attr("height", c.height);
+  } else {
+    const u = T(n).select("text").node();
+    u && typeof u.getBBox == "function" && (x = u.getBBox());
   }
-  r.attr("transform", "translate(" + -n.width / 2 + ", " + -n.height / 2 + ")"), Lt[t.id] = s, t.width = n.width, t.height = n.height;
-  let c;
+  s.attr("transform", $(x, i)), mt[t.id] = l, t.width = c.width, t.height = c.height;
+  let o;
   if (t.startLabelLeft) {
-    const u = await K(t.startLabelLeft, t.labelStyle), o = e.insert("g").attr("class", "edgeTerminals"), x = o.insert("g").attr("class", "inner");
-    c = x.node().appendChild(u);
-    const w = u.getBBox();
-    x.attr("transform", "translate(" + -w.width / 2 + ", " + -w.height / 2 + ")"), M[t.id] || (M[t.id] = {}), M[t.id].startLeft = o, tt(c, t.startLabelLeft);
+    const u = e.insert("g").attr("class", "edgeTerminals"), b = u.insert("g").attr("class", "inner"), f = await U(b, t.startLabelLeft, t.labelStyle);
+    o = f;
+    let m = f.getBBox();
+    if (i) {
+      const v = f.children[0], L = T(f);
+      m = v.getBoundingClientRect(), L.attr("width", m.width), L.attr("height", m.height);
+    }
+    b.attr("transform", $(m, i)), M[t.id] || (M[t.id] = {}), M[t.id].startLeft = u, et(o, t.startLabelLeft);
   }
   if (t.startLabelRight) {
-    const u = await K(t.startLabelRight, t.labelStyle), o = e.insert("g").attr("class", "edgeTerminals"), x = o.insert("g").attr("class", "inner");
-    c = o.node().appendChild(u), x.node().appendChild(u);
-    const w = u.getBBox();
-    x.attr("transform", "translate(" + -w.width / 2 + ", " + -w.height / 2 + ")"), M[t.id] || (M[t.id] = {}), M[t.id].startRight = o, tt(c, t.startLabelRight);
+    const u = e.insert("g").attr("class", "edgeTerminals"), b = u.insert("g").attr("class", "inner"), f = await U(
+      u,
+      t.startLabelRight,
+      t.labelStyle
+    );
+    o = f, b.node().appendChild(f);
+    let m = f.getBBox();
+    if (i) {
+      const v = f.children[0], L = T(f);
+      m = v.getBoundingClientRect(), L.attr("width", m.width), L.attr("height", m.height);
+    }
+    b.attr("transform", $(m, i)), M[t.id] || (M[t.id] = {}), M[t.id].startRight = u, et(o, t.startLabelRight);
   }
   if (t.endLabelLeft) {
-    const u = await K(t.endLabelLeft, t.labelStyle), o = e.insert("g").attr("class", "edgeTerminals"), x = o.insert("g").attr("class", "inner");
-    c = x.node().appendChild(u);
-    const w = u.getBBox();
-    x.attr("transform", "translate(" + -w.width / 2 + ", " + -w.height / 2 + ")"), o.node().appendChild(u), M[t.id] || (M[t.id] = {}), M[t.id].endLeft = o, tt(c, t.endLabelLeft);
+    const u = e.insert("g").attr("class", "edgeTerminals"), b = u.insert("g").attr("class", "inner"), f = await U(b, t.endLabelLeft, t.labelStyle);
+    o = f;
+    let m = f.getBBox();
+    if (i) {
+      const v = f.children[0], L = T(f);
+      m = v.getBoundingClientRect(), L.attr("width", m.width), L.attr("height", m.height);
+    }
+    b.attr("transform", $(m, i)), u.node().appendChild(f), M[t.id] || (M[t.id] = {}), M[t.id].endLeft = u, et(o, t.endLabelLeft);
   }
   if (t.endLabelRight) {
-    const u = await K(t.endLabelRight, t.labelStyle), o = e.insert("g").attr("class", "edgeTerminals"), x = o.insert("g").attr("class", "inner");
-    c = x.node().appendChild(u);
-    const w = u.getBBox();
-    x.attr("transform", "translate(" + -w.width / 2 + ", " + -w.height / 2 + ")"), o.node().appendChild(u), M[t.id] || (M[t.id] = {}), M[t.id].endRight = o, tt(c, t.endLabelRight);
+    const u = e.insert("g").attr("class", "edgeTerminals"), b = u.insert("g").attr("class", "inner"), f = await U(b, t.endLabelRight, t.labelStyle);
+    o = f;
+    let m = f.getBBox();
+    if (i) {
+      const v = f.children[0], L = T(f);
+      m = v.getBoundingClientRect(), L.attr("width", m.width), L.attr("height", m.height);
+    }
+    b.attr("transform", $(m, i)), u.node().appendChild(f), M[t.id] || (M[t.id] = {}), M[t.id].endRight = u, et(o, t.endLabelRight);
   }
-  return l;
+  return n;
 }, "insertEdgeLabel");
-function tt(e, t) {
-  R().flowchart.htmlLabels && e && (e.style.width = t.length * 9 + "px", e.style.height = "12px");
+function et(e, t) {
+  F(R()) && e && (e.style.width = t.length * 9 + "px", e.style.height = "12px");
 }
-d(tt, "setTerminalWidth");
-var or = /* @__PURE__ */ d((e, t) => {
-  L.debug("Moving label abc88 ", e.id, e.label, Lt[e.id], t);
+d(et, "setTerminalWidth");
+var dr = /* @__PURE__ */ d((e, t) => {
+  S.debug("Moving label abc88 ", e.id, e.label, mt[e.id], t);
   let a = t.updatedPath ? t.updatedPath : t.originalPath;
   const i = R(), { subGraphTitleTotalMargin: l } = ye(i);
   if (e.label) {
-    const s = Lt[e.id];
+    const s = mt[e.id];
     let r = e.x, n = e.y;
     if (a) {
-      const c = $.calcLabelPosition(a);
-      L.debug(
+      const c = tt.calcLabelPosition(a);
+      S.debug(
         "Moving label " + e.label + " from (",
         r,
         ",",
@@ -1188,7 +1237,7 @@ var or = /* @__PURE__ */ d((e, t) => {
     const s = M[e.id].startLeft;
     let r = e.x, n = e.y;
     if (a) {
-      const c = $.calcTerminalLabelPosition(e.arrowTypeStart ? 10 : 0, "start_left", a);
+      const c = tt.calcTerminalLabelPosition(e.arrowTypeStart ? 10 : 0, "start_left", a);
       r = c.x, n = c.y;
     }
     s.attr("transform", `translate(${r}, ${n})`);
@@ -1197,7 +1246,7 @@ var or = /* @__PURE__ */ d((e, t) => {
     const s = M[e.id].startRight;
     let r = e.x, n = e.y;
     if (a) {
-      const c = $.calcTerminalLabelPosition(
+      const c = tt.calcTerminalLabelPosition(
         e.arrowTypeStart ? 10 : 0,
         "start_right",
         a
@@ -1210,7 +1259,7 @@ var or = /* @__PURE__ */ d((e, t) => {
     const s = M[e.id].endLeft;
     let r = e.x, n = e.y;
     if (a) {
-      const c = $.calcTerminalLabelPosition(e.arrowTypeEnd ? 10 : 0, "end_left", a);
+      const c = tt.calcTerminalLabelPosition(e.arrowTypeEnd ? 10 : 0, "end_left", a);
       r = c.x, n = c.y;
     }
     s.attr("transform", `translate(${r}, ${n})`);
@@ -1219,41 +1268,41 @@ var or = /* @__PURE__ */ d((e, t) => {
     const s = M[e.id].endRight;
     let r = e.x, n = e.y;
     if (a) {
-      const c = $.calcTerminalLabelPosition(e.arrowTypeEnd ? 10 : 0, "end_right", a);
+      const c = tt.calcTerminalLabelPosition(e.arrowTypeEnd ? 10 : 0, "end_right", a);
       r = c.x, n = c.y;
     }
     s.attr("transform", `translate(${r}, ${n})`);
   }
-}, "positionEdgeLabel"), hr = /* @__PURE__ */ d((e, t) => {
+}, "positionEdgeLabel"), gr = /* @__PURE__ */ d((e, t) => {
   const a = e.x, i = e.y, l = Math.abs(t.x - a), s = Math.abs(t.y - i), r = e.width / 2, n = e.height / 2;
   return l >= r || s >= n;
-}, "outsideNode"), dr = /* @__PURE__ */ d((e, t, a) => {
-  L.debug(`intersection calc abc89:
+}, "outsideNode"), ur = /* @__PURE__ */ d((e, t, a) => {
+  S.debug(`intersection calc abc89:
   outsidePoint: ${JSON.stringify(t)}
   insidePoint : ${JSON.stringify(a)}
   node        : x:${e.x} y:${e.y} w:${e.width} h:${e.height}`);
   const i = e.x, l = e.y, s = Math.abs(i - a.x), r = e.width / 2;
   let n = a.x < t.x ? r - s : r + s;
-  const c = e.height / 2, u = Math.abs(t.y - a.y), o = Math.abs(t.x - a.x);
+  const c = e.height / 2, x = Math.abs(t.y - a.y), o = Math.abs(t.x - a.x);
   if (Math.abs(l - t.y) * r > Math.abs(i - t.x) * c) {
-    let x = a.y < t.y ? t.y - c - l : l - c - t.y;
-    n = o * x / u;
-    const w = {
+    let u = a.y < t.y ? t.y - c - l : l - c - t.y;
+    n = o * u / x;
+    const b = {
       x: a.x < t.x ? a.x + n : a.x - o + n,
-      y: a.y < t.y ? a.y + u - x : a.y - u + x
+      y: a.y < t.y ? a.y + x - u : a.y - x + u
     };
-    return n === 0 && (w.x = t.x, w.y = t.y), o === 0 && (w.x = t.x), u === 0 && (w.y = t.y), L.debug(`abc89 topp/bott calc, Q ${u}, q ${x}, R ${o}, r ${n}`, w), w;
+    return n === 0 && (b.x = t.x, b.y = t.y), o === 0 && (b.x = t.x), x === 0 && (b.y = t.y), S.debug(`abc89 topp/bott calc, Q ${x}, q ${u}, R ${o}, r ${n}`, b), b;
   } else {
     a.x < t.x ? n = t.x - r - i : n = i - r - t.x;
-    let x = u * n / o, w = a.x < t.x ? a.x + o - n : a.x - o + n, b = a.y < t.y ? a.y + x : a.y - x;
-    return L.debug(`sides calc abc89, Q ${u}, q ${x}, R ${o}, r ${n}`, { _x: w, _y: b }), n === 0 && (w = t.x, b = t.y), o === 0 && (w = t.x), u === 0 && (b = t.y), { x: w, y: b };
+    let u = x * n / o, b = a.x < t.x ? a.x + o - n : a.x - o + n, f = a.y < t.y ? a.y + u : a.y - u;
+    return S.debug(`sides calc abc89, Q ${x}, q ${u}, R ${o}, r ${n}`, { _x: b, _y: f }), n === 0 && (b = t.x, f = t.y), o === 0 && (b = t.x), x === 0 && (f = t.y), { x: b, y: f };
   }
-}, "intersection"), Rt = /* @__PURE__ */ d((e, t) => {
-  L.debug("abc88 cutPathAtIntersect", e, t);
+}, "intersection"), Mt = /* @__PURE__ */ d((e, t) => {
+  S.debug("abc88 cutPathAtIntersect", e, t);
   let a = [], i = e[0], l = !1;
   return e.forEach((s) => {
-    if (!hr(t, s) && !l) {
-      const r = dr(t, i, s);
+    if (!gr(t, s) && !l) {
+      const r = ur(t, i, s);
       let n = !1;
       a.forEach((c) => {
         n = n || c.x === r.x && c.y === r.y;
@@ -1261,48 +1310,48 @@ var or = /* @__PURE__ */ d((e, t) => {
     } else
       i = s, l || a.push(s);
   }), a;
-}, "cutPathAtIntersect"), gr = /* @__PURE__ */ d(function(e, t, a, i, l, s, r) {
+}, "cutPathAtIntersect"), pr = /* @__PURE__ */ d(function(e, t, a, i, l, s, r) {
   let n = a.points;
-  L.debug("abc88 InsertEdge: edge=", a, "e=", t);
+  S.debug("abc88 InsertEdge: edge=", a, "e=", t);
   let c = !1;
-  const u = s.node(t.v);
+  const x = s.node(t.v);
   var o = s.node(t.w);
-  o?.intersect && u?.intersect && (n = n.slice(1, a.points.length - 1), n.unshift(u.intersect(n[0])), n.push(o.intersect(n[n.length - 1]))), a.toCluster && (L.debug("to cluster abc88", i[a.toCluster]), n = Rt(a.points, i[a.toCluster].node), c = !0), a.fromCluster && (L.debug("from cluster abc88", i[a.fromCluster]), n = Rt(n.reverse(), i[a.fromCluster].node).reverse(), c = !0);
-  const x = n.filter((y) => !Number.isNaN(y.y));
-  let w = fe;
-  a.curve && (l === "graph" || l === "flowchart") && (w = a.curve);
-  const { x: b, y: S } = ue(a), v = pe().x(b).y(S).curve(w);
-  let k;
+  o?.intersect && x?.intersect && (n = n.slice(1, a.points.length - 1), n.unshift(x.intersect(n[0])), n.push(o.intersect(n[n.length - 1]))), a.toCluster && (S.debug("to cluster abc88", i[a.toCluster]), n = Mt(a.points, i[a.toCluster].node), c = !0), a.fromCluster && (S.debug("from cluster abc88", i[a.fromCluster]), n = Mt(n.reverse(), i[a.fromCluster].node).reverse(), c = !0);
+  const u = n.filter((w) => !Number.isNaN(w.y));
+  let b = fe;
+  a.curve && (l === "graph" || l === "flowchart") && (b = a.curve);
+  const { x: f, y: m } = ue(a), v = pe().x(f).y(m).curve(b);
+  let L;
   switch (a.thickness) {
     case "normal":
-      k = "edge-thickness-normal";
+      L = "edge-thickness-normal";
       break;
     case "thick":
-      k = "edge-thickness-thick";
+      L = "edge-thickness-thick";
       break;
     case "invisible":
-      k = "edge-thickness-thick";
+      L = "edge-thickness-thick";
       break;
     default:
-      k = "";
+      L = "";
   }
   switch (a.pattern) {
     case "solid":
-      k += " edge-pattern-solid";
+      L += " edge-pattern-solid";
       break;
     case "dotted":
-      k += " edge-pattern-dotted";
+      L += " edge-pattern-dotted";
       break;
     case "dashed":
-      k += " edge-pattern-dashed";
+      L += " edge-pattern-dashed";
       break;
   }
-  const B = e.append("path").attr("d", v(x)).attr("id", a.id).attr("class", " " + k + (a.classes ? " " + a.classes : "")).attr("style", a.style);
-  let _ = "";
-  (R().flowchart.arrowMarkerAbsolute || R().state.arrowMarkerAbsolute) && (_ = xe(!0)), nr(B, a, _, r, l);
+  const _ = e.append("path").attr("d", v(u)).attr("id", a.id).attr("class", " " + L + (a.classes ? " " + a.classes : "")).attr("style", a.style);
+  let I = "";
+  (R().flowchart.arrowMarkerAbsolute || R().state.arrowMarkerAbsolute) && (I = xe(!0)), cr(_, a, I, r, l);
   let D = {};
   return c && (D.updatedPath = n), D.originalPath = a.points, D;
-}, "insertEdge"), ur = /* @__PURE__ */ d((e) => {
+}, "insertEdge"), fr = /* @__PURE__ */ d((e) => {
   const t = /* @__PURE__ */ new Set();
   for (const a of e)
     switch (a) {
@@ -1317,8 +1366,8 @@ var or = /* @__PURE__ */ d((e, t) => {
         break;
     }
   return t;
-}, "expandAndDeduplicateDirections"), pr = /* @__PURE__ */ d((e, t, a) => {
-  const i = ur(e), l = 2, s = t.height + 2 * a.padding, r = s / l, n = t.width + 2 * r + a.padding, c = a.padding / 2;
+}, "expandAndDeduplicateDirections"), xr = /* @__PURE__ */ d((e, t, a) => {
+  const i = fr(e), l = 2, s = t.height + 2 * a.padding, r = s / l, n = t.width + 2 * r + a.padding, c = a.padding / 2;
   return i.has("right") && i.has("left") && i.has("up") && i.has("down") ? [
     // Bottom
     { x: 0, y: 0 },
@@ -1454,12 +1503,12 @@ function Gt(e, t) {
   return e.intersect(t);
 }
 d(Gt, "intersectNode");
-var fr = Gt;
+var yr = Gt;
 function Zt(e, t, a, i) {
-  var l = e.x, s = e.y, r = l - i.x, n = s - i.y, c = Math.sqrt(t * t * n * n + a * a * r * r), u = Math.abs(t * a * r / c);
-  i.x < l && (u = -u);
+  var l = e.x, s = e.y, r = l - i.x, n = s - i.y, c = Math.sqrt(t * t * n * n + a * a * r * r), x = Math.abs(t * a * r / c);
+  i.x < l && (x = -x);
   var o = Math.abs(t * a * n / c);
-  return i.y < s && (o = -o), { x: l + u, y: s + o };
+  return i.y < s && (o = -o), { x: l + x, y: s + o };
 }
 d(Zt, "intersectEllipse");
 var qt = Zt;
@@ -1467,106 +1516,84 @@ function Jt(e, t, a) {
   return qt(e, t, t, a);
 }
 d(Jt, "intersectCircle");
-var xr = Jt;
+var br = Jt;
 function Qt(e, t, a, i) {
-  var l, s, r, n, c, u, o, x, w, b, S, v, k, B, _;
-  if (l = t.y - e.y, r = e.x - t.x, c = t.x * e.y - e.x * t.y, w = l * a.x + r * a.y + c, b = l * i.x + r * i.y + c, !(w !== 0 && b !== 0 && St(w, b)) && (s = i.y - a.y, n = a.x - i.x, u = i.x * a.y - a.x * i.y, o = s * e.x + n * e.y + u, x = s * t.x + n * t.y + u, !(o !== 0 && x !== 0 && St(o, x)) && (S = l * n - s * r, S !== 0)))
-    return v = Math.abs(S / 2), k = r * u - n * c, B = k < 0 ? (k - v) / S : (k + v) / S, k = s * c - l * u, _ = k < 0 ? (k - v) / S : (k + v) / S, { x: B, y: _ };
+  var l, s, r, n, c, x, o, u, b, f, m, v, L, _, I;
+  if (l = t.y - e.y, r = e.x - t.x, c = t.x * e.y - e.x * t.y, b = l * a.x + r * a.y + c, f = l * i.x + r * i.y + c, !(b !== 0 && f !== 0 && Lt(b, f)) && (s = i.y - a.y, n = a.x - i.x, x = i.x * a.y - a.x * i.y, o = s * e.x + n * e.y + x, u = s * t.x + n * t.y + x, !(o !== 0 && u !== 0 && Lt(o, u)) && (m = l * n - s * r, m !== 0)))
+    return v = Math.abs(m / 2), L = r * x - n * c, _ = L < 0 ? (L - v) / m : (L + v) / m, L = s * c - l * x, I = L < 0 ? (L - v) / m : (L + v) / m, { x: _, y: I };
 }
 d(Qt, "intersectLine");
-function St(e, t) {
+function Lt(e, t) {
   return e * t > 0;
 }
-d(St, "sameSign");
-var yr = Qt, br = $t;
+d(Lt, "sameSign");
+var wr = Qt, mr = $t;
 function $t(e, t, a) {
   var i = e.x, l = e.y, s = [], r = Number.POSITIVE_INFINITY, n = Number.POSITIVE_INFINITY;
-  typeof t.forEach == "function" ? t.forEach(function(S) {
-    r = Math.min(r, S.x), n = Math.min(n, S.y);
+  typeof t.forEach == "function" ? t.forEach(function(m) {
+    r = Math.min(r, m.x), n = Math.min(n, m.y);
   }) : (r = Math.min(r, t.x), n = Math.min(n, t.y));
-  for (var c = i - e.width / 2 - r, u = l - e.height / 2 - n, o = 0; o < t.length; o++) {
-    var x = t[o], w = t[o < t.length - 1 ? o + 1 : 0], b = yr(
+  for (var c = i - e.width / 2 - r, x = l - e.height / 2 - n, o = 0; o < t.length; o++) {
+    var u = t[o], b = t[o < t.length - 1 ? o + 1 : 0], f = wr(
       e,
       a,
-      { x: c + x.x, y: u + x.y },
-      { x: c + w.x, y: u + w.y }
+      { x: c + u.x, y: x + u.y },
+      { x: c + b.x, y: x + b.y }
     );
-    b && s.push(b);
+    f && s.push(f);
   }
-  return s.length ? (s.length > 1 && s.sort(function(S, v) {
-    var k = S.x - a.x, B = S.y - a.y, _ = Math.sqrt(k * k + B * B), D = v.x - a.x, y = v.y - a.y, g = Math.sqrt(D * D + y * y);
-    return _ < g ? -1 : _ === g ? 0 : 1;
+  return s.length ? (s.length > 1 && s.sort(function(m, v) {
+    var L = m.x - a.x, _ = m.y - a.y, I = Math.sqrt(L * L + _ * _), D = v.x - a.x, w = v.y - a.y, g = Math.sqrt(D * D + w * w);
+    return I < g ? -1 : I === g ? 0 : 1;
   }), s[0]) : e;
 }
 d($t, "intersectPolygon");
-var wr = /* @__PURE__ */ d((e, t) => {
-  var a = e.x, i = e.y, l = t.x - a, s = t.y - i, r = e.width / 2, n = e.height / 2, c, u;
-  return Math.abs(s) * r > Math.abs(l) * n ? (s < 0 && (n = -n), c = s === 0 ? 0 : n * l / s, u = n) : (l < 0 && (r = -r), c = r, u = l === 0 ? 0 : r * s / l), { x: a + c, y: i + u };
-}, "intersectRect"), mr = wr, N = {
-  node: fr,
-  circle: xr,
+var Lr = /* @__PURE__ */ d((e, t) => {
+  var a = e.x, i = e.y, l = t.x - a, s = t.y - i, r = e.width / 2, n = e.height / 2, c, x;
+  return Math.abs(s) * r > Math.abs(l) * n ? (s < 0 && (n = -n), c = s === 0 ? 0 : n * l / s, x = n) : (l < 0 && (r = -r), c = r, x = l === 0 ? 0 : r * s / l), { x: a + c, y: i + x };
+}, "intersectRect"), Sr = Lr, B = {
+  node: yr,
+  circle: br,
   ellipse: qt,
-  polygon: br,
-  rect: mr
+  polygon: mr,
+  rect: Sr
 }, A = /* @__PURE__ */ d(async (e, t, a, i) => {
   const l = R();
   let s;
-  const r = t.useHtmlLabels || j(l.flowchart.htmlLabels);
+  const r = t.useHtmlLabels || F(l);
   a ? s = a : s = "node default";
   const n = e.insert("g").attr("class", s).attr("id", t.domId || t.id), c = n.insert("g").attr("class", "label").attr("style", t.labelStyle);
-  let u;
-  t.labelText === void 0 ? u = "" : u = typeof t.labelText == "string" ? t.labelText : t.labelText[0];
-  const o = c.node();
   let x;
-  t.labelType === "markdown" ? x = Wt(
+  t.labelText === void 0 ? x = "" : x = typeof t.labelText == "string" ? t.labelText : t.labelText[0];
+  let o;
+  t.labelType === "markdown" ? o = St(
     c,
-    yt(xt(u), l),
+    It(Ct(x), l),
     {
       useHtmlLabels: r,
       width: t.width || l.flowchart.wrappingWidth,
       classes: "markdown-node-label"
     },
     l
-  ) : x = o.appendChild(
-    await K(
-      yt(xt(u), l),
-      t.labelStyle,
-      !1,
-      i
-    )
+  ) : o = await U(
+    c,
+    It(Ct(x), l),
+    t.labelStyle,
+    !1,
+    i
   );
-  let w = x.getBBox();
+  let u = o.getBBox();
   const b = t.padding / 2;
-  if (j(l.flowchart.htmlLabels)) {
-    const S = x.children[0], v = O(x), k = S.getElementsByTagName("img");
-    if (k) {
-      const B = u.replace(/<img[^>]*>/g, "").trim() === "";
-      await Promise.all(
-        [...k].map(
-          (_) => new Promise((D) => {
-            function y() {
-              if (_.style.display = "flex", _.style.flexDirection = "column", B) {
-                const g = l.fontSize ? l.fontSize : window.getComputedStyle(document.body).fontSize, m = parseInt(g, 10) * 5 + "px";
-                _.style.minWidth = m, _.style.maxWidth = m;
-              } else
-                _.style.width = "100%";
-              D(_);
-            }
-            d(y, "setupImage"), setTimeout(() => {
-              _.complete && y();
-            }), _.addEventListener("error", y), _.addEventListener("load", y);
-          })
-        )
-      );
-    }
-    w = S.getBoundingClientRect(), v.attr("width", w.width), v.attr("height", w.height);
+  if (F(l)) {
+    const f = o.children[0], m = T(o);
+    await me(f, x), u = f.getBoundingClientRect(), m.attr("width", u.width), m.attr("height", u.height);
   }
-  return r ? c.attr("transform", "translate(" + -w.width / 2 + ", " + -w.height / 2 + ")") : c.attr("transform", "translate(0, " + -w.height / 2 + ")"), t.centerLabel && c.attr("transform", "translate(" + -w.width / 2 + ", " + -w.height / 2 + ")"), c.insert("rect", ":first-child"), { shapeSvg: n, bbox: w, halfPadding: b, label: c };
-}, "labelHelper"), T = /* @__PURE__ */ d((e, t) => {
+  return r ? c.attr("transform", "translate(" + -u.width / 2 + ", " + -u.height / 2 + ")") : c.attr("transform", "translate(0, " + -u.height / 2 + ")"), t.centerLabel && c.attr("transform", "translate(" + -u.width / 2 + ", " + -u.height / 2 + ")"), c.insert("rect", ":first-child"), { shapeSvg: n, bbox: u, halfPadding: b, label: c };
+}, "labelHelper"), N = /* @__PURE__ */ d((e, t) => {
   const a = t.node().getBBox();
   e.width = a.width, e.height = a.height;
 }, "updateNodeBounds");
-function U(e, t, a, i) {
+function j(e, t, a, i) {
   return e.insert("polygon", ":first-child").attr(
     "points",
     i.map(function(l) {
@@ -1574,27 +1601,27 @@ function U(e, t, a, i) {
     }).join(" ")
   ).attr("class", "label-container").attr("transform", "translate(" + -t / 2 + "," + a / 2 + ")");
 }
-d(U, "insertPolygonShape");
-var Lr = /* @__PURE__ */ d(async (e, t) => {
-  t.useHtmlLabels || R().flowchart.htmlLabels || (t.centerLabel = !0);
+d(j, "insertPolygonShape");
+var kr = /* @__PURE__ */ d(async (e, t) => {
+  t.useHtmlLabels || F(R()) || (t.centerLabel = !0);
   const { shapeSvg: i, bbox: l, halfPadding: s } = await A(
     e,
     t,
     "node " + t.classes,
     !0
   );
-  L.info("Classes = ", t.classes);
+  S.info("Classes = ", t.classes);
   const r = i.insert("rect", ":first-child");
-  return r.attr("rx", t.rx).attr("ry", t.ry).attr("x", -l.width / 2 - s).attr("y", -l.height / 2 - s).attr("width", l.width + t.padding).attr("height", l.height + t.padding), T(t, r), t.intersect = function(n) {
-    return N.rect(t, n);
+  return r.attr("rx", t.rx).attr("ry", t.ry).attr("x", -l.width / 2 - s).attr("y", -l.height / 2 - s).attr("width", l.width + t.padding).attr("height", l.height + t.padding), N(t, r), t.intersect = function(n) {
+    return B.rect(t, n);
   }, i;
-}, "note"), Sr = Lr, zt = /* @__PURE__ */ d((e) => e ? " " + e : "", "formatClass"), Y = /* @__PURE__ */ d((e, t) => `${t || "node default"}${zt(e.classes)} ${zt(
+}, "note"), vr = kr, Ft = /* @__PURE__ */ d((e) => e ? " " + e : "", "formatClass"), H = /* @__PURE__ */ d((e, t) => `${t || "node default"}${Ft(e.classes)} ${Ft(
   e.class
-)}`, "getClassesFromNode"), At = /* @__PURE__ */ d(async (e, t) => {
+)}`, "getClassesFromNode"), Pt = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = i.width + t.padding, s = i.height + t.padding, r = l + s, n = [
     { x: r / 2, y: 0 },
@@ -1602,12 +1629,12 @@ var Lr = /* @__PURE__ */ d(async (e, t) => {
     { x: r / 2, y: -r },
     { x: 0, y: -r / 2 }
   ];
-  L.info("Question main (Circle)");
-  const c = U(a, r, r, n);
-  return c.attr("style", t.style), T(t, c), t.intersect = function(u) {
-    return L.warn("Intersect called"), N.polygon(t, n, u);
+  S.info("Question main (Circle)");
+  const c = j(a, r, r, n);
+  return c.attr("style", t.style), N(t, c), t.intersect = function(x) {
+    return S.warn("Intersect called"), B.polygon(t, n, x);
   }, a;
-}, "question"), kr = /* @__PURE__ */ d((e, t) => {
+}, "question"), Er = /* @__PURE__ */ d((e, t) => {
   const a = e.insert("g").attr("class", "node default").attr("id", t.domId || t.id), i = 28, l = [
     { x: 0, y: i / 2 },
     { x: i / 2, y: 0 },
@@ -1620,13 +1647,13 @@ var Lr = /* @__PURE__ */ d(async (e, t) => {
       return r.x + "," + r.y;
     }).join(" ")
   ).attr("class", "state-start").attr("r", 7).attr("width", 28).attr("height", 28), t.width = 28, t.height = 28, t.intersect = function(r) {
-    return N.circle(t, 14, r);
+    return B.circle(t, 14, r);
   }, a;
-}, "choice"), vr = /* @__PURE__ */ d(async (e, t) => {
+}, "choice"), _r = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = 4, s = i.height + t.padding, r = s / l, n = i.width + 2 * r + t.padding, c = [
     { x: r, y: 0 },
@@ -1635,20 +1662,20 @@ var Lr = /* @__PURE__ */ d(async (e, t) => {
     { x: n - r, y: -s },
     { x: r, y: -s },
     { x: 0, y: -s / 2 }
-  ], u = U(a, n, s, c);
-  return u.attr("style", t.style), T(t, u), t.intersect = function(o) {
-    return N.polygon(t, c, o);
+  ], x = j(a, n, s, c);
+  return x.attr("style", t.style), N(t, x), t.intersect = function(o) {
+    return B.polygon(t, c, o);
   }, a;
-}, "hexagon"), Er = /* @__PURE__ */ d(async (e, t) => {
-  const { shapeSvg: a, bbox: i } = await A(e, t, void 0, !0), l = 2, s = i.height + 2 * t.padding, r = s / l, n = i.width + 2 * r + t.padding, c = pr(t.directions, i, t), u = U(a, n, s, c);
-  return u.attr("style", t.style), T(t, u), t.intersect = function(o) {
-    return N.polygon(t, c, o);
+}, "hexagon"), Dr = /* @__PURE__ */ d(async (e, t) => {
+  const { shapeSvg: a, bbox: i } = await A(e, t, void 0, !0), l = 2, s = i.height + 2 * t.padding, r = s / l, n = i.width + 2 * r + t.padding, c = xr(t.directions, i, t), x = j(a, n, s, c);
+  return x.attr("style", t.style), N(t, x), t.intersect = function(o) {
+    return B.polygon(t, c, o);
   }, a;
-}, "block_arrow"), _r = /* @__PURE__ */ d(async (e, t) => {
+}, "block_arrow"), Tr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = i.width + t.padding, s = i.height + t.padding, r = [
     { x: -s / 2, y: 0 },
@@ -1657,69 +1684,69 @@ var Lr = /* @__PURE__ */ d(async (e, t) => {
     { x: -s / 2, y: -s },
     { x: 0, y: -s / 2 }
   ];
-  return U(a, l, s, r).attr("style", t.style), t.width = l + s, t.height = s, t.intersect = function(c) {
-    return N.polygon(t, r, c);
+  return j(a, l, s, r).attr("style", t.style), t.width = l + s, t.height = s, t.intersect = function(c) {
+    return B.polygon(t, r, c);
   }, a;
-}, "rect_left_inv_arrow"), Dr = /* @__PURE__ */ d(async (e, t) => {
-  const { shapeSvg: a, bbox: i } = await A(e, t, Y(t), !0), l = i.width + t.padding, s = i.height + t.padding, r = [
+}, "rect_left_inv_arrow"), Br = /* @__PURE__ */ d(async (e, t) => {
+  const { shapeSvg: a, bbox: i } = await A(e, t, H(t), !0), l = i.width + t.padding, s = i.height + t.padding, r = [
     { x: -2 * s / 6, y: 0 },
     { x: l - s / 6, y: 0 },
     { x: l + 2 * s / 6, y: -s },
     { x: s / 6, y: -s }
-  ], n = U(a, l, s, r);
-  return n.attr("style", t.style), T(t, n), t.intersect = function(c) {
-    return N.polygon(t, r, c);
+  ], n = j(a, l, s, r);
+  return n.attr("style", t.style), N(t, n), t.intersect = function(c) {
+    return B.polygon(t, r, c);
   }, a;
 }, "lean_right"), Nr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = i.width + t.padding, s = i.height + t.padding, r = [
     { x: 2 * s / 6, y: 0 },
     { x: l + s / 6, y: 0 },
     { x: l - 2 * s / 6, y: -s },
     { x: -s / 6, y: -s }
-  ], n = U(a, l, s, r);
-  return n.attr("style", t.style), T(t, n), t.intersect = function(c) {
-    return N.polygon(t, r, c);
+  ], n = j(a, l, s, r);
+  return n.attr("style", t.style), N(t, n), t.intersect = function(c) {
+    return B.polygon(t, r, c);
   }, a;
-}, "lean_left"), Tr = /* @__PURE__ */ d(async (e, t) => {
+}, "lean_left"), Ir = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = i.width + t.padding, s = i.height + t.padding, r = [
     { x: -2 * s / 6, y: 0 },
     { x: l + 2 * s / 6, y: 0 },
     { x: l - s / 6, y: -s },
     { x: s / 6, y: -s }
-  ], n = U(a, l, s, r);
-  return n.attr("style", t.style), T(t, n), t.intersect = function(c) {
-    return N.polygon(t, r, c);
+  ], n = j(a, l, s, r);
+  return n.attr("style", t.style), N(t, n), t.intersect = function(c) {
+    return B.polygon(t, r, c);
   }, a;
-}, "trapezoid"), Br = /* @__PURE__ */ d(async (e, t) => {
+}, "trapezoid"), Cr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = i.width + t.padding, s = i.height + t.padding, r = [
     { x: s / 6, y: 0 },
     { x: l - s / 6, y: 0 },
     { x: l + 2 * s / 6, y: -s },
     { x: -2 * s / 6, y: -s }
-  ], n = U(a, l, s, r);
-  return n.attr("style", t.style), T(t, n), t.intersect = function(c) {
-    return N.polygon(t, r, c);
+  ], n = j(a, l, s, r);
+  return n.attr("style", t.style), N(t, n), t.intersect = function(c) {
+    return B.polygon(t, r, c);
   }, a;
-}, "inv_trapezoid"), Cr = /* @__PURE__ */ d(async (e, t) => {
+}, "inv_trapezoid"), Or = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = i.width + t.padding, s = i.height + t.padding, r = [
     { x: 0, y: 0 },
@@ -1727,69 +1754,69 @@ var Lr = /* @__PURE__ */ d(async (e, t) => {
     { x: l, y: -s / 2 },
     { x: l + s / 2, y: -s },
     { x: 0, y: -s }
-  ], n = U(a, l, s, r);
-  return n.attr("style", t.style), T(t, n), t.intersect = function(c) {
-    return N.polygon(t, r, c);
+  ], n = j(a, l, s, r);
+  return n.attr("style", t.style), N(t, n), t.intersect = function(c) {
+    return B.polygon(t, r, c);
   }, a;
-}, "rect_right_inv_arrow"), Ir = /* @__PURE__ */ d(async (e, t) => {
+}, "rect_right_inv_arrow"), Rr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
-  ), l = i.width + t.padding, s = l / 2, r = s / (2.5 + l / 50), n = i.height + r + t.padding, c = "M 0," + r + " a " + s + "," + r + " 0,0,0 " + l + " 0 a " + s + "," + r + " 0,0,0 " + -l + " 0 l 0," + n + " a " + s + "," + r + " 0,0,0 " + l + " 0 l 0," + -n, u = a.attr("label-offset-y", r).insert("path", ":first-child").attr("style", t.style).attr("d", c).attr("transform", "translate(" + -l / 2 + "," + -(n / 2 + r) + ")");
-  return T(t, u), t.intersect = function(o) {
-    const x = N.rect(t, o), w = x.x - t.x;
-    if (s != 0 && (Math.abs(w) < t.width / 2 || Math.abs(w) == t.width / 2 && Math.abs(x.y - t.y) > t.height / 2 - r)) {
-      let b = r * r * (1 - w * w / (s * s));
-      b != 0 && (b = Math.sqrt(b)), b = r - b, o.y - t.y > 0 && (b = -b), x.y += b;
+  ), l = i.width + t.padding, s = l / 2, r = s / (2.5 + l / 50), n = i.height + r + t.padding, c = "M 0," + r + " a " + s + "," + r + " 0,0,0 " + l + " 0 a " + s + "," + r + " 0,0,0 " + -l + " 0 l 0," + n + " a " + s + "," + r + " 0,0,0 " + l + " 0 l 0," + -n, x = a.attr("label-offset-y", r).insert("path", ":first-child").attr("style", t.style).attr("d", c).attr("transform", "translate(" + -l / 2 + "," + -(n / 2 + r) + ")");
+  return N(t, x), t.intersect = function(o) {
+    const u = B.rect(t, o), b = u.x - t.x;
+    if (s != 0 && (Math.abs(b) < t.width / 2 || Math.abs(b) == t.width / 2 && Math.abs(u.y - t.y) > t.height / 2 - r)) {
+      let f = r * r * (1 - b * b / (s * s));
+      f != 0 && (f = Math.sqrt(f)), f = r - f, o.y - t.y > 0 && (f = -f), u.y += f;
     }
-    return x;
+    return u;
   }, a;
-}, "cylinder"), Or = /* @__PURE__ */ d(async (e, t) => {
+}, "cylinder"), zr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i, halfPadding: l } = await A(
     e,
     t,
     "node " + t.classes + " " + t.class,
     !0
-  ), s = a.insert("rect", ":first-child"), r = t.positioned ? t.width : i.width + t.padding, n = t.positioned ? t.height : i.height + t.padding, c = t.positioned ? -r / 2 : -i.width / 2 - l, u = t.positioned ? -n / 2 : -i.height / 2 - l;
-  if (s.attr("class", "basic label-container").attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("x", c).attr("y", u).attr("width", r).attr("height", n), t.props) {
+  ), s = a.insert("rect", ":first-child"), r = t.positioned ? t.width : i.width + t.padding, n = t.positioned ? t.height : i.height + t.padding, c = t.positioned ? -r / 2 : -i.width / 2 - l, x = t.positioned ? -n / 2 : -i.height / 2 - l;
+  if (s.attr("class", "basic label-container").attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("x", c).attr("y", x).attr("width", r).attr("height", n), t.props) {
     const o = new Set(Object.keys(t.props));
-    t.props.borders && (ht(s, t.props.borders, r, n), o.delete("borders")), o.forEach((x) => {
-      L.warn(`Unknown node property ${x}`);
+    t.props.borders && (ht(s, t.props.borders, r, n), o.delete("borders")), o.forEach((u) => {
+      S.warn(`Unknown node property ${u}`);
     });
   }
-  return T(t, s), t.intersect = function(o) {
-    return N.rect(t, o);
+  return N(t, s), t.intersect = function(o) {
+    return B.rect(t, o);
   }, a;
-}, "rect"), Rr = /* @__PURE__ */ d(async (e, t) => {
+}, "rect"), Ar = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i, halfPadding: l } = await A(
     e,
     t,
     "node " + t.classes,
     !0
-  ), s = a.insert("rect", ":first-child"), r = t.positioned ? t.width : i.width + t.padding, n = t.positioned ? t.height : i.height + t.padding, c = t.positioned ? -r / 2 : -i.width / 2 - l, u = t.positioned ? -n / 2 : -i.height / 2 - l;
-  if (s.attr("class", "basic cluster composite label-container").attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("x", c).attr("y", u).attr("width", r).attr("height", n), t.props) {
+  ), s = a.insert("rect", ":first-child"), r = t.positioned ? t.width : i.width + t.padding, n = t.positioned ? t.height : i.height + t.padding, c = t.positioned ? -r / 2 : -i.width / 2 - l, x = t.positioned ? -n / 2 : -i.height / 2 - l;
+  if (s.attr("class", "basic cluster composite label-container").attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("x", c).attr("y", x).attr("width", r).attr("height", n), t.props) {
     const o = new Set(Object.keys(t.props));
-    t.props.borders && (ht(s, t.props.borders, r, n), o.delete("borders")), o.forEach((x) => {
-      L.warn(`Unknown node property ${x}`);
+    t.props.borders && (ht(s, t.props.borders, r, n), o.delete("borders")), o.forEach((u) => {
+      S.warn(`Unknown node property ${u}`);
     });
   }
-  return T(t, s), t.intersect = function(o) {
-    return N.rect(t, o);
+  return N(t, s), t.intersect = function(o) {
+    return B.rect(t, o);
   }, a;
-}, "composite"), zr = /* @__PURE__ */ d(async (e, t) => {
+}, "composite"), Mr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a } = await A(e, t, "label", !0);
-  L.trace("Classes = ", t.class);
+  S.trace("Classes = ", t.class);
   const i = a.insert("rect", ":first-child"), l = 0, s = 0;
   if (i.attr("width", l).attr("height", s), a.attr("class", "label edgeLabel"), t.props) {
     const r = new Set(Object.keys(t.props));
     t.props.borders && (ht(i, t.props.borders, l, s), r.delete("borders")), r.forEach((n) => {
-      L.warn(`Unknown node property ${n}`);
+      S.warn(`Unknown node property ${n}`);
     });
   }
-  return T(t, i), t.intersect = function(r) {
-    return N.rect(t, r);
+  return N(t, i), t.intersect = function(r) {
+    return B.rect(t, r);
   }, a;
 }, "labelRect");
 function ht(e, t, a, i) {
@@ -1798,86 +1825,85 @@ function ht(e, t, a, i) {
   }, "addBorder"), r = /* @__PURE__ */ d((n) => {
     l.push(0, n);
   }, "skipBorder");
-  t.includes("t") ? (L.debug("add top border"), s(a)) : r(a), t.includes("r") ? (L.debug("add right border"), s(i)) : r(i), t.includes("b") ? (L.debug("add bottom border"), s(a)) : r(a), t.includes("l") ? (L.debug("add left border"), s(i)) : r(i), e.attr("stroke-dasharray", l.join(" "));
+  t.includes("t") ? (S.debug("add top border"), s(a)) : r(a), t.includes("r") ? (S.debug("add right border"), s(i)) : r(i), t.includes("b") ? (S.debug("add bottom border"), s(a)) : r(a), t.includes("l") ? (S.debug("add left border"), s(i)) : r(i), e.attr("stroke-dasharray", l.join(" "));
 }
 d(ht, "applyNodePropertyBorders");
-var Ar = /* @__PURE__ */ d(async (e, t) => {
+var Fr = /* @__PURE__ */ d(async (e, t) => {
   let a;
   t.classes ? a = "node " + t.classes : a = "node default";
   const i = e.insert("g").attr("class", a).attr("id", t.domId || t.id), l = i.insert("rect", ":first-child"), s = i.insert("line"), r = i.insert("g").attr("class", "label"), n = t.labelText.flat ? t.labelText.flat() : t.labelText;
   let c = "";
-  typeof n == "object" ? c = n[0] : c = n, L.info("Label text abc79", c, n, typeof n == "object");
-  const u = r.node().appendChild(await K(c, t.labelStyle, !0, !0));
+  typeof n == "object" ? c = n[0] : c = n, S.info("Label text abc79", c, n, typeof n == "object");
+  const x = await U(r, c, t.labelStyle, !0, !0);
   let o = { width: 0, height: 0 };
-  if (j(R().flowchart.htmlLabels)) {
-    const v = u.children[0], k = O(u);
-    o = v.getBoundingClientRect(), k.attr("width", o.width), k.attr("height", o.height);
+  if (F(R())) {
+    const v = x.children[0], L = T(x);
+    o = v.getBoundingClientRect(), L.attr("width", o.width), L.attr("height", o.height);
   }
-  L.info("Text 2", n);
-  const x = n.slice(1, n.length);
-  let w = u.getBBox();
-  const b = r.node().appendChild(
-    await K(
-      x.join ? x.join("<br/>") : x,
-      t.labelStyle,
-      !0,
-      !0
-    )
+  S.info("Text 2", n);
+  const u = n.slice(1, n.length);
+  let b = x.getBBox();
+  const f = await U(
+    r,
+    u.join ? u.join("<br/>") : u,
+    t.labelStyle,
+    !0,
+    !0
   );
-  if (j(R().flowchart.htmlLabels)) {
-    const v = b.children[0], k = O(b);
-    o = v.getBoundingClientRect(), k.attr("width", o.width), k.attr("height", o.height);
+  if (F(R())) {
+    const v = f.children[0], L = T(f);
+    o = v.getBoundingClientRect(), L.attr("width", o.width), L.attr("height", o.height);
   }
-  const S = t.padding / 2;
-  return O(b).attr(
+  const m = t.padding / 2;
+  return T(f).attr(
     "transform",
     "translate( " + // (titleBox.width - bbox.width) / 2 +
-    (o.width > w.width ? 0 : (w.width - o.width) / 2) + ", " + (w.height + S + 5) + ")"
-  ), O(u).attr(
+    (o.width > b.width ? 0 : (b.width - o.width) / 2) + ", " + (b.height + m + 5) + ")"
+  ), T(x).attr(
     "transform",
     "translate( " + // (titleBox.width - bbox.width) / 2 +
-    (o.width < w.width ? 0 : -(w.width - o.width) / 2) + ", 0)"
+    (o.width < b.width ? 0 : -(b.width - o.width) / 2) + ", 0)"
   ), o = r.node().getBBox(), r.attr(
     "transform",
-    "translate(" + -o.width / 2 + ", " + (-o.height / 2 - S + 3) + ")"
-  ), l.attr("class", "outer title-state").attr("x", -o.width / 2 - S).attr("y", -o.height / 2 - S).attr("width", o.width + t.padding).attr("height", o.height + t.padding), s.attr("class", "divider").attr("x1", -o.width / 2 - S).attr("x2", o.width / 2 + S).attr("y1", -o.height / 2 - S + w.height + S).attr("y2", -o.height / 2 - S + w.height + S), T(t, l), t.intersect = function(v) {
-    return N.rect(t, v);
+    "translate(" + -o.width / 2 + ", " + (-o.height / 2 - m + 3) + ")"
+  ), l.attr("class", "outer title-state").attr("x", -o.width / 2 - m).attr("y", -o.height / 2 - m).attr("width", o.width + t.padding).attr("height", o.height + t.padding), s.attr("class", "divider").attr("x1", -o.width / 2 - m).attr("x2", o.width / 2 + m).attr("y1", -o.height / 2 - m + b.height + m).attr("y2", -o.height / 2 - m + b.height + m), N(t, l), t.intersect = function(v) {
+    return B.rect(t, v);
   }, i;
-}, "rectWithTitle"), Mr = /* @__PURE__ */ d(async (e, t) => {
+}, "rectWithTitle"), Pr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = i.height + t.padding, s = i.width + l / 4 + t.padding, r = a.insert("rect", ":first-child").attr("style", t.style).attr("rx", l / 2).attr("ry", l / 2).attr("x", -s / 2).attr("y", -l / 2).attr("width", s).attr("height", l);
-  return T(t, r), t.intersect = function(n) {
-    return N.rect(t, n);
+  return N(t, r), t.intersect = function(n) {
+    return B.rect(t, n);
   }, a;
-}, "stadium"), Fr = /* @__PURE__ */ d(async (e, t) => {
+}, "stadium"), Wr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i, halfPadding: l } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), s = a.insert("circle", ":first-child");
-  return s.attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("r", i.width / 2 + l).attr("width", i.width + t.padding).attr("height", i.height + t.padding), L.info("Circle main"), T(t, s), t.intersect = function(r) {
-    return L.info("Circle intersect", t, i.width / 2 + l, r), N.circle(t, i.width / 2 + l, r);
+  return s.attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("r", i.width / 2 + l).attr("width", i.width + t.padding).attr("height", i.height + t.padding), S.info("Circle main"), N(t, s), t.intersect = function(r) {
+    return S.info("Circle intersect", t, i.width / 2 + l, r), B.circle(t, i.width / 2 + l, r);
   }, a;
-}, "circle"), Wr = /* @__PURE__ */ d(async (e, t) => {
+}, "circle"), Yr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i, halfPadding: l } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), s = 5, r = a.insert("g", ":first-child"), n = r.insert("circle"), c = r.insert("circle");
-  return r.attr("class", t.class), n.attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("r", i.width / 2 + l + s).attr("width", i.width + t.padding + s * 2).attr("height", i.height + t.padding + s * 2), c.attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("r", i.width / 2 + l).attr("width", i.width + t.padding).attr("height", i.height + t.padding), L.info("DoubleCircle main"), T(t, n), t.intersect = function(u) {
-    return L.info("DoubleCircle intersect", t, i.width / 2 + l + s, u), N.circle(t, i.width / 2 + l + s, u);
+  return r.attr("class", t.class), n.attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("r", i.width / 2 + l + s).attr("width", i.width + t.padding + s * 2).attr("height", i.height + t.padding + s * 2), c.attr("style", t.style).attr("rx", t.rx).attr("ry", t.ry).attr("r", i.width / 2 + l).attr("width", i.width + t.padding).attr("height", i.height + t.padding), S.info("DoubleCircle main"), N(t, n), t.intersect = function(x) {
+    return S.info("DoubleCircle intersect", t, i.width / 2 + l + s, x), B.circle(t, i.width / 2 + l + s, x);
   }, a;
-}, "doublecircle"), Pr = /* @__PURE__ */ d(async (e, t) => {
+}, "doublecircle"), Hr = /* @__PURE__ */ d(async (e, t) => {
   const { shapeSvg: a, bbox: i } = await A(
     e,
     t,
-    Y(t, void 0),
+    H(t, void 0),
     !0
   ), l = i.width + t.padding, s = i.height + t.padding, r = [
     { x: 0, y: 0 },
@@ -1890,158 +1916,168 @@ var Ar = /* @__PURE__ */ d(async (e, t) => {
     { x: l + 8, y: -s },
     { x: -8, y: -s },
     { x: -8, y: 0 }
-  ], n = U(a, l, s, r);
-  return n.attr("style", t.style), T(t, n), t.intersect = function(c) {
-    return N.polygon(t, r, c);
+  ], n = j(a, l, s, r);
+  return n.attr("style", t.style), N(t, n), t.intersect = function(c) {
+    return B.polygon(t, r, c);
   }, a;
-}, "subroutine"), Yr = /* @__PURE__ */ d((e, t) => {
+}, "subroutine"), Kr = /* @__PURE__ */ d((e, t) => {
   const a = e.insert("g").attr("class", "node default").attr("id", t.domId || t.id), i = a.insert("circle", ":first-child");
-  return i.attr("class", "state-start").attr("r", 7).attr("width", 14).attr("height", 14), T(t, i), t.intersect = function(l) {
-    return N.circle(t, 7, l);
+  return i.attr("class", "state-start").attr("r", 7).attr("width", 14).attr("height", 14), N(t, i), t.intersect = function(l) {
+    return B.circle(t, 7, l);
   }, a;
-}, "start"), Mt = /* @__PURE__ */ d((e, t, a) => {
+}, "start"), Wt = /* @__PURE__ */ d((e, t, a) => {
   const i = e.insert("g").attr("class", "node default").attr("id", t.domId || t.id);
   let l = 70, s = 10;
   a === "LR" && (l = 10, s = 70);
   const r = i.append("rect").attr("x", -1 * l / 2).attr("y", -1 * s / 2).attr("width", l).attr("height", s).attr("class", "fork-join");
-  return T(t, r), t.height = t.height + t.padding / 2, t.width = t.width + t.padding / 2, t.intersect = function(n) {
-    return N.rect(t, n);
+  return N(t, r), t.height = t.height + t.padding / 2, t.width = t.width + t.padding / 2, t.intersect = function(n) {
+    return B.rect(t, n);
   }, i;
-}, "forkJoin"), Hr = /* @__PURE__ */ d((e, t) => {
+}, "forkJoin"), Ur = /* @__PURE__ */ d((e, t) => {
   const a = e.insert("g").attr("class", "node default").attr("id", t.domId || t.id), i = a.insert("circle", ":first-child"), l = a.insert("circle", ":first-child");
-  return l.attr("class", "state-start").attr("r", 7).attr("width", 14).attr("height", 14), i.attr("class", "state-end").attr("r", 5).attr("width", 10).attr("height", 10), T(t, l), t.intersect = function(s) {
-    return N.circle(t, 7, s);
+  return l.attr("class", "state-start").attr("r", 7).attr("width", 14).attr("height", 14), i.attr("class", "state-end").attr("r", 5).attr("width", 10).attr("height", 10), N(t, l), t.intersect = function(s) {
+    return B.circle(t, 7, s);
   }, a;
-}, "end"), Kr = /* @__PURE__ */ d(async (e, t) => {
+}, "end"), Xr = /* @__PURE__ */ d(async (e, t) => {
   const a = t.padding / 2, i = 4, l = 8;
   let s;
   t.classes ? s = "node " + t.classes : s = "node default";
-  const r = e.insert("g").attr("class", s).attr("id", t.domId || t.id), n = r.insert("rect", ":first-child"), c = r.insert("line"), u = r.insert("line");
-  let o = 0, x = i;
-  const w = r.insert("g").attr("class", "label");
-  let b = 0;
-  const S = t.classData.annotations?.[0], v = t.classData.annotations[0] ? "«" + t.classData.annotations[0] + "»" : "", k = w.node().appendChild(await K(v, t.labelStyle, !0, !0));
-  let B = k.getBBox();
-  if (j(R().flowchart.htmlLabels)) {
-    const E = k.children[0], h = O(k);
-    B = E.getBoundingClientRect(), h.attr("width", B.width), h.attr("height", B.height);
+  const r = e.insert("g").attr("class", s).attr("id", t.domId || t.id), n = r.insert("rect", ":first-child"), c = r.insert("line"), x = r.insert("line");
+  let o = 0, u = i;
+  const b = r.insert("g").attr("class", "label");
+  let f = 0;
+  const m = t.classData.annotations?.[0], v = t.classData.annotations[0] ? "«" + t.classData.annotations[0] + "»" : "", L = await U(
+    b,
+    v,
+    t.labelStyle,
+    !0,
+    !0
+  );
+  let _ = L.getBBox();
+  if (F(R())) {
+    const E = L.children[0], h = T(L);
+    _ = E.getBoundingClientRect(), h.attr("width", _.width), h.attr("height", _.height);
   }
-  t.classData.annotations[0] && (x += B.height + i, o += B.width);
-  let _ = t.classData.label;
-  t.classData.type !== void 0 && t.classData.type !== "" && (R().flowchart.htmlLabels ? _ += "&lt;" + t.classData.type + "&gt;" : _ += "<" + t.classData.type + ">");
-  const D = w.node().appendChild(await K(_, t.labelStyle, !0, !0));
-  O(D).attr("class", "classTitle");
-  let y = D.getBBox();
-  if (j(R().flowchart.htmlLabels)) {
-    const E = D.children[0], h = O(D);
-    y = E.getBoundingClientRect(), h.attr("width", y.width), h.attr("height", y.height);
+  t.classData.annotations[0] && (u += _.height + i, o += _.width);
+  let I = t.classData.label;
+  t.classData.type !== void 0 && t.classData.type !== "" && (F(R()) ? I += "&lt;" + t.classData.type + "&gt;" : I += "<" + t.classData.type + ">");
+  const D = await U(
+    b,
+    I,
+    t.labelStyle,
+    !0,
+    !0
+  );
+  T(D).attr("class", "classTitle");
+  let w = D.getBBox();
+  if (F(R())) {
+    const E = D.children[0], h = T(D);
+    w = E.getBoundingClientRect(), h.attr("width", w.width), h.attr("height", w.height);
   }
-  x += y.height + i, y.width > o && (o = y.width);
+  u += w.height + i, w.width > o && (o = w.width);
   const g = [];
   t.classData.members.forEach(async (E) => {
     const h = E.getDisplayDetails();
     let W = h.displayText;
-    R().flowchart.htmlLabels && (W = W.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
-    const p = w.node().appendChild(
-      await K(
-        W,
-        h.cssStyle ? h.cssStyle : t.labelStyle,
-        !0,
-        !0
-      )
+    F(R()) && (W = W.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
+    const p = await U(
+      b,
+      W,
+      h.cssStyle ? h.cssStyle : t.labelStyle,
+      !0,
+      !0
     );
-    let I = p.getBBox();
-    if (j(R().flowchart.htmlLabels)) {
-      const Z = p.children[0], V = O(p);
-      I = Z.getBoundingClientRect(), V.attr("width", I.width), V.attr("height", I.height);
+    let O = p.getBBox();
+    if (F(R())) {
+      const Z = p.children[0], V = T(p);
+      O = Z.getBoundingClientRect(), V.attr("width", O.width), V.attr("height", O.height);
     }
-    I.width > o && (o = I.width), x += I.height + i, g.push(p);
-  }), x += l;
-  const f = [];
+    O.width > o && (o = O.width), u += O.height + i, g.push(p);
+  }), u += l;
+  const y = [];
   if (t.classData.methods.forEach(async (E) => {
     const h = E.getDisplayDetails();
     let W = h.displayText;
-    R().flowchart.htmlLabels && (W = W.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
-    const p = w.node().appendChild(
-      await K(
-        W,
-        h.cssStyle ? h.cssStyle : t.labelStyle,
-        !0,
-        !0
-      )
+    F(R()) && (W = W.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
+    const p = await U(
+      b,
+      W,
+      h.cssStyle ? h.cssStyle : t.labelStyle,
+      !0,
+      !0
     );
-    let I = p.getBBox();
-    if (j(R().flowchart.htmlLabels)) {
-      const Z = p.children[0], V = O(p);
-      I = Z.getBoundingClientRect(), V.attr("width", I.width), V.attr("height", I.height);
+    let O = p.getBBox();
+    if (F(R())) {
+      const Z = p.children[0], V = T(p);
+      O = Z.getBoundingClientRect(), V.attr("width", O.width), V.attr("height", O.height);
     }
-    I.width > o && (o = I.width), x += I.height + i, f.push(p);
-  }), x += l, S) {
-    let E = (o - B.width) / 2;
-    O(k).attr(
+    O.width > o && (o = O.width), u += O.height + i, y.push(p);
+  }), u += l, m) {
+    let E = (o - _.width) / 2;
+    T(L).attr(
       "transform",
-      "translate( " + (-1 * o / 2 + E) + ", " + -1 * x / 2 + ")"
-    ), b = B.height + i;
+      "translate( " + (-1 * o / 2 + E) + ", " + -1 * u / 2 + ")"
+    ), f = _.height + i;
   }
-  let m = (o - y.width) / 2;
-  return O(D).attr(
+  let k = (o - w.width) / 2;
+  return T(D).attr(
     "transform",
-    "translate( " + (-1 * o / 2 + m) + ", " + (-1 * x / 2 + b) + ")"
-  ), b += y.height + i, c.attr("class", "divider").attr("x1", -o / 2 - a).attr("x2", o / 2 + a).attr("y1", -x / 2 - a + l + b).attr("y2", -x / 2 - a + l + b), b += l, g.forEach((E) => {
-    O(E).attr(
+    "translate( " + (-1 * o / 2 + k) + ", " + (-1 * u / 2 + f) + ")"
+  ), f += w.height + i, c.attr("class", "divider").attr("x1", -o / 2 - a).attr("x2", o / 2 + a).attr("y1", -u / 2 - a + l + f).attr("y2", -u / 2 - a + l + f), f += l, g.forEach((E) => {
+    T(E).attr(
       "transform",
-      "translate( " + -o / 2 + ", " + (-1 * x / 2 + b + l / 2) + ")"
+      "translate( " + -o / 2 + ", " + (-1 * u / 2 + f + l / 2) + ")"
     );
     const h = E?.getBBox();
-    b += (h?.height ?? 0) + i;
-  }), b += l, u.attr("class", "divider").attr("x1", -o / 2 - a).attr("x2", o / 2 + a).attr("y1", -x / 2 - a + l + b).attr("y2", -x / 2 - a + l + b), b += l, f.forEach((E) => {
-    O(E).attr(
+    f += (h?.height ?? 0) + i;
+  }), f += l, x.attr("class", "divider").attr("x1", -o / 2 - a).attr("x2", o / 2 + a).attr("y1", -u / 2 - a + l + f).attr("y2", -u / 2 - a + l + f), f += l, y.forEach((E) => {
+    T(E).attr(
       "transform",
-      "translate( " + -o / 2 + ", " + (-1 * x / 2 + b) + ")"
+      "translate( " + -o / 2 + ", " + (-1 * u / 2 + f) + ")"
     );
     const h = E?.getBBox();
-    b += (h?.height ?? 0) + i;
-  }), n.attr("style", t.style).attr("class", "outer title-state").attr("x", -o / 2 - a).attr("y", -(x / 2) - a).attr("width", o + t.padding).attr("height", x + t.padding), T(t, n), t.intersect = function(E) {
-    return N.rect(t, E);
+    f += (h?.height ?? 0) + i;
+  }), n.attr("style", t.style).attr("class", "outer title-state").attr("x", -o / 2 - a).attr("y", -(u / 2) - a).attr("width", o + t.padding).attr("height", u + t.padding), N(t, n), t.intersect = function(E) {
+    return B.rect(t, E);
   }, r;
-}, "class_box"), Ft = {
-  rhombus: At,
-  composite: Rr,
-  question: At,
-  rect: Or,
-  labelRect: zr,
-  rectWithTitle: Ar,
-  choice: kr,
-  circle: Fr,
-  doublecircle: Wr,
-  stadium: Mr,
-  hexagon: vr,
-  block_arrow: Er,
-  rect_left_inv_arrow: _r,
-  lean_right: Dr,
+}, "class_box"), Yt = {
+  rhombus: Pt,
+  composite: Ar,
+  question: Pt,
+  rect: zr,
+  labelRect: Mr,
+  rectWithTitle: Fr,
+  choice: Er,
+  circle: Wr,
+  doublecircle: Yr,
+  stadium: Pr,
+  hexagon: _r,
+  block_arrow: Dr,
+  rect_left_inv_arrow: Tr,
+  lean_right: Br,
   lean_left: Nr,
-  trapezoid: Tr,
-  inv_trapezoid: Br,
-  rect_right_inv_arrow: Cr,
-  cylinder: Ir,
-  start: Yr,
-  end: Hr,
-  note: Sr,
-  subroutine: Pr,
-  fork: Mt,
-  join: Mt,
-  class_box: Kr
+  trapezoid: Ir,
+  inv_trapezoid: Cr,
+  rect_right_inv_arrow: Or,
+  cylinder: Rr,
+  start: Kr,
+  end: Ur,
+  note: vr,
+  subroutine: Hr,
+  fork: Wt,
+  join: Wt,
+  class_box: Xr
 }, lt = {}, te = /* @__PURE__ */ d(async (e, t, a) => {
   let i, l;
   if (t.link) {
     let s;
-    R().securityLevel === "sandbox" ? s = "_top" : t.linkTarget && (s = t.linkTarget || "_blank"), i = e.insert("svg:a").attr("xlink:href", t.link).attr("target", s), l = await Ft[t.shape](i, t, a);
+    R().securityLevel === "sandbox" ? s = "_top" : t.linkTarget && (s = t.linkTarget || "_blank"), i = e.insert("svg:a").attr("xlink:href", t.link).attr("target", s), l = await Yt[t.shape](i, t, a);
   } else
-    l = await Ft[t.shape](e, t, a), i = l;
+    l = await Yt[t.shape](e, t, a), i = l;
   return t.tooltip && l.attr("title", t.tooltip), t.class && l.attr("class", "node default " + t.class), lt[t.id] = i, t.haveCallback && lt[t.id].attr("class", lt[t.id].attr("class") + " clickable"), i;
-}, "insertNode"), Xr = /* @__PURE__ */ d((e) => {
+}, "insertNode"), jr = /* @__PURE__ */ d((e) => {
   const t = lt[e.id];
-  L.trace(
+  S.trace(
     "Transforming node",
     e.diff,
     e,
@@ -2053,7 +2089,7 @@ var Ar = /* @__PURE__ */ d(async (e, t) => {
     "translate(" + (e.x + i - e.width / 2) + ", " + (e.y - e.height / 2 - a) + ")"
   ) : t.attr("transform", "translate(" + e.x + ", " + e.y + ")"), i;
 }, "positionNode");
-function Dt(e, t, a = !1) {
+function Tt(e, t, a = !1) {
   const i = e;
   let l = "default";
   (i?.classes?.length || 0) > 0 && (l = (i?.classes ?? []).join(" ")), l = l + " flowchart-label";
@@ -2119,16 +2155,17 @@ function Dt(e, t, a = !1) {
     default:
       r = "rect";
   }
-  const c = me(i?.styles ?? []), u = i.label, o = i.size ?? { width: 0, height: 0, x: 0, y: 0 };
+  const c = we(i?.styles ?? []), x = i.label, o = i.size ?? { width: 0, height: 0, x: 0, y: 0 }, u = t.getDiagramId();
   return {
     labelStyle: c.labelStyle,
     shape: r,
-    labelText: u,
+    labelText: x,
     rx: s,
     ry: s,
     class: l,
     style: c.style,
     id: i.id,
+    domId: u ? `${u}-${i.id}` : i.id,
     directions: i.directions,
     width: o.width,
     height: o.height,
@@ -2137,23 +2174,23 @@ function Dt(e, t, a = !1) {
     positioned: a,
     intersect: void 0,
     type: i.type,
-    padding: n ?? rt()?.block?.padding ?? 0
+    padding: n ?? at()?.block?.padding ?? 0
   };
 }
-d(Dt, "getNodeFromBlock");
+d(Tt, "getNodeFromBlock");
 async function ee(e, t, a) {
-  const i = Dt(t, a, !1);
+  const i = Tt(t, a, !1);
   if (i.type === "group")
     return;
-  const l = rt(), s = await te(e, i, { config: l }), r = s.node().getBBox(), n = a.getBlock(i.id);
+  const l = at(), s = await te(e, i, { config: l }), r = s.node().getBBox(), n = a.getBlock(i.id);
   n.size = { width: r.width, height: r.height, x: 0, y: 0, node: s }, a.setBlock(n), s.remove();
 }
 d(ee, "calculateBlockSize");
 async function re(e, t, a) {
-  const i = Dt(t, a, !0);
+  const i = Tt(t, a, !0);
   if (a.getBlock(i.id).type !== "space") {
-    const s = rt();
-    await te(e, i, { config: s }), t.intersect = i?.intersect, Xr(i);
+    const s = at();
+    await te(e, i, { config: s }), t.intersect = i?.intersect, jr(i);
   }
 }
 d(re, "insertBlockPositioned");
@@ -2192,70 +2229,72 @@ async function ie(e, t, a, i, l) {
     if (r.start && r.end) {
       const n = i.getBlock(r.start), c = i.getBlock(r.end);
       if (n?.size && c?.size) {
-        const u = n.size, o = c.size, x = [
-          { x: u.x, y: u.y },
-          { x: u.x + (o.x - u.x) / 2, y: u.y + (o.y - u.y) / 2 },
+        const x = n.size, o = c.size, u = [
+          { x: x.x, y: x.y },
+          { x: x.x + (o.x - x.x) / 2, y: x.y + (o.y - x.y) / 2 },
           { x: o.x, y: o.y }
-        ];
-        gr(
+        ], b = l ? `${l}-${r.id}` : r.id;
+        pr(
           e,
-          { v: r.start, w: r.end, name: r.id },
+          { v: r.start, w: r.end, name: b },
           {
             ...r,
+            id: b,
             arrowTypeEnd: r.arrowTypeEnd,
             arrowTypeStart: r.arrowTypeStart,
-            points: x,
+            points: u,
             classes: "edge-thickness-normal edge-pattern-solid flowchart-link LS-a1 LE-b1"
           },
           void 0,
           "block",
           s,
           l
-        ), r.label && (await cr(e, {
+        ), r.label && (await hr(e, {
           ...r,
           label: r.label,
           labelStyle: "stroke: #333; stroke-width: 1.5px;fill:none;",
           arrowTypeEnd: r.arrowTypeEnd,
           arrowTypeStart: r.arrowTypeStart,
-          points: x,
+          points: u,
           classes: "edge-thickness-normal edge-pattern-solid flowchart-link LS-a1 LE-b1"
-        }), or(
-          { ...r, x: x[1].x, y: x[1].y },
+        }), dr(
+          { ...r, x: u[1].x, y: u[1].y },
           {
-            originalPath: x
+            originalPath: u
           }
         ));
       }
     }
 }
 d(ie, "insertEdges");
-var Ur = /* @__PURE__ */ d(function(e, t) {
+var Vr = /* @__PURE__ */ d(function(e, t) {
   return t.db.getClasses();
-}, "getClasses"), jr = /* @__PURE__ */ d(async function(e, t, a, i) {
-  const { securityLevel: l, block: s } = rt(), r = i.db;
+}, "getClasses"), Gr = /* @__PURE__ */ d(async function(e, t, a, i) {
+  const { securityLevel: l, block: s } = at(), r = i.db;
+  r.setDiagramId(t);
   let n;
-  l === "sandbox" && (n = O("#i" + t));
-  const c = l === "sandbox" ? O(n.nodes()[0].contentDocument.body) : O("body"), u = l === "sandbox" ? c.select(`[id="${t}"]`) : O(`[id="${t}"]`);
-  ar(u, ["point", "circle", "cross"], i.type, t);
-  const x = r.getBlocks(), w = r.getBlocksFlat(), b = r.getEdges(), S = u.insert("g").attr("class", "block");
-  await ae(S, x, r);
-  const v = jt(r);
-  if (await se(S, x, r), await ie(S, b, w, r, t), v) {
-    const k = v, B = Math.max(1, Math.round(0.125 * (k.width / k.height))), _ = k.height + B + 10, D = k.width + 10, { useMaxWidth: y } = s;
-    he(u, _, D, !!y), L.debug("Here Bounds", v, k), u.attr(
+  l === "sandbox" && (n = T("#i" + t));
+  const c = l === "sandbox" ? T(n.nodes()[0].contentDocument.body) : T("body"), x = l === "sandbox" ? c.select(`[id="${t}"]`) : T(`[id="${t}"]`);
+  ir(x, ["point", "circle", "cross"], i.type, t);
+  const u = r.getBlocks(), b = r.getBlocksFlat(), f = r.getEdges(), m = x.insert("g").attr("class", "block");
+  await ae(m, u, r);
+  const v = Vt(r);
+  if (await se(m, u, r), await ie(m, f, b, r, t), v) {
+    const L = v, _ = Math.max(1, Math.round(0.125 * (L.width / L.height))), I = L.height + _ + 10, D = L.width + 10, { useMaxWidth: w } = s;
+    he(x, I, D, !!w), S.debug("Here Bounds", v, L), x.attr(
       "viewBox",
-      `${k.x - 5} ${k.y - 5} ${k.width + 10} ${k.height + 10}`
+      `${L.x - 5} ${L.y - 5} ${L.width + 10} ${L.height + 10}`
     );
   }
-}, "draw"), Vr = {
-  draw: jr,
-  getClasses: Ur
-}, $r = {
+}, "draw"), Zr = {
+  draw: Gr,
+  getClasses: Vr
+}, ea = {
   parser: ve,
-  db: Ke,
-  renderer: Vr,
-  styles: Ue
+  db: Xe,
+  renderer: Zr,
+  styles: Ve
 };
 export {
-  $r as diagram
+  ea as diagram
 };