mermaid 10.2.2 → 10.2.3

package/dist/{arc-2c65c00d.js → arc-7150e654.js}

@@ -1,5 +1,5 @@
-import { c as H, p as sn } from "./constant-2fe7eae5.js";
-import { aB as en, aC as y, Q as ln, aD as M, aE as D, aF as S, aG as b, aH as an, aI as rn, aJ as t, aK as un, aL as on, aM as tn } from "./mermaid-08b2ff5f.js";
+import { c as J, p as sn } from "./constant-2fe7eae5.js";
+import { aC as en, aD as y, Q as ln, aE as N, aF as D, aG as S, aH as b, aI as an, aJ as rn, aK as t, aL as un, aM as on, aN as tn } from "./mermaid-8ea29a40.js";
 function fn(l) {
   return l.innerRadius;
 }
@@ -15,66 +15,66 @@ function gn(l) {
 function mn(l) {
   return l && l.padAngle;
 }
-function pn(l, x, q, E, h, v, J, a) {
-  var s = q - l, n = E - x, m = J - h, i = a - v, r = i * s - m * n;
+function pn(l, x, q, E, h, v, K, a) {
+  var s = q - l, n = E - x, m = K - h, i = a - v, r = i * s - m * n;
   if (!(r * r < y))
     return r = (m * (x - v) - i * (l - h)) / r, [l + r * s, x + r * n];
 }
-function V(l, x, q, E, h, v, J) {
-  var a = l - q, s = x - E, n = (J ? v : -v) / S(a * a + s * s), m = n * s, i = -n * a, r = l + m, f = x + i, c = q + m, w = E + i, o = (r + c) / 2, B = (f + w) / 2, p = c - r, g = w - f, A = p * p + g * g, C = h - v, P = r * w - c * f, F = (g < 0 ? -1 : 1) * S(tn(0, C * C * A - P * P)), G = (P * g - p * F) / A, d = (-P * p - g * F) / A, R = (P * g + p * F) / A, T = (-P * p + g * F) / A, e = G - o, u = d - B, K = R - o, L = T - B;
-  return e * e + u * u > K * K + L * L && (G = R, d = T), {
-    cx: G,
+function V(l, x, q, E, h, v, K) {
+  var a = l - q, s = x - E, n = (K ? v : -v) / S(a * a + s * s), m = n * s, i = -n * a, r = l + m, f = x + i, c = q + m, w = E + i, o = (r + c) / 2, C = (f + w) / 2, p = c - r, g = w - f, A = p * p + g * g, F = h - v, P = r * w - c * f, G = (g < 0 ? -1 : 1) * S(tn(0, F * F * A - P * P)), H = (P * g - p * G) / A, d = (-P * p - g * G) / A, R = (P * g + p * G) / A, T = (-P * p + g * G) / A, e = H - o, u = d - C, L = R - o, M = T - C;
+  return e * e + u * u > L * L + M * M && (H = R, d = T), {
+    cx: H,
     cy: d,
     x01: -m,
     y01: -i,
-    x11: G * (h / C - 1),
-    y11: d * (h / C - 1)
+    x11: H * (h / F - 1),
+    y11: d * (h / F - 1)
   };
 }
 function hn() {
-  var l = fn, x = cn, q = H(0), E = null, h = yn, v = gn, J = mn, a = null;
+  var l = fn, x = cn, q = J(0), E = null, h = yn, v = gn, K = mn, a = null;
   function s() {
     var n, m, i = +l.apply(this, arguments), r = +x.apply(this, arguments), f = h.apply(this, arguments) - en, c = v.apply(this, arguments) - en, w = an(c - f), o = c > f;
     if (a || (a = n = sn()), r < i && (m = r, r = i, i = m), !(r > y))
       a.moveTo(0, 0);
     else if (w > ln - y)
-      a.moveTo(r * M(f), r * D(f)), a.arc(0, 0, r, f, c, !o), i > y && (a.moveTo(i * M(c), i * D(c)), a.arc(0, 0, i, c, f, o));
+      a.moveTo(r * N(f), r * D(f)), a.arc(0, 0, r, f, c, !o), i > y && (a.moveTo(i * N(c), i * D(c)), a.arc(0, 0, i, c, f, o));
     else {
-      var B = f, p = c, g = f, A = c, C = w, P = w, F = J.apply(this, arguments) / 2, G = F > y && (E ? +E.apply(this, arguments) : S(i * i + r * r)), d = b(an(r - i) / 2, +q.apply(this, arguments)), R = d, T = d, e, u;
-      if (G > y) {
-        var K = un(G / i * D(F)), L = un(G / r * D(F));
-        (C -= K * 2) > y ? (K *= o ? 1 : -1, g += K, A -= K) : (C = 0, g = A = (f + c) / 2), (P -= L * 2) > y ? (L *= o ? 1 : -1, B += L, p -= L) : (P = 0, B = p = (f + c) / 2);
+      var C = f, p = c, g = f, A = c, F = w, P = w, G = K.apply(this, arguments) / 2, H = G > y && (E ? +E.apply(this, arguments) : S(i * i + r * r)), d = b(an(r - i) / 2, +q.apply(this, arguments)), R = d, T = d, e, u;
+      if (H > y) {
+        var L = un(H / i * D(G)), M = un(H / r * D(G));
+        (F -= L * 2) > y ? (L *= o ? 1 : -1, g += L, A -= L) : (F = 0, g = A = (f + c) / 2), (P -= M * 2) > y ? (M *= o ? 1 : -1, C += M, p -= M) : (P = 0, C = p = (f + c) / 2);
       }
-      var O = r * M(B), Q = r * D(B), j = i * M(A), z = i * D(A);
+      var O = r * N(C), Q = r * D(C), j = i * N(A), z = i * D(A);
       if (d > y) {
-        var N = r * M(p), U = r * D(p), W = i * M(g), X = i * D(g), I;
-        if (w < rn && (I = pn(O, Q, W, X, N, U, j, z))) {
-          var Y = O - I[0], Z = Q - I[1], $ = N - I[0], k = U - I[1], _ = 1 / D(on((Y * $ + Z * k) / (S(Y * Y + Z * Z) * S($ * $ + k * k))) / 2), nn = S(I[0] * I[0] + I[1] * I[1]);
+        var B = r * N(p), U = r * D(p), W = i * N(g), X = i * D(g), I;
+        if (w < rn && (I = pn(O, Q, W, X, B, U, j, z))) {
+          var Y = O - I[0], Z = Q - I[1], $ = B - I[0], k = U - I[1], _ = 1 / D(on((Y * $ + Z * k) / (S(Y * Y + Z * Z) * S($ * $ + k * k))) / 2), nn = S(I[0] * I[0] + I[1] * I[1]);
           R = b(d, (i - nn) / (_ - 1)), T = b(d, (r - nn) / (_ + 1));
         }
       }
-      P > y ? T > y ? (e = V(W, X, O, Q, r, T, o), u = V(N, U, j, z, r, T, o), a.moveTo(e.cx + e.x01, e.cy + e.y01), T < d ? a.arc(e.cx, e.cy, T, t(e.y01, e.x01), t(u.y01, u.x01), !o) : (a.arc(e.cx, e.cy, T, t(e.y01, e.x01), t(e.y11, e.x11), !o), a.arc(0, 0, r, t(e.cy + e.y11, e.cx + e.x11), t(u.cy + u.y11, u.cx + u.x11), !o), a.arc(u.cx, u.cy, T, t(u.y11, u.x11), t(u.y01, u.x01), !o))) : (a.moveTo(O, Q), a.arc(0, 0, r, B, p, !o)) : a.moveTo(O, Q), !(i > y) || !(C > y) ? a.lineTo(j, z) : R > y ? (e = V(j, z, N, U, i, -R, o), u = V(O, Q, W, X, i, -R, o), a.lineTo(e.cx + e.x01, e.cy + e.y01), R < d ? a.arc(e.cx, e.cy, R, t(e.y01, e.x01), t(u.y01, u.x01), !o) : (a.arc(e.cx, e.cy, R, t(e.y01, e.x01), t(e.y11, e.x11), !o), a.arc(0, 0, i, t(e.cy + e.y11, e.cx + e.x11), t(u.cy + u.y11, u.cx + u.x11), o), a.arc(u.cx, u.cy, R, t(u.y11, u.x11), t(u.y01, u.x01), !o))) : a.arc(0, 0, i, A, g, o);
+      P > y ? T > y ? (e = V(W, X, O, Q, r, T, o), u = V(B, U, j, z, r, T, o), a.moveTo(e.cx + e.x01, e.cy + e.y01), T < d ? a.arc(e.cx, e.cy, T, t(e.y01, e.x01), t(u.y01, u.x01), !o) : (a.arc(e.cx, e.cy, T, t(e.y01, e.x01), t(e.y11, e.x11), !o), a.arc(0, 0, r, t(e.cy + e.y11, e.cx + e.x11), t(u.cy + u.y11, u.cx + u.x11), !o), a.arc(u.cx, u.cy, T, t(u.y11, u.x11), t(u.y01, u.x01), !o))) : (a.moveTo(O, Q), a.arc(0, 0, r, C, p, !o)) : a.moveTo(O, Q), !(i > y) || !(F > y) ? a.lineTo(j, z) : R > y ? (e = V(j, z, B, U, i, -R, o), u = V(O, Q, W, X, i, -R, o), a.lineTo(e.cx + e.x01, e.cy + e.y01), R < d ? a.arc(e.cx, e.cy, R, t(e.y01, e.x01), t(u.y01, u.x01), !o) : (a.arc(e.cx, e.cy, R, t(e.y01, e.x01), t(e.y11, e.x11), !o), a.arc(0, 0, i, t(e.cy + e.y11, e.cx + e.x11), t(u.cy + u.y11, u.cx + u.x11), o), a.arc(u.cx, u.cy, R, t(u.y11, u.x11), t(u.y01, u.x01), !o))) : a.arc(0, 0, i, A, g, o);
     }
     if (a.closePath(), n)
       return a = null, n + "" || null;
   }
   return s.centroid = function() {
     var n = (+l.apply(this, arguments) + +x.apply(this, arguments)) / 2, m = (+h.apply(this, arguments) + +v.apply(this, arguments)) / 2 - rn / 2;
-    return [M(m) * n, D(m) * n];
+    return [N(m) * n, D(m) * n];
   }, s.innerRadius = function(n) {
-    return arguments.length ? (l = typeof n == "function" ? n : H(+n), s) : l;
+    return arguments.length ? (l = typeof n == "function" ? n : J(+n), s) : l;
   }, s.outerRadius = function(n) {
-    return arguments.length ? (x = typeof n == "function" ? n : H(+n), s) : x;
+    return arguments.length ? (x = typeof n == "function" ? n : J(+n), s) : x;
   }, s.cornerRadius = function(n) {
-    return arguments.length ? (q = typeof n == "function" ? n : H(+n), s) : q;
+    return arguments.length ? (q = typeof n == "function" ? n : J(+n), s) : q;
   }, s.padRadius = function(n) {
-    return arguments.length ? (E = n == null ? null : typeof n == "function" ? n : H(+n), s) : E;
+    return arguments.length ? (E = n == null ? null : typeof n == "function" ? n : J(+n), s) : E;
   }, s.startAngle = function(n) {
-    return arguments.length ? (h = typeof n == "function" ? n : H(+n), s) : h;
+    return arguments.length ? (h = typeof n == "function" ? n : J(+n), s) : h;
   }, s.endAngle = function(n) {
-    return arguments.length ? (v = typeof n == "function" ? n : H(+n), s) : v;
+    return arguments.length ? (v = typeof n == "function" ? n : J(+n), s) : v;
   }, s.padAngle = function(n) {
-    return arguments.length ? (J = typeof n == "function" ? n : H(+n), s) : J;
+    return arguments.length ? (K = typeof n == "function" ? n : J(+n), s) : K;
   }, s.context = function(n) {
     return arguments.length ? (a = n ?? null, s) : a;
   }, s;

package/dist/{arc-56235257.js → arc-7eb198ee.js}

@@ -1,5 +1,5 @@
 import { c as constant, p as path } from "./constant-b644328d.js";
-import { aB as halfPi, aC as epsilon, Q as tau, aD as cos, aE as sin, aF as sqrt, aG as min, aH as abs, aI as pi, aJ as atan2, aK as asin, aL as acos, aM as max } from "./mermaid-c66525a4.js";
+import { aC as halfPi, aD as epsilon, Q as tau, aE as cos, aF as sin, aG as sqrt, aH as min, aI as abs, aJ as pi, aK as atan2, aL as asin, aM as acos, aN as max } from "./mermaid-34beccd0.js";
 function arcInnerRadius(d) {
   return d.innerRadius;
 }

package/dist/{c4Diagram-30400ad0.js → c4Diagram-380bf510.js}

@@ -1,5 +1,5 @@
-import { s as Ye, g as Ie, a as Ve, b as je, c as Ut, d as ve, m as Ue, e as Fe, f as le, h as Xe, i as Yt, j as Qt, l as _e, k as ze, w as We, n as xe } from "./mermaid-08b2ff5f.js";
-import { d as Qe, g as He } from "./svgDrawCommon-87f2bfe2.js";
+import { s as Ye, g as Ie, a as Ve, b as je, c as Ut, d as ve, m as Ue, e as Fe, f as le, h as Xe, i as Yt, j as Qt, l as _e, k as ze, w as We, n as xe } from "./mermaid-8ea29a40.js";
+import { d as Qe, g as He } from "./svgDrawCommon-daf0bec5.js";
 var qt = function() {
   var e = function(Ot, _, x, m) {
     for (x = x || {}, m = Ot.length; m--; x[Ot[m]] = _)

package/dist/{c4Diagram-4015ed94.js → c4Diagram-9cddb37f.js}

@@ -1,4 +1,4 @@
-import { s as setAccTitle, g as getAccTitle, a as getAccDescription, b as setAccDescription, c as getConfig, d as sanitizeText, m as mermaidAPI, e as common, f as assignWithDepth, h as calculateTextWidth, l as log, i as configureSvgSize, w as wrapLabel, j as calculateTextHeight } from "./mermaid-ddfd1cde.js";
+import { s as setAccTitle, g as getAccTitle, a as getAccDescription, b as setAccDescription, c as getConfig, d as sanitizeText, m as mermaidAPI, e as common, f as assignWithDepth, h as calculateTextWidth, l as log, i as configureSvgSize, w as wrapLabel, j as calculateTextHeight } from "./mermaid-b0ad2de1.js";
 import { select } from "d3";
 import { d as drawRect$1, g as getNoteRect } from "./svgDrawCommon-f26cad39.js";
 import { sanitizeUrl } from "@braintree/sanitize-url";

package/dist/{c4Diagram-c5f6cac5.js → c4Diagram-cfee614a.js}

@@ -1,5 +1,5 @@
-import { s as setAccTitle, g as getAccTitle, a as getAccDescription, b as setAccDescription, c as getConfig, d as sanitizeText, m as mermaidAPI, e as sanitizeUrl_1, f as common, h as assignWithDepth, i as calculateTextWidth, j as select, l as log, k as configureSvgSize, w as wrapLabel, n as calculateTextHeight } from "./mermaid-c66525a4.js";
-import { d as drawRect$1, g as getNoteRect } from "./svgDrawCommon-b06ba884.js";
+import { s as setAccTitle, g as getAccTitle, a as getAccDescription, b as setAccDescription, c as getConfig, d as sanitizeText, m as mermaidAPI, e as sanitizeUrl_1, f as common, h as assignWithDepth, i as calculateTextWidth, j as select, l as log, k as configureSvgSize, w as wrapLabel, n as calculateTextHeight } from "./mermaid-34beccd0.js";
+import { d as drawRect$1, g as getNoteRect } from "./svgDrawCommon-0bff53a1.js";
 var parser = function() {
   var o = function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v)

package/dist/{classDiagram-a3547413.js → classDiagram-5d1b8e6f.js}

@@ -1,8 +1,8 @@
-import { p as W, d as M, s as H } from "./styles-a40c3df8.js";
-import { c as S, l as d, j as m, k as X } from "./mermaid-08b2ff5f.js";
-import { G as Y, l as Z } from "./layout-1171b506.js";
-import { s as l } from "./svgDraw-39291d2f.js";
-import "./line-47adbd5d.js";
+import { p as W, d as M, s as H } from "./styles-aae272b4.js";
+import { c as S, l as d, j as m, k as X } from "./mermaid-8ea29a40.js";
+import { G as Y, l as Z } from "./layout-3ecfba7d.js";
+import { s as l } from "./svgDraw-b2141e90.js";
+import "./line-130fa1e5.js";
 import "./array-2ff2c7a6.js";
 import "./constant-2fe7eae5.js";
 let h = {};

package/dist/{classDiagram-4adda95e.js → classDiagram-a96cd833.js}

@@ -1,8 +1,8 @@
-import { p as parser, d as db, s as styles } from "./styles-b9045be1.js";
-import { c as getConfig, l as log, j as select, k as configureSvgSize } from "./mermaid-c66525a4.js";
-import { G as Graph, l as layout } from "./layout-23ab7ebc.js";
-import { s as svgDraw } from "./svgDraw-d5bb5edb.js";
-import "./line-850ff9a1.js";
+import { p as parser, d as db, s as styles } from "./styles-74f60bde.js";
+import { c as getConfig, l as log, j as select, k as configureSvgSize } from "./mermaid-34beccd0.js";
+import { G as Graph, l as layout } from "./layout-db328a38.js";
+import { s as svgDraw } from "./svgDraw-591e3474.js";
+import "./line-9ed8ba8b.js";
 import "./array-b7dcf730.js";
 import "./constant-b644328d.js";
 let idCache = {};

package/dist/{classDiagram-f9088573.js → classDiagram-bc733c3b.js}

@@ -1,9 +1,9 @@
-import { p as parser, d as db, s as styles } from "./styles-0a525a9a.js";
+import { p as parser, d as db, s as styles } from "./styles-aefe6593.js";
 import { select } from "d3";
 import { layout } from "dagre-d3-es/src/dagre/index.js";
 import * as graphlib from "dagre-d3-es/src/graphlib/index.js";
-import { c as getConfig, l as log, i as configureSvgSize } from "./mermaid-ddfd1cde.js";
-import { s as svgDraw } from "./svgDraw-14f13a51.js";
+import { c as getConfig, l as log, i as configureSvgSize } from "./mermaid-b0ad2de1.js";
+import { s as svgDraw } from "./svgDraw-0fcc813d.js";
 import "ts-dedent";
 import "dayjs";
 import "@braintree/sanitize-url";

package/dist/{classDiagram-v2-0a70a412.js → classDiagram-v2-67cfdf13.js}

@@ -1,11 +1,11 @@
-import { p as parser, d as db, s as styles } from "./styles-b9045be1.js";
-import { l as log, c as getConfig, j as select, x as utils, t as setupGraphViewbox, r as interpolateToCurve, o as curveLinear, p as getStylesFromArray, f as common } from "./mermaid-c66525a4.js";
-import { G as Graph } from "./layout-23ab7ebc.js";
-import { r as render } from "./index-ce156fd5.js";
-import "./edges-84ec6f60.js";
-import "./createText-2f2a343a.js";
-import "./svgDraw-d5bb5edb.js";
-import "./line-850ff9a1.js";
+import { p as parser, d as db, s as styles } from "./styles-74f60bde.js";
+import { l as log, c as getConfig, j as select, x as utils, t as setupGraphViewbox, r as interpolateToCurve, o as curveLinear, p as getStylesFromArray, f as common } from "./mermaid-34beccd0.js";
+import { G as Graph } from "./layout-db328a38.js";
+import { r as render } from "./index-714fe675.js";
+import "./edges-e08b4480.js";
+import "./createText-d34e51c6.js";
+import "./svgDraw-591e3474.js";
+import "./line-9ed8ba8b.js";
 import "./array-b7dcf730.js";
 import "./constant-b644328d.js";
 const sanitizeText = (txt) => common.sanitizeText(txt, getConfig());

package/dist/{classDiagram-v2-56d00918.js → classDiagram-v2-8931bdaf.js}

@@ -1,8 +1,8 @@
-import { p as parser, d as db, s as styles } from "./styles-0a525a9a.js";
+import { p as parser, d as db, s as styles } from "./styles-aefe6593.js";
 import { select, curveLinear } from "d3";
 import * as graphlib from "dagre-d3-es/src/graphlib/index.js";
-import { l as log, c as getConfig, u as utils, p as setupGraphViewbox, o as interpolateToCurve, k as getStylesFromArray, e as common } from "./mermaid-ddfd1cde.js";
-import { r as render } from "./index-7484f147.js";
+import { l as log, c as getConfig, u as utils, p as setupGraphViewbox, o as interpolateToCurve, k as getStylesFromArray, e as common } from "./mermaid-b0ad2de1.js";
+import { r as render } from "./index-a92ac404.js";
 import "ts-dedent";
 import "dayjs";
 import "@braintree/sanitize-url";
@@ -13,10 +13,10 @@ import "stylis";
 import "lodash-es/isEmpty.js";
 import "dagre-d3-es/src/dagre/index.js";
 import "dagre-d3-es/src/graphlib/json.js";
-import "./edges-06fe0e9b.js";
-import "./createText-31812fd1.js";
+import "./edges-49ac43a2.js";
+import "./createText-3df630b5.js";
 import "mdast-util-from-markdown";
-import "./svgDraw-14f13a51.js";
+import "./svgDraw-0fcc813d.js";
 const sanitizeText = (txt) => common.sanitizeText(txt, getConfig());
 let conf = {
   dividerMargin: 10,

package/dist/{classDiagram-v2-60cd73ae.js → classDiagram-v2-c07ab2ac.js}

@@ -1,11 +1,11 @@
-import { p as R, d as N, s as B } from "./styles-a40c3df8.js";
-import { l as c, c as r, j as k, x as G, t as _, r as D, o as E, p as z, f as A } from "./mermaid-08b2ff5f.js";
-import { G as P } from "./layout-1171b506.js";
-import { r as $ } from "./index-bf86b901.js";
-import "./edges-8c2fb38e.js";
-import "./createText-34ecf23e.js";
-import "./svgDraw-39291d2f.js";
-import "./line-47adbd5d.js";
+import { p as R, d as N, s as B } from "./styles-aae272b4.js";
+import { l as c, c as r, j as k, x as G, t as _, r as D, o as E, p as z, f as A } from "./mermaid-8ea29a40.js";
+import { G as P } from "./layout-3ecfba7d.js";
+import { r as $ } from "./index-e1d945fd.js";
+import "./edges-b5d62f50.js";
+import "./createText-f4a1d776.js";
+import "./svgDraw-b2141e90.js";
+import "./line-130fa1e5.js";
 import "./array-2ff2c7a6.js";
 import "./constant-2fe7eae5.js";
 const S = (o) => A.sanitizeText(o, r());

package/dist/{createText-31812fd1.js → createText-3df630b5.js}

@@ -1,4 +1,4 @@
-import { l as log, H as decodeEntities } from "./mermaid-ddfd1cde.js";
+import { l as log, H as decodeEntities } from "./mermaid-b0ad2de1.js";
 import { fromMarkdown } from "mdast-util-from-markdown";
 import { dedent } from "ts-dedent";
 function preprocessMarkdown(markdown) {
@@ -92,31 +92,52 @@ function addHtmlSpan(element, node, width, classes, addBackground = false) {
 function createTspan(textElement, lineIndex, lineHeight) {
   return textElement.append("tspan").attr("class", "text-outer-tspan").attr("x", 0).attr("y", lineIndex * lineHeight - 0.1 + "em").attr("dy", lineHeight + "em");
 }
+function computeWidthOfText(parentNode, lineHeight, text) {
+  const testElement = parentNode.append("text");
+  const testSpan = createTspan(testElement, 1, lineHeight);
+  updateTextContentAndStyles(testSpan, [{ content: text, type: "normal" }]);
+  const textLength = testSpan.node().getComputedTextLength();
+  testElement.remove();
+  return textLength;
+}
 function createFormattedText(width, g, structuredText, addBackground = false) {
   const lineHeight = 1.1;
   const labelGroup = g.append("g");
   let bkg = labelGroup.insert("rect").attr("class", "background");
   const textElement = labelGroup.append("text").attr("y", "-10.1");
-  let lineIndex = -1;
+  let lineIndex = 0;
   structuredText.forEach((line) => {
-    lineIndex++;
-    let tspan = createTspan(textElement, lineIndex, lineHeight);
-    let words = [...line].reverse();
-    let currentWord;
-    let wrappedLine = [];
-    while (words.length) {
-      currentWord = words.pop();
-      wrappedLine.push(currentWord);
-      updateTextContentAndStyles(tspan, wrappedLine);
-      if (tspan.node().getComputedTextLength() > width) {
-        wrappedLine.pop();
-        words.push(currentWord);
-        updateTextContentAndStyles(tspan, wrappedLine);
-        wrappedLine = [];
-        lineIndex++;
-        tspan = createTspan(textElement, lineIndex, lineHeight);
+    let fullStr = line.map((data) => data.content).join(" ");
+    let tempStr = "";
+    let linesUnderWidth = [];
+    let prevIndex = 0;
+    if (computeWidthOfText(labelGroup, lineHeight, fullStr) <= width) {
+      linesUnderWidth.push(fullStr);
+    } else {
+      for (let i = 0; i <= fullStr.length; i++) {
+        tempStr = fullStr.slice(prevIndex, i);
+        log.info(tempStr, prevIndex, i);
+        if (computeWidthOfText(labelGroup, lineHeight, tempStr) > width) {
+          const subStr = fullStr.slice(prevIndex, i);
+          const lastSpaceIndex = subStr.lastIndexOf(" ");
+          if (lastSpaceIndex > -1) {
+            i = prevIndex + lastSpaceIndex + 1;
+          }
+          linesUnderWidth.push(fullStr.slice(prevIndex, i).trim());
+          prevIndex = i;
+          tempStr = null;
+        }
+      }
+      if (tempStr != null) {
+        linesUnderWidth.push(tempStr);
       }
     }
+    const preparedLines = linesUnderWidth.map((w) => ({ content: w, type: line.type }));
+    for (const preparedLine of preparedLines) {
+      let tspan = createTspan(textElement, lineIndex, lineHeight);
+      updateTextContentAndStyles(tspan, [preparedLine]);
+      lineIndex++;
+    }
   });
   if (addBackground) {
     const bbox = textElement.node().getBBox();

package/dist/{createText-2f2a343a.js → createText-d34e51c6.js}

@@ -1,4 +1,4 @@
-import { aN as dedent, l as log, av as decodeEntities } from "./mermaid-c66525a4.js";
+import { aO as dedent, l as log, aw as decodeEntities } from "./mermaid-34beccd0.js";
 function toString(node, options) {
   var { includeImageAlt = true } = options || {};
   return one(node, includeImageAlt);
@@ -4652,31 +4652,52 @@ function addHtmlSpan(element2, node, width, classes, addBackground = false) {
 function createTspan(textElement, lineIndex, lineHeight) {
   return textElement.append("tspan").attr("class", "text-outer-tspan").attr("x", 0).attr("y", lineIndex * lineHeight - 0.1 + "em").attr("dy", lineHeight + "em");
 }
+function computeWidthOfText(parentNode, lineHeight, text2) {
+  const testElement = parentNode.append("text");
+  const testSpan = createTspan(testElement, 1, lineHeight);
+  updateTextContentAndStyles(testSpan, [{ content: text2, type: "normal" }]);
+  const textLength = testSpan.node().getComputedTextLength();
+  testElement.remove();
+  return textLength;
+}
 function createFormattedText(width, g, structuredText, addBackground = false) {
   const lineHeight = 1.1;
   const labelGroup = g.append("g");
   let bkg = labelGroup.insert("rect").attr("class", "background");
   const textElement = labelGroup.append("text").attr("y", "-10.1");
-  let lineIndex = -1;
+  let lineIndex = 0;
   structuredText.forEach((line) => {
-    lineIndex++;
-    let tspan = createTspan(textElement, lineIndex, lineHeight);
-    let words = [...line].reverse();
-    let currentWord;
-    let wrappedLine = [];
-    while (words.length) {
-      currentWord = words.pop();
-      wrappedLine.push(currentWord);
-      updateTextContentAndStyles(tspan, wrappedLine);
-      if (tspan.node().getComputedTextLength() > width) {
-        wrappedLine.pop();
-        words.push(currentWord);
-        updateTextContentAndStyles(tspan, wrappedLine);
-        wrappedLine = [];
-        lineIndex++;
-        tspan = createTspan(textElement, lineIndex, lineHeight);
+    let fullStr = line.map((data) => data.content).join(" ");
+    let tempStr = "";
+    let linesUnderWidth = [];
+    let prevIndex = 0;
+    if (computeWidthOfText(labelGroup, lineHeight, fullStr) <= width) {
+      linesUnderWidth.push(fullStr);
+    } else {
+      for (let i = 0; i <= fullStr.length; i++) {
+        tempStr = fullStr.slice(prevIndex, i);
+        log.info(tempStr, prevIndex, i);
+        if (computeWidthOfText(labelGroup, lineHeight, tempStr) > width) {
+          const subStr = fullStr.slice(prevIndex, i);
+          const lastSpaceIndex = subStr.lastIndexOf(" ");
+          if (lastSpaceIndex > -1) {
+            i = prevIndex + lastSpaceIndex + 1;
+          }
+          linesUnderWidth.push(fullStr.slice(prevIndex, i).trim());
+          prevIndex = i;
+          tempStr = null;
+        }
+      }
+      if (tempStr != null) {
+        linesUnderWidth.push(tempStr);
       }
     }
+    const preparedLines = linesUnderWidth.map((w) => ({ content: w, type: line.type }));
+    for (const preparedLine of preparedLines) {
+      let tspan = createTspan(textElement, lineIndex, lineHeight);
+      updateTextContentAndStyles(tspan, [preparedLine]);
+      lineIndex++;
+    }
   });
   if (addBackground) {
     const bbox = textElement.node().getBBox();