mermaid 10.6.2-rc.2 → 10.7.0

package/dist/{arc-63117ae3.js → arc-01f1c7b4.js}

@@ -1,5 +1,5 @@
 import { w as withPath, c as constant } from "./path-39bad7e2.js";
-import { aW as pi, aX as cos, aY as sin, aZ as halfPi, a_ as epsilon, V as tau, a$ as sqrt, b0 as min, b1 as abs, b2 as atan2, b3 as asin, b4 as acos, b5 as max } from "./mermaid-e6e6aa62.js";
+import { aW as pi, aX as cos, aY as sin, aZ as halfPi, a_ as epsilon, V as tau, a$ as sqrt, b0 as min, b1 as abs, b2 as atan2, b3 as asin, b4 as acos, b5 as max } from "./mermaid-354acb24.js";
 function arcInnerRadius(d) {
   return d.innerRadius;
 }

package/dist/{arc-0e07e99f.js → arc-d8ae3604.js}

@@ -1,5 +1,5 @@
 import { w as ln, c as W } from "./path-428ebac9.js";
-import { aW as an, aX as $, aY as w, aZ as rn, a_ as y, V as on, a$ as B, b0 as _, b1 as un, b2 as t, b3 as sn, b4 as tn, b5 as fn } from "./mermaid-635594ce.js";
+import { aW as an, aX as $, aY as w, aZ as rn, a_ as y, V as on, a$ as B, b0 as _, b1 as un, b2 as t, b3 as sn, b4 as tn, b5 as fn } from "./mermaid-ee29d047.js";
 function cn(l) {
   return l.innerRadius;
 }

package/dist/{c4Diagram-0769eab5.js → c4Diagram-30dc6c5f.js}

@@ -1,5 +1,5 @@
-import { s as ve, g as we, a as Oe, b as Te, c as Dt, d as ue, e as Re, f as Kt, h as De, i as wt, j as Nt, l as le, k as Se, w as Pe, m as oe } from "./mermaid-635594ce.js";
-import { d as Me, g as Le } from "./svgDrawCommon-1f1679e6.js";
+import { s as ve, g as we, a as Oe, b as Te, c as Dt, d as ue, e as Re, f as Kt, h as De, i as wt, j as Nt, l as le, k as Se, w as Pe, m as oe } from "./mermaid-ee29d047.js";
+import { d as Me, g as Le } from "./svgDrawCommon-1f9ed102.js";
 var Yt = function() {
   var e = function(bt, _, x, m) {
     for (x = x || {}, m = bt.length; m--; x[bt[m]] = _)

package/dist/{c4Diagram-f0f6dc38.js → c4Diagram-6af2d31c.js}

@@ -1,6 +1,6 @@
-import { s as setAccTitle, g as getAccTitle, a as getAccDescription, b as setAccDescription, c as getConfig, d as sanitizeText, e as common, f as assignWithDepth, h as calculateTextWidth, l as log, i as configureSvgSize, w as wrapLabel, j as calculateTextHeight } from "./mermaid-8e1f5b17.js";
+import { s as setAccTitle, g as getAccTitle, a as getAccDescription, b as setAccDescription, c as getConfig, d as sanitizeText, e as common, f as assignWithDepth, h as calculateTextWidth, l as log, i as configureSvgSize, w as wrapLabel, j as calculateTextHeight } from "./mermaid-04fb0060.js";
 import { select } from "d3";
-import { d as drawRect$1, g as getNoteRect } from "./svgDrawCommon-84c33ac2.js";
+import { d as drawRect$1, g as getNoteRect } from "./svgDrawCommon-92a8ff2b.js";
 import { sanitizeUrl } from "@braintree/sanitize-url";
 import "ts-dedent";
 import "dayjs";

package/dist/{c4Diagram-bd8d0a4f.js → c4Diagram-c82ee324.js}

@@ -1,5 +1,5 @@
-import { s as setAccTitle, g as getAccTitle, a as getAccDescription, b as setAccDescription, c as getConfig, d as sanitizeText, e as sanitizeUrl_1, f as common, h as assignWithDepth, i as calculateTextWidth, j as d3select, l as log, k as configureSvgSize, w as wrapLabel, m as calculateTextHeight } from "./mermaid-e6e6aa62.js";
-import { d as drawRect$1, g as getNoteRect } from "./svgDrawCommon-6d1e8a3f.js";
+import { s as setAccTitle, g as getAccTitle, a as getAccDescription, b as setAccDescription, c as getConfig, d as sanitizeText, e as sanitizeUrl_1, f as common, h as assignWithDepth, i as calculateTextWidth, j as d3select, l as log, k as configureSvgSize, w as wrapLabel, m as calculateTextHeight } from "./mermaid-354acb24.js";
+import { d as drawRect$1, g as getNoteRect } from "./svgDrawCommon-1b9ff2ad.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-6cff1942.js → classDiagram-14bbef50.js}

@@ -1,8 +1,8 @@
-import { p as parser, d as db, s as styles } from "./styles-fc7e983b.js";
+import { p as parser, d as db, s as styles } from "./styles-9dd40fb9.js";
 import { line, curveBasis, 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 { u as utils, l as log, v as parseGenericTypes, c as getConfig, i as configureSvgSize } from "./mermaid-8e1f5b17.js";
+import { u as utils, l as log, v as parseGenericTypes, c as getConfig, i as configureSvgSize } from "./mermaid-04fb0060.js";
 import "ts-dedent";
 import "dayjs";
 import "@braintree/sanitize-url";

package/dist/{classDiagram-36f54c79.js → classDiagram-5d49202d.js}

@@ -1,7 +1,7 @@
-import { p as parser, d as db, s as styles } from "./styles-b8e60b9b.js";
-import { F as curveBasis, z as utils, l as log, G as parseGenericTypes, c as getConfig, j as d3select, k as configureSvgSize } from "./mermaid-e6e6aa62.js";
-import { G as Graph, l as layout } from "./layout-7db814a1.js";
-import { l as line } from "./line-52078152.js";
+import { p as parser, d as db, s as styles } from "./styles-9e4c6998.js";
+import { F as curveBasis, z as utils, l as log, G as parseGenericTypes, c as getConfig, j as d3select, k as configureSvgSize } from "./mermaid-354acb24.js";
+import { G as Graph, l as layout } from "./layout-94e1e85f.js";
+import { l as line } from "./line-b015ae81.js";
 import "./array-b7dcf730.js";
 import "./path-39bad7e2.js";
 let edgeCount = 0;

package/dist/{classDiagram-2c724adb.js → classDiagram-f8a2cc57.js}

@@ -1,7 +1,7 @@
-import { p as G, d as S, s as A } from "./styles-f57b843e.js";
-import { F as W, z as B, l as u, G as I, c as H, j as M, k as O } from "./mermaid-635594ce.js";
-import { G as P, l as X } from "./layout-67a2723a.js";
-import { l as Y } from "./line-5fd5224c.js";
+import { p as G, d as S, s as A } from "./styles-ea201bbc.js";
+import { F as W, z as B, l as u, G as I, c as H, j as M, k as O } from "./mermaid-ee29d047.js";
+import { G as P, l as X } from "./layout-56edf4e8.js";
+import { l as Y } from "./line-0dd38c26.js";
 import "./array-2ff2c7a6.js";
 import "./path-428ebac9.js";
 let _ = 0;

package/dist/{classDiagram-v2-b09e1149.js → classDiagram-v2-09f45bd6.js}

@@ -1,13 +1,13 @@
-import { p as M, d as N, s as R } from "./styles-f57b843e.js";
-import { l as c, c as r, j as k, z as $, r as B, q as E, n as C, o as G, f as A } from "./mermaid-635594ce.js";
-import { G as z } from "./layout-67a2723a.js";
-import { r as q } from "./index-b66f4828.js";
-import "./edges-ab2964ed.js";
-import "./createText-e0cdef87.js";
-import "./line-5fd5224c.js";
+import { p as R, d as N, s as $ } from "./styles-ea201bbc.js";
+import { l as c, c as r, j as k, z as B, r as G, o as E, q as C, n as A, f as _ } from "./mermaid-ee29d047.js";
+import { G as z } from "./layout-56edf4e8.js";
+import { r as q } from "./index-5e9361c0.js";
+import "./edges-13d9e871.js";
+import "./createText-abfe125e.js";
+import "./line-0dd38c26.js";
 import "./array-2ff2c7a6.js";
 import "./path-428ebac9.js";
-const S = (o) => A.sanitizeText(o, r());
+const S = (o) => _.sanitizeText(o, r());
 let v = {
   dividerMargin: 10,
   padding: 5,
@@ -28,13 +28,13 @@ const P = function(o, t, p, n) {
       // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
       padding: ((y = r().flowchart) == null ? void 0 : y.padding) ?? ((d = r().class) == null ? void 0 : d.padding)
     };
-    t.setNode(l.id, i), _(l.classes, t, p, n, l.id), c.info("setNode", i);
+    t.setNode(l.id, i), I(l.classes, t, p, n, l.id), c.info("setNode", i);
   });
-}, _ = function(o, t, p, n, e) {
+}, I = function(o, t, p, n, e) {
   const s = Object.keys(o);
   c.info("keys:", s), c.info(o), s.filter((l) => o[l].parent == e).forEach(function(l) {
     var h, u;
-    const a = o[l], i = a.cssClasses.join(" "), y = { labelStyle: "", style: "" }, d = a.label ?? a.id, f = 0, m = "class_box", b = {
+    const a = o[l], i = a.cssClasses.join(" "), y = E(a.styles), d = a.label ?? a.id, f = 0, m = "class_box", b = {
       labelStyle: y.labelStyle,
       shape: m,
       labelText: S(d),
@@ -91,7 +91,7 @@ const P = function(o, t, p, n) {
       arrowTypeEnd: "none",
       style: "fill:none",
       labelStyle: "",
-      curve: E(v.curve, C)
+      curve: C(v.curve, A)
     };
     t.setEdge(l.id, l.class, h, b);
   });
@@ -116,13 +116,13 @@ const P = function(o, t, p, n) {
       arrowTypeEnd: D(e.relation.type2),
       style: "fill:none",
       labelStyle: "",
-      curve: E(p == null ? void 0 : p.curve, C)
+      curve: C(p == null ? void 0 : p.curve, A)
     };
     if (c.info(s, e), e.style !== void 0) {
-      const a = G(e.style);
+      const a = E(e.style);
       s.style = a.style, s.labelStyle = a.labelStyle;
     }
-    e.text = e.title, e.text === void 0 ? e.style !== void 0 && (s.arrowheadStyle = "fill: #333") : (s.arrowheadStyle = "fill: #333", s.labelpos = "c", ((l = r().flowchart) == null ? void 0 : l.htmlLabels) ?? r().htmlLabels ? (s.labelType = "html", s.label = '<span class="edgeLabel">' + e.text + "</span>") : (s.labelType = "text", s.label = e.text.replace(A.lineBreakRegex, `
+    e.text = e.title, e.text === void 0 ? e.style !== void 0 && (s.arrowheadStyle = "fill: #333") : (s.arrowheadStyle = "fill: #333", s.labelpos = "c", ((l = r().flowchart) == null ? void 0 : l.htmlLabels) ?? r().htmlLabels ? (s.labelType = "html", s.label = '<span class="edgeLabel">' + e.text + "</span>") : (s.labelType = "text", s.label = e.text.replace(_.lineBreakRegex, `
 `), e.style === void 0 && (s.style = s.style || "stroke: #333; stroke-width: 1.5px;fill:none"), s.labelStyle = s.labelStyle.replace("color:", "fill:"))), t.setEdge(e.id1, e.id2, s, n);
   });
 }, V = function(o) {
@@ -146,7 +146,7 @@ const P = function(o, t, p, n) {
   }).setDefaultEdgeLabel(function() {
     return {};
   }), y = n.db.getNamespaces(), d = n.db.getClasses(), f = n.db.getRelations(), m = n.db.getNotes();
-  c.info(f), P(y, i, t, n), _(d, i, t, n), H(f, i), F(m, i, f.length + 1, d);
+  c.info(f), P(y, i, t, n), I(d, i, t, n), H(f, i), F(m, i, f.length + 1, d);
   let b;
   s === "sandbox" && (b = k("#i" + t));
   const h = s === "sandbox" ? k(b.nodes()[0].contentDocument.body) : k("body"), u = h.select(`[id="${t}"]`), g = h.select("#" + t + " g");
@@ -156,9 +156,9 @@ const P = function(o, t, p, n) {
     ["aggregation", "extension", "composition", "dependency", "lollipop"],
     "classDiagram",
     t
-  ), $.insertTitle(u, "classTitleText", (e == null ? void 0 : e.titleTopMargin) ?? 5, n.db.getDiagramTitle()), B(i, u, e == null ? void 0 : e.diagramPadding, e == null ? void 0 : e.useMaxWidth), !(e != null && e.htmlLabels)) {
-    const T = s === "sandbox" ? b.nodes()[0].contentDocument : document, I = T.querySelectorAll('[id="' + t + '"] .edgeLabel .label');
-    for (const w of I) {
+  ), B.insertTitle(u, "classTitleText", (e == null ? void 0 : e.titleTopMargin) ?? 5, n.db.getDiagramTitle()), G(i, u, e == null ? void 0 : e.diagramPadding, e == null ? void 0 : e.useMaxWidth), !(e != null && e.htmlLabels)) {
+    const T = s === "sandbox" ? b.nodes()[0].contentDocument : document, M = T.querySelectorAll('[id="' + t + '"] .edgeLabel .label');
+    for (const w of M) {
       const L = w.getBBox(), x = T.createElementNS("http://www.w3.org/2000/svg", "rect");
       x.setAttribute("rx", 0), x.setAttribute("ry", 0), x.setAttribute("width", L.width), x.setAttribute("height", L.height), w.insertBefore(x, w.firstChild);
     }
@@ -191,10 +191,10 @@ const J = {
   setConf: V,
   draw: W
 }, te = {
-  parser: M,
+  parser: R,
   db: N,
   renderer: J,
-  styles: R,
+  styles: $,
   init: (o) => {
     o.class || (o.class = {}), o.class.arrowMarkerAbsolute = o.arrowMarkerAbsolute, N.clear();
   }

package/dist/{classDiagram-v2-a32f60da.js → classDiagram-v2-36dc72da.js}

@@ -1,8 +1,8 @@
-import { p as parser, d as db, s as styles } from "./styles-fc7e983b.js";
+import { p as parser, d as db, s as styles } from "./styles-9dd40fb9.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, o as setupGraphViewbox, n as interpolateToCurve, k as getStylesFromArray, e as common } from "./mermaid-8e1f5b17.js";
-import { r as render } from "./index-aef5fded.js";
+import { l as log, c as getConfig, u as utils, o as setupGraphViewbox, k as getStylesFromArray, n as interpolateToCurve, e as common } from "./mermaid-04fb0060.js";
+import { r as render } from "./index-0980fb80.js";
 import "ts-dedent";
 import "dayjs";
 import "@braintree/sanitize-url";
@@ -14,8 +14,8 @@ 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-67728fee.js";
-import "./createText-a17fb25a.js";
+import "./edges-5ec2587c.js";
+import "./createText-a48a4c90.js";
 import "mdast-util-from-markdown";
 const sanitizeText = (txt) => common.sanitizeText(txt, getConfig());
 let conf = {
@@ -55,7 +55,7 @@ const addClasses = function(classes, g, _id, diagObj, parent) {
     var _a, _b;
     const vertex = classes[id];
     const cssClassStr = vertex.cssClasses.join(" ");
-    const styles2 = { labelStyle: "", style: "" };
+    const styles2 = getStylesFromArray(vertex.styles);
     const vertexText = vertex.label ?? vertex.id;
     const radius = 0;
     const shape = "class_box";

package/dist/{classDiagram-v2-1aa56e35.js → classDiagram-v2-5328fc73.js}

@@ -1,10 +1,10 @@
-import { p as parser, d as db, s as styles } from "./styles-b8e60b9b.js";
-import { l as log, c as getConfig, j as d3select, z as utils, r as setupGraphViewbox, q as interpolateToCurve, n as curveLinear, o as getStylesFromArray, f as common } from "./mermaid-e6e6aa62.js";
-import { G as Graph } from "./layout-7db814a1.js";
-import { r as render } from "./index-7f7c4455.js";
-import "./edges-3353b3a7.js";
-import "./createText-23996509.js";
-import "./line-52078152.js";
+import { p as parser, d as db, s as styles } from "./styles-9e4c6998.js";
+import { l as log, c as getConfig, j as d3select, z as utils, r as setupGraphViewbox, o as getStylesFromArray, q as interpolateToCurve, n as curveLinear, f as common } from "./mermaid-354acb24.js";
+import { G as Graph } from "./layout-94e1e85f.js";
+import { r as render } from "./index-20c9cf41.js";
+import "./edges-9f0d1f4d.js";
+import "./createText-77e212b0.js";
+import "./line-b015ae81.js";
 import "./array-b7dcf730.js";
 import "./path-39bad7e2.js";
 const sanitizeText = (txt) => common.sanitizeText(txt, getConfig());
@@ -45,7 +45,7 @@ const addClasses = function(classes, g, _id, diagObj, parent) {
     var _a, _b;
     const vertex = classes[id];
     const cssClassStr = vertex.cssClasses.join(" ");
-    const styles2 = { labelStyle: "", style: "" };
+    const styles2 = getStylesFromArray(vertex.styles);
     const vertexText = vertex.label ?? vertex.id;
     const radius = 0;
     const shape = "class_box";

package/dist/config.type.d.ts

@@ -65,6 +65,11 @@ export interface MermaidConfig {
      * The maximum allowed size of the users text diagram
      */
     maxTextSize?: number;
+    /**
+     * Defines the maximum number of edges that can be drawn in a graph.
+     *
+     */
+    maxEdges?: number;
     darkMode?: boolean;
     htmlLabels?: boolean;
     /**
@@ -1393,14 +1398,6 @@ export interface FlowchartDiagramConfig extends BaseDiagramConfig {
      * Margin top for the text over the diagram
      */
     titleTopMargin?: number;
-    /**
-     * Defines a top/bottom margin for subgraph titles
-     *
-     */
-    subGraphTitleMargin?: {
-        top?: number;
-        bottom?: number;
-    };
     arrowMarkerAbsolute?: boolean;
     /**
      * The amount of padding around the diagram as a whole so that embedded

package/dist/{createText-23996509.js → createText-77e212b0.js}

@@ -1,4 +1,4 @@
-import { b6 as dedent, l as log, aR as decodeEntities } from "./mermaid-e6e6aa62.js";
+import { b6 as dedent, l as log, aR as decodeEntities } from "./mermaid-354acb24.js";
 const emptyOptions = {};
 function toString(value, options) {
   const settings = options || emptyOptions;

package/dist/{createText-a17fb25a.js → createText-a48a4c90.js}

@@ -1,4 +1,4 @@
-import { l as log, J as decodeEntities } from "./mermaid-8e1f5b17.js";
+import { l as log, J as decodeEntities } from "./mermaid-04fb0060.js";
 import { fromMarkdown } from "mdast-util-from-markdown";
 import { dedent } from "ts-dedent";
 function preprocessMarkdown(markdown) {

package/dist/{createText-e0cdef87.js → createText-abfe125e.js}

@@ -1,4 +1,4 @@
-import { b6 as At, l as zt, aR as It } from "./mermaid-635594ce.js";
+import { b6 as At, l as zt, aR as It } from "./mermaid-ee29d047.js";
 const Tt = {};
 function Bt(n, r) {
   const t = r || Tt, e = typeof t.includeImageAlt == "boolean" ? t.includeImageAlt : !0, u = typeof t.includeHtml == "boolean" ? t.includeHtml : !0;

package/dist/diagrams/class/classDb.d.ts

@@ -43,7 +43,7 @@ export declare const addMembers: (className: string, members: string[]) => void;
 export declare const addNote: (text: string, className: string) => void;
 export declare const cleanupLabel: (label: string) => string;
 /**
- * Called by parser when a special node is found, e.g. a clickable element.
+ * Called by parser when assigning cssClass to a class
  *
  * @param ids - Comma separated list of ids
  * @param className - Class to add
@@ -93,6 +93,7 @@ export declare const addNamespace: (id: string) => void;
  * @public
  */
 export declare const addClassesToNamespace: (id: string, classNames: string[]) => void;
+export declare const setCssStyle: (id: string, styles: string[]) => void;
 declare const _default: {
     setAccTitle: (txt: string) => void;
     getAccTitle: () => string;
@@ -138,5 +139,6 @@ declare const _default: {
     addClassesToNamespace: (id: string, classNames: string[]) => void;
     getNamespace: (name: string) => NamespaceNode;
     getNamespaces: () => NamespaceMap;
+    setCssStyle: (id: string, styles: string[]) => void;
 };
 export default _default;

package/dist/diagrams/class/classTypes.d.ts

@@ -7,6 +7,7 @@ export interface ClassNode {
     members: ClassMember[];
     annotations: string[];
     domId: string;
+    styles: string[];
     parent?: string;
     link?: string;
     linkTarget?: string;

package/dist/diagrams/git/gitGraphAst.d.ts

@@ -4,7 +4,7 @@ export function getOptions(): {};
 export function commit(msg: any, id: any, type: any, tag: any): void;
 export function branch(name: any, order: any): void;
 export function merge(otherBranch: any, custom_id: any, override_type: any, custom_tag: any): void;
-export function cherryPick(sourceId: any, targetId: any, tag: any): void;
+export function cherryPick(sourceId: any, targetId: any, tag: any, parentCommitId: any): void;
 export function checkout(branch: any): void;
 export function prettyPrint(): void;
 export function clear(): void;

package/dist/diagrams/sequence/sequenceDb.d.ts

@@ -7,8 +7,8 @@ export function addSignal(idFrom: any, idTo: any, message: {
 } | undefined, messageType: any, activate?: boolean): boolean;
 export function hasAtLeastOneBox(): boolean;
 export function hasAtLeastOneBoxWithTitle(): boolean;
-export function getMessages(): any[];
-export function getBoxes(): any[];
+export function getMessages(): never[];
+export function getBoxes(): never[];
 export function getActors(): {};
 export function getCreatedActors(): {};
 export function getDestroyedActors(): {};
@@ -18,7 +18,7 @@ export function enableSequenceNumbers(): void;
 export function disableSequenceNumbers(): void;
 export function showSequenceNumbers(): boolean;
 export function setWrap(wrapSetting: any): void;
-export function autoWrap(): any;
+export function autoWrap(): boolean | undefined;
 export function clear(): void;
 export function parseMessage(str: any): {
     text: any;