mermaid 10.1.0 → 10.2.0-rc.2

package/README.md

@@ -226,6 +226,44 @@ pie
 
 ### Git graph [experimental - <a href="https://mermaid.live/edit#pako:eNqNkMFugzAMhl8F-VyVAR1tOW_aA-zKxSSGRCMJCk6lCvHuNZPKZdM0n-zf3_8r8QIqaIIGMqnB8kfEybQ--y4VnLP8-9RF9Mpkmm40hmlnDKmvkPiH_kfS7nFo_VN0FAf6XwocQGgxa_nGsm1bYEOOWmik1dRjGrmF1q-Cpkkj07u2HCI0PY4zHQATh8-7V9BwTPSE3iwOEd1OjQE1iWkBvk_bzQY7s0Sq4Hs7bHqKo8iGeZqbPN_WR7mpSd1RHpvPVhuMbG7XOq_L-oJlRfW5wteq0qorrpe-PBW9Pr8UJcK6rg-BLYPQ">live editor</a>]
 
+### Bar chart (using gantt chart) [<a href="https://mermaid-js.github.io/mermaid/#/gantt">docs</a> - <a href="https://mermaid.live/edit#pako:eNptkU1vhCAQhv8KIenNugiI4rkf6bmXpvEyFVxJFDYyNt1u9r8X63Z7WQ9m5pknLzieaBeMpQ3dg0dsPUkPOhwteXZIXmJcbCT3xMAxkuh8Z8kIEclyMIB209fqKcwTICFvG4IvFy_oLrZ-g9F26ILfQgvNFN94VaRXQ1iWqpumZBcu1J8p1E1TXDx59eQNr5LyEqjJn6hv5QnGNlxevZJmdLLpy5xJSzut45biYCfb0iaVxvawjNjS1p-TCguG16PvaIPzYjO67e3BwX6GiTY9jPFKH43DMF_hGMDY1J4oHg-_f8hFTJFd8L3br3yZx4QHxENsdrt1nO8dDstH3oVpF50ZYMbhU6ud4qoGLqyqBJRCmO6j0HXPZdGbihUc6Pmc0QP49xD-b5X69ZQv2gjO81IwzWqhC1lKrjJ6pA3nVS7SMiVjrKirWlYp5fs3osgrWeo00lorLWvOzz8JVbXm">live editor</a>]
+
+```
+gantt
+    title Git Issues - days since last update
+    dateFormat  X
+    axisFormat %s
+
+    section Issue19062
+    71   : 0, 71
+    section Issue19401
+    36   : 0, 36
+    section Issue193
+    34   : 0, 34
+    section Issue7441
+    9    : 0, 9
+    section Issue1300
+    5    : 0, 5
+```
+
+```mermaid
+gantt
+    title Git Issues - days since last update
+    dateFormat  X
+    axisFormat %s
+
+    section Issue19062
+    71   : 0, 71
+    section Issue19401
+    36   : 0, 36
+    section Issue193
+    34   : 0, 34
+    section Issue7441
+    9    : 0, 9
+    section Issue1300
+    5    : 0, 5
+```
+
 ### User Journey diagram [<a href="https://mermaid-js.github.io/mermaid/#/user-journey">docs</a> - <a href="https://mermaid.live/edit#pako:eNplkMFuwjAQRH9l5TMiTVIC-FqqnjhxzWWJN4khsSN7XRSh_HsdKBVt97R6Mzsj-yoqq0hIAXCywRkaSwNxWHNHsB_hYt1ZmwYUfiueKtbWwIcFtjf5zgH2eCZgQgkrCXt64GgMg2fUzkvIn5Xd_V5COtMFvCH_62ht_5yk7MU8sn61HDTfxD8VYiF6cj1qFd94nWkpuKWYKWRcFdUYOi5FaaZoDYNCpnel2Toha-w8LQQGtofRVEKyC_Qw7TQ2DvsfV2dRUTy6Ch6H-UMb7TlGVtbUupl5cF3ELfPgZZLM8rLR3IbjsrJ94rVq0XH7uS2SIis2mOVUrHNc5bmqjul2U2evaa3WL2mGYpqmL2BGiho">live editor</a>]
 
 ```

package/dist/Diagram.d.ts

@@ -1,5 +1,5 @@
-import { DetailedError } from './utils';
-export declare type ParseErrorFunction = (err: string | DetailedError | unknown, hash?: any) => void;
+import { DetailedError } from './utils.js';
+export type ParseErrorFunction = (err: string | DetailedError | unknown, hash?: any) => void;
 /**
  * An object representing a parsed mermaid diagram definition.
  * @privateRemarks This is exported as part of the public mermaidAPI.
@@ -9,7 +9,7 @@ export declare class Diagram {
     type: string;
     parser: any;
     renderer: any;
-    db: import("./diagram-api/types").DiagramDb;
+    db: import("./diagram-api/types.js").DiagramDb;
     private detectError?;
     constructor(text: string);
     parse(): void;

package/dist/__mocks__/mermaidAPI.d.ts

@@ -1,14 +1,14 @@
 export declare const mermaidAPI: {
-    render: import("@vitest/spy").Mock<any[], any>;
-    parse: (text: string, parseOptions?: import("../mermaidAPI").ParseOptions | undefined) => Promise<boolean>;
-    parseDirective: import("@vitest/spy").Mock<any[], any>;
-    initialize: import("@vitest/spy").Mock<any[], any>;
-    getConfig: () => import("../config.type").MermaidConfig;
-    setConfig: (conf: import("../config.type").MermaidConfig) => import("../config.type").MermaidConfig;
-    getSiteConfig: () => import("../config.type").MermaidConfig;
-    updateSiteConfig: (conf: import("../config.type").MermaidConfig) => import("../config.type").MermaidConfig;
+    render: import("@vitest/spy").Mock<any, any>;
+    parse: (text: string, parseOptions?: import("../mermaidAPI.js").ParseOptions | undefined) => Promise<boolean>;
+    parseDirective: import("@vitest/spy").Mock<any, any>;
+    initialize: import("@vitest/spy").Mock<any, any>;
+    getConfig: () => import("../config.type.js").MermaidConfig;
+    setConfig: (conf: import("../config.type.js").MermaidConfig) => import("../config.type.js").MermaidConfig;
+    getSiteConfig: () => import("../config.type.js").MermaidConfig;
+    updateSiteConfig: (conf: import("../config.type.js").MermaidConfig) => import("../config.type.js").MermaidConfig;
     reset: () => void;
     globalReset: () => void;
-    defaultConfig: import("../config.type").MermaidConfig;
+    defaultConfig: import("../config.type.js").MermaidConfig;
 };
 export default mermaidAPI;

package/dist/_commonjsHelpers-10dfc225.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};

package/dist/_commonjsHelpers-7a77ea84.js

@@ -0,0 +1,8 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+export {
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
+};

package/dist/accessibility.d.ts

@@ -5,7 +5,7 @@
  * @see https://www.w3.org/TR/svg-aam-1.0/
  *
  */
-import { D3Element } from './mermaidAPI';
+import { D3Element } from './mermaidAPI.js';
 /**
  * Add role and aria-roledescription to the svg element
  *

package/dist/{arc-c50f0902.js → arc-70fbcd47.js}

@@ -1,5 +1,5 @@
 import { c as constant, p as path } from "./constant-b644328d.js";
-import { O as pi, P as cos, Q as sin, R as halfPi, T as epsilon, K as tau, V as sqrt, W as min, X as abs, Y as atan2, Z as asin, _ as acos, $ as max } from "./utils-1aebe9b6.js";
+import { ax as halfPi, ay as epsilon, V as tau, az as cos, aA as sin, aB as sqrt, aC as min, aD as abs, aE as pi, aF as atan2, aG as asin, aH as acos, aI as max } from "./mermaid-e58b1357.js";
 function arcInnerRadius(d) {
   return d.innerRadius;
 }
@@ -142,4 +142,3 @@ function d3arc() {
 export {
   d3arc as d
 };
-//# sourceMappingURL=arc-c50f0902.js.map

package/dist/arc-946b2f4b.js

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

package/dist/array-2ff2c7a6.js

@@ -4,4 +4,3 @@ function t(r) {
 export {
   t as a
 };
-//# sourceMappingURL=array-2ff2c7a6.js.map

package/dist/array-b7dcf730.js

@@ -4,4 +4,3 @@ function array(x) {
 export {
   array as a
 };
-//# sourceMappingURL=array-b7dcf730.js.map

package/dist/{c4Diagram-be8b5c2c.js → c4Diagram-b95ced5f.js}

@@ -1,6 +1,4 @@
-import { m as mermaidAPI } from "./mermaidAPI-c841a67f.js";
-import { q as setAccTitle, v as getAccTitle, w as getAccDescription, x as setAccDescription, g as getConfig, b as sanitizeText, f as common, d as assignWithDepth, h as select, l as log } from "./commonDb-89160e91.js";
-import { s as sanitizeUrl_1, q as calculateTextWidth, v as configureSvgSize, w as wrapLabel, x as calculateTextHeight } from "./utils-1aebe9b6.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-e58b1357.js";
 var parser = function() {
   var o = function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v)
@@ -2524,4 +2522,3 @@ const diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=c4Diagram-be8b5c2c.js.map

package/dist/{c4Diagram-d4b415eb.js → c4Diagram-c876f6db.js}

@@ -1,6 +1,4 @@
-import { m as Ve } from "./mermaidAPI-67f627de.js";
-import { q as je, v as Ue, w as Fe, x as ze, g as Ut, b as ve, f as le, d as Xe, h as Qt, l as _e } from "./commonDb-41f8b4c5.js";
-import { s as ke, q as Yt, v as We, w as Qe, x as xe } from "./utils-8ea37061.js";
+import { s as Ve, g as je, a as Ue, b as Fe, c as Ut, d as ve, m as ze, e as ke, f as le, h as Xe, i as Yt, j as Qt, l as _e, k as We, w as Qe, n as xe } from "./mermaid-72e0d5b8.js";
 var qt = function() {
   var e = function(Ot, _, x, m) {
     for (x = x || {}, m = Ot.length; m--; x[Ot[m]] = _)
@@ -660,7 +658,7 @@ const qe = function() {
 }, Ge = function(e) {
   Ae = ve(e, Ut());
 }, Ke = function(e, t, i) {
-  Ve.parseDirective(this, e, t, i);
+  ze.parseDirective(this, e, t, i);
 }, Je = function(e, t, i, o, l, n, r, a, s) {
   if (e == null || t === void 0 || t === null || i === void 0 || i === null || o === void 0 || o === null)
     return;
@@ -1064,10 +1062,10 @@ const qe = function() {
   getC4Type: qe,
   getC4ShapeInRow: o0,
   getC4BoundaryInRow: c0,
-  setAccTitle: je,
-  getAccTitle: Ue,
-  getAccDescription: Fe,
-  setAccDescription: ze,
+  setAccTitle: Ve,
+  getAccTitle: je,
+  getAccDescription: Ue,
+  setAccDescription: Fe,
   parseDirective: Ke,
   getConfig: () => Ut().c4,
   clear: _0,
@@ -1608,7 +1606,7 @@ const I0 = function(e, t, i, o) {
     stroke: ${e.personBorder};
     fill: ${e.personBkg};
   }
-`, j0 = V0, X0 = {
+`, j0 = V0, F0 = {
   parser: He,
   db: we,
   renderer: Ee,
@@ -1618,6 +1616,5 @@ const I0 = function(e, t, i, o) {
   }
 };
 export {
-  X0 as diagram
+  F0 as diagram
 };
-//# sourceMappingURL=c4Diagram-d4b415eb.js.map

package/dist/{c4Diagram-44c43e89.js → c4Diagram-f5d2cde2.js}

@@ -1,14 +1,13 @@
-import { m as mermaidAPI } from "./mermaidAPI-3ae0f2f0.js";
-import { o as setAccTitle, p as getAccTitle, q as getAccDescription, v as setAccDescription, g as getConfig, b as sanitizeText, e as common, d as assignWithDepth, l as log } from "./commonDb-573409be.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-c7ace86b.js";
 import { select } from "d3";
 import { sanitizeUrl } from "@braintree/sanitize-url";
-import { j as calculateTextWidth, k as configureSvgSize, w as wrapLabel, m as calculateTextHeight } from "./utils-d622194a.js";
-import "stylis";
+import "ts-dedent";
+import "dayjs/esm/index.js";
 import "dompurify";
-import "lodash-es/isEmpty.js";
-import "dayjs";
 import "khroma";
 import "lodash-es/memoize.js";
+import "stylis";
+import "lodash-es/isEmpty.js";
 var parser = function() {
   var o = function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v)
@@ -2532,4 +2531,3 @@ const diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=c4Diagram-44c43e89.js.map

package/dist/{classDiagram-6d218cdd.js → classDiagram-0c982ffd.js}

@@ -1,10 +1,8 @@
-import { p as parser, d as db, s as styles } from "./styles-123f2a17.js";
-import { g as getConfig, l as log, h as select } from "./commonDb-89160e91.js";
-import { G as Graph, l as layout } from "./layout-3ff13c4c.js";
-import { s as svgDraw } from "./svgDraw-dd61ddfa.js";
-import { v as configureSvgSize } from "./utils-1aebe9b6.js";
-import "./mermaidAPI-c841a67f.js";
-import "./line-fbe8f138.js";
+import { p as parser, d as db, s as styles } from "./styles-f61a4d56.js";
+import { c as getConfig, l as log, j as select, k as configureSvgSize } from "./mermaid-e58b1357.js";
+import { G as Graph, l as layout } from "./layout-ecdf20b6.js";
+import { s as svgDraw } from "./svgDraw-4d13ab5c.js";
+import "./line-1f113163.js";
 import "./array-b7dcf730.js";
 import "./constant-b644328d.js";
 let idCache = {};
@@ -137,4 +135,3 @@ const diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=classDiagram-6d218cdd.js.map

package/dist/classDiagram-4a10da53.js

@@ -0,0 +1,91 @@
+import { p as W, d as M, s as H } from "./styles-2232dd58.js";
+import { c as S, l as d, j as m, k as X } from "./mermaid-72e0d5b8.js";
+import { G as Y, l as Z } from "./layout-55cb0439.js";
+import { s as l } from "./svgDraw-060b6641.js";
+import "./line-c8edd8dc.js";
+import "./array-2ff2c7a6.js";
+import "./constant-2fe7eae5.js";
+let h = {};
+const g = 20, p = function(r) {
+  const o = Object.entries(h).find((k) => k[1].label === r);
+  if (o)
+    return o[0];
+}, D = function(r) {
+  r.append("defs").append("marker").attr("id", "extensionStart").attr("class", "extension").attr("refX", 0).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 1,7 L18,13 V 1 Z"), r.append("defs").append("marker").attr("id", "extensionEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 1,1 V 13 L18,7 Z"), r.append("defs").append("marker").attr("id", "compositionStart").attr("class", "extension").attr("refX", 0).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z"), r.append("defs").append("marker").attr("id", "compositionEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z"), r.append("defs").append("marker").attr("id", "aggregationStart").attr("class", "extension").attr("refX", 0).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z"), r.append("defs").append("marker").attr("id", "aggregationEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z"), r.append("defs").append("marker").attr("id", "dependencyStart").attr("class", "extension").attr("refX", 0).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 5,7 L9,13 L1,7 L9,1 Z"), r.append("defs").append("marker").attr("id", "dependencyEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L14,7 L9,1 Z");
+}, $ = function(r, o, k, a) {
+  const c = S().class;
+  h = {}, d.info("Rendering diagram " + r);
+  const L = S().securityLevel;
+  let y;
+  L === "sandbox" && (y = m("#i" + o));
+  const x = L === "sandbox" ? m(y.nodes()[0].contentDocument.body) : m("body"), n = x.select(`[id='${o}']`);
+  D(n);
+  const e = new Y({
+    multigraph: !0
+  });
+  e.setGraph({
+    isMultiGraph: !0
+  }), e.setDefaultEdgeLabel(function() {
+    return {};
+  });
+  const u = a.db.getClasses(), N = Object.keys(u);
+  for (const t of N) {
+    const s = u[t], i = l.drawClass(n, s, c, a);
+    h[i.id] = i, e.setNode(i.id, i), d.info("Org height: " + i.height);
+  }
+  a.db.getRelations().forEach(function(t) {
+    d.info(
+      "tjoho" + p(t.id1) + p(t.id2) + JSON.stringify(t)
+    ), e.setEdge(
+      p(t.id1),
+      p(t.id2),
+      {
+        relation: t
+      },
+      t.title || "DEFAULT"
+    );
+  }), a.db.getNotes().forEach(function(t) {
+    d.debug(`Adding note: ${JSON.stringify(t)}`);
+    const s = l.drawNote(n, t, c, a);
+    h[s.id] = s, e.setNode(s.id, s), t.class && t.class in u && e.setEdge(
+      t.id,
+      p(t.class),
+      {
+        relation: {
+          id1: t.id,
+          id2: t.class,
+          relation: {
+            type1: "none",
+            type2: "none",
+            lineType: 10
+          }
+        }
+      },
+      "DEFAULT"
+    );
+  }), Z(e), e.nodes().forEach(function(t) {
+    t !== void 0 && e.node(t) !== void 0 && (d.debug("Node " + t + ": " + JSON.stringify(e.node(t))), x.select("#" + (a.db.lookUpDomId(t) || t)).attr(
+      "transform",
+      "translate(" + (e.node(t).x - e.node(t).width / 2) + "," + (e.node(t).y - e.node(t).height / 2) + " )"
+    ));
+  }), e.edges().forEach(function(t) {
+    t !== void 0 && e.edge(t) !== void 0 && (d.debug("Edge " + t.v + " -> " + t.w + ": " + JSON.stringify(e.edge(t))), l.drawEdge(n, e.edge(t), e.edge(t).relation, c, a));
+  });
+  const f = n.node().getBBox(), E = f.width + g * 2, b = f.height + g * 2;
+  X(n, b, E, c.useMaxWidth);
+  const w = `${f.x - g} ${f.y - g} ${E} ${b}`;
+  d.debug(`viewBox ${w}`), n.attr("viewBox", w);
+}, B = {
+  draw: $
+}, V = {
+  parser: W,
+  db: M,
+  renderer: B,
+  styles: H,
+  init: (r) => {
+    r.class || (r.class = {}), r.class.arrowMarkerAbsolute = r.arrowMarkerAbsolute, M.clear();
+  }
+};
+export {
+  V as diagram
+};

package/dist/{classDiagram-634fc78b.js → classDiagram-a1474e8b.js}

@@ -1,18 +1,17 @@
-import { p as parser, d as db, s as styles } from "./styles-16907e1b.js";
+import { p as parser, d as db, s as styles } from "./styles-2f4b7797.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 { g as getConfig, l as log } from "./commonDb-573409be.js";
-import { s as svgDraw } from "./svgDraw-2526cba0.js";
-import { k as configureSvgSize } from "./utils-d622194a.js";
-import "./mermaidAPI-3ae0f2f0.js";
-import "stylis";
+import { c as getConfig, l as log, i as configureSvgSize } from "./mermaid-c7ace86b.js";
+import { s as svgDraw } from "./svgDraw-f7d59fb6.js";
+import "ts-dedent";
+import "dayjs/esm/index.js";
+import "@braintree/sanitize-url";
 import "dompurify";
-import "lodash-es/isEmpty.js";
-import "dayjs";
 import "khroma";
-import "@braintree/sanitize-url";
 import "lodash-es/memoize.js";
+import "stylis";
+import "lodash-es/isEmpty.js";
 let idCache = {};
 const padding = 20;
 const getGraphId = function(label) {
@@ -143,4 +142,3 @@ const diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=classDiagram-634fc78b.js.map

package/dist/{classDiagram-v2-556a8c31.js → classDiagram-v2-92b33047.js}

@@ -1,16 +1,14 @@
-import { p as M, d as k, s as B } from "./styles-b64b35cd.js";
-import { l as p, g as r, h as v, f as C } from "./commonDb-41f8b4c5.js";
-import { G as R } from "./layout-492ec81d.js";
-import { r as G } from "./index-6271e032.js";
-import { u as I, B as _, A as D, y as A, z } from "./utils-8ea37061.js";
-import "./mermaidAPI-67f627de.js";
-import "./edges-de377bae.js";
-import "./createText-23817c58.js";
-import "./svgDraw-0a992cdb.js";
-import "./line-05ccbb85.js";
+import { p as M, d as k, s as R } from "./styles-2232dd58.js";
+import { l as p, c as r, j as v, x as B, t as G, r as C, o as D, p as I, f as E } from "./mermaid-72e0d5b8.js";
+import { G as _ } from "./layout-55cb0439.js";
+import { r as z } from "./index-2af91da1.js";
+import "./edges-3bb2400e.js";
+import "./createText-b59432cf.js";
+import "./svgDraw-060b6641.js";
+import "./line-c8edd8dc.js";
 import "./array-2ff2c7a6.js";
 import "./constant-2fe7eae5.js";
-const E = (o) => C.sanitizeText(o, r());
+const A = (o) => E.sanitizeText(o, r());
 let S = {
   dividerMargin: 10,
   padding: 5,
@@ -24,10 +22,10 @@ const $ = function(o, l, b, a) {
     const t = o[s];
     let i = "";
     t.cssClasses.length > 0 && (i = i + " " + t.cssClasses.join(" "));
-    const n = { labelStyle: "", style: "" }, m = t.label ?? t.id, c = 0, u = "class_box", d = {
+    const n = { labelStyle: "", style: "" }, u = t.label ?? t.id, c = 0, m = "class_box", d = {
       labelStyle: n.labelStyle,
-      shape: u,
-      labelText: E(m),
+      shape: m,
+      labelText: A(u),
       classData: t,
       rx: c,
       ry: c,
@@ -48,10 +46,10 @@ const $ = function(o, l, b, a) {
 }, q = function(o, l, b, a) {
   p.info(o), o.forEach(function(e, s) {
     var x, h;
-    const t = e, i = "", n = { labelStyle: "", style: "" }, m = t.text, c = 0, u = "note", d = {
+    const t = e, i = "", n = { labelStyle: "", style: "" }, u = t.text, c = 0, m = "note", d = {
       labelStyle: n.labelStyle,
-      shape: u,
-      labelText: E(m),
+      shape: m,
+      labelText: A(u),
       noteData: t,
       rx: c,
       ry: c,
@@ -81,7 +79,7 @@ const $ = function(o, l, b, a) {
       arrowTypeEnd: "none",
       style: "fill:none",
       labelStyle: "",
-      curve: D(S.curve, A)
+      curve: C(S.curve, D)
     };
     l.setEdge(t.id, t.class, f, y);
   });
@@ -106,13 +104,13 @@ const $ = function(o, l, b, a) {
       arrowTypeEnd: L(e.relation.type2),
       style: "fill:none",
       labelStyle: "",
-      curve: D(b == null ? void 0 : b.curve, A)
+      curve: C(b == null ? void 0 : b.curve, D)
     };
     if (p.info(s, e), e.style !== void 0) {
-      const i = z(e.style);
+      const i = I(e.style);
       s.style = i.style, s.labelStyle = i.labelStyle;
     }
-    e.text = e.title, e.text === void 0 ? e.style !== void 0 && (s.arrowheadStyle = "fill: #333") : (s.arrowheadStyle = "fill: #333", s.labelpos = "c", ((t = r().flowchart) == null ? void 0 : t.htmlLabels) ?? r().htmlLabels ? (s.labelType = "html", s.label = '<span class="edgeLabel">' + e.text + "</span>") : (s.labelType = "text", s.label = e.text.replace(C.lineBreakRegex, `
+    e.text = e.title, e.text === void 0 ? e.style !== void 0 && (s.arrowheadStyle = "fill: #333") : (s.arrowheadStyle = "fill: #333", s.labelpos = "c", ((t = r().flowchart) == null ? void 0 : t.htmlLabels) ?? r().htmlLabels ? (s.labelType = "html", s.label = '<span class="edgeLabel">' + e.text + "</span>") : (s.labelType = "text", s.label = e.text.replace(E.lineBreakRegex, `
 `), e.style === void 0 && (s.style = s.style || "stroke: #333; stroke-width: 1.5px;fill:none"), s.labelStyle = s.labelStyle.replace("color:", "fill:"))), l.setEdge(e.id1, e.id2, s, a);
   });
 }, H = function(o) {
@@ -120,11 +118,11 @@ const $ = function(o, l, b, a) {
     ...S,
     ...o
   };
-}, P = function(o, l, b, a) {
+}, P = async function(o, l, b, a) {
   p.info("Drawing class - ", l);
   const e = r().flowchart ?? r().class, s = r().securityLevel;
   p.info("config:", e);
-  const t = (e == null ? void 0 : e.nodeSpacing) ?? 50, i = (e == null ? void 0 : e.rankSpacing) ?? 50, n = new R({
+  const t = (e == null ? void 0 : e.nodeSpacing) ?? 50, i = (e == null ? void 0 : e.rankSpacing) ?? 50, n = new _({
     multigraph: !0,
     compound: !0
   }).setGraph({
@@ -135,21 +133,21 @@ const $ = function(o, l, b, a) {
     marginy: 8
   }).setDefaultEdgeLabel(function() {
     return {};
-  }), m = a.db.getClasses(), c = a.db.getRelations(), u = a.db.getNotes();
-  p.info(c), $(m, n, l, a), F(c, n), q(u, n, c.length + 1, m);
+  }), u = a.db.getClasses(), c = a.db.getRelations(), m = a.db.getNotes();
+  p.info(c), $(u, n, l, a), F(c, n), q(m, n, c.length + 1, u);
   let d;
   s === "sandbox" && (d = v("#i" + l));
   const y = s === "sandbox" ? (
     // @ts-ignore Ignore type error for now
     v(d.nodes()[0].contentDocument.body)
   ) : v("body"), f = y.select(`[id="${l}"]`), x = y.select("#" + l + " g");
-  if (G(
+  if (await z(
     x,
     n,
     ["aggregation", "extension", "composition", "dependency", "lollipop"],
     "classDiagram",
     l
-  ), I.insertTitle(f, "classTitleText", (e == null ? void 0 : e.titleTopMargin) ?? 5, a.db.getDiagramTitle()), _(n, f, e == null ? void 0 : e.diagramPadding, e == null ? void 0 : e.useMaxWidth), !(e != null && e.htmlLabels)) {
+  ), B.insertTitle(f, "classTitleText", (e == null ? void 0 : e.titleTopMargin) ?? 5, a.db.getDiagramTitle()), G(n, f, e == null ? void 0 : e.diagramPadding, e == null ? void 0 : e.useMaxWidth), !(e != null && e.htmlLabels)) {
     const h = s === "sandbox" ? d.nodes()[0].contentDocument : document, N = h.querySelectorAll('[id="' + l + '"] .edgeLabel .label');
     for (const w of N) {
       const T = w.getBBox(), g = h.createElementNS("http://www.w3.org/2000/svg", "rect");
@@ -183,16 +181,15 @@ function L(o) {
 const V = {
   setConf: H,
   draw: P
-}, se = {
+}, ee = {
   parser: M,
   db: k,
   renderer: V,
-  styles: B,
+  styles: R,
   init: (o) => {
     o.class || (o.class = {}), o.class.arrowMarkerAbsolute = o.arrowMarkerAbsolute, k.clear();
   }
 };
 export {
-  se as diagram
+  ee as diagram
 };
-//# sourceMappingURL=classDiagram-v2-556a8c31.js.map