@marimo-team/islands 0.23.17-dev54 → 0.23.17-dev55

package/dist/{chunk-DI55MBZ5-CFmDWujZ.js → chunk-5RXB4S5H-DcCPfb0q.js}

@@ -1,15 +1,18 @@
 var _a;
-import { g as utils_default, s as generateId } from "./chunk-S3R3BYOJ-eotljhmB.js";
-import { i as log, r as __name } from "./src-DV3ha_nA.js";
-import { B as setAccTitle, C as getDiagramTitle, U as setDiagramTitle, _ as getAccDescription, a as clear, b as getConfig2, s as common_default, v as getAccTitle, z as setAccDescription } from "./chunk-ABZYJK2D-BK1Rtvs7.js";
-import { r as render } from "./chunk-N4CR4FBY-B3gMBPd2.js";
-import { t as getDiagramElement } from "./chunk-55IACEB6-7h71GwyW.js";
-import { t as setupViewPortForSVG } from "./chunk-QN33PNHL-D3s0CL4V.js";
+import { t as purify } from "./purify.es-DR5PNXwx.js";
+import { _ as utils_default, c as generateId } from "./chunk-NSK5VX7P-BmmoJBbx.js";
+import { n as log, t as select_default } from "./src-BwVZVGyf.js";
+import { n as __name } from "./chunk-Y2CYZVJY-DX3DSigL.js";
+import { H as setAccDescription, K as setDiagramTitle, U as setAccTitle, a as clear, s as common_default, v as getAccDescription, w as getDiagramTitle, x as getConfig2, y as getAccTitle } from "./chunk-I66GZJ75-9xAsFrdW.js";
+import { r as render } from "./chunk-J7OUQ5F2-CbNBTlFM.js";
+import { t as createTooltip } from "./chunk-2GRJ4B5K-DRayWnnu.js";
+import { t as getDiagramElement } from "./chunk-XXDRQBXY-Dzcp3rUR.js";
+import { t as setupViewPortForSVG } from "./chunk-KBJHAD2P-B7m9DztL.js";
 var parser = (function() {
-  var e = /* @__PURE__ */ __name(function(e2, b2, x2, S) {
-    for (x2 || (x2 = {}), S = e2.length; S--; x2[e2[S]] = b2) ;
+  var e = /* @__PURE__ */ __name(function(e2, b2, x2, S2) {
+    for (x2 || (x2 = {}), S2 = e2.length; S2--; x2[e2[S2]] = b2) ;
     return x2;
-  }, "o"), b = [1, 2], x = [1, 3], C = [1, 4], w = [2, 4], T = [1, 9], E = [1, 11], D = [1, 16], O = [1, 17], k = [1, 18], A = [1, 19], j = [1, 33], M = [1, 20], N = [1, 21], P = [1, 22], F = [1, 23], I = [1, 24], L = [1, 26], R = [1, 27], z = [1, 28], B = [1, 29], V = [1, 30], H = [1, 31], U = [1, 32], W = [1, 35], G = [1, 36], K = [1, 37], q = [1, 38], J = [1, 34], Y = [
+  }, "o"), b = [1, 2], x = [1, 3], S = [1, 4], C = [2, 4], T = [1, 9], E = [1, 11], D = [1, 16], O = [1, 17], k = [1, 18], A = [1, 19], j = [1, 33], M = [1, 20], N = [1, 21], P = [1, 22], F = [1, 23], I = [1, 24], L = [1, 26], R = [1, 27], z = [1, 28], B = [1, 29], V = [1, 30], H = [1, 31], U = [1, 32], W = [1, 35], G = [1, 36], K = [1, 37], q = [1, 38], J = [1, 34], Y = [
     1,
     4,
     5,
@@ -262,60 +265,60 @@ var parser = (function() {
       [30, 1],
       [30, 1]
     ],
-    performAction: /* @__PURE__ */ __name(function(e2, b2, x2, S, C2, w2, T2) {
-      var E2 = w2.length - 1;
+    performAction: /* @__PURE__ */ __name(function(e2, b2, x2, S2, C2, w, T2) {
+      var E2 = w.length - 1;
       switch (C2) {
         case 3:
-          return S.setRootDoc(w2[E2]), w2[E2];
+          return S2.setRootDoc(w[E2]), w[E2];
         case 4:
           this.$ = [];
           break;
         case 5:
-          w2[E2] != "nl" && (w2[E2 - 1].push(w2[E2]), this.$ = w2[E2 - 1]);
+          w[E2] != "nl" && (w[E2 - 1].push(w[E2]), this.$ = w[E2 - 1]);
           break;
         case 6:
         case 7:
-          this.$ = w2[E2];
+          this.$ = w[E2];
           break;
         case 8:
           this.$ = "nl";
           break;
         case 12:
-          this.$ = w2[E2];
+          this.$ = w[E2];
           break;
         case 13:
-          let e3 = w2[E2 - 1];
-          e3.description = S.trimColon(w2[E2]), this.$ = e3;
+          let e3 = w[E2 - 1];
+          e3.description = S2.trimColon(w[E2]), this.$ = e3;
           break;
         case 14:
           this.$ = {
             stmt: "relation",
-            state1: w2[E2 - 2],
-            state2: w2[E2]
+            state1: w[E2 - 2],
+            state2: w[E2]
           };
           break;
         case 15:
-          let b3 = S.trimColon(w2[E2]);
+          let b3 = S2.trimColon(w[E2]);
           this.$ = {
             stmt: "relation",
-            state1: w2[E2 - 3],
-            state2: w2[E2 - 1],
+            state1: w[E2 - 3],
+            state2: w[E2 - 1],
             description: b3
           };
           break;
         case 19:
           this.$ = {
             stmt: "state",
-            id: w2[E2 - 3],
+            id: w[E2 - 3],
             type: "default",
             description: "",
-            doc: w2[E2 - 1]
+            doc: w[E2 - 1]
           };
           break;
         case 20:
-          var D2 = w2[E2], O2 = w2[E2 - 2].trim();
-          if (w2[E2].match(":")) {
-            var k2 = w2[E2].split(":");
+          var D2 = w[E2], O2 = w[E2 - 2].trim();
+          if (w[E2].match(":")) {
+            var k2 = w[E2].split(":");
             D2 = k2[0], O2 = [O2, k2[1]];
           }
           this.$ = {
@@ -328,70 +331,70 @@ var parser = (function() {
         case 21:
           this.$ = {
             stmt: "state",
-            id: w2[E2 - 3],
+            id: w[E2 - 3],
             type: "default",
-            description: w2[E2 - 5],
-            doc: w2[E2 - 1]
+            description: w[E2 - 5],
+            doc: w[E2 - 1]
           };
           break;
         case 22:
           this.$ = {
             stmt: "state",
-            id: w2[E2],
+            id: w[E2],
             type: "fork"
           };
           break;
         case 23:
           this.$ = {
             stmt: "state",
-            id: w2[E2],
+            id: w[E2],
             type: "join"
           };
           break;
         case 24:
           this.$ = {
             stmt: "state",
-            id: w2[E2],
+            id: w[E2],
             type: "choice"
           };
           break;
         case 25:
           this.$ = {
             stmt: "state",
-            id: S.getDividerId(),
+            id: S2.getDividerId(),
             type: "divider"
           };
           break;
         case 26:
           this.$ = {
             stmt: "state",
-            id: w2[E2 - 1].trim(),
+            id: w[E2 - 1].trim(),
             note: {
-              position: w2[E2 - 2].trim(),
-              text: w2[E2].trim()
+              position: w[E2 - 2].trim(),
+              text: w[E2].trim()
             }
           };
           break;
         case 29:
-          this.$ = w2[E2].trim(), S.setAccTitle(this.$);
+          this.$ = w[E2].trim(), S2.setAccTitle(this.$);
           break;
         case 30:
         case 31:
-          this.$ = w2[E2].trim(), S.setAccDescription(this.$);
+          this.$ = w[E2].trim(), S2.setAccDescription(this.$);
           break;
         case 32:
           this.$ = {
             stmt: "click",
-            id: w2[E2 - 3],
-            url: w2[E2 - 2],
-            tooltip: w2[E2 - 1]
+            id: w[E2 - 3],
+            url: w[E2 - 2],
+            tooltip: w[E2 - 1]
           };
           break;
         case 33:
           this.$ = {
             stmt: "click",
-            id: w2[E2 - 3],
-            url: w2[E2 - 1],
+            id: w[E2 - 3],
+            url: w[E2 - 1],
             tooltip: ""
           };
           break;
@@ -399,44 +402,44 @@ var parser = (function() {
         case 35:
           this.$ = {
             stmt: "classDef",
-            id: w2[E2 - 1].trim(),
-            classes: w2[E2].trim()
+            id: w[E2 - 1].trim(),
+            classes: w[E2].trim()
           };
           break;
         case 36:
           this.$ = {
             stmt: "style",
-            id: w2[E2 - 1].trim(),
-            styleClass: w2[E2].trim()
+            id: w[E2 - 1].trim(),
+            styleClass: w[E2].trim()
           };
           break;
         case 37:
           this.$ = {
             stmt: "applyClass",
-            id: w2[E2 - 1].trim(),
-            styleClass: w2[E2].trim()
+            id: w[E2 - 1].trim(),
+            styleClass: w[E2].trim()
           };
           break;
         case 38:
-          S.setDirection("TB"), this.$ = {
+          S2.setDirection("TB"), this.$ = {
             stmt: "dir",
             value: "TB"
           };
           break;
         case 39:
-          S.setDirection("BT"), this.$ = {
+          S2.setDirection("BT"), this.$ = {
             stmt: "dir",
             value: "BT"
           };
           break;
         case 40:
-          S.setDirection("RL"), this.$ = {
+          S2.setDirection("RL"), this.$ = {
             stmt: "dir",
             value: "RL"
           };
           break;
         case 41:
-          S.setDirection("LR"), this.$ = {
+          S2.setDirection("LR"), this.$ = {
             stmt: "dir",
             value: "LR"
           };
@@ -445,7 +448,7 @@ var parser = (function() {
         case 45:
           this.$ = {
             stmt: "state",
-            id: w2[E2].trim(),
+            id: w[E2].trim(),
             type: "default",
             description: ""
           };
@@ -453,8 +456,8 @@ var parser = (function() {
         case 46:
           this.$ = {
             stmt: "state",
-            id: w2[E2 - 2].trim(),
-            classes: [w2[E2].trim()],
+            id: w[E2 - 2].trim(),
+            classes: [w[E2].trim()],
             type: "default",
             description: ""
           };
@@ -462,8 +465,8 @@ var parser = (function() {
         case 47:
           this.$ = {
             stmt: "state",
-            id: w2[E2 - 2].trim(),
-            classes: [w2[E2].trim()],
+            id: w[E2 - 2].trim(),
+            classes: [w[E2].trim()],
             type: "default",
             description: ""
           };
@@ -475,20 +478,20 @@ var parser = (function() {
         3: 1,
         4: b,
         5: x,
-        6: C
+        6: S
       },
       { 1: [3] },
       {
         3: 5,
         4: b,
         5: x,
-        6: C
+        6: S
       },
       {
         3: 6,
         4: b,
         5: x,
-        6: C
+        6: S
       },
       e([
         1,
@@ -516,7 +519,7 @@ var parser = (function() {
         53,
         54,
         57
-      ], w, { 7: 7 }),
+      ], C, { 7: 7 }),
       { 1: [2, 1] },
       { 1: [2, 2] },
       {
@@ -636,7 +639,7 @@ var parser = (function() {
         57: J
       },
       e(Y, [2, 17]),
-      e(Z, w, { 7: 59 }),
+      e(Z, C, { 7: 59 }),
       { 24: [1, 60] },
       { 24: [1, 61] },
       { 23: [1, 62] },
@@ -702,7 +705,7 @@ var parser = (function() {
       e(X, [2, 47]),
       e(Y, [2, 15]),
       e(Y, [2, 19]),
-      e(Z, w, { 7: 78 }),
+      e(Z, C, { 7: 78 }),
       e(Y, [2, 26]),
       e(Y, [2, 27]),
       { 5: [1, 79] },
@@ -759,7 +762,7 @@ var parser = (function() {
       }
     }, "parseError"),
     parse: /* @__PURE__ */ __name(function(e2) {
-      var b2 = this, x2 = [0], C2 = [], w2 = [null], T2 = [], E2 = this.table, D2 = "", O2 = 0, k2 = 0, A2 = 0, j2 = 2, M2 = 1, N2 = T2.slice.call(arguments, 1), P2 = Object.create(this.lexer), F2 = { yy: {} };
+      var b2 = this, x2 = [0], S2 = [], C2 = [null], T2 = [], E2 = this.table, D2 = "", O2 = 0, k2 = 0, A2 = 0, j2 = 2, M2 = 1, N2 = T2.slice.call(arguments, 1), P2 = Object.create(this.lexer), F2 = { yy: {} };
       for (var I2 in this.yy) Object.prototype.hasOwnProperty.call(this.yy, I2) && (F2.yy[I2] = this.yy[I2]);
       P2.setInput(e2, F2.yy), F2.yy.lexer = P2, F2.yy.parser = this, P2.yylloc === void 0 && (P2.yylloc = {});
       var L2 = P2.yylloc;
@@ -767,12 +770,12 @@ var parser = (function() {
       var R2 = P2.options && P2.options.ranges;
       typeof F2.yy.parseError == "function" ? this.parseError = F2.yy.parseError : this.parseError = Object.getPrototypeOf(this).parseError;
       function z2(e3) {
-        x2.length -= 2 * e3, w2.length -= e3, T2.length -= e3;
+        x2.length -= 2 * e3, C2.length -= e3, T2.length -= e3;
       }
       __name(z2, "popStack");
       function B2() {
-        var e3 = C2.pop() || P2.lex() || M2;
-        return typeof e3 != "number" && (e3 instanceof Array && (C2 = e3, e3 = C2.pop()), e3 = b2.symbols_[e3] || e3), e3;
+        var e3 = S2.pop() || P2.lex() || M2;
+        return typeof e3 != "number" && (e3 instanceof Array && (S2 = e3, e3 = S2.pop()), e3 = b2.symbols_[e3] || e3), e3;
       }
       __name(B2, "lex");
       for (var V2, H2, U2, W2, G2, K2 = {}, q2, J2, Y2, X2; ; ) {
@@ -790,10 +793,10 @@ var parser = (function() {
         if (W2[0] instanceof Array && W2.length > 1) throw Error("Parse Error: multiple actions possible at state: " + U2 + ", token: " + V2);
         switch (W2[0]) {
           case 1:
-            x2.push(V2), w2.push(P2.yytext), T2.push(P2.yylloc), x2.push(W2[1]), V2 = null, H2 ? (V2 = H2, H2 = null) : (k2 = P2.yyleng, D2 = P2.yytext, O2 = P2.yylineno, L2 = P2.yylloc, A2 > 0 && A2--);
+            x2.push(V2), C2.push(P2.yytext), T2.push(P2.yylloc), x2.push(W2[1]), V2 = null, H2 ? (V2 = H2, H2 = null) : (k2 = P2.yyleng, D2 = P2.yytext, O2 = P2.yylineno, L2 = P2.yylloc, A2 > 0 && A2--);
             break;
           case 2:
-            if (J2 = this.productions_[W2[1]][1], K2.$ = w2[w2.length - J2], K2._$ = {
+            if (J2 = this.productions_[W2[1]][1], K2.$ = C2[C2.length - J2], K2._$ = {
               first_line: T2[T2.length - (J2 || 1)].first_line,
               last_line: T2[T2.length - 1].last_line,
               first_column: T2[T2.length - (J2 || 1)].first_column,
@@ -804,10 +807,10 @@ var parser = (function() {
               O2,
               F2.yy,
               W2[1],
-              w2,
+              C2,
               T2
             ].concat(N2)), G2 !== void 0) return G2;
-            J2 && (x2 = x2.slice(0, -1 * J2 * 2), w2 = w2.slice(0, -1 * J2), T2 = T2.slice(0, -1 * J2)), x2.push(this.productions_[W2[1]][0]), w2.push(K2.$), T2.push(K2._$), Y2 = E2[x2[x2.length - 2]][x2[x2.length - 1]], x2.push(Y2);
+            J2 && (x2 = x2.slice(0, -1 * J2 * 2), C2 = C2.slice(0, -1 * J2), T2 = T2.slice(0, -1 * J2)), x2.push(this.productions_[W2[1]][0]), C2.push(K2.$), T2.push(K2._$), Y2 = E2[x2[x2.length - 2]][x2[x2.length - 1]], x2.push(Y2);
             break;
           case 3:
             return true;
@@ -838,14 +841,14 @@ var parser = (function() {
       unput: /* @__PURE__ */ __name(function(e2) {
         var b2 = e2.length, x2 = e2.split(/(?:\r\n?|\n)/g);
         this._input = e2 + this._input, this.yytext = this.yytext.substr(0, this.yytext.length - b2), this.offset -= b2;
-        var S = this.match.split(/(?:\r\n?|\n)/g);
+        var S2 = this.match.split(/(?:\r\n?|\n)/g);
         this.match = this.match.substr(0, this.match.length - 1), this.matched = this.matched.substr(0, this.matched.length - 1), x2.length - 1 && (this.yylineno -= x2.length - 1);
         var C2 = this.yylloc.range;
         return this.yylloc = {
           first_line: this.yylloc.first_line,
           last_line: this.yylineno + 1,
           first_column: this.yylloc.first_column,
-          last_column: x2 ? (x2.length === S.length ? this.yylloc.first_column : 0) + S[S.length - x2.length].length - x2[0].length : this.yylloc.first_column - b2
+          last_column: x2 ? (x2.length === S2.length ? this.yylloc.first_column : 0) + S2[S2.length - x2.length].length - x2[0].length : this.yylloc.first_column - b2
         }, this.options.ranges && (this.yylloc.range = [C2[0], C2[0] + this.yyleng - b2]), this.yyleng = this.yytext.length, this;
       }, "unput"),
       more: /* @__PURE__ */ __name(function() {
@@ -876,7 +879,7 @@ var parser = (function() {
         return e2 + this.upcomingInput() + "\n" + b2 + "^";
       }, "showPosition"),
       test_match: /* @__PURE__ */ __name(function(e2, b2) {
-        var x2, S, C2;
+        var x2, S2, C2;
         if (this.options.backtrack_lexer && (C2 = {
           yylineno: this.yylineno,
           yylloc: {
@@ -896,14 +899,14 @@ var parser = (function() {
           yy: this.yy,
           conditionStack: this.conditionStack.slice(0),
           done: this.done
-        }, this.options.ranges && (C2.yylloc.range = this.yylloc.range.slice(0))), S = e2[0].match(/(?:\r\n?|\n).*/g), S && (this.yylineno += S.length), this.yylloc = {
+        }, this.options.ranges && (C2.yylloc.range = this.yylloc.range.slice(0))), S2 = e2[0].match(/(?:\r\n?|\n).*/g), S2 && (this.yylineno += S2.length), this.yylloc = {
           first_line: this.yylloc.last_line,
           last_line: this.yylineno + 1,
           first_column: this.yylloc.last_column,
-          last_column: S ? S[S.length - 1].length - S[S.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + e2[0].length
+          last_column: S2 ? S2[S2.length - 1].length - S2[S2.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + e2[0].length
         }, this.yytext += e2[0], this.match += e2[0], this.matches = e2, this.yyleng = this.yytext.length, this.options.ranges && (this.yylloc.range = [this.offset, this.offset += this.yyleng]), this._more = false, this._backtrack = false, this._input = this._input.slice(e2[0].length), this.matched += e2[0], x2 = this.performAction.call(this, this.yy, this, b2, this.conditionStack[this.conditionStack.length - 1]), this.done && this._input && (this.done = false), x2) return x2;
         if (this._backtrack) {
-          for (var w2 in C2) this[w2] = C2[w2];
+          for (var w in C2) this[w] = C2[w];
           return false;
         }
         return false;
@@ -911,18 +914,18 @@ var parser = (function() {
       next: /* @__PURE__ */ __name(function() {
         if (this.done) return this.EOF;
         this._input || (this.done = true);
-        var e2, b2, x2, S;
+        var e2, b2, x2, S2;
         this._more || (this.yytext = "", this.match = "");
-        for (var C2 = this._currentRules(), w2 = 0; w2 < C2.length; w2++) if (x2 = this._input.match(this.rules[C2[w2]]), x2 && (!b2 || x2[0].length > b2[0].length)) {
-          if (b2 = x2, S = w2, this.options.backtrack_lexer) {
-            if (e2 = this.test_match(x2, C2[w2]), e2 !== false) return e2;
+        for (var C2 = this._currentRules(), w = 0; w < C2.length; w++) if (x2 = this._input.match(this.rules[C2[w]]), x2 && (!b2 || x2[0].length > b2[0].length)) {
+          if (b2 = x2, S2 = w, this.options.backtrack_lexer) {
+            if (e2 = this.test_match(x2, C2[w]), e2 !== false) return e2;
             if (this._backtrack) {
               b2 = false;
               continue;
             } else return false;
           } else if (!this.options.flex) break;
         }
-        return b2 ? (e2 = this.test_match(b2, C2[S]), e2 === false ? false : e2) : this._input === "" ? this.EOF : this.parseError("Lexical error on line " + (this.yylineno + 1) + ". Unrecognized text.\n" + this.showPosition(), {
+        return b2 ? (e2 = this.test_match(b2, C2[S2]), e2 === false ? false : e2) : this._input === "" ? this.EOF : this.parseError("Lexical error on line " + (this.yylineno + 1) + ". Unrecognized text.\n" + this.showPosition(), {
           text: "",
           token: null,
           line: this.yylineno
@@ -950,8 +953,17 @@ var parser = (function() {
         return this.conditionStack.length;
       }, "stateStackSize"),
       options: { "case-insensitive": true },
-      performAction: /* @__PURE__ */ __name(function(e2, b2, x2, S) {
-        switch (x2) {
+      performAction: /* @__PURE__ */ __name(function(e2, b2, x2, S2) {
+        function C2() {
+          let x3 = b2.yytext.indexOf("%%");
+          if (x3 === 0) return false;
+          if (x3 > 0) {
+            let S3 = b2.yytext.slice(0, x3), C3 = b2.yytext.slice(x3);
+            C3 && e2.lexer.unput(C3), b2.yytext = S3;
+          }
+          return true;
+        }
+        switch (__name(C2, "processId"), x2) {
           case 0:
             return 38;
           case 1:
@@ -969,161 +981,157 @@ var parser = (function() {
           case 7:
             return 54;
           case 8:
-            break;
+            return 5;
           case 9:
             break;
           case 10:
-            return 5;
+            break;
           case 11:
             break;
           case 12:
             break;
           case 13:
-            break;
-          case 14:
-            break;
-          case 15:
             return this.pushState("SCALE"), 17;
-          case 16:
+          case 14:
             return 18;
-          case 17:
+          case 15:
             this.popState();
             break;
-          case 18:
+          case 16:
             return this.begin("acc_title"), 33;
-          case 19:
+          case 17:
             return this.popState(), "acc_title_value";
-          case 20:
+          case 18:
             return this.begin("acc_descr"), 35;
-          case 21:
+          case 19:
             return this.popState(), "acc_descr_value";
-          case 22:
+          case 20:
             this.begin("acc_descr_multiline");
             break;
-          case 23:
+          case 21:
             this.popState();
             break;
-          case 24:
+          case 22:
             return "acc_descr_multiline_value";
-          case 25:
+          case 23:
             return this.pushState("CLASSDEF"), 41;
-          case 26:
+          case 24:
             return this.popState(), this.pushState("CLASSDEFID"), "DEFAULT_CLASSDEF_ID";
-          case 27:
+          case 25:
             return this.popState(), this.pushState("CLASSDEFID"), 42;
-          case 28:
+          case 26:
             return this.popState(), 43;
-          case 29:
+          case 27:
             return this.pushState("CLASS"), 48;
-          case 30:
+          case 28:
             return this.popState(), this.pushState("CLASS_STYLE"), 49;
-          case 31:
+          case 29:
             return this.popState(), 50;
-          case 32:
+          case 30:
             return this.pushState("STYLE"), 45;
-          case 33:
+          case 31:
             return this.popState(), this.pushState("STYLEDEF_STYLES"), 46;
-          case 34:
+          case 32:
             return this.popState(), 47;
-          case 35:
+          case 33:
             return this.pushState("SCALE"), 17;
-          case 36:
+          case 34:
             return 18;
-          case 37:
+          case 35:
             this.popState();
             break;
-          case 38:
+          case 36:
             this.pushState("STATE");
             break;
-          case 39:
+          case 37:
             return this.popState(), b2.yytext = b2.yytext.slice(0, -8).trim(), 25;
-          case 40:
+          case 38:
             return this.popState(), b2.yytext = b2.yytext.slice(0, -8).trim(), 26;
-          case 41:
+          case 39:
             return this.popState(), b2.yytext = b2.yytext.slice(0, -10).trim(), 27;
-          case 42:
+          case 40:
             return this.popState(), b2.yytext = b2.yytext.slice(0, -8).trim(), 25;
-          case 43:
+          case 41:
             return this.popState(), b2.yytext = b2.yytext.slice(0, -8).trim(), 26;
-          case 44:
+          case 42:
             return this.popState(), b2.yytext = b2.yytext.slice(0, -10).trim(), 27;
-          case 45:
+          case 43:
             return 51;
-          case 46:
+          case 44:
             return 52;
-          case 47:
+          case 45:
             return 53;
-          case 48:
+          case 46:
             return 54;
-          case 49:
+          case 47:
             this.pushState("STATE_STRING");
             break;
-          case 50:
+          case 48:
             return this.pushState("STATE_ID"), "AS";
-          case 51:
-            return this.popState(), "ID";
-          case 52:
+          case 49:
+            return C2() ? (this.popState(), "ID") : void 0;
+          case 50:
             this.popState();
             break;
-          case 53:
+          case 51:
             return "STATE_DESCR";
-          case 54:
+          case 52:
+            throw Error('Error: State name must be a single word. Found: "' + b2.yytext.trim() + '"');
+          case 53:
             return 19;
-          case 55:
+          case 54:
             this.popState();
             break;
-          case 56:
+          case 55:
             return this.popState(), this.pushState("struct"), 20;
+          case 56:
+            return this.popState(), 21;
           case 57:
             break;
           case 58:
-            return this.popState(), 21;
+            return this.begin("NOTE"), 29;
           case 59:
-            break;
+            return this.popState(), this.pushState("NOTE_ID"), 59;
           case 60:
-            return this.begin("NOTE"), 29;
+            return this.popState(), this.pushState("NOTE_ID"), 60;
           case 61:
-            return this.popState(), this.pushState("NOTE_ID"), 59;
+            this.popState(), this.pushState("FLOATING_NOTE");
+            break;
           case 62:
-            return this.popState(), this.pushState("NOTE_ID"), 60;
+            return this.popState(), this.pushState("FLOATING_NOTE_ID"), "AS";
           case 63:
-            this.popState(), this.pushState("FLOATING_NOTE");
             break;
           case 64:
-            return this.popState(), this.pushState("FLOATING_NOTE_ID"), "AS";
+            return "NOTE_TEXT";
           case 65:
-            break;
+            return C2() ? (this.popState(), "ID") : void 0;
           case 66:
-            return "NOTE_TEXT";
+            return C2() ? (this.popState(), this.pushState("NOTE_TEXT"), 24) : void 0;
           case 67:
-            return this.popState(), "ID";
+            return this.popState(), b2.yytext = b2.yytext.substr(2).trim(), 31;
           case 68:
-            return this.popState(), this.pushState("NOTE_TEXT"), 24;
+            return this.popState(), b2.yytext = b2.yytext.slice(0, -8).trim(), 31;
           case 69:
-            return this.popState(), b2.yytext = b2.yytext.substr(2).trim(), 31;
+            return 6;
           case 70:
-            return this.popState(), b2.yytext = b2.yytext.slice(0, -8).trim(), 31;
-          case 71:
             return 6;
+          case 71:
+            return 16;
           case 72:
-            return 6;
+            return 57;
           case 73:
-            return 16;
+            return C2() ? 24 : void 0;
           case 74:
-            return 57;
-          case 75:
-            return 24;
-          case 76:
             return b2.yytext = b2.yytext.trim(), 14;
-          case 77:
+          case 75:
             return 15;
-          case 78:
+          case 76:
             return 28;
-          case 79:
+          case 77:
             return 58;
-          case 80:
+          case 78:
             return 5;
-          case 81:
+          case 79:
             return "INVALID";
         }
       }, "anonymous"),
@@ -1136,13 +1144,11 @@ var parser = (function() {
         /^(?:.*direction\s+BT[^\n]*)/i,
         /^(?:.*direction\s+RL[^\n]*)/i,
         /^(?:.*direction\s+LR[^\n]*)/i,
-        /^(?:%%(?!\{)[^\n]*)/i,
-        /^(?:[^\}]%%[^\n]*)/i,
         /^(?:[\n]+)/i,
         /^(?:[\s]+)/i,
         /^(?:((?!\n)\s)+)/i,
         /^(?:#[^\n]*)/i,
-        /^(?:%[^\n]*)/i,
+        /^(?:%%(?!\{)[^\n]*)/i,
         /^(?:scale\s+)/i,
         /^(?:\d+)/i,
         /^(?:\s+width\b)/i,
@@ -1182,10 +1188,10 @@ var parser = (function() {
         /^(?:[^\n\{]*)/i,
         /^(?:["])/i,
         /^(?:[^"]*)/i,
+        /^(?:\w+\s+\w+.*?\{)/i,
         /^(?:[^\n\s\{]+)/i,
         /^(?:\n)/i,
         /^(?:\{)/i,
-        /^(?:%%(?!\{)[^\n]*)/i,
         /^(?:\})/i,
         /^(?:[\n])/i,
         /^(?:note\s+)/i,
@@ -1198,13 +1204,13 @@ var parser = (function() {
         /^(?:[^\n]*)/i,
         /^(?:\s*[^:\n\s\-]+)/i,
         /^(?:\s*:[^:\n;]+)/i,
-        /^(?:[\s\S]*?end note\b)/i,
+        /^(?:[\s\S]*?\n\s*end note\b)/i,
         /^(?:stateDiagram\s+)/i,
         /^(?:stateDiagram-v2\s+)/i,
         /^(?:hide empty description\b)/i,
         /^(?:\[\*\])/i,
         /^(?:[^:\n\s\-\{]+)/i,
-        /^(?:\s*:[^:\n;]+)/i,
+        /^(?:\s*:(?:[^:\n;]|:[^:\n;])+)/i,
         /^(?:-->)/i,
         /^(?:--)/i,
         /^(?::::)/i,
@@ -1213,58 +1219,63 @@ var parser = (function() {
       ],
       conditions: {
         LINE: {
-          rules: [12, 13],
+          rules: [
+            10,
+            11,
+            12
+          ],
           inclusive: false
         },
         struct: {
           rules: [
+            10,
+            11,
             12,
-            13,
-            25,
-            29,
-            32,
-            38,
+            23,
+            27,
+            30,
+            36,
+            43,
+            44,
             45,
             46,
-            47,
-            48,
+            56,
             57,
             58,
-            59,
-            60,
+            72,
+            73,
             74,
             75,
             76,
-            77,
-            78
+            77
           ],
           inclusive: false
         },
         FLOATING_NOTE_ID: {
-          rules: [67],
+          rules: [65],
           inclusive: false
         },
         FLOATING_NOTE: {
           rules: [
-            64,
-            65,
-            66
+            62,
+            63,
+            64
           ],
           inclusive: false
         },
         NOTE_TEXT: {
-          rules: [69, 70],
+          rules: [67, 68],
           inclusive: false
         },
         NOTE_ID: {
-          rules: [68],
+          rules: [66],
           inclusive: false
         },
         NOTE: {
           rules: [
-            61,
-            62,
-            63
+            59,
+            60,
+            61
           ],
           inclusive: false
         },
@@ -1273,7 +1284,7 @@ var parser = (function() {
           inclusive: false
         },
         STYLEDEF_STYLES: {
-          rules: [34],
+          rules: [32],
           inclusive: false
         },
         STYLE_IDS: {
@@ -1281,43 +1292,43 @@ var parser = (function() {
           inclusive: false
         },
         STYLE: {
-          rules: [33],
+          rules: [31],
           inclusive: false
         },
         CLASS_STYLE: {
-          rules: [31],
+          rules: [29],
           inclusive: false
         },
         CLASS: {
-          rules: [30],
+          rules: [28],
           inclusive: false
         },
         CLASSDEFID: {
-          rules: [28],
+          rules: [26],
           inclusive: false
         },
         CLASSDEF: {
-          rules: [26, 27],
+          rules: [24, 25],
           inclusive: false
         },
         acc_descr_multiline: {
-          rules: [23, 24],
+          rules: [21, 22],
           inclusive: false
         },
         acc_descr: {
-          rules: [21],
+          rules: [19],
           inclusive: false
         },
         acc_title: {
-          rules: [19],
+          rules: [17],
           inclusive: false
         },
         SCALE: {
           rules: [
-            16,
-            17,
-            36,
-            37
+            14,
+            15,
+            34,
+            35
           ],
           inclusive: false
         },
@@ -1326,11 +1337,11 @@ var parser = (function() {
           inclusive: false
         },
         STATE_ID: {
-          rules: [51],
+          rules: [49],
           inclusive: false
         },
         STATE_STRING: {
-          rules: [52, 53],
+          rules: [50, 51],
           inclusive: false
         },
         FORK_STATE: {
@@ -1339,24 +1350,30 @@ var parser = (function() {
         },
         STATE: {
           rules: [
+            10,
+            11,
             12,
-            13,
+            37,
+            38,
             39,
             40,
             41,
             42,
-            43,
-            44,
-            49,
-            50,
+            47,
+            48,
+            52,
+            53,
             54,
-            55,
-            56
+            55
           ],
           inclusive: false
         },
         ID: {
-          rules: [12, 13],
+          rules: [
+            10,
+            11,
+            12
+          ],
           inclusive: false
         },
         INITIAL: {
@@ -1371,31 +1388,29 @@ var parser = (function() {
             7,
             8,
             9,
-            10,
             11,
+            12,
             13,
-            14,
-            15,
+            16,
             18,
             20,
-            22,
-            25,
-            29,
-            32,
-            35,
-            38,
-            56,
-            60,
+            23,
+            27,
+            30,
+            33,
+            36,
+            55,
+            58,
+            69,
+            70,
             71,
             72,
             73,
             74,
             75,
-            76,
             77,
-            79,
-            80,
-            81
+            78,
+            79
           ],
           inclusive: true
         }
@@ -1408,7 +1423,7 @@ var parser = (function() {
   return __name($, "Parser"), $.prototype = Q, Q.Parser = $, new $();
 })();
 parser.parser = parser;
-var stateDiagram_default = parser, DEFAULT_DIAGRAM_DIRECTION = "TB", DEFAULT_NESTED_DOC_DIR = "TB", STMT_DIRECTION = "dir", STMT_STATE = "state", STMT_ROOT = "root", STMT_RELATION = "relation", STMT_CLASSDEF = "classDef", STMT_STYLEDEF = "style", STMT_APPLYCLASS = "applyClass", DEFAULT_STATE_TYPE = "default", DIVIDER_TYPE = "divider", G_EDGE_STYLE = "fill:none", G_EDGE_ARROWHEADSTYLE = "fill: #333", G_EDGE_LABELPOS = "c", G_EDGE_LABELTYPE = "text", G_EDGE_THICKNESS = "normal", SHAPE_STATE = "rect", SHAPE_STATE_WITH_DESC = "rectWithTitle", SHAPE_START = "stateStart", SHAPE_END = "stateEnd", SHAPE_DIVIDER = "divider", SHAPE_GROUP = "roundedWithTitle", SHAPE_NOTE = "note", SHAPE_NOTEGROUP = "noteGroup", CSS_DIAGRAM = "statediagram", CSS_DIAGRAM_STATE = `${CSS_DIAGRAM}-state`, CSS_EDGE = "transition", CSS_NOTE = "note", CSS_EDGE_NOTE_EDGE = `${CSS_EDGE} note-edge`, CSS_DIAGRAM_NOTE = `${CSS_DIAGRAM}-${CSS_NOTE}`, CSS_DIAGRAM_CLUSTER = `${CSS_DIAGRAM}-cluster`, CSS_DIAGRAM_CLUSTER_ALT = `${CSS_DIAGRAM}-cluster-alt`, PARENT = "parent", NOTE = "note", DOMID_STATE = "state", DOMID_TYPE_SPACER = "----", NOTE_ID = `${DOMID_TYPE_SPACER}${NOTE}`, PARENT_ID = `${DOMID_TYPE_SPACER}${PARENT}`, getDir = /* @__PURE__ */ __name((e, b = DEFAULT_NESTED_DOC_DIR) => {
+var stateDiagram_default = parser, DEFAULT_DIAGRAM_DIRECTION = "TB", DEFAULT_NESTED_DOC_DIR = "TB", STMT_DIRECTION = "dir", STMT_STATE = "state", STMT_ROOT = "root", STMT_RELATION = "relation", STMT_CLASSDEF = "classDef", STMT_STYLEDEF = "style", STMT_APPLYCLASS = "applyClass", DEFAULT_STATE_TYPE = "default", DIVIDER_TYPE = "divider", G_EDGE_STYLE = "fill:none", G_EDGE_ARROWHEADSTYLE = "fill: #333", G_EDGE_LABELPOS = "c", G_EDGE_LABELTYPE = "markdown", G_EDGE_THICKNESS = "normal", SHAPE_STATE = "rect", SHAPE_STATE_WITH_DESC = "rectWithTitle", SHAPE_START = "stateStart", SHAPE_END = "stateEnd", SHAPE_DIVIDER = "divider", SHAPE_GROUP = "roundedWithTitle", SHAPE_NOTE = "note", SHAPE_NOTEGROUP = "noteGroup", CSS_DIAGRAM = "statediagram", CSS_DIAGRAM_STATE = `${CSS_DIAGRAM}-state`, CSS_EDGE = "transition", CSS_NOTE = "note", CSS_EDGE_NOTE_EDGE = `${CSS_EDGE} note-edge`, CSS_DIAGRAM_NOTE = `${CSS_DIAGRAM}-${CSS_NOTE}`, CSS_DIAGRAM_CLUSTER = `${CSS_DIAGRAM}-cluster`, CSS_DIAGRAM_CLUSTER_ALT = `${CSS_DIAGRAM}-cluster-alt`, PARENT = "parent", NOTE = "note", DOMID_STATE = "state", DOMID_TYPE_SPACER = "----", NOTE_ID = `${DOMID_TYPE_SPACER}${NOTE}`, PARENT_ID = `${DOMID_TYPE_SPACER}${PARENT}`, getDir = /* @__PURE__ */ __name((e, b = DEFAULT_NESTED_DOC_DIR) => {
   if (!e.doc) return b;
   let x = b;
   for (let b2 of e.doc) b2.stmt === "dir" && (x = b2.value);
@@ -1417,44 +1432,45 @@ var stateDiagram_default = parser, DEFAULT_DIAGRAM_DIRECTION = "TB", DEFAULT_NES
   getClasses: /* @__PURE__ */ __name(function(e, b) {
     return b.db.getClasses();
   }, "getClasses"),
-  draw: /* @__PURE__ */ __name(async function(b, S, C, w) {
-    log.info("REF0:"), log.info("Drawing state diagram (v2)", S);
+  draw: /* @__PURE__ */ __name(async function(e, x, C, w) {
+    log.info("REF0:"), log.info("Drawing state diagram (v2)", x);
     let { securityLevel: T, state: E, layout: D } = getConfig2();
     w.db.extract(w.db.getRootDocV2());
-    let k = w.db.getData(), A = getDiagramElement(S, T);
-    k.type = w.type, k.layoutAlgorithm = D, k.nodeSpacing = (E == null ? void 0 : E.nodeSpacing) || 50, k.rankSpacing = (E == null ? void 0 : E.rankSpacing) || 50, k.markers = ["barb"], k.diagramId = S, await render(k, A);
+    let O = w.db.getData(), k = getDiagramElement(x, T);
+    O.type = w.type, O.layoutAlgorithm = D, O.nodeSpacing = (E == null ? void 0 : E.nodeSpacing) || 50, O.rankSpacing = (E == null ? void 0 : E.rankSpacing) || 50, getConfig2().look === "neo" ? O.markers = ["barbNeo"] : O.markers = ["barb"], O.diagramId = x, await render(O, k);
     try {
-      (typeof w.db.getLinks == "function" ? w.db.getLinks() : /* @__PURE__ */ new Map()).forEach((e, b2) => {
+      (typeof w.db.getLinks == "function" ? w.db.getLinks() : /* @__PURE__ */ new Map()).forEach((e2, b) => {
         var _a2;
-        let S2 = typeof b2 == "string" ? b2 : typeof (b2 == null ? void 0 : b2.id) == "string" ? b2.id : "";
-        if (!S2) {
-          log.warn("\u26A0\uFE0F Invalid or missing stateId from key:", JSON.stringify(b2));
+        let x2 = typeof b == "string" ? b : typeof (b == null ? void 0 : b.id) == "string" ? b.id : "", C2 = O.nodes.find((e3) => e3.id === x2);
+        if (!x2) {
+          log.warn("\u26A0\uFE0F Invalid or missing stateId from key:", JSON.stringify(b));
           return;
         }
-        let C2 = (_a2 = A.node()) == null ? void 0 : _a2.querySelectorAll("g"), w2;
-        if (C2 == null ? void 0 : C2.forEach((e2) => {
+        let w2 = (_a2 = k.node()) == null ? void 0 : _a2.querySelectorAll("g.node, g.rough-node"), T2;
+        if (w2 == null ? void 0 : w2.forEach((e3) => {
           var _a3;
-          ((_a3 = e2.textContent) == null ? void 0 : _a3.trim()) === S2 && (w2 = e2);
-        }), !w2) {
-          log.warn("\u26A0\uFE0F Could not find node matching text:", S2);
+          let b2 = (_a3 = e3.textContent) == null ? void 0 : _a3.trim();
+          (e3.id === (C2 == null ? void 0 : C2.domId) || b2 === x2) && (T2 = e3);
+        }), !T2) {
+          log.warn("\u26A0\uFE0F Could not find node matching text:", x2);
           return;
         }
-        let T2 = w2.parentNode;
-        if (!T2) {
-          log.warn("\u26A0\uFE0F Node has no parent, cannot wrap:", S2);
+        let E2 = T2.parentNode;
+        if (!E2) {
+          log.warn("\u26A0\uFE0F Node has no parent, cannot wrap:", x2);
           return;
         }
-        let E2 = document.createElementNS("http://www.w3.org/2000/svg", "a"), D2 = e.url.replace(/^"+|"+$/g, "");
-        if (E2.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", D2), E2.setAttribute("target", "_blank"), e.tooltip) {
-          let b3 = e.tooltip.replace(/^"+|"+$/g, "");
-          E2.setAttribute("title", b3);
+        let D2 = document.createElementNS("http://www.w3.org/2000/svg", "a"), A = e2.url.replace(/^"+|"+$/g, "");
+        if (D2.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", A), D2.setAttribute("target", "_blank"), e2.tooltip) {
+          let b2 = e2.tooltip.replace(/^"+|"+$/g, "");
+          D2.setAttribute("title", b2), T2.setAttribute("title", b2);
         }
-        T2.replaceChild(E2, w2), E2.appendChild(w2), log.info("\u{1F517} Wrapped node in <a> tag for:", S2, e.url);
+        E2.replaceChild(D2, T2), D2.appendChild(T2), log.info("\u{1F517} Wrapped node in <a> tag for:", x2, e2.url);
       });
-    } catch (e) {
-      log.error("\u274C Error injecting clickable links:", e);
+    } catch (e2) {
+      log.error("\u274C Error injecting clickable links:", e2);
     }
-    utils_default.insertTitle(A, "statediagramTitleText", (E == null ? void 0 : E.titleTopMargin) ?? 25, w.db.getDiagramTitle()), setupViewPortForSVG(A, 8, CSS_DIAGRAM, (E == null ? void 0 : E.useMaxWidth) ?? true);
+    utils_default.insertTitle(k, "statediagramTitleText", (E == null ? void 0 : E.titleTopMargin) ?? 25, w.db.getDiagramTitle()), setupViewPortForSVG(k, 8, CSS_DIAGRAM, (E == null ? void 0 : E.useMaxWidth) ?? true);
   }, "draw"),
   getDir
 }, nodeDb = /* @__PURE__ */ new Map(), graphItemCount = 0;
@@ -1462,24 +1478,24 @@ function stateDomId(e = "", b = 0, x = "", S = DOMID_TYPE_SPACER) {
   return `${DOMID_STATE}-${e}${x !== null && x.length > 0 ? `${S}${x}` : ""}-${b}`;
 }
 __name(stateDomId, "stateDomId");
-var setupDoc = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
+var setupDoc = /* @__PURE__ */ __name((e, b, x, C, w, T, E, D) => {
   log.trace("items", b), b.forEach((b2) => {
     switch (b2.stmt) {
       case STMT_STATE:
-        dataFetcher(e, b2, S, C, w, T, E, D);
+        dataFetcher(e, b2, x, C, w, T, E, D);
         break;
       case DEFAULT_STATE_TYPE:
-        dataFetcher(e, b2, S, C, w, T, E, D);
+        dataFetcher(e, b2, x, C, w, T, E, D);
         break;
       case STMT_RELATION:
         {
-          dataFetcher(e, b2.state1, S, C, w, T, E, D), dataFetcher(e, b2.state2, S, C, w, T, E, D);
-          let x = {
+          dataFetcher(e, b2.state1, x, C, w, T, E, D), dataFetcher(e, b2.state2, x, C, w, T, E, D);
+          let S = E === "neo", O = {
             id: "edge" + graphItemCount,
             start: b2.state1.id,
             end: b2.state2.id,
             arrowhead: "normal",
-            arrowTypeEnd: "arrow_barb",
+            arrowTypeEnd: S ? "arrow_barb_neo" : "arrow_barb",
             style: G_EDGE_STYLE,
             labelStyle: "",
             label: common_default.sanitizeText(b2.description ?? "", getConfig2()),
@@ -1490,7 +1506,7 @@ var setupDoc = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
             classes: CSS_EDGE,
             look: E
           };
-          w.push(x), graphItemCount++;
+          w.push(O), graphItemCount++;
         }
         break;
     }
@@ -1519,69 +1535,71 @@ function getStylesFromDbInfo(e) {
   return (e == null ? void 0 : e.styles) ?? [];
 }
 __name(getStylesFromDbInfo, "getStylesFromDbInfo");
-var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
+var dataFetcher = /* @__PURE__ */ __name((e, b, x, C, w, T, E, D) => {
   var _a2, _b, _c;
-  let A = b.id, j = S.get(A), M = getClassesFromDbInfo(j), N = getStylesFromDbInfo(j), P = getConfig2();
-  if (log.info("dataFetcher parsedItem", b, j, N), A !== "root") {
-    let S2 = SHAPE_STATE;
-    b.start === true ? S2 = SHAPE_START : b.start === false && (S2 = SHAPE_END), b.type !== DEFAULT_STATE_TYPE && (S2 = b.type), nodeDb.get(A) || nodeDb.set(A, {
-      id: A,
-      shape: S2,
-      description: common_default.sanitizeText(A, P),
-      cssClasses: `${M} ${CSS_DIAGRAM_STATE}`,
+  let O = b.id, A = x.get(O), j = getClassesFromDbInfo(A), N = getStylesFromDbInfo(A), P = getConfig2();
+  if (log.info("dataFetcher parsedItem", b, A, N), O !== "root") {
+    let x2 = SHAPE_STATE;
+    b.start === true ? x2 = SHAPE_START : b.start === false && (x2 = SHAPE_END), b.type !== DEFAULT_STATE_TYPE && (x2 = b.type), nodeDb.get(O) || nodeDb.set(O, {
+      id: O,
+      shape: x2,
+      description: common_default.sanitizeText(O, P),
+      cssClasses: `${j} ${CSS_DIAGRAM_STATE}`,
       cssStyles: N
     });
-    let O = nodeDb.get(A);
-    b.description && (Array.isArray(O.description) ? (O.shape = SHAPE_STATE_WITH_DESC, O.description.push(b.description)) : ((_a2 = O.description) == null ? void 0 : _a2.length) && O.description.length > 0 ? (O.shape = SHAPE_STATE_WITH_DESC, O.description === A ? O.description = [b.description] : O.description = [O.description, b.description]) : (O.shape = SHAPE_STATE, O.description = b.description), O.description = common_default.sanitizeTextOrArray(O.description, P)), ((_b = O.description) == null ? void 0 : _b.length) === 1 && O.shape === SHAPE_STATE_WITH_DESC && (O.type === "group" ? O.shape = SHAPE_GROUP : O.shape = SHAPE_STATE), !O.type && b.doc && (log.info("Setting cluster for XCX", A, getDir2(b)), O.type = "group", O.isGroup = true, O.dir = getDir2(b), O.shape = b.type === DIVIDER_TYPE ? SHAPE_DIVIDER : SHAPE_GROUP, O.cssClasses = `${O.cssClasses} ${CSS_DIAGRAM_CLUSTER} ${T ? CSS_DIAGRAM_CLUSTER_ALT : ""}`);
-    let j2 = {
+    let A2 = nodeDb.get(O);
+    b.description && (Array.isArray(A2.description) ? (A2.shape = SHAPE_STATE_WITH_DESC, A2.description.push(b.description)) : ((_a2 = A2.description) == null ? void 0 : _a2.length) && A2.description.length > 0 ? (A2.shape = SHAPE_STATE_WITH_DESC, A2.description === O ? A2.description = [b.description] : A2.description = [A2.description, b.description]) : (A2.shape = SHAPE_STATE, A2.description = b.description), A2.description = common_default.sanitizeTextOrArray(A2.description, P)), ((_b = A2.description) == null ? void 0 : _b.length) === 1 && A2.shape === SHAPE_STATE_WITH_DESC && (A2.type === "group" ? A2.shape = SHAPE_GROUP : A2.shape = SHAPE_STATE), !A2.type && b.doc && (log.info("Setting cluster for XCX", O, getDir2(b)), A2.type = "group", A2.isGroup = true, A2.dir = getDir2(b), A2.explicitDir = b.doc.some((e2) => e2.stmt === "dir"), A2.shape = b.type === DIVIDER_TYPE ? SHAPE_DIVIDER : SHAPE_GROUP, A2.cssClasses = `${A2.cssClasses} ${CSS_DIAGRAM_CLUSTER} ${T ? CSS_DIAGRAM_CLUSTER_ALT : ""}`);
+    let M = {
       labelStyle: "",
-      shape: O.shape,
-      label: O.description,
-      cssClasses: O.cssClasses,
+      shape: A2.shape,
+      label: A2.description,
+      cssClasses: A2.cssClasses,
       cssCompiledStyles: [],
-      cssStyles: O.cssStyles,
-      id: A,
-      dir: O.dir,
-      domId: stateDomId(A, graphItemCount),
-      type: O.type,
-      isGroup: O.type === "group",
+      cssStyles: A2.cssStyles,
+      id: O,
+      dir: A2.dir,
+      domId: stateDomId(O, graphItemCount),
+      type: A2.type,
+      isGroup: A2.type === "group",
       padding: 8,
       rx: 10,
       ry: 10,
-      look: E
+      look: E,
+      labelType: "markdown"
     };
-    if (j2.shape === SHAPE_DIVIDER && (j2.label = ""), e && e.id !== "root" && (log.trace("Setting node ", A, " to be child of its parent ", e.id), j2.parentId = e.id), j2.centerLabel = true, b.note) {
+    if (M.shape === SHAPE_DIVIDER && (M.label = ""), e && e.id !== "root" && (log.trace("Setting node ", O, " to be child of its parent ", e.id), M.parentId = e.id), M.centerLabel = true, b.note) {
       let e2 = {
         labelStyle: "",
         shape: SHAPE_NOTE,
         label: b.note.text,
+        labelType: "markdown",
         cssClasses: CSS_DIAGRAM_NOTE,
         cssStyles: [],
         cssCompiledStyles: [],
-        id: A + NOTE_ID + "-" + graphItemCount,
-        domId: stateDomId(A, graphItemCount, NOTE),
-        type: O.type,
-        isGroup: O.type === "group",
+        id: O + NOTE_ID + "-" + graphItemCount,
+        domId: stateDomId(O, graphItemCount, NOTE),
+        type: A2.type,
+        isGroup: A2.type === "group",
         padding: (_c = P.flowchart) == null ? void 0 : _c.padding,
         look: E,
         position: b.note.position
-      }, x = A + PARENT_ID, S3 = {
+      }, x3 = O + PARENT_ID, S = {
         labelStyle: "",
         shape: SHAPE_NOTEGROUP,
         label: b.note.text,
-        cssClasses: O.cssClasses,
+        cssClasses: A2.cssClasses,
         cssStyles: [],
-        id: A + PARENT_ID,
-        domId: stateDomId(A, graphItemCount, PARENT),
+        id: O + PARENT_ID,
+        domId: stateDomId(O, graphItemCount, PARENT),
         type: "group",
         isGroup: true,
         padding: 16,
         look: E,
         position: b.note.position
       };
-      graphItemCount++, S3.id = x, e2.parentId = x, insertOrUpdateNode(C, S3, D), insertOrUpdateNode(C, e2, D), insertOrUpdateNode(C, j2, D);
-      let T2 = A, k = e2.id;
-      b.note.position === "left of" && (T2 = e2.id, k = A), w.push({
+      graphItemCount++, S.id = x3, e2.parentId = x3, insertOrUpdateNode(C, S, D), insertOrUpdateNode(C, e2, D), insertOrUpdateNode(C, M, D);
+      let T2 = O, k = e2.id;
+      b.note.position === "left of" && (T2 = e2.id, k = O), w.push({
         id: T2 + "-" + k,
         start: T2,
         end: k,
@@ -1596,9 +1614,9 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
         thickness: G_EDGE_THICKNESS,
         look: E
       });
-    } else insertOrUpdateNode(C, j2, D);
+    } else insertOrUpdateNode(C, M, D);
   }
-  b.doc && (log.trace("Adding nodes children "), setupDoc(b, b.doc, S, C, w, !T, E, D));
+  b.doc && (log.trace("Adding nodes children "), setupDoc(b, b.doc, x, C, w, !T, E, D));
 }, "dataFetcher"), reset = /* @__PURE__ */ __name(() => {
   nodeDb.clear(), graphItemCount = 0;
 }, "reset"), CONSTANTS = {
@@ -1616,7 +1634,7 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
   documents: {}
 }), "newDoc"), clone = /* @__PURE__ */ __name((e) => JSON.parse(JSON.stringify(e)), "clone"), StateDB = (_a = class {
   constructor(e) {
-    this.version = e, this.nodes = [], this.edges = [], this.rootDoc = [], this.classes = newClassesList(), this.documents = { root: newDoc() }, this.currentDocument = this.documents.root, this.startEndCount = 0, this.dividerCnt = 0, this.links = /* @__PURE__ */ new Map(), this.getAccTitle = getAccTitle, this.setAccTitle = setAccTitle, this.getAccDescription = getAccDescription, this.setAccDescription = setAccDescription, this.setDiagramTitle = setDiagramTitle, this.getDiagramTitle = getDiagramTitle, this.clear(), this.setRootDoc = this.setRootDoc.bind(this), this.getDividerId = this.getDividerId.bind(this), this.setDirection = this.setDirection.bind(this), this.trimColon = this.trimColon.bind(this);
+    this.version = e, this.nodes = [], this.edges = [], this.rootDoc = [], this.classes = newClassesList(), this.documents = { root: newDoc() }, this.currentDocument = this.documents.root, this.startEndCount = 0, this.dividerCnt = 0, this.links = /* @__PURE__ */ new Map(), this.funs = [], this.getAccTitle = getAccTitle, this.setAccTitle = setAccTitle, this.getAccDescription = getAccDescription, this.setAccDescription = setAccDescription, this.setDiagramTitle = setDiagramTitle, this.getDiagramTitle = getDiagramTitle, this.clear(), this.setRootDoc = this.setRootDoc.bind(this), this.getDividerId = this.getDividerId.bind(this), this.setDirection = this.setDirection.bind(this), this.trimColon = this.trimColon.bind(this), this.bindFunctions = this.bindFunctions.bind(this);
   }
   extract(e) {
     this.clear(true);
@@ -1664,16 +1682,16 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
   setRootDoc(e) {
     log.info("Setting root doc", e), this.rootDoc = e, this.version === 1 ? this.extract(e) : this.extract(this.getRootDocV2());
   }
-  docTranslator(e, x, S) {
-    if (x.stmt === STMT_RELATION) {
-      this.docTranslator(e, x.state1, true), this.docTranslator(e, x.state2, false);
+  docTranslator(e, b, S) {
+    if (b.stmt === STMT_RELATION) {
+      this.docTranslator(e, b.state1, true), this.docTranslator(e, b.state2, false);
       return;
     }
-    if (x.stmt === STMT_STATE && (x.id === CONSTANTS.START_NODE ? (x.id = e.id + (S ? "_start" : "_end"), x.start = S) : x.id = x.id.trim()), x.stmt !== STMT_ROOT && x.stmt !== STMT_STATE || !x.doc) return;
+    if (b.stmt === STMT_STATE && (b.id === CONSTANTS.START_NODE ? (b.id = e.id + (S ? "_start" : "_end"), b.start = S) : b.id = b.id.trim()), b.stmt !== STMT_ROOT && b.stmt !== STMT_STATE || !b.doc) return;
     let C = [], w = [];
-    for (let e2 of x.doc) if (e2.type === DIVIDER_TYPE) {
-      let b = clone(e2);
-      b.doc = clone(w), C.push(b), w = [];
+    for (let e2 of b.doc) if (e2.type === DIVIDER_TYPE) {
+      let b2 = clone(e2);
+      b2.doc = clone(w), C.push(b2), w = [];
     } else w.push(e2);
     if (C.length > 0 && w.length > 0) {
       let e2 = {
@@ -1682,9 +1700,9 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
         type: "divider",
         doc: clone(w)
       };
-      C.push(clone(e2)), x.doc = C;
+      C.push(clone(e2)), b.doc = C;
     }
-    x.doc.forEach((e2) => this.docTranslator(x, e2, true));
+    b.doc.forEach((e2) => this.docTranslator(b, e2, true));
   }
   getRootDocV2() {
     return this.docTranslator({
@@ -1699,33 +1717,33 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
       doc: this.rootDoc
     };
   }
-  addState(e, b = DEFAULT_STATE_TYPE, S = void 0, C = void 0, w = void 0, T = void 0, E = void 0, D = void 0) {
-    let A = e == null ? void 0 : e.trim();
-    if (!this.currentDocument.states.has(A)) log.info("Adding state ", A, C), this.currentDocument.states.set(A, {
+  addState(e, b = DEFAULT_STATE_TYPE, x = void 0, C = void 0, w = void 0, T = void 0, E = void 0, D = void 0) {
+    let O = e == null ? void 0 : e.trim();
+    if (!this.currentDocument.states.has(O)) log.info("Adding state ", O, C), this.currentDocument.states.set(O, {
       stmt: STMT_STATE,
-      id: A,
+      id: O,
       descriptions: [],
       type: b,
-      doc: S,
+      doc: x,
       note: w,
       classes: [],
       styles: [],
       textStyles: []
     });
     else {
-      let e2 = this.currentDocument.states.get(A);
-      if (!e2) throw Error(`State not found: ${A}`);
-      e2.doc || (e2.doc = S), e2.type || (e2.type = b);
+      let e2 = this.currentDocument.states.get(O);
+      if (!e2) throw Error(`State not found: ${O}`);
+      e2.doc || (e2.doc = x), e2.type || (e2.type = b);
     }
-    if (C && (log.info("Setting state description", A, C), (Array.isArray(C) ? C : [C]).forEach((e2) => this.addDescription(A, e2.trim()))), w) {
-      let e2 = this.currentDocument.states.get(A);
-      if (!e2) throw Error(`State not found: ${A}`);
+    if (C && (log.info("Setting state description", O, C), (Array.isArray(C) ? C : [C]).forEach((e2) => this.addDescription(O, e2.trim()))), w) {
+      let e2 = this.currentDocument.states.get(O);
+      if (!e2) throw Error(`State not found: ${O}`);
       e2.note = w, e2.note.text = common_default.sanitizeText(e2.note.text, getConfig2());
     }
-    T && (log.info("Setting state classes", A, T), (Array.isArray(T) ? T : [T]).forEach((e2) => this.setCssClass(A, e2.trim()))), E && (log.info("Setting state styles", A, E), (Array.isArray(E) ? E : [E]).forEach((e2) => this.setStyle(A, e2.trim()))), D && (log.info("Setting state styles", A, E), (Array.isArray(D) ? D : [D]).forEach((e2) => this.setTextStyle(A, e2.trim())));
+    T && (log.info("Setting state classes", O, T), (Array.isArray(T) ? T : [T]).forEach((e2) => this.setCssClass(O, e2.trim()))), E && (log.info("Setting state styles", O, E), (Array.isArray(E) ? E : [E]).forEach((e2) => this.setStyle(O, e2.trim()))), D && (log.info("Setting state styles", O, E), (Array.isArray(D) ? D : [D]).forEach((e2) => this.setTextStyle(O, e2.trim())));
   }
   clear(e) {
-    this.nodes = [], this.edges = [], this.documents = { root: newDoc() }, this.currentDocument = this.documents.root, this.startEndCount = 0, this.classes = newClassesList(), e || (this.links = /* @__PURE__ */ new Map(), clear());
+    this.nodes = [], this.edges = [], this.funs = [this.setupToolTips.bind(this)], this.documents = { root: newDoc() }, this.currentDocument = this.documents.root, this.startEndCount = 0, this.classes = newClassesList(), e || (this.links = /* @__PURE__ */ new Map(), clear());
   }
   getState(e) {
     return this.currentDocument.states.get(e);
@@ -1739,11 +1757,11 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
   getRelations() {
     return this.currentDocument.relations;
   }
-  addLink(e, b, S) {
+  addLink(e, b, x) {
     this.links.set(e, {
       url: b,
-      tooltip: S
-    }), log.warn("Adding link", e, b, S);
+      tooltip: x
+    }), log.warn("Adding link", e, b, x);
   }
   getLinks() {
     return this.links;
@@ -1809,6 +1827,18 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
   getClasses() {
     return this.classes;
   }
+  setupToolTips(b) {
+    let x = createTooltip();
+    select_default(b).select("svg").selectAll("g.node, g.rough-node").on("mouseover", (b2) => {
+      var _a2;
+      let S = select_default(b2.currentTarget), w = S.attr("title");
+      if (w === null) return;
+      let T = (_a2 = b2.currentTarget) == null ? void 0 : _a2.getBoundingClientRect();
+      x.transition().duration(200).style("opacity", ".9"), x.style("left", window.scrollX + T.left + (T.right - T.left) / 2 + "px").style("top", window.scrollY + T.bottom + "px"), x.html(purify.sanitize(w)), S.classed("hover", true);
+    }).on("mouseout", (e) => {
+      x.transition().duration(500).style("opacity", 0), select_default(e.currentTarget).classed("hover", false);
+    });
+  }
   setCssClass(e, b) {
     e.split(",").forEach((e2) => {
       var _a2;
@@ -1828,6 +1858,11 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
     var _a2, _b;
     (_b = (_a2 = this.getState(e)) == null ? void 0 : _a2.textStyles) == null ? void 0 : _b.push(b);
   }
+  bindFunctions(e) {
+    this.funs.forEach((b) => {
+      b(e);
+    });
+  }
   getDirectionStatement() {
     return this.rootDoc.find((e) => e.stmt === STMT_DIRECTION);
   }
@@ -1864,7 +1899,7 @@ var dataFetcher = /* @__PURE__ */ __name((e, b, S, C, w, T, E, D) => {
   COMPOSITION: 2,
   DEPENDENCY: 3
 }, _a), styles_default = /* @__PURE__ */ __name((e) => `
-defs #statediagram-barbEnd {
+defs [id$="-barbEnd"] {
     fill: ${e.transitionColor};
     stroke: ${e.transitionColor};
   }
@@ -1891,12 +1926,12 @@ g.stateGroup rect {
 
 g.stateGroup line {
   stroke: ${e.lineColor};
-  stroke-width: 1;
+  stroke-width: ${e.strokeWidth || 1};
 }
 
 .transition {
   stroke: ${e.transitionColor};
-  stroke-width: 1;
+  stroke-width: ${e.strokeWidth || 1};
   fill: none;
 }
 
@@ -1981,21 +2016,21 @@ g.stateGroup line {
 .node rect {
   fill: ${e.stateBkg || e.mainBkg};
   stroke: ${e.stateBorder || e.nodeBorder};
-  stroke-width: 1px;
+  stroke-width: ${e.strokeWidth || 1}px;
 }
 .node polygon {
   fill: ${e.mainBkg};
   stroke: ${e.stateBorder || e.nodeBorder};;
-  stroke-width: 1px;
+  stroke-width: ${e.strokeWidth || 1}px;
 }
-#statediagram-barbEnd {
+[id$="-barbEnd"] {
   fill: ${e.lineColor};
 }
 
 .statediagram-cluster rect {
   fill: ${e.compositeTitleBackground};
   stroke: ${e.stateBorder || e.nodeBorder};
-  stroke-width: 1px;
+  stroke-width: ${e.strokeWidth || 1}px;
 }
 
 .cluster-label, .nodeLabel {
@@ -2066,10 +2101,10 @@ g.stateGroup line {
   color: red; // ${e.noteTextColor};
 }
 
-#dependencyStart, #dependencyEnd {
+[id$="-dependencyStart"], [id$="-dependencyEnd"] {
   fill: ${e.lineColor};
   stroke: ${e.lineColor};
-  stroke-width: 1;
+  stroke-width: ${e.strokeWidth || 1};
 }
 
 .statediagramTitleText {
@@ -2077,6 +2112,17 @@ g.stateGroup line {
   font-size: 18px;
   fill: ${e.textColor};
 }
+
+[data-look="neo"].statediagram-cluster rect {
+  fill: ${e.mainBkg};
+  stroke: ${e.useGradient ? "url(" + e.svgId + "-gradient)" : e.stateBorder || e.nodeBorder};
+  stroke-width: ${e.strokeWidth ?? 1};
+}
+[data-look="neo"].statediagram-cluster rect.outer {
+  rx: ${e.radius}px;
+  ry: ${e.radius}px;
+  filter: ${e.dropShadow ? e.dropShadow.replace("url(#drop-shadow)", `url(${e.svgId}-drop-shadow)`) : "none"}
+}
 `, "getStyles");
 export {
   styles_default as i,