mermaid 10.2.2 → 10.2.3

package/dist/{mermaid-ddfd1cde.js → mermaid-b0ad2de1.js}

@@ -6111,6 +6111,7 @@ const addDetector = (key, detector2, loader2) => {
 const getDiagramLoader = (key) => {
   return detectors[key].loader;
 };
+const ZERO_WIDTH_SPACE = "​";
 const d3CurveTypes = {
   curveBasis,
   curveBasisClosed,
@@ -6533,7 +6534,7 @@ const calculateTextDimensions = memoize(
       const dim = { width: 0, height: 0, lineHeight: 0 };
       for (const line of lines) {
         const textObj = getTextObj();
-        textObj.text = line;
+        textObj.text = line || ZERO_WIDTH_SPACE;
         const textElem = drawSimpleText(g, textObj).style("font-size", _fontSizePx).style("font-weight", fontWeight).style("font-family", fontFamily2);
         const bBox = (textElem._groups || textElem)[0][0].getBBox();
         if (bBox.width === 0 && bBox.height === 0) {
@@ -6699,13 +6700,13 @@ const utils = {
   insertTitle,
   parseFontSize
 };
-const version = "10.2.2";
+const version = "10.2.3";
 const id$i = "c4";
 const detector$i = (txt) => {
   return txt.match(/^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/) !== null;
 };
 const loader$i = async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-4015ed94.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-9cddb37f.js");
   return { id: id$i, diagram: diagram2 };
 };
 const plugin$i = {
@@ -6723,7 +6724,7 @@ const detector$h = (txt, config2) => {
   return txt.match(/^\s*graph/) !== null;
 };
 const loader$h = async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-a2b06433.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-93327f21.js");
   return { id: id$h, diagram: diagram2 };
 };
 const plugin$h = {
@@ -6744,7 +6745,7 @@ const detector$g = (txt, config2) => {
   return txt.match(/^\s*flowchart/) !== null;
 };
 const loader$g = async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-v2-9f8fab07.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-v2-476db779.js");
   return { id: id$g, diagram: diagram2 };
 };
 const plugin$g = {
@@ -6758,7 +6759,7 @@ const detector$f = (txt) => {
   return txt.match(/^\s*erDiagram/) !== null;
 };
 const loader$f = async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-3f713c6a.js");
+  const { diagram: diagram2 } = await import("./erDiagram-f6946109.js");
   return { id: id$f, diagram: diagram2 };
 };
 const plugin$f = {
@@ -6772,7 +6773,7 @@ const detector$e = (txt) => {
   return txt.match(/^\s*gitGraph/) !== null;
 };
 const loader$e = async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-ac8b1a85.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-1e960c50.js");
   return { id: id$e, diagram: diagram2 };
 };
 const plugin$e = {
@@ -6786,7 +6787,7 @@ const detector$d = (txt) => {
   return txt.match(/^\s*gantt/) !== null;
 };
 const loader$d = async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-4e00717f.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-7ce12d6b.js");
   return { id: id$d, diagram: diagram2 };
 };
 const plugin$d = {
@@ -6800,7 +6801,7 @@ const detector$c = (txt) => {
   return txt.match(/^\s*info/) !== null;
 };
 const loader$c = async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-bc0d5d92.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-264bed3e.js");
   return { id: id$c, diagram: diagram2 };
 };
 const plugin$c = {
@@ -6814,7 +6815,7 @@ const detector$b = (txt) => {
   return txt.match(/^\s*pie/) !== null;
 };
 const loader$b = async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-c9e1e65d.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-157505fe.js");
   return { id: id$b, diagram: diagram2 };
 };
 const plugin$b = {
@@ -6828,7 +6829,7 @@ const detector$a = (txt) => {
   return txt.match(/^\s*quadrantChart/) !== null;
 };
 const loader$a = async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-1ee9b076.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-fd70f2d0.js");
   return { id: id$a, diagram: diagram2 };
 };
 const plugin$a = {
@@ -6842,7 +6843,7 @@ const detector$9 = (txt) => {
   return txt.match(/^\s*requirement(Diagram)?/) !== null;
 };
 const loader$9 = async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-a1feb0ba.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-19c99588.js");
   return { id: id$9, diagram: diagram2 };
 };
 const plugin$9 = {
@@ -6856,7 +6857,7 @@ const detector$8 = (txt) => {
   return txt.match(/^\s*sequenceDiagram/) !== null;
 };
 const loader$8 = async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-4a53e255.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-5dfd0049.js");
   return { id: id$8, diagram: diagram2 };
 };
 const plugin$8 = {
@@ -6874,7 +6875,7 @@ const detector$7 = (txt, config2) => {
   return txt.match(/^\s*classDiagram/) !== null;
 };
 const loader$7 = async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-f9088573.js");
+  const { diagram: diagram2 } = await import("./classDiagram-bc733c3b.js");
   return { id: id$7, diagram: diagram2 };
 };
 const plugin$7 = {
@@ -6892,7 +6893,7 @@ const detector$6 = (txt, config2) => {
   return txt.match(/^\s*classDiagram-v2/) !== null;
 };
 const loader$6 = async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-56d00918.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-8931bdaf.js");
   return { id: id$6, diagram: diagram2 };
 };
 const plugin$6 = {
@@ -6910,7 +6911,7 @@ const detector$5 = (txt, config2) => {
   return txt.match(/^\s*stateDiagram/) !== null;
 };
 const loader$5 = async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-a0ac330a.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-133e3642.js");
   return { id: id$5, diagram: diagram2 };
 };
 const plugin$5 = {
@@ -6934,7 +6935,7 @@ const detector$4 = (text, config2) => {
   return false;
 };
 const loader$4 = async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-cfe94687.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-6371a76b.js");
   return { id: id$4, diagram: diagram2 };
 };
 const plugin$4 = {
@@ -6948,7 +6949,7 @@ const detector$3 = (txt) => {
   return txt.match(/^\s*journey/) !== null;
 };
 const loader$3 = async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-b5476ffb.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-31be0096.js");
   return { id: id$3, diagram: diagram2 };
 };
 const plugin$3 = {
@@ -7033,7 +7034,7 @@ const detector$2 = (txt, config2) => {
   return false;
 };
 const loader$2 = async () => {
-  const { diagram: diagram2 } = await import("./flowchart-elk-definition-5cf0e905.js");
+  const { diagram: diagram2 } = await import("./flowchart-elk-definition-5082a990.js");
   return { id: id$2, diagram: diagram2 };
 };
 const plugin$2 = {
@@ -7047,7 +7048,7 @@ const detector$1 = (txt) => {
   return txt.match(/^\s*timeline/) !== null;
 };
 const loader$1 = async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-4cdb07ca.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-5ed366f4.js");
   return { id: id$1, diagram: diagram2 };
 };
 const plugin$1 = {
@@ -7061,7 +7062,7 @@ const detector = (txt) => {
   return txt.match(/^\s*mindmap/) !== null;
 };
 const loader = async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-7c7f5519.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-4fc2557c.js");
   return { id, diagram: diagram2 };
 };
 const plugin = {
@@ -7748,6 +7749,7 @@ export {
   commonDb$1 as I,
   parseDirective$1 as J,
   mermaid as K,
+  ZERO_WIDTH_SPACE as Z,
   getAccDescription as a,
   setAccDescription as b,
   getConfig$1 as c,

package/dist/mermaid.core.mjs

@@ -1,5 +1,5 @@
 import "ts-dedent";
-import { K } from "./mermaid-ddfd1cde.js";
+import { K } from "./mermaid-b0ad2de1.js";
 import "dayjs";
 import "@braintree/sanitize-url";
 import "d3";

package/dist/mermaid.esm.min.mjs

@@ -1,4 +1,4 @@
-import { aO as f } from "./mermaid-08b2ff5f.js";
+import { aP as f } from "./mermaid-8ea29a40.js";
 export {
   f as default
 };

package/dist/mermaid.esm.mjs

@@ -1,4 +1,4 @@
-import { aO } from "./mermaid-c66525a4.js";
+import { aP } from "./mermaid-34beccd0.js";
 export {
-  aO as default
+  aP as default
 };

package/dist/mermaid.js

@@ -13552,6 +13552,7 @@
     return memoized;
   }
   memoize.Cache = MapCache;
+  const ZERO_WIDTH_SPACE = "​";
   const d3CurveTypes = {
     curveBasis,
     curveBasisClosed,
@@ -13974,7 +13975,7 @@
         const dim = { width: 0, height: 0, lineHeight: 0 };
         for (const line2 of lines) {
           const textObj = getTextObj$3();
-          textObj.text = line2;
+          textObj.text = line2 || ZERO_WIDTH_SPACE;
           const textElem = drawSimpleText(g, textObj).style("font-size", _fontSizePx).style("font-weight", fontWeight).style("font-family", fontFamily2);
           const bBox = (textElem._groups || textElem)[0][0].getBBox();
           if (bBox.width === 0 && bBox.height === 0) {
@@ -14441,7 +14442,7 @@
     }
     return strlen(children2 = serialize(element2.children, callback)) ? element2.return = element2.value + "{" + children2 + "}" : "";
   }
-  const version$1 = "10.2.2";
+  const version$1 = "10.2.3";
   const id$i = "c4";
   const detector$i = (txt) => {
     return txt.match(/^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/) !== null;
@@ -29949,31 +29950,52 @@ ${config2.themeCSS}`;
   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(width2, 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((line2) => {
-      lineIndex++;
-      let tspan = createTspan(textElement, lineIndex, lineHeight);
-      let words = [...line2].reverse();
-      let currentWord;
-      let wrappedLine = [];
-      while (words.length) {
-        currentWord = words.pop();
-        wrappedLine.push(currentWord);
-        updateTextContentAndStyles(tspan, wrappedLine);
-        if (tspan.node().getComputedTextLength() > width2) {
-          wrappedLine.pop();
-          words.push(currentWord);
-          updateTextContentAndStyles(tspan, wrappedLine);
-          wrappedLine = [];
-          lineIndex++;
-          tspan = createTspan(textElement, lineIndex, lineHeight);
+      let fullStr = line2.map((data) => data.content).join(" ");
+      let tempStr = "";
+      let linesUnderWidth = [];
+      let prevIndex = 0;
+      if (computeWidthOfText(labelGroup, lineHeight, fullStr) <= width2) {
+        linesUnderWidth.push(fullStr);
+      } else {
+        for (let i2 = 0; i2 <= fullStr.length; i2++) {
+          tempStr = fullStr.slice(prevIndex, i2);
+          log$1.info(tempStr, prevIndex, i2);
+          if (computeWidthOfText(labelGroup, lineHeight, tempStr) > width2) {
+            const subStr = fullStr.slice(prevIndex, i2);
+            const lastSpaceIndex = subStr.lastIndexOf(" ");
+            if (lastSpaceIndex > -1) {
+              i2 = prevIndex + lastSpaceIndex + 1;
+            }
+            linesUnderWidth.push(fullStr.slice(prevIndex, i2).trim());
+            prevIndex = i2;
+            tempStr = null;
+          }
+        }
+        if (tempStr != null) {
+          linesUnderWidth.push(tempStr);
         }
       }
+      const preparedLines = linesUnderWidth.map((w2) => ({ content: w2, type: line2.type }));
+      for (const preparedLine of preparedLines) {
+        let tspan = createTspan(textElement, lineIndex, lineHeight);
+        updateTextContentAndStyles(tspan, [preparedLine]);
+        lineIndex++;
+      }
     });
     if (addBackground) {
       const bbox = textElement.node().getBBox();
@@ -39335,7 +39357,7 @@ ${config2.themeCSS}`;
             yy.setXAxisRightText($$[$0]);
             break;
           case 21:
-            $$[$0 - 1].text += $$[$0];
+            $$[$0 - 1].text += " ⟶ ";
             yy.setXAxisLeftText($$[$0 - 1]);
             break;
           case 22:
@@ -39346,7 +39368,7 @@ ${config2.themeCSS}`;
             yy.setYAxisTopText($$[$0]);
             break;
           case 24:
-            $$[$0 - 1].text += $$[$0];
+            $$[$0 - 1].text += " ⟶ ";
             yy.setYAxisBottomText($$[$0 - 1]);
             break;
           case 25:
@@ -43261,15 +43283,16 @@ ${config2.themeCSS}`;
       } else if (dy !== 0) {
         textElem.attr("dy", dy);
       }
+      const text2 = line2 || ZERO_WIDTH_SPACE;
       if (textData.tspan) {
         const span = textElem.append("tspan");
         span.attr("x", textData.x);
         if (textData.fill !== void 0) {
           span.attr("fill", textData.fill);
         }
-        span.text(line2);
+        span.text(text2);
       } else {
-        textElem.text(line2);
+        textElem.text(text2);
       }
       if (textData.valign !== void 0 && textData.textMargin !== void 0 && textData.textMargin > 0) {
         textHeight += (textElem._groups || textElem)[0][0].getBBox().height;
@@ -139335,7 +139358,7 @@ g.stateGroup line {
       [dest.x + offset.x, dest.y + offset.y]
     ];
     const curve = line$1().curve(curveLinear);
-    const edgePath = edgesEl.insert("path").attr("d", curve(points)).attr("class", "path").attr("fill", "none");
+    const edgePath = edgesEl.insert("path").attr("d", curve(points)).attr("class", "path " + edgeData.classes).attr("fill", "none");
     const edgeG = edgesEl.insert("g").attr("class", "edgeLabel");
     const edgeWithLabel = select(edgeG.node().appendChild(edge.labelEl));
     const box = edgeWithLabel.node().firstChild.getBoundingClientRect();