@kong-ui-public/documentation 0.7.20 → 0.7.21

package/dist/{flowDiagram-d949d7c1-CxjmKfBF-CuFUEya4.js → flowDiagram-b222e15a-BlrP8xne-DJ_sATm6.js}

@@ -1,51 +1,50 @@
-import { X as mt, j as O } from "./flowDb-d35e309a-Dch1VW7i-Bk557s4E.js";
-import { Y as kt, E as k, v as K } from "./graph-Ch18bQn5-BLEKw6WT.js";
-import { h as w, o as q, p as J, c as H, j as tt, l as U, q as W, r as R, t as St } from "./index-CVS7cBlb.js";
-import { e as _t, N as Lt, V as It, O as At, k as C } from "./layout-BzV691RN-Br8Ir03a.js";
-import { u as Tt, w as Et, O as et, Q as Mt, Z as T, d as rt, f as L, p as at, b as nt } from "./styles-7383a064-DLbSva3T-DWY6NPMf.js";
-import { P as Nt } from "./line-JCh8JM-V-T9MVIZIE.js";
-function Bt(r) {
-  if (!r.ok)
-    throw new Error(r.status + " " + r.statusText);
+import { X as kt, j as P } from "./flowDb-c1833063-nJUM9bYy-B5f_hjwI.js";
+import { Y as St, E as S, v as K } from "./graph-BN58fiEq-CyCz6HB3.js";
+import { h as v, o as O, p as J, c as R, r as tt, j as et, l as U, q, t as W, u as _t } from "./index-Dz46e5bv.js";
+import { e as Lt, N as At, V as It, O as Tt, k as C } from "./layout-DU4VNk5y-DEbr0_Pk.js";
+import { w as Mt, h as Nt, t as rt, Z as Bt, e as T, p as at, u as A, b as nt, f as it } from "./styles-483fbfea-DUrqZeOP-BPfiLFkT.js";
+import { P as $t } from "./line-CwSAou3c-dgS2jcU_.js";
+function Et(r) {
+  if (!r.ok) throw new Error(r.status + " " + r.statusText);
   return r.text();
 }
-function $t(r, e) {
-  return fetch(r, e).then(Bt);
+function Ct(r, e) {
+  return fetch(r, e).then(Et);
 }
-function Ct(r) {
-  return (e, t) => $t(e, t).then((a) => new DOMParser().parseFromString(a, r));
+function Dt(r) {
+  return (e, t) => Ct(e, t).then((a) => new DOMParser().parseFromString(a, r));
 }
-var Dt = Ct("image/svg+xml"), P = {
-  normal: Rt,
-  vee: Ot,
-  undirected: Wt
+var Ut = Dt("image/svg+xml"), z = {
+  normal: Wt,
+  vee: Pt,
+  undirected: qt
 };
-function Ut(r) {
-  P = r;
+function Rt(r) {
+  z = r;
 }
-function Rt(r, e, t, a) {
+function Wt(r, e, t, a) {
   var n = r.append("marker").attr("id", e).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerUnits", "strokeWidth").attr("markerWidth", 8).attr("markerHeight", 6).attr("orient", "auto"), i = n.append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").style("stroke-width", 1).style("stroke-dasharray", "1,0");
   T(i, t[a + "Style"]), t[a + "Class"] && i.attr("class", t[a + "Class"]);
 }
-function Ot(r, e, t, a) {
+function Pt(r, e, t, a) {
   var n = r.append("marker").attr("id", e).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerUnits", "strokeWidth").attr("markerWidth", 8).attr("markerHeight", 6).attr("orient", "auto"), i = n.append("path").attr("d", "M 0 0 L 10 5 L 0 10 L 4 5 z").style("stroke-width", 1).style("stroke-dasharray", "1,0");
   T(i, t[a + "Style"]), t[a + "Class"] && i.attr("class", t[a + "Class"]);
 }
-function Wt(r, e, t, a) {
+function qt(r, e, t, a) {
   var n = r.append("marker").attr("id", e).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerUnits", "strokeWidth").attr("markerWidth", 8).attr("markerHeight", 6).attr("orient", "auto"), i = n.append("path").attr("d", "M 0 5 L 10 5").style("stroke-width", 1).style("stroke-dasharray", "1,0");
   T(i, t[a + "Style"]), t[a + "Class"] && i.attr("class", t[a + "Class"]);
 }
-function qt(r, e) {
+function Ot(r, e) {
   var t = r;
   return t.node().appendChild(e.label), T(t, e.labelStyle), t;
 }
-function Pt(r, e) {
-  for (var t = r.append("text"), a = Yt(e.label).split(`
+function zt(r, e) {
+  for (var t = r.append("text"), a = Vt(e.label).split(`
 `), n = 0; n < a.length; n++)
     t.append("tspan").attr("xml:space", "preserve").attr("dy", "1em").attr("x", "1").text(a[n]);
   return T(t, e.labelStyle), t;
 }
-function Yt(r) {
+function Vt(r) {
   for (var e = "", t = !1, a, n = 0; n < r.length; ++n)
     if (a = r[n], t) {
       switch (a) {
@@ -57,13 +56,12 @@ function Yt(r) {
           e += a;
       }
       t = !1;
-    } else
-      a === "\\" ? t = !0 : e += a;
+    } else a === "\\" ? t = !0 : e += a;
   return e;
 }
 function G(r, e, t) {
   var a = e.label, n = r.append("g");
-  e.labelType === "svg" ? qt(n, e) : typeof a != "string" || e.labelType === "html" ? et(n, e) : Pt(n, e);
+  e.labelType === "svg" ? Ot(n, e) : typeof a != "string" || e.labelType === "html" ? rt(n, e) : zt(n, e);
   var i = n.node().getBBox(), s;
   switch (t) {
     case "top":
@@ -77,152 +75,152 @@ function G(r, e, t) {
   }
   return n.attr("transform", "translate(" + -i.width / 2 + "," + s + ")"), n;
 }
-var Y = function(r, e) {
+var V = function(r, e) {
   var t = e.nodes().filter(function(i) {
-    return rt(e, i);
+    return at(e, i);
   }), a = r.selectAll("g.cluster").data(t, function(i) {
     return i;
   });
-  L(a.exit(), e).style("opacity", 0).remove();
+  A(a.exit(), e).style("opacity", 0).remove();
   var n = a.enter().append("g").attr("class", "cluster").attr("id", function(i) {
     var s = e.node(i);
     return s.id;
   }).style("opacity", 0).each(function(i) {
-    var s = e.node(i), o = w(this);
-    w(this).append("rect");
-    var l = o.append("g").attr("class", "label");
-    G(l, s, s.clusterLabelPos);
+    var s = e.node(i), o = v(this);
+    v(this).append("rect");
+    var d = o.append("g").attr("class", "label");
+    G(d, s, s.clusterLabelPos);
   });
-  return a = a.merge(n), a = L(a, e).style("opacity", 1), a.selectAll("rect").each(function(i) {
-    var s = e.node(i), o = w(this);
+  return a = a.merge(n), a = A(a, e).style("opacity", 1), a.selectAll("rect").each(function(i) {
+    var s = e.node(i), o = v(this);
     T(o, s.style);
   }), a;
 };
-function zt(r) {
-  Y = r;
+function Xt(r) {
+  V = r;
 }
-let z = function(r, e) {
+let X = function(r, e) {
   var t = r.selectAll("g.edgeLabel").data(e.edges(), function(n) {
-    return at(n);
+    return nt(n);
   }).classed("update", !0);
   t.exit().remove(), t.enter().append("g").classed("edgeLabel", !0).style("opacity", 0), t = r.selectAll("g.edgeLabel"), t.each(function(n) {
-    var i = w(this);
+    var i = v(this);
     i.select(".label").remove();
-    var s = e.edge(n), o = G(i, e.edge(n), 0).classed("label", !0), l = o.node().getBBox();
-    s.labelId && o.attr("id", s.labelId), k(s, "width") || (s.width = l.width), k(s, "height") || (s.height = l.height);
+    var s = e.edge(n), o = G(i, e.edge(n), 0).classed("label", !0), d = o.node().getBBox();
+    s.labelId && o.attr("id", s.labelId), S(s, "width") || (s.width = d.width), S(s, "height") || (s.height = d.height);
   });
   var a;
-  return t.exit ? a = t.exit() : a = t.selectAll(null), L(a, e).style("opacity", 0).remove(), t;
+  return t.exit ? a = t.exit() : a = t.selectAll(null), A(a, e).style("opacity", 0).remove(), t;
 };
-function Vt(r) {
-  z = r;
+function Yt(r) {
+  X = r;
 }
 function Q(r, e) {
   return r.intersect(e);
 }
-var V = function(r, e, t) {
+var Y = function(r, e, t) {
   var a = r.selectAll("g.edgePath").data(e.edges(), function(s) {
-    return at(s);
-  }).classed("update", !0), n = Ft(a, e);
-  Qt(a, e);
+    return nt(s);
+  }).classed("update", !0), n = Qt(a, e);
+  Zt(a, e);
   var i = a.merge !== void 0 ? a.merge(n) : a;
-  return L(i, e).style("opacity", 1), i.each(function(s) {
-    var o = w(this), l = e.edge(s);
-    l.elem = this, l.id && o.attr("id", l.id), nt(
+  return A(i, e).style("opacity", 1), i.each(function(s) {
+    var o = v(this), d = e.edge(s);
+    d.elem = this, d.id && o.attr("id", d.id), it(
       o,
-      l.class,
+      d.class,
       (o.classed("update") ? "update " : "") + "edgePath"
     );
   }), i.selectAll("path.path").each(function(s) {
     var o = e.edge(s);
-    o.arrowheadId = _t("arrowhead");
-    var l = w(this).attr("marker-end", function() {
-      return "url(" + jt(location.href, o.arrowheadId) + ")";
+    o.arrowheadId = Lt("arrowhead");
+    var d = v(this).attr("marker-end", function() {
+      return "url(" + Ht(location.href, o.arrowheadId) + ")";
     }).style("fill", "none");
-    L(l, e).attr("d", function(c) {
-      return Ht(e, c);
-    }), T(l, o.style);
+    A(d, e).attr("d", function(u) {
+      return Gt(e, u);
+    }), T(d, o.style);
   }), i.selectAll("defs *").remove(), i.selectAll("defs").each(function(s) {
-    var o = e.edge(s), l = t[o.arrowhead];
-    l(w(this), o.arrowheadId, o, "arrowhead");
+    var o = e.edge(s), d = t[o.arrowhead];
+    d(v(this), o.arrowheadId, o, "arrowhead");
   }), i;
 };
-function Xt(r) {
-  V = r;
+function jt(r) {
+  Y = r;
 }
-function jt(r, e) {
+function Ht(r, e) {
   var t = r.split("#")[0];
   return t + "#" + e;
 }
-function Ht(r, e) {
+function Gt(r, e) {
   var t = r.edge(e), a = r.node(e.v), n = r.node(e.w), i = t.points.slice(1, t.points.length - 1);
-  return i.unshift(Q(a, i[0])), i.push(Q(n, i[i.length - 1])), it(t, i);
+  return i.unshift(Q(a, i[0])), i.push(Q(n, i[i.length - 1])), st(t, i);
 }
-function it(r, e) {
-  var t = (Nt || Dt.line)().x(function(a) {
+function st(r, e) {
+  var t = ($t || Ut.line)().x(function(a) {
     return a.x;
   }).y(function(a) {
     return a.y;
   });
   return (t.curve || t.interpolate)(r.curve), t(e);
 }
-function Gt(r) {
+function Ft(r) {
   var e = r.getBBox(), t = r.ownerSVGElement.getScreenCTM().inverse().multiply(r.getScreenCTM()).translate(e.width / 2, e.height / 2);
   return { x: t.e, y: t.f };
 }
-function Ft(r, e) {
+function Qt(r, e) {
   var t = r.enter().append("g").attr("class", "edgePath").style("opacity", 0);
   return t.append("path").attr("class", "path").attr("d", function(a) {
-    var n = e.edge(a), i = e.node(a.v).elem, s = Lt(n.points.length).map(function() {
-      return Gt(i);
+    var n = e.edge(a), i = e.node(a.v).elem, s = At(n.points.length).map(function() {
+      return Ft(i);
     });
-    return it(n, s);
+    return st(n, s);
   }), t.append("defs"), t;
 }
-function Qt(r, e) {
+function Zt(r, e) {
   var t = r.exit();
-  L(t, e).style("opacity", 0).remove();
+  A(t, e).style("opacity", 0).remove();
 }
-var X = function(r, e, t) {
+var j = function(r, e, t) {
   var a = e.nodes().filter(function(s) {
-    return !rt(e, s);
+    return !at(e, s);
   }), n = r.selectAll("g.node").data(a, function(s) {
     return s;
   }).classed("update", !0);
   n.exit().remove(), n.enter().append("g").attr("class", "node").style("opacity", 0), n = r.selectAll("g.node"), n.each(function(s) {
-    var o = e.node(s), l = w(this);
-    nt(
-      l,
+    var o = e.node(s), d = v(this);
+    it(
+      d,
       o.class,
-      (l.classed("update") ? "update " : "") + "node"
-    ), l.select("g.label").remove();
-    var c = l.append("g").attr("class", "label"), d = G(c, o), g = t[o.shape], f = It(d.node().getBBox(), "width", "height");
-    o.elem = this, o.id && l.attr("id", o.id), o.labelId && c.attr("id", o.labelId), k(o, "width") && (f.width = o.width), k(o, "height") && (f.height = o.height), f.width += o.paddingLeft + o.paddingRight, f.height += o.paddingTop + o.paddingBottom, c.attr(
+      (d.classed("update") ? "update " : "") + "node"
+    ), d.select("g.label").remove();
+    var u = d.append("g").attr("class", "label"), l = G(u, o), g = t[o.shape], c = It(l.node().getBBox(), "width", "height");
+    o.elem = this, o.id && d.attr("id", o.id), o.labelId && u.attr("id", o.labelId), S(o, "width") && (c.width = o.width), S(o, "height") && (c.height = o.height), c.width += o.paddingLeft + o.paddingRight, c.height += o.paddingTop + o.paddingBottom, u.attr(
       "transform",
       "translate(" + (o.paddingLeft - o.paddingRight) / 2 + "," + (o.paddingTop - o.paddingBottom) / 2 + ")"
     );
-    var h = w(this);
+    var h = v(this);
     h.select(".label-container").remove();
-    var p = g(h, f, o).classed("label-container", !0);
+    var p = g(h, c, o).classed("label-container", !0);
     T(p, o.style);
-    var u = p.node().getBBox();
-    o.width = u.width, o.height = u.height;
+    var w = p.node().getBBox();
+    o.width = w.width, o.height = w.height;
   });
   var i;
-  return n.exit ? i = n.exit() : i = n.selectAll(null), L(i, e).style("opacity", 0).remove(), n;
+  return n.exit ? i = n.exit() : i = n.selectAll(null), A(i, e).style("opacity", 0).remove(), n;
 };
-function Zt(r) {
-  X = r;
+function Kt(r) {
+  j = r;
 }
-function Kt(r, e) {
+function Jt(r, e) {
   var t = r.filter(function() {
-    return !w(this).classed("update");
+    return !v(this).classed("update");
   });
   function a(n) {
     var i = e.node(n);
     return "translate(" + i.x + "," + i.y + ")";
   }
-  t.attr("transform", a), L(r, e).style("opacity", 1).attr("transform", a), L(t.selectAll("rect"), e).attr("width", function(n) {
+  t.attr("transform", a), A(r, e).style("opacity", 1).attr("transform", a), A(t.selectAll("rect"), e).attr("width", function(n) {
     return e.node(n).width;
   }).attr("height", function(n) {
     return e.node(n).height;
@@ -234,94 +232,94 @@ function Kt(r, e) {
     return -i.height / 2;
   });
 }
-function Jt(r, e) {
+function te(r, e) {
   var t = r.filter(function() {
-    return !w(this).classed("update");
+    return !v(this).classed("update");
   });
   function a(n) {
     var i = e.edge(n);
-    return k(i, "x") ? "translate(" + i.x + "," + i.y + ")" : "";
+    return S(i, "x") ? "translate(" + i.x + "," + i.y + ")" : "";
   }
-  t.attr("transform", a), L(r, e).style("opacity", 1).attr("transform", a);
+  t.attr("transform", a), A(r, e).style("opacity", 1).attr("transform", a);
 }
-function te(r, e) {
+function ee(r, e) {
   var t = r.filter(function() {
-    return !w(this).classed("update");
+    return !v(this).classed("update");
   });
   function a(n) {
     var i = e.node(n);
     return "translate(" + i.x + "," + i.y + ")";
   }
-  t.attr("transform", a), L(r, e).style("opacity", 1).attr("transform", a);
+  t.attr("transform", a), A(r, e).style("opacity", 1).attr("transform", a);
 }
-function st(r, e, t, a) {
-  var n = r.x, i = r.y, s = n - a.x, o = i - a.y, l = Math.sqrt(e * e * o * o + t * t * s * s), c = Math.abs(e * t * s / l);
-  a.x < n && (c = -c);
-  var d = Math.abs(e * t * o / l);
-  return a.y < i && (d = -d), { x: n + c, y: i + d };
+function ot(r, e, t, a) {
+  var n = r.x, i = r.y, s = n - a.x, o = i - a.y, d = Math.sqrt(e * e * o * o + t * t * s * s), u = Math.abs(e * t * s / d);
+  a.x < n && (u = -u);
+  var l = Math.abs(e * t * o / d);
+  return a.y < i && (l = -l), { x: n + u, y: i + l };
 }
-function ee(r, e, t) {
-  return st(r, e, e, t);
+function re(r, e, t) {
+  return ot(r, e, e, t);
 }
-function re(r, e, t, a) {
-  var n, i, s, o, l, c, d, g, f, h, p, u, x, v, S;
-  if (n = e.y - r.y, s = r.x - e.x, l = e.x * r.y - r.x * e.y, f = n * t.x + s * t.y + l, h = n * a.x + s * a.y + l, !(f !== 0 && h !== 0 && Z(f, h)) && (i = a.y - t.y, o = t.x - a.x, c = a.x * t.y - t.x * a.y, d = i * r.x + o * r.y + c, g = i * e.x + o * e.y + c, !(d !== 0 && g !== 0 && Z(d, g)) && (p = n * o - i * s, p !== 0)))
-    return u = Math.abs(p / 2), x = s * c - o * l, v = x < 0 ? (x - u) / p : (x + u) / p, x = i * l - n * c, S = x < 0 ? (x - u) / p : (x + u) / p, { x: v, y: S };
+function ae(r, e, t, a) {
+  var n, i, s, o, d, u, l, g, c, h, p, w, f, x, k;
+  if (n = e.y - r.y, s = r.x - e.x, d = e.x * r.y - r.x * e.y, c = n * t.x + s * t.y + d, h = n * a.x + s * a.y + d, !(c !== 0 && h !== 0 && Z(c, h)) && (i = a.y - t.y, o = t.x - a.x, u = a.x * t.y - t.x * a.y, l = i * r.x + o * r.y + u, g = i * e.x + o * e.y + u, !(l !== 0 && g !== 0 && Z(l, g)) && (p = n * o - i * s, p !== 0)))
+    return w = Math.abs(p / 2), f = s * u - o * d, x = f < 0 ? (f - w) / p : (f + w) / p, f = i * d - n * u, k = f < 0 ? (f - w) / p : (f + w) / p, { x, y: k };
 }
 function Z(r, e) {
   return r * e > 0;
 }
-function A(r, e, t) {
+function I(r, e, t) {
   var a = r.x, n = r.y, i = [], s = Number.POSITIVE_INFINITY, o = Number.POSITIVE_INFINITY;
   e.forEach(function(p) {
     s = Math.min(s, p.x), o = Math.min(o, p.y);
   });
-  for (var l = a - r.width / 2 - s, c = n - r.height / 2 - o, d = 0; d < e.length; d++) {
-    var g = e[d], f = e[d < e.length - 1 ? d + 1 : 0], h = re(
+  for (var d = a - r.width / 2 - s, u = n - r.height / 2 - o, l = 0; l < e.length; l++) {
+    var g = e[l], c = e[l < e.length - 1 ? l + 1 : 0], h = ae(
       r,
       t,
-      { x: l + g.x, y: c + g.y },
-      { x: l + f.x, y: c + f.y }
+      { x: d + g.x, y: u + g.y },
+      { x: d + c.x, y: u + c.y }
     );
     h && i.push(h);
   }
-  return i.length ? (i.length > 1 && i.sort(function(p, u) {
-    var x = p.x - t.x, v = p.y - t.y, S = Math.sqrt(x * x + v * v), I = u.x - t.x, B = u.y - t.y, y = Math.sqrt(I * I + B * B);
-    return S < y ? -1 : S === y ? 0 : 1;
+  return i.length ? (i.length > 1 && i.sort(function(p, w) {
+    var f = p.x - t.x, x = p.y - t.y, k = Math.sqrt(f * f + x * x), N = w.x - t.x, _ = w.y - t.y, y = Math.sqrt(N * N + _ * _);
+    return k < y ? -1 : k === y ? 0 : 1;
   }), i[0]) : (console.log("NO INTERSECTION FOUND, RETURN NODE CENTER", r), r);
 }
 function F(r, e) {
-  var t = r.x, a = r.y, n = e.x - t, i = e.y - a, s = r.width / 2, o = r.height / 2, l, c;
-  return Math.abs(i) * s > Math.abs(n) * o ? (i < 0 && (o = -o), l = i === 0 ? 0 : o * n / i, c = o) : (n < 0 && (s = -s), l = s, c = n === 0 ? 0 : s * i / n), { x: t + l, y: a + c };
-}
-var j = {
-  rect: ne,
-  ellipse: ie,
-  circle: se,
-  diamond: oe
+  var t = r.x, a = r.y, n = e.x - t, i = e.y - a, s = r.width / 2, o = r.height / 2, d, u;
+  return Math.abs(i) * s > Math.abs(n) * o ? (i < 0 && (o = -o), d = i === 0 ? 0 : o * n / i, u = o) : (n < 0 && (s = -s), d = s, u = n === 0 ? 0 : s * i / n), { x: t + d, y: a + u };
+}
+var H = {
+  rect: ie,
+  ellipse: se,
+  circle: oe,
+  diamond: le
 };
-function ae(r) {
-  j = r;
+function ne(r) {
+  H = r;
 }
-function ne(r, e, t) {
+function ie(r, e, t) {
   var a = r.insert("rect", ":first-child").attr("rx", t.rx).attr("ry", t.ry).attr("x", -e.width / 2).attr("y", -e.height / 2).attr("width", e.width).attr("height", e.height);
   return t.intersect = function(n) {
     return F(t, n);
   }, a;
 }
-function ie(r, e, t) {
+function se(r, e, t) {
   var a = e.width / 2, n = e.height / 2, i = r.insert("ellipse", ":first-child").attr("x", -e.width / 2).attr("y", -e.height / 2).attr("rx", a).attr("ry", n);
   return t.intersect = function(s) {
-    return st(t, a, n, s);
+    return ot(t, a, n, s);
   }, i;
 }
-function se(r, e, t) {
+function oe(r, e, t) {
   var a = Math.max(e.width, e.height) / 2, n = r.insert("circle", ":first-child").attr("x", -e.width / 2).attr("y", -e.height / 2).attr("r", a);
   return t.intersect = function(i) {
-    return ee(t, a, i);
+    return re(t, a, i);
   }, n;
 }
-function oe(r, e, t) {
+function le(r, e, t) {
   var a = e.width * Math.SQRT2 / 2, n = e.height * Math.SQRT2 / 2, i = [
     { x: 0, y: -n },
     { x: -a, y: 0 },
@@ -334,32 +332,32 @@ function oe(r, e, t) {
     }).join(" ")
   );
   return t.intersect = function(o) {
-    return A(t, i, o);
+    return I(t, i, o);
   }, s;
 }
-function le() {
+function de() {
   var r = function(e, t) {
-    he(t);
-    var a = D(e, "output"), n = D(a, "clusters"), i = D(a, "edgePaths"), s = z(D(a, "edgeLabels"), t), o = X(D(a, "nodes"), t, j);
-    At(t), te(o, t), Jt(s, t), V(i, t, P);
-    var l = Y(n, t);
-    Kt(l, t), ue(t);
+    ue(t);
+    var a = D(e, "output"), n = D(a, "clusters"), i = D(a, "edgePaths"), s = X(D(a, "edgeLabels"), t), o = j(D(a, "nodes"), t, H);
+    Tt(t), ee(o, t), te(s, t), Y(i, t, z);
+    var d = V(n, t);
+    Jt(d, t), fe(t);
   };
   return r.createNodes = function(e) {
-    return arguments.length ? (Zt(e), r) : X;
+    return arguments.length ? (Kt(e), r) : j;
   }, r.createClusters = function(e) {
-    return arguments.length ? (zt(e), r) : Y;
+    return arguments.length ? (Xt(e), r) : V;
   }, r.createEdgeLabels = function(e) {
-    return arguments.length ? (Vt(e), r) : z;
+    return arguments.length ? (Yt(e), r) : X;
   }, r.createEdgePaths = function(e) {
-    return arguments.length ? (Xt(e), r) : V;
+    return arguments.length ? (jt(e), r) : Y;
   }, r.shapes = function(e) {
-    return arguments.length ? (ae(e), r) : j;
+    return arguments.length ? (ne(e), r) : H;
   }, r.arrows = function(e) {
-    return arguments.length ? (Ut(e), r) : P;
+    return arguments.length ? (Rt(e), r) : z;
   }, r;
 }
-var de = {
+var ce = {
   paddingLeft: 10,
   paddingRight: 10,
   paddingTop: 10,
@@ -367,54 +365,54 @@ var de = {
   rx: 0,
   ry: 0,
   shape: "rect"
-}, ce = {
+}, he = {
   arrowhead: "normal",
-  curve: R
+  curve: W
 };
-function he(r) {
+function ue(r) {
   r.nodes().forEach(function(e) {
     var t = r.node(e);
-    !k(t, "label") && !r.children(e).length && (t.label = e), k(t, "paddingX") && C(t, {
+    !S(t, "label") && !r.children(e).length && (t.label = e), S(t, "paddingX") && C(t, {
       paddingLeft: t.paddingX,
       paddingRight: t.paddingX
-    }), k(t, "paddingY") && C(t, {
+    }), S(t, "paddingY") && C(t, {
       paddingTop: t.paddingY,
       paddingBottom: t.paddingY
-    }), k(t, "padding") && C(t, {
+    }), S(t, "padding") && C(t, {
       paddingLeft: t.padding,
       paddingRight: t.padding,
       paddingTop: t.padding,
       paddingBottom: t.padding
-    }), C(t, de), K(["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"], function(a) {
+    }), C(t, ce), K(["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"], function(a) {
       t[a] = Number(t[a]);
-    }), k(t, "width") && (t._prevWidth = t.width), k(t, "height") && (t._prevHeight = t.height);
+    }), S(t, "width") && (t._prevWidth = t.width), S(t, "height") && (t._prevHeight = t.height);
   }), r.edges().forEach(function(e) {
     var t = r.edge(e);
-    k(t, "label") || (t.label = ""), C(t, ce);
+    S(t, "label") || (t.label = ""), C(t, he);
   });
 }
-function ue(r) {
+function fe(r) {
   K(r.nodes(), function(e) {
     var t = r.node(e);
-    k(t, "_prevWidth") ? t.width = t._prevWidth : delete t.width, k(t, "_prevHeight") ? t.height = t._prevHeight : delete t.height, delete t._prevWidth, delete t._prevHeight;
+    S(t, "_prevWidth") ? t.width = t._prevWidth : delete t.width, S(t, "_prevHeight") ? t.height = t._prevHeight : delete t.height, delete t._prevWidth, delete t._prevHeight;
   });
 }
 function D(r, e) {
   var t = r.select("g." + e);
   return t.empty() && (t = r.append("g").attr("class", e)), t;
 }
-function ot(r, e, t) {
+function lt(r, e, t) {
   const a = e.width, n = e.height, i = (a + n) * 0.9, s = [
     { x: i / 2, y: 0 },
     { x: i, y: -i / 2 },
     { x: i / 2, y: -i },
     { x: 0, y: -i / 2 }
-  ], o = E(r, i, i, s);
-  return t.intersect = function(l) {
-    return A(t, s, l);
+  ], o = M(r, i, i, s);
+  return t.intersect = function(d) {
+    return I(t, s, d);
   }, o;
 }
-function lt(r, e, t) {
+function dt(r, e, t) {
   const a = e.height, n = a / 4, i = e.width + 2 * n, s = [
     { x: n, y: 0 },
     { x: i - n, y: 0 },
@@ -422,86 +420,86 @@ function lt(r, e, t) {
     { x: i - n, y: -a },
     { x: n, y: -a },
     { x: 0, y: -a / 2 }
-  ], o = E(r, i, a, s);
-  return t.intersect = function(l) {
-    return A(t, s, l);
+  ], o = M(r, i, a, s);
+  return t.intersect = function(d) {
+    return I(t, s, d);
   }, o;
 }
-function dt(r, e, t) {
+function ct(r, e, t) {
   const a = e.width, n = e.height, i = [
     { x: -n / 2, y: 0 },
     { x: a, y: 0 },
     { x: a, y: -n },
     { x: -n / 2, y: -n },
     { x: 0, y: -n / 2 }
-  ], s = E(r, a, n, i);
+  ], s = M(r, a, n, i);
   return t.intersect = function(o) {
-    return A(t, i, o);
+    return I(t, i, o);
   }, s;
 }
-function ct(r, e, t) {
+function ht(r, e, t) {
   const a = e.width, n = e.height, i = [
     { x: -2 * n / 6, y: 0 },
     { x: a - n / 6, y: 0 },
     { x: a + 2 * n / 6, y: -n },
     { x: n / 6, y: -n }
-  ], s = E(r, a, n, i);
+  ], s = M(r, a, n, i);
   return t.intersect = function(o) {
-    return A(t, i, o);
+    return I(t, i, o);
   }, s;
 }
-function ht(r, e, t) {
+function ut(r, e, t) {
   const a = e.width, n = e.height, i = [
     { x: 2 * n / 6, y: 0 },
     { x: a + n / 6, y: 0 },
     { x: a - 2 * n / 6, y: -n },
     { x: -n / 6, y: -n }
-  ], s = E(r, a, n, i);
+  ], s = M(r, a, n, i);
   return t.intersect = function(o) {
-    return A(t, i, o);
+    return I(t, i, o);
   }, s;
 }
-function ut(r, e, t) {
+function ft(r, e, t) {
   const a = e.width, n = e.height, i = [
     { x: -2 * n / 6, y: 0 },
     { x: a + 2 * n / 6, y: 0 },
     { x: a - n / 6, y: -n },
     { x: n / 6, y: -n }
-  ], s = E(r, a, n, i);
+  ], s = M(r, a, n, i);
   return t.intersect = function(o) {
-    return A(t, i, o);
+    return I(t, i, o);
   }, s;
 }
-function ft(r, e, t) {
+function pt(r, e, t) {
   const a = e.width, n = e.height, i = [
     { x: n / 6, y: 0 },
     { x: a - n / 6, y: 0 },
     { x: a + 2 * n / 6, y: -n },
     { x: -2 * n / 6, y: -n }
-  ], s = E(r, a, n, i);
+  ], s = M(r, a, n, i);
   return t.intersect = function(o) {
-    return A(t, i, o);
+    return I(t, i, o);
   }, s;
 }
-function pt(r, e, t) {
+function gt(r, e, t) {
   const a = e.width, n = e.height, i = [
     { x: 0, y: 0 },
     { x: a + n / 2, y: 0 },
     { x: a, y: -n / 2 },
     { x: a + n / 2, y: -n },
     { x: 0, y: -n }
-  ], s = E(r, a, n, i);
+  ], s = M(r, a, n, i);
   return t.intersect = function(o) {
-    return A(t, i, o);
+    return I(t, i, o);
   }, s;
 }
-function gt(r, e, t) {
+function yt(r, e, t) {
   const a = e.height, n = e.width + a / 4, i = r.insert("rect", ":first-child").attr("rx", a / 2).attr("ry", a / 2).attr("x", -n / 2).attr("y", -a / 2).attr("width", n).attr("height", a);
   return t.intersect = function(s) {
     return F(t, s);
   }, i;
 }
-function yt(r, e, t) {
+function xt(r, e, t) {
   const a = e.width, n = e.height, i = [
     { x: 0, y: 0 },
     { x: a, y: 0 },
@@ -513,29 +511,29 @@ function yt(r, e, t) {
     { x: a + 8, y: -n },
     { x: -8, y: -n },
     { x: -8, y: 0 }
-  ], s = E(r, a, n, i);
+  ], s = M(r, a, n, i);
   return t.intersect = function(o) {
-    return A(t, i, o);
+    return I(t, i, o);
   }, s;
 }
-function xt(r, e, t) {
-  const a = e.width, n = a / 2, i = n / (2.5 + a / 50), s = e.height + i, o = "M 0," + i + " a " + n + "," + i + " 0,0,0 " + a + " 0 a " + n + "," + i + " 0,0,0 " + -a + " 0 l 0," + s + " a " + n + "," + i + " 0,0,0 " + a + " 0 l 0," + -s, l = r.attr("label-offset-y", i).insert("path", ":first-child").attr("d", o).attr("transform", "translate(" + -a / 2 + "," + -(s / 2 + i) + ")");
-  return t.intersect = function(c) {
-    const d = F(t, c), g = d.x - t.x;
-    if (n != 0 && (Math.abs(g) < t.width / 2 || Math.abs(g) == t.width / 2 && Math.abs(d.y - t.y) > t.height / 2 - i)) {
-      let f = i * i * (1 - g * g / (n * n));
-      f != 0 && (f = Math.sqrt(f)), f = i - f, c.y - t.y > 0 && (f = -f), d.y += f;
+function wt(r, e, t) {
+  const a = e.width, n = a / 2, i = n / (2.5 + a / 50), s = e.height + i, o = "M 0," + i + " a " + n + "," + i + " 0,0,0 " + a + " 0 a " + n + "," + i + " 0,0,0 " + -a + " 0 l 0," + s + " a " + n + "," + i + " 0,0,0 " + a + " 0 l 0," + -s, d = r.attr("label-offset-y", i).insert("path", ":first-child").attr("d", o).attr("transform", "translate(" + -a / 2 + "," + -(s / 2 + i) + ")");
+  return t.intersect = function(u) {
+    const l = F(t, u), g = l.x - t.x;
+    if (n != 0 && (Math.abs(g) < t.width / 2 || Math.abs(g) == t.width / 2 && Math.abs(l.y - t.y) > t.height / 2 - i)) {
+      let c = i * i * (1 - g * g / (n * n));
+      c != 0 && (c = Math.sqrt(c)), c = i - c, u.y - t.y > 0 && (c = -c), l.y += c;
     }
-    return d;
-  }, l;
-}
-function fe(r) {
-  r.shapes().question = ot, r.shapes().hexagon = lt, r.shapes().stadium = gt, r.shapes().subroutine = yt, r.shapes().cylinder = xt, r.shapes().rect_left_inv_arrow = dt, r.shapes().lean_right = ct, r.shapes().lean_left = ht, r.shapes().trapezoid = ut, r.shapes().inv_trapezoid = ft, r.shapes().rect_right_inv_arrow = pt;
+    return l;
+  }, d;
 }
 function pe(r) {
-  r({ question: ot }), r({ hexagon: lt }), r({ stadium: gt }), r({ subroutine: yt }), r({ cylinder: xt }), r({ rect_left_inv_arrow: dt }), r({ lean_right: ct }), r({ lean_left: ht }), r({ trapezoid: ut }), r({ inv_trapezoid: ft }), r({ rect_right_inv_arrow: pt });
+  r.shapes().question = lt, r.shapes().hexagon = dt, r.shapes().stadium = yt, r.shapes().subroutine = xt, r.shapes().cylinder = wt, r.shapes().rect_left_inv_arrow = ct, r.shapes().lean_right = ht, r.shapes().lean_left = ut, r.shapes().trapezoid = ft, r.shapes().inv_trapezoid = pt, r.shapes().rect_right_inv_arrow = gt;
+}
+function ge(r) {
+  r({ question: lt }), r({ hexagon: dt }), r({ stadium: yt }), r({ subroutine: xt }), r({ cylinder: wt }), r({ rect_left_inv_arrow: ct }), r({ lean_right: ht }), r({ lean_left: ut }), r({ trapezoid: ft }), r({ inv_trapezoid: pt }), r({ rect_right_inv_arrow: gt });
 }
-function E(r, e, t, a) {
+function M(r, e, t, a) {
   return r.insert("polygon", ":first-child").attr(
     "points",
     a.map(function(n) {
@@ -543,122 +541,126 @@ function E(r, e, t, a) {
     }).join(" ")
   ).attr("transform", "translate(" + -e / 2 + "," + t / 2 + ")");
 }
-const ge = {
-  addToRender: fe,
-  addToRenderV2: pe
-}, vt = {}, ye = function(r) {
+const ye = {
+  addToRender: pe,
+  addToRenderV2: ge
+}, vt = {}, xe = function(r) {
   const e = Object.keys(r);
   for (const t of e)
     vt[t] = r[t];
-}, wt = function(r, e, t, a, n, i) {
-  const s = a ? a.select(`[id="${t}"]`) : w(`[id="${t}"]`), o = n || document;
-  Object.keys(r).forEach(function(l) {
-    const c = r[l];
-    let d = "default";
-    c.classes.length > 0 && (d = c.classes.join(" "));
-    const g = q(c.styles);
-    let f = c.text !== void 0 ? c.text : c.id, h;
-    if (J(H().flowchart.htmlLabels)) {
+}, bt = async function(r, e, t, a, n, i) {
+  const s = a ? a.select(`[id="${t}"]`) : v(`[id="${t}"]`), o = n || document, d = Object.keys(r);
+  for (const u of d) {
+    const l = r[u];
+    let g = "default";
+    l.classes.length > 0 && (g = l.classes.join(" "));
+    const c = O(l.styles);
+    let h = l.text !== void 0 ? l.text : l.id, p;
+    if (J(R().flowchart.htmlLabels)) {
       const x = {
-        label: f.replace(
-          /fa[blrs]?:fa-[\w-]+/g,
-          (v) => `<i class='${v.replace(":", " ")}'></i>`
+        label: await tt(
+          h.replace(
+            /fa[blrs]?:fa-[\w-]+/g,
+            // cspell:disable-line
+            (k) => `<i class='${k.replace(":", " ")}'></i>`
+          ),
+          R()
         )
       };
-      h = et(s, x).node(), h.parentNode.removeChild(h);
+      p = rt(s, x).node(), p.parentNode.removeChild(p);
     } else {
       const x = o.createElementNS("http://www.w3.org/2000/svg", "text");
-      x.setAttribute("style", g.labelStyle.replace("color:", "fill:"));
-      const v = f.split(tt.lineBreakRegex);
-      for (const S of v) {
-        const I = o.createElementNS("http://www.w3.org/2000/svg", "tspan");
-        I.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve"), I.setAttribute("dy", "1em"), I.setAttribute("x", "1"), I.textContent = S, x.appendChild(I);
+      x.setAttribute("style", c.labelStyle.replace("color:", "fill:"));
+      const k = h.split(et.lineBreakRegex);
+      for (const N of k) {
+        const _ = o.createElementNS("http://www.w3.org/2000/svg", "tspan");
+        _.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve"), _.setAttribute("dy", "1em"), _.setAttribute("x", "1"), _.textContent = N, x.appendChild(_);
       }
-      h = x;
+      p = x;
     }
-    let p = 0, u = "";
-    switch (c.type) {
+    let w = 0, f = "";
+    switch (l.type) {
       case "round":
-        p = 5, u = "rect";
+        w = 5, f = "rect";
         break;
       case "square":
-        u = "rect";
+        f = "rect";
         break;
       case "diamond":
-        u = "question";
+        f = "question";
         break;
       case "hexagon":
-        u = "hexagon";
+        f = "hexagon";
         break;
       case "odd":
-        u = "rect_left_inv_arrow";
+        f = "rect_left_inv_arrow";
         break;
       case "lean_right":
-        u = "lean_right";
+        f = "lean_right";
         break;
       case "lean_left":
-        u = "lean_left";
+        f = "lean_left";
         break;
       case "trapezoid":
-        u = "trapezoid";
+        f = "trapezoid";
         break;
       case "inv_trapezoid":
-        u = "inv_trapezoid";
+        f = "inv_trapezoid";
         break;
       case "odd_right":
-        u = "rect_left_inv_arrow";
+        f = "rect_left_inv_arrow";
         break;
       case "circle":
-        u = "circle";
+        f = "circle";
         break;
       case "ellipse":
-        u = "ellipse";
+        f = "ellipse";
         break;
       case "stadium":
-        u = "stadium";
+        f = "stadium";
         break;
       case "subroutine":
-        u = "subroutine";
+        f = "subroutine";
         break;
       case "cylinder":
-        u = "cylinder";
+        f = "cylinder";
         break;
       case "group":
-        u = "rect";
+        f = "rect";
         break;
       default:
-        u = "rect";
+        f = "rect";
     }
-    U.warn("Adding node", c.id, c.domId), e.setNode(i.db.lookUpDomId(c.id), {
+    U.warn("Adding node", l.id, l.domId), e.setNode(i.db.lookUpDomId(l.id), {
       labelType: "svg",
-      labelStyle: g.labelStyle,
-      shape: u,
-      label: h,
-      rx: p,
-      ry: p,
-      class: d,
-      style: g.style,
-      id: i.db.lookUpDomId(c.id)
+      labelStyle: c.labelStyle,
+      shape: f,
+      label: p,
+      rx: w,
+      ry: w,
+      class: g,
+      style: c.style,
+      id: i.db.lookUpDomId(l.id)
     });
-  });
-}, bt = function(r, e, t) {
+  }
+}, mt = async function(r, e, t) {
   let a = 0, n, i;
   if (r.defaultStyle !== void 0) {
-    const s = q(r.defaultStyle);
+    const s = O(r.defaultStyle);
     n = s.style, i = s.labelStyle;
   }
-  r.forEach(function(s) {
+  for (const s of r) {
     a++;
-    const o = "L-" + s.start + "-" + s.end, l = "LS-" + s.start, c = "LE-" + s.end, d = {};
-    s.type === "arrow_open" ? d.arrowhead = "none" : d.arrowhead = "normal";
-    let g = "", f = "";
+    const o = "L-" + s.start + "-" + s.end, d = "LS-" + s.start, u = "LE-" + s.end, l = {};
+    s.type === "arrow_open" ? l.arrowhead = "none" : l.arrowhead = "normal";
+    let g = "", c = "";
     if (s.style !== void 0) {
-      const h = q(s.style);
-      g = h.style, f = h.labelStyle;
+      const h = O(s.style);
+      g = h.style, c = h.labelStyle;
     } else
       switch (s.stroke) {
         case "normal":
-          g = "fill:none", n !== void 0 && (g = n), i !== void 0 && (f = i);
+          g = "fill:none", n !== void 0 && (g = n), i !== void 0 && (c = i);
           break;
         case "dotted":
           g = "fill:none;stroke-width:2px;stroke-dasharray:3;";
@@ -667,28 +669,32 @@ const ge = {
           g = " stroke-width: 3.5px;fill:none";
           break;
       }
-    d.style = g, d.labelStyle = f, s.interpolate !== void 0 ? d.curve = W(s.interpolate, R) : r.defaultInterpolate !== void 0 ? d.curve = W(r.defaultInterpolate, R) : d.curve = W(vt.curve, R), s.text === void 0 ? s.style !== void 0 && (d.arrowheadStyle = "fill: #333") : (d.arrowheadStyle = "fill: #333", d.labelpos = "c", J(H().flowchart.htmlLabels) ? (d.labelType = "html", d.label = `<span id="L-${o}" class="edgeLabel L-${l}' L-${c}" style="${d.labelStyle}">${s.text.replace(
-      /fa[blrs]?:fa-[\w-]+/g,
-      (h) => `<i class='${h.replace(":", " ")}'></i>`
-    )}</span>`) : (d.labelType = "text", d.label = s.text.replace(tt.lineBreakRegex, `
-`), s.style === void 0 && (d.style = d.style || "stroke: #333; stroke-width: 1.5px;fill:none"), d.labelStyle = d.labelStyle.replace("color:", "fill:"))), d.id = o, d.class = l + " " + c, d.minlen = s.length || 1, e.setEdge(t.db.lookUpDomId(s.start), t.db.lookUpDomId(s.end), d, a);
-  });
-}, xe = function(r, e) {
+    l.style = g, l.labelStyle = c, s.interpolate !== void 0 ? l.curve = q(s.interpolate, W) : r.defaultInterpolate !== void 0 ? l.curve = q(r.defaultInterpolate, W) : l.curve = q(vt.curve, W), s.text === void 0 ? s.style !== void 0 && (l.arrowheadStyle = "fill: #333") : (l.arrowheadStyle = "fill: #333", l.labelpos = "c", J(R().flowchart.htmlLabels) ? (l.labelType = "html", l.label = `<span id="L-${o}" class="edgeLabel L-${d}' L-${u}" style="${l.labelStyle}">${await tt(
+      s.text.replace(
+        /fa[blrs]?:fa-[\w-]+/g,
+        // cspell:disable-line
+        (h) => `<i class='${h.replace(":", " ")}'></i>`
+      ),
+      R()
+    )}</span>`) : (l.labelType = "text", l.label = s.text.replace(et.lineBreakRegex, `
+`), s.style === void 0 && (l.style = l.style || "stroke: #333; stroke-width: 1.5px;fill:none"), l.labelStyle = l.labelStyle.replace("color:", "fill:"))), l.id = o, l.class = d + " " + u, l.minlen = s.length || 1, e.setEdge(t.db.lookUpDomId(s.start), t.db.lookUpDomId(s.end), l, a);
+  }
+}, we = function(r, e) {
   return U.info("Extracting classes"), e.db.getClasses();
-}, ve = function(r, e, t, a) {
+}, ve = async function(r, e, t, a) {
   U.info("Drawing flowchart");
-  const { securityLevel: n, flowchart: i } = H();
+  const { securityLevel: n, flowchart: i } = R();
   let s;
-  n === "sandbox" && (s = w("#i" + e));
-  const o = n === "sandbox" ? w(s.nodes()[0].contentDocument.body) : w("body"), l = n === "sandbox" ? s.nodes()[0].contentDocument : document;
-  let c = a.db.getDirection();
-  c === void 0 && (c = "TD");
-  const d = i.nodeSpacing || 50, g = i.rankSpacing || 50, f = new kt({
+  n === "sandbox" && (s = v("#i" + e));
+  const o = n === "sandbox" ? v(s.nodes()[0].contentDocument.body) : v("body"), d = n === "sandbox" ? s.nodes()[0].contentDocument : document;
+  let u = a.db.getDirection();
+  u === void 0 && (u = "TD");
+  const l = i.nodeSpacing || 50, g = i.rankSpacing || 50, c = new St({
     multigraph: !0,
     compound: !0
   }).setGraph({
-    rankdir: c,
-    nodesep: d,
+    rankdir: u,
+    nodesep: l,
     ranksep: g,
     marginx: 8,
     marginy: 8
@@ -699,82 +705,82 @@ const ge = {
   const p = a.db.getSubGraphs();
   for (let y = p.length - 1; y >= 0; y--)
     h = p[y], a.db.addVertex(h.id, h.title, "group", void 0, h.classes);
-  const u = a.db.getVertices();
-  U.warn("Get vertices", u);
-  const x = a.db.getEdges();
-  let v = 0;
-  for (v = p.length - 1; v >= 0; v--) {
-    h = p[v], Mt("cluster").append("text");
+  const w = a.db.getVertices();
+  U.warn("Get vertices", w);
+  const f = a.db.getEdges();
+  let x = 0;
+  for (x = p.length - 1; x >= 0; x--) {
+    h = p[x], Bt("cluster").append("text");
     for (let y = 0; y < h.nodes.length; y++)
       U.warn(
         "Setting subgraph",
         h.nodes[y],
         a.db.lookUpDomId(h.nodes[y]),
         a.db.lookUpDomId(h.id)
-      ), f.setParent(a.db.lookUpDomId(h.nodes[y]), a.db.lookUpDomId(h.id));
+      ), c.setParent(a.db.lookUpDomId(h.nodes[y]), a.db.lookUpDomId(h.id));
   }
-  wt(u, f, e, o, l, a), bt(x, f, a);
-  const S = new le();
-  ge.addToRender(S), S.arrows().none = function(y, b, _, m) {
-    const M = y.append("marker").attr("id", b).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerUnits", "strokeWidth").attr("markerWidth", 8).attr("markerHeight", 6).attr("orient", "auto").append("path").attr("d", "M 0 0 L 0 0 L 0 0 z");
-    T(M, _[m + "Style"]);
-  }, S.arrows().normal = function(y, b) {
+  await bt(w, c, e, o, d, a), await mt(f, c, a);
+  const k = new de();
+  ye.addToRender(k), k.arrows().none = function(y, b, L, m) {
+    const B = y.append("marker").attr("id", b).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerUnits", "strokeWidth").attr("markerWidth", 8).attr("markerHeight", 6).attr("orient", "auto").append("path").attr("d", "M 0 0 L 0 0 L 0 0 z");
+    T(B, L[m + "Style"]);
+  }, k.arrows().normal = function(y, b) {
     y.append("marker").attr("id", b).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerUnits", "strokeWidth").attr("markerWidth", 8).attr("markerHeight", 6).attr("orient", "auto").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("class", "arrowheadPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
   };
-  const I = o.select(`[id="${e}"]`), B = o.select("#" + e + " g");
-  for (S(B, f), B.selectAll("g.node").attr("title", function() {
+  const N = o.select(`[id="${e}"]`), _ = o.select("#" + e + " g");
+  for (k(_, c), _.selectAll("g.node").attr("title", function() {
     return a.db.getTooltip(this.id);
-  }), a.db.indexNodes("subGraph" + v), v = 0; v < p.length; v++)
-    if (h = p[v], h.title !== "undefined") {
-      const y = l.querySelectorAll(
+  }), a.db.indexNodes("subGraph" + x), x = 0; x < p.length; x++)
+    if (h = p[x], h.title !== "undefined") {
+      const y = d.querySelectorAll(
         "#" + e + ' [id="' + a.db.lookUpDomId(h.id) + '"] rect'
-      ), b = l.querySelectorAll(
+      ), b = d.querySelectorAll(
         "#" + e + ' [id="' + a.db.lookUpDomId(h.id) + '"]'
-      ), _ = y[0].x.baseVal.value, m = y[0].y.baseVal.value, M = y[0].width.baseVal.value, $ = w(b[0]).select(".label");
-      $.attr("transform", `translate(${_ + M / 2}, ${m + 14})`), $.attr("id", e + "Text");
-      for (let N = 0; N < h.classes.length; N++)
-        b[0].classList.add(h.classes[N]);
+      ), L = y[0].x.baseVal.value, m = y[0].y.baseVal.value, B = y[0].width.baseVal.value, E = v(b[0]).select(".label");
+      E.attr("transform", `translate(${L + B / 2}, ${m + 14})`), E.attr("id", e + "Text");
+      for (let $ = 0; $ < h.classes.length; $++)
+        b[0].classList.add(h.classes[$]);
     }
   if (!i.htmlLabels) {
-    const y = l.querySelectorAll('[id="' + e + '"] .edgeLabel .label');
+    const y = d.querySelectorAll('[id="' + e + '"] .edgeLabel .label');
     for (const b of y) {
-      const _ = b.getBBox(), m = l.createElementNS("http://www.w3.org/2000/svg", "rect");
-      m.setAttribute("rx", 0), m.setAttribute("ry", 0), m.setAttribute("width", _.width), m.setAttribute("height", _.height), b.insertBefore(m, b.firstChild);
+      const L = b.getBBox(), m = d.createElementNS("http://www.w3.org/2000/svg", "rect");
+      m.setAttribute("rx", 0), m.setAttribute("ry", 0), m.setAttribute("width", L.width), m.setAttribute("height", L.height), b.insertBefore(m, b.firstChild);
     }
   }
-  St(f, I, i.diagramPadding, i.useMaxWidth), Object.keys(u).forEach(function(y) {
-    const b = u[y];
+  _t(c, N, i.diagramPadding, i.useMaxWidth), Object.keys(w).forEach(function(y) {
+    const b = w[y];
     if (b.link) {
-      const _ = o.select("#" + e + ' [id="' + a.db.lookUpDomId(y) + '"]');
-      if (_) {
-        const m = l.createElementNS("http://www.w3.org/2000/svg", "a");
+      const L = o.select("#" + e + ' [id="' + a.db.lookUpDomId(y) + '"]');
+      if (L) {
+        const m = d.createElementNS("http://www.w3.org/2000/svg", "a");
         m.setAttributeNS("http://www.w3.org/2000/svg", "class", b.classes.join(" ")), m.setAttributeNS("http://www.w3.org/2000/svg", "href", b.link), m.setAttributeNS("http://www.w3.org/2000/svg", "rel", "noopener"), n === "sandbox" ? m.setAttributeNS("http://www.w3.org/2000/svg", "target", "_top") : b.linkTarget && m.setAttributeNS("http://www.w3.org/2000/svg", "target", b.linkTarget);
-        const M = _.insert(function() {
+        const B = L.insert(function() {
           return m;
-        }, ":first-child"), $ = _.select(".label-container");
-        $ && M.append(function() {
-          return $.node();
+        }, ":first-child"), E = L.select(".label-container");
+        E && B.append(function() {
+          return E.node();
         });
-        const N = _.select(".label");
-        N && M.append(function() {
-          return N.node();
+        const $ = L.select(".label");
+        $ && B.append(function() {
+          return $.node();
         });
       }
     }
   });
-}, we = {
-  setConf: ye,
-  addVertices: wt,
-  addEdges: bt,
-  getClasses: xe,
+}, be = {
+  setConf: xe,
+  addVertices: bt,
+  addEdges: mt,
+  getClasses: we,
   draw: ve
 }, Ie = {
-  parser: mt,
-  db: O,
-  renderer: Tt,
-  styles: Et,
+  parser: kt,
+  db: P,
+  renderer: Mt,
+  styles: Nt,
   init: (r) => {
-    r.flowchart || (r.flowchart = {}), r.flowchart.arrowMarkerAbsolute = r.arrowMarkerAbsolute, we.setConf(r.flowchart), O.clear(), O.setGen("gen-1");
+    r.flowchart || (r.flowchart = {}), r.flowchart.arrowMarkerAbsolute = r.arrowMarkerAbsolute, be.setConf(r.flowchart), P.clear(), P.setGen("gen-1");
   }
 };
 export {