@spteck/react-controls-v2 2.0.18 → 2.2.1

package/dist/chunk-DI55MBZ5-Bun58OTZ.js

@@ -0,0 +1,1928 @@
+var _a;
+import { g as getDiagramElement } from "./chunk-55IACEB6-__yJgpDO.js";
+import { s as setupViewPortForSVG } from "./chunk-QN33PNHL-DA_6jplh.js";
+import { _ as __name, l as log, c as getConfig2, r as render, u as utils_default, a as getAccTitle, b as setAccTitle, g as getAccDescription, s as setAccDescription, q as setDiagramTitle, t as getDiagramTitle, ab as generateId, k as common_default, z as clear } from "./index-CP55uT1-.js";
+var parser = function() {
+  var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
+    for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;
+    return o2;
+  }, "o"), $V0 = [1, 2], $V1 = [1, 3], $V2 = [1, 4], $V3 = [2, 4], $V4 = [1, 9], $V5 = [1, 11], $V6 = [1, 16], $V7 = [1, 17], $V8 = [1, 18], $V9 = [1, 19], $Va = [1, 33], $Vb = [1, 20], $Vc = [1, 21], $Vd = [1, 22], $Ve = [1, 23], $Vf = [1, 24], $Vg = [1, 26], $Vh = [1, 27], $Vi = [1, 28], $Vj = [1, 29], $Vk = [1, 30], $Vl = [1, 31], $Vm = [1, 32], $Vn = [1, 35], $Vo = [1, 36], $Vp = [1, 37], $Vq = [1, 38], $Vr = [1, 34], $Vs = [1, 4, 5, 16, 17, 19, 21, 22, 24, 25, 26, 27, 28, 29, 33, 35, 37, 38, 41, 45, 48, 51, 52, 53, 54, 57], $Vt = [1, 4, 5, 14, 15, 16, 17, 19, 21, 22, 24, 25, 26, 27, 28, 29, 33, 35, 37, 38, 39, 40, 41, 45, 48, 51, 52, 53, 54, 57], $Vu = [4, 5, 16, 17, 19, 21, 22, 24, 25, 26, 27, 28, 29, 33, 35, 37, 38, 41, 45, 48, 51, 52, 53, 54, 57];
+  var parser2 = {
+    trace: /* @__PURE__ */ __name(function trace() {
+    }, "trace"),
+    yy: {},
+    symbols_: { "error": 2, "start": 3, "SPACE": 4, "NL": 5, "SD": 6, "document": 7, "line": 8, "statement": 9, "classDefStatement": 10, "styleStatement": 11, "cssClassStatement": 12, "idStatement": 13, "DESCR": 14, "-->": 15, "HIDE_EMPTY": 16, "scale": 17, "WIDTH": 18, "COMPOSIT_STATE": 19, "STRUCT_START": 20, "STRUCT_STOP": 21, "STATE_DESCR": 22, "AS": 23, "ID": 24, "FORK": 25, "JOIN": 26, "CHOICE": 27, "CONCURRENT": 28, "note": 29, "notePosition": 30, "NOTE_TEXT": 31, "direction": 32, "acc_title": 33, "acc_title_value": 34, "acc_descr": 35, "acc_descr_value": 36, "acc_descr_multiline_value": 37, "CLICK": 38, "STRING": 39, "HREF": 40, "classDef": 41, "CLASSDEF_ID": 42, "CLASSDEF_STYLEOPTS": 43, "DEFAULT": 44, "style": 45, "STYLE_IDS": 46, "STYLEDEF_STYLEOPTS": 47, "class": 48, "CLASSENTITY_IDS": 49, "STYLECLASS": 50, "direction_tb": 51, "direction_bt": 52, "direction_rl": 53, "direction_lr": 54, "eol": 55, ";": 56, "EDGE_STATE": 57, "STYLE_SEPARATOR": 58, "left_of": 59, "right_of": 60, "$accept": 0, "$end": 1 },
+    terminals_: { 2: "error", 4: "SPACE", 5: "NL", 6: "SD", 14: "DESCR", 15: "-->", 16: "HIDE_EMPTY", 17: "scale", 18: "WIDTH", 19: "COMPOSIT_STATE", 20: "STRUCT_START", 21: "STRUCT_STOP", 22: "STATE_DESCR", 23: "AS", 24: "ID", 25: "FORK", 26: "JOIN", 27: "CHOICE", 28: "CONCURRENT", 29: "note", 31: "NOTE_TEXT", 33: "acc_title", 34: "acc_title_value", 35: "acc_descr", 36: "acc_descr_value", 37: "acc_descr_multiline_value", 38: "CLICK", 39: "STRING", 40: "HREF", 41: "classDef", 42: "CLASSDEF_ID", 43: "CLASSDEF_STYLEOPTS", 44: "DEFAULT", 45: "style", 46: "STYLE_IDS", 47: "STYLEDEF_STYLEOPTS", 48: "class", 49: "CLASSENTITY_IDS", 50: "STYLECLASS", 51: "direction_tb", 52: "direction_bt", 53: "direction_rl", 54: "direction_lr", 56: ";", 57: "EDGE_STATE", 58: "STYLE_SEPARATOR", 59: "left_of", 60: "right_of" },
+    productions_: [0, [3, 2], [3, 2], [3, 2], [7, 0], [7, 2], [8, 2], [8, 1], [8, 1], [9, 1], [9, 1], [9, 1], [9, 1], [9, 2], [9, 3], [9, 4], [9, 1], [9, 2], [9, 1], [9, 4], [9, 3], [9, 6], [9, 1], [9, 1], [9, 1], [9, 1], [9, 4], [9, 4], [9, 1], [9, 2], [9, 2], [9, 1], [9, 5], [9, 5], [10, 3], [10, 3], [11, 3], [12, 3], [32, 1], [32, 1], [32, 1], [32, 1], [55, 1], [55, 1], [13, 1], [13, 1], [13, 3], [13, 3], [30, 1], [30, 1]],
+    performAction: /* @__PURE__ */ __name(function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
+      var $0 = $$.length - 1;
+      switch (yystate) {
+        case 3:
+          yy.setRootDoc($$[$0]);
+          return $$[$0];
+        case 4:
+          this.$ = [];
+          break;
+        case 5:
+          if ($$[$0] != "nl") {
+            $$[$0 - 1].push($$[$0]);
+            this.$ = $$[$0 - 1];
+          }
+          break;
+        case 6:
+        case 7:
+          this.$ = $$[$0];
+          break;
+        case 8:
+          this.$ = "nl";
+          break;
+        case 12:
+          this.$ = $$[$0];
+          break;
+        case 13:
+          const stateStmt = $$[$0 - 1];
+          stateStmt.description = yy.trimColon($$[$0]);
+          this.$ = stateStmt;
+          break;
+        case 14:
+          this.$ = { stmt: "relation", state1: $$[$0 - 2], state2: $$[$0] };
+          break;
+        case 15:
+          const relDescription = yy.trimColon($$[$0]);
+          this.$ = { stmt: "relation", state1: $$[$0 - 3], state2: $$[$0 - 1], description: relDescription };
+          break;
+        case 19:
+          this.$ = { stmt: "state", id: $$[$0 - 3], type: "default", description: "", doc: $$[$0 - 1] };
+          break;
+        case 20:
+          var id = $$[$0];
+          var description = $$[$0 - 2].trim();
+          if ($$[$0].match(":")) {
+            var parts = $$[$0].split(":");
+            id = parts[0];
+            description = [description, parts[1]];
+          }
+          this.$ = { stmt: "state", id, type: "default", description };
+          break;
+        case 21:
+          this.$ = { stmt: "state", id: $$[$0 - 3], type: "default", description: $$[$0 - 5], doc: $$[$0 - 1] };
+          break;
+        case 22:
+          this.$ = { stmt: "state", id: $$[$0], type: "fork" };
+          break;
+        case 23:
+          this.$ = { stmt: "state", id: $$[$0], type: "join" };
+          break;
+        case 24:
+          this.$ = { stmt: "state", id: $$[$0], type: "choice" };
+          break;
+        case 25:
+          this.$ = { stmt: "state", id: yy.getDividerId(), type: "divider" };
+          break;
+        case 26:
+          this.$ = { stmt: "state", id: $$[$0 - 1].trim(), note: { position: $$[$0 - 2].trim(), text: $$[$0].trim() } };
+          break;
+        case 29:
+          this.$ = $$[$0].trim();
+          yy.setAccTitle(this.$);
+          break;
+        case 30:
+        case 31:
+          this.$ = $$[$0].trim();
+          yy.setAccDescription(this.$);
+          break;
+        case 32:
+          this.$ = {
+            stmt: "click",
+            id: $$[$0 - 3],
+            url: $$[$0 - 2],
+            tooltip: $$[$0 - 1]
+          };
+          break;
+        case 33:
+          this.$ = {
+            stmt: "click",
+            id: $$[$0 - 3],
+            url: $$[$0 - 1],
+            tooltip: ""
+          };
+          break;
+        case 34:
+        case 35:
+          this.$ = { stmt: "classDef", id: $$[$0 - 1].trim(), classes: $$[$0].trim() };
+          break;
+        case 36:
+          this.$ = { stmt: "style", id: $$[$0 - 1].trim(), styleClass: $$[$0].trim() };
+          break;
+        case 37:
+          this.$ = { stmt: "applyClass", id: $$[$0 - 1].trim(), styleClass: $$[$0].trim() };
+          break;
+        case 38:
+          yy.setDirection("TB");
+          this.$ = { stmt: "dir", value: "TB" };
+          break;
+        case 39:
+          yy.setDirection("BT");
+          this.$ = { stmt: "dir", value: "BT" };
+          break;
+        case 40:
+          yy.setDirection("RL");
+          this.$ = { stmt: "dir", value: "RL" };
+          break;
+        case 41:
+          yy.setDirection("LR");
+          this.$ = { stmt: "dir", value: "LR" };
+          break;
+        case 44:
+        case 45:
+          this.$ = { stmt: "state", id: $$[$0].trim(), type: "default", description: "" };
+          break;
+        case 46:
+          this.$ = { stmt: "state", id: $$[$0 - 2].trim(), classes: [$$[$0].trim()], type: "default", description: "" };
+          break;
+        case 47:
+          this.$ = { stmt: "state", id: $$[$0 - 2].trim(), classes: [$$[$0].trim()], type: "default", description: "" };
+          break;
+      }
+    }, "anonymous"),
+    table: [{ 3: 1, 4: $V0, 5: $V1, 6: $V2 }, { 1: [3] }, { 3: 5, 4: $V0, 5: $V1, 6: $V2 }, { 3: 6, 4: $V0, 5: $V1, 6: $V2 }, o([1, 4, 5, 16, 17, 19, 22, 24, 25, 26, 27, 28, 29, 33, 35, 37, 38, 41, 45, 48, 51, 52, 53, 54, 57], $V3, { 7: 7 }), { 1: [2, 1] }, { 1: [2, 2] }, { 1: [2, 3], 4: $V4, 5: $V5, 8: 8, 9: 10, 10: 12, 11: 13, 12: 14, 13: 15, 16: $V6, 17: $V7, 19: $V8, 22: $V9, 24: $Va, 25: $Vb, 26: $Vc, 27: $Vd, 28: $Ve, 29: $Vf, 32: 25, 33: $Vg, 35: $Vh, 37: $Vi, 38: $Vj, 41: $Vk, 45: $Vl, 48: $Vm, 51: $Vn, 52: $Vo, 53: $Vp, 54: $Vq, 57: $Vr }, o($Vs, [2, 5]), { 9: 39, 10: 12, 11: 13, 12: 14, 13: 15, 16: $V6, 17: $V7, 19: $V8, 22: $V9, 24: $Va, 25: $Vb, 26: $Vc, 27: $Vd, 28: $Ve, 29: $Vf, 32: 25, 33: $Vg, 35: $Vh, 37: $Vi, 38: $Vj, 41: $Vk, 45: $Vl, 48: $Vm, 51: $Vn, 52: $Vo, 53: $Vp, 54: $Vq, 57: $Vr }, o($Vs, [2, 7]), o($Vs, [2, 8]), o($Vs, [2, 9]), o($Vs, [2, 10]), o($Vs, [2, 11]), o($Vs, [2, 12], { 14: [1, 40], 15: [1, 41] }), o($Vs, [2, 16]), { 18: [1, 42] }, o($Vs, [2, 18], { 20: [1, 43] }), { 23: [1, 44] }, o($Vs, [2, 22]), o($Vs, [2, 23]), o($Vs, [2, 24]), o($Vs, [2, 25]), { 30: 45, 31: [1, 46], 59: [1, 47], 60: [1, 48] }, o($Vs, [2, 28]), { 34: [1, 49] }, { 36: [1, 50] }, o($Vs, [2, 31]), { 13: 51, 24: $Va, 57: $Vr }, { 42: [1, 52], 44: [1, 53] }, { 46: [1, 54] }, { 49: [1, 55] }, o($Vt, [2, 44], { 58: [1, 56] }), o($Vt, [2, 45], { 58: [1, 57] }), o($Vs, [2, 38]), o($Vs, [2, 39]), o($Vs, [2, 40]), o($Vs, [2, 41]), o($Vs, [2, 6]), o($Vs, [2, 13]), { 13: 58, 24: $Va, 57: $Vr }, o($Vs, [2, 17]), o($Vu, $V3, { 7: 59 }), { 24: [1, 60] }, { 24: [1, 61] }, { 23: [1, 62] }, { 24: [2, 48] }, { 24: [2, 49] }, o($Vs, [2, 29]), o($Vs, [2, 30]), { 39: [1, 63], 40: [1, 64] }, { 43: [1, 65] }, { 43: [1, 66] }, { 47: [1, 67] }, { 50: [1, 68] }, { 24: [1, 69] }, { 24: [1, 70] }, o($Vs, [2, 14], { 14: [1, 71] }), { 4: $V4, 5: $V5, 8: 8, 9: 10, 10: 12, 11: 13, 12: 14, 13: 15, 16: $V6, 17: $V7, 19: $V8, 21: [1, 72], 22: $V9, 24: $Va, 25: $Vb, 26: $Vc, 27: $Vd, 28: $Ve, 29: $Vf, 32: 25, 33: $Vg, 35: $Vh, 37: $Vi, 38: $Vj, 41: $Vk, 45: $Vl, 48: $Vm, 51: $Vn, 52: $Vo, 53: $Vp, 54: $Vq, 57: $Vr }, o($Vs, [2, 20], { 20: [1, 73] }), { 31: [1, 74] }, { 24: [1, 75] }, { 39: [1, 76] }, { 39: [1, 77] }, o($Vs, [2, 34]), o($Vs, [2, 35]), o($Vs, [2, 36]), o($Vs, [2, 37]), o($Vt, [2, 46]), o($Vt, [2, 47]), o($Vs, [2, 15]), o($Vs, [2, 19]), o($Vu, $V3, { 7: 78 }), o($Vs, [2, 26]), o($Vs, [2, 27]), { 5: [1, 79] }, { 5: [1, 80] }, { 4: $V4, 5: $V5, 8: 8, 9: 10, 10: 12, 11: 13, 12: 14, 13: 15, 16: $V6, 17: $V7, 19: $V8, 21: [1, 81], 22: $V9, 24: $Va, 25: $Vb, 26: $Vc, 27: $Vd, 28: $Ve, 29: $Vf, 32: 25, 33: $Vg, 35: $Vh, 37: $Vi, 38: $Vj, 41: $Vk, 45: $Vl, 48: $Vm, 51: $Vn, 52: $Vo, 53: $Vp, 54: $Vq, 57: $Vr }, o($Vs, [2, 32]), o($Vs, [2, 33]), o($Vs, [2, 21])],
+    defaultActions: { 5: [2, 1], 6: [2, 2], 47: [2, 48], 48: [2, 49] },
+    parseError: /* @__PURE__ */ __name(function parseError(str, hash) {
+      if (hash.recoverable) {
+        this.trace(str);
+      } else {
+        var error = new Error(str);
+        error.hash = hash;
+        throw error;
+      }
+    }, "parseError"),
+    parse: /* @__PURE__ */ __name(function parse(input) {
+      var self = this, stack = [0], tstack = [], vstack = [null], lstack = [], table = this.table, yytext = "", yylineno = 0, yyleng = 0, TERROR = 2, EOF = 1;
+      var args = lstack.slice.call(arguments, 1);
+      var lexer2 = Object.create(this.lexer);
+      var sharedState = { yy: {} };
+      for (var k in this.yy) {
+        if (Object.prototype.hasOwnProperty.call(this.yy, k)) {
+          sharedState.yy[k] = this.yy[k];
+        }
+      }
+      lexer2.setInput(input, sharedState.yy);
+      sharedState.yy.lexer = lexer2;
+      sharedState.yy.parser = this;
+      if (typeof lexer2.yylloc == "undefined") {
+        lexer2.yylloc = {};
+      }
+      var yyloc = lexer2.yylloc;
+      lstack.push(yyloc);
+      var ranges = lexer2.options && lexer2.options.ranges;
+      if (typeof sharedState.yy.parseError === "function") {
+        this.parseError = sharedState.yy.parseError;
+      } else {
+        this.parseError = Object.getPrototypeOf(this).parseError;
+      }
+      function popStack(n) {
+        stack.length = stack.length - 2 * n;
+        vstack.length = vstack.length - n;
+        lstack.length = lstack.length - n;
+      }
+      __name(popStack, "popStack");
+      function lex() {
+        var token;
+        token = tstack.pop() || lexer2.lex() || EOF;
+        if (typeof token !== "number") {
+          if (token instanceof Array) {
+            tstack = token;
+            token = tstack.pop();
+          }
+          token = self.symbols_[token] || token;
+        }
+        return token;
+      }
+      __name(lex, "lex");
+      var symbol, state, action, r, yyval = {}, p, len, newState, expected;
+      while (true) {
+        state = stack[stack.length - 1];
+        if (this.defaultActions[state]) {
+          action = this.defaultActions[state];
+        } else {
+          if (symbol === null || typeof symbol == "undefined") {
+            symbol = lex();
+          }
+          action = table[state] && table[state][symbol];
+        }
+        if (typeof action === "undefined" || !action.length || !action[0]) {
+          var errStr = "";
+          expected = [];
+          for (p in table[state]) {
+            if (this.terminals_[p] && p > TERROR) {
+              expected.push("'" + this.terminals_[p] + "'");
+            }
+          }
+          if (lexer2.showPosition) {
+            errStr = "Parse error on line " + (yylineno + 1) + ":\n" + lexer2.showPosition() + "\nExpecting " + expected.join(", ") + ", got '" + (this.terminals_[symbol] || symbol) + "'";
+          } else {
+            errStr = "Parse error on line " + (yylineno + 1) + ": Unexpected " + (symbol == EOF ? "end of input" : "'" + (this.terminals_[symbol] || symbol) + "'");
+          }
+          this.parseError(errStr, {
+            text: lexer2.match,
+            token: this.terminals_[symbol] || symbol,
+            line: lexer2.yylineno,
+            loc: yyloc,
+            expected
+          });
+        }
+        if (action[0] instanceof Array && action.length > 1) {
+          throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol);
+        }
+        switch (action[0]) {
+          case 1:
+            stack.push(symbol);
+            vstack.push(lexer2.yytext);
+            lstack.push(lexer2.yylloc);
+            stack.push(action[1]);
+            symbol = null;
+            {
+              yyleng = lexer2.yyleng;
+              yytext = lexer2.yytext;
+              yylineno = lexer2.yylineno;
+              yyloc = lexer2.yylloc;
+            }
+            break;
+          case 2:
+            len = this.productions_[action[1]][1];
+            yyval.$ = vstack[vstack.length - len];
+            yyval._$ = {
+              first_line: lstack[lstack.length - (len || 1)].first_line,
+              last_line: lstack[lstack.length - 1].last_line,
+              first_column: lstack[lstack.length - (len || 1)].first_column,
+              last_column: lstack[lstack.length - 1].last_column
+            };
+            if (ranges) {
+              yyval._$.range = [
+                lstack[lstack.length - (len || 1)].range[0],
+                lstack[lstack.length - 1].range[1]
+              ];
+            }
+            r = this.performAction.apply(yyval, [
+              yytext,
+              yyleng,
+              yylineno,
+              sharedState.yy,
+              action[1],
+              vstack,
+              lstack
+            ].concat(args));
+            if (typeof r !== "undefined") {
+              return r;
+            }
+            if (len) {
+              stack = stack.slice(0, -1 * len * 2);
+              vstack = vstack.slice(0, -1 * len);
+              lstack = lstack.slice(0, -1 * len);
+            }
+            stack.push(this.productions_[action[1]][0]);
+            vstack.push(yyval.$);
+            lstack.push(yyval._$);
+            newState = table[stack[stack.length - 2]][stack[stack.length - 1]];
+            stack.push(newState);
+            break;
+          case 3:
+            return true;
+        }
+      }
+      return true;
+    }, "parse")
+  };
+  var lexer = /* @__PURE__ */ function() {
+    var lexer2 = {
+      EOF: 1,
+      parseError: /* @__PURE__ */ __name(function parseError(str, hash) {
+        if (this.yy.parser) {
+          this.yy.parser.parseError(str, hash);
+        } else {
+          throw new Error(str);
+        }
+      }, "parseError"),
+      // resets the lexer, sets new input
+      setInput: /* @__PURE__ */ __name(function(input, yy) {
+        this.yy = yy || this.yy || {};
+        this._input = input;
+        this._more = this._backtrack = this.done = false;
+        this.yylineno = this.yyleng = 0;
+        this.yytext = this.matched = this.match = "";
+        this.conditionStack = ["INITIAL"];
+        this.yylloc = {
+          first_line: 1,
+          first_column: 0,
+          last_line: 1,
+          last_column: 0
+        };
+        if (this.options.ranges) {
+          this.yylloc.range = [0, 0];
+        }
+        this.offset = 0;
+        return this;
+      }, "setInput"),
+      // consumes and returns one char from the input
+      input: /* @__PURE__ */ __name(function() {
+        var ch = this._input[0];
+        this.yytext += ch;
+        this.yyleng++;
+        this.offset++;
+        this.match += ch;
+        this.matched += ch;
+        var lines = ch.match(/(?:\r\n?|\n).*/g);
+        if (lines) {
+          this.yylineno++;
+          this.yylloc.last_line++;
+        } else {
+          this.yylloc.last_column++;
+        }
+        if (this.options.ranges) {
+          this.yylloc.range[1]++;
+        }
+        this._input = this._input.slice(1);
+        return ch;
+      }, "input"),
+      // unshifts one char (or a string) into the input
+      unput: /* @__PURE__ */ __name(function(ch) {
+        var len = ch.length;
+        var lines = ch.split(/(?:\r\n?|\n)/g);
+        this._input = ch + this._input;
+        this.yytext = this.yytext.substr(0, this.yytext.length - len);
+        this.offset -= len;
+        var oldLines = 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);
+        if (lines.length - 1) {
+          this.yylineno -= lines.length - 1;
+        }
+        var r = this.yylloc.range;
+        this.yylloc = {
+          first_line: this.yylloc.first_line,
+          last_line: this.yylineno + 1,
+          first_column: this.yylloc.first_column,
+          last_column: lines ? (lines.length === oldLines.length ? this.yylloc.first_column : 0) + oldLines[oldLines.length - lines.length].length - lines[0].length : this.yylloc.first_column - len
+        };
+        if (this.options.ranges) {
+          this.yylloc.range = [r[0], r[0] + this.yyleng - len];
+        }
+        this.yyleng = this.yytext.length;
+        return this;
+      }, "unput"),
+      // When called from action, caches matched text and appends it on next action
+      more: /* @__PURE__ */ __name(function() {
+        this._more = true;
+        return this;
+      }, "more"),
+      // When called from action, signals the lexer that this rule fails to match the input, so the next matching rule (regex) should be tested instead.
+      reject: /* @__PURE__ */ __name(function() {
+        if (this.options.backtrack_lexer) {
+          this._backtrack = true;
+        } else {
+          return this.parseError("Lexical error on line " + (this.yylineno + 1) + ". You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).\n" + this.showPosition(), {
+            text: "",
+            token: null,
+            line: this.yylineno
+          });
+        }
+        return this;
+      }, "reject"),
+      // retain first n characters of the match
+      less: /* @__PURE__ */ __name(function(n) {
+        this.unput(this.match.slice(n));
+      }, "less"),
+      // displays already matched input, i.e. for error messages
+      pastInput: /* @__PURE__ */ __name(function() {
+        var past = this.matched.substr(0, this.matched.length - this.match.length);
+        return (past.length > 20 ? "..." : "") + past.substr(-20).replace(/\n/g, "");
+      }, "pastInput"),
+      // displays upcoming input, i.e. for error messages
+      upcomingInput: /* @__PURE__ */ __name(function() {
+        var next = this.match;
+        if (next.length < 20) {
+          next += this._input.substr(0, 20 - next.length);
+        }
+        return (next.substr(0, 20) + (next.length > 20 ? "..." : "")).replace(/\n/g, "");
+      }, "upcomingInput"),
+      // displays the character position where the lexing error occurred, i.e. for error messages
+      showPosition: /* @__PURE__ */ __name(function() {
+        var pre = this.pastInput();
+        var c = new Array(pre.length + 1).join("-");
+        return pre + this.upcomingInput() + "\n" + c + "^";
+      }, "showPosition"),
+      // test the lexed token: return FALSE when not a match, otherwise return token
+      test_match: /* @__PURE__ */ __name(function(match, indexed_rule) {
+        var token, lines, backup;
+        if (this.options.backtrack_lexer) {
+          backup = {
+            yylineno: this.yylineno,
+            yylloc: {
+              first_line: this.yylloc.first_line,
+              last_line: this.last_line,
+              first_column: this.yylloc.first_column,
+              last_column: this.yylloc.last_column
+            },
+            yytext: this.yytext,
+            match: this.match,
+            matches: this.matches,
+            matched: this.matched,
+            yyleng: this.yyleng,
+            offset: this.offset,
+            _more: this._more,
+            _input: this._input,
+            yy: this.yy,
+            conditionStack: this.conditionStack.slice(0),
+            done: this.done
+          };
+          if (this.options.ranges) {
+            backup.yylloc.range = this.yylloc.range.slice(0);
+          }
+        }
+        lines = match[0].match(/(?:\r\n?|\n).*/g);
+        if (lines) {
+          this.yylineno += lines.length;
+        }
+        this.yylloc = {
+          first_line: this.yylloc.last_line,
+          last_line: this.yylineno + 1,
+          first_column: this.yylloc.last_column,
+          last_column: lines ? lines[lines.length - 1].length - lines[lines.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + match[0].length
+        };
+        this.yytext += match[0];
+        this.match += match[0];
+        this.matches = match;
+        this.yyleng = this.yytext.length;
+        if (this.options.ranges) {
+          this.yylloc.range = [this.offset, this.offset += this.yyleng];
+        }
+        this._more = false;
+        this._backtrack = false;
+        this._input = this._input.slice(match[0].length);
+        this.matched += match[0];
+        token = this.performAction.call(this, this.yy, this, indexed_rule, this.conditionStack[this.conditionStack.length - 1]);
+        if (this.done && this._input) {
+          this.done = false;
+        }
+        if (token) {
+          return token;
+        } else if (this._backtrack) {
+          for (var k in backup) {
+            this[k] = backup[k];
+          }
+          return false;
+        }
+        return false;
+      }, "test_match"),
+      // return next match in input
+      next: /* @__PURE__ */ __name(function() {
+        if (this.done) {
+          return this.EOF;
+        }
+        if (!this._input) {
+          this.done = true;
+        }
+        var token, match, tempMatch, index;
+        if (!this._more) {
+          this.yytext = "";
+          this.match = "";
+        }
+        var rules = this._currentRules();
+        for (var i = 0; i < rules.length; i++) {
+          tempMatch = this._input.match(this.rules[rules[i]]);
+          if (tempMatch && (!match || tempMatch[0].length > match[0].length)) {
+            match = tempMatch;
+            index = i;
+            if (this.options.backtrack_lexer) {
+              token = this.test_match(tempMatch, rules[i]);
+              if (token !== false) {
+                return token;
+              } else if (this._backtrack) {
+                match = false;
+                continue;
+              } else {
+                return false;
+              }
+            } else if (!this.options.flex) {
+              break;
+            }
+          }
+        }
+        if (match) {
+          token = this.test_match(match, rules[index]);
+          if (token !== false) {
+            return token;
+          }
+          return false;
+        }
+        if (this._input === "") {
+          return this.EOF;
+        } else {
+          return this.parseError("Lexical error on line " + (this.yylineno + 1) + ". Unrecognized text.\n" + this.showPosition(), {
+            text: "",
+            token: null,
+            line: this.yylineno
+          });
+        }
+      }, "next"),
+      // return next match that has a token
+      lex: /* @__PURE__ */ __name(function lex() {
+        var r = this.next();
+        if (r) {
+          return r;
+        } else {
+          return this.lex();
+        }
+      }, "lex"),
+      // activates a new lexer condition state (pushes the new lexer condition state onto the condition stack)
+      begin: /* @__PURE__ */ __name(function begin(condition) {
+        this.conditionStack.push(condition);
+      }, "begin"),
+      // pop the previously active lexer condition state off the condition stack
+      popState: /* @__PURE__ */ __name(function popState() {
+        var n = this.conditionStack.length - 1;
+        if (n > 0) {
+          return this.conditionStack.pop();
+        } else {
+          return this.conditionStack[0];
+        }
+      }, "popState"),
+      // produce the lexer rule set which is active for the currently active lexer condition state
+      _currentRules: /* @__PURE__ */ __name(function _currentRules() {
+        if (this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1]) {
+          return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
+        } else {
+          return this.conditions["INITIAL"].rules;
+        }
+      }, "_currentRules"),
+      // return the currently active lexer condition state; when an index argument is provided it produces the N-th previous condition state, if available
+      topState: /* @__PURE__ */ __name(function topState(n) {
+        n = this.conditionStack.length - 1 - Math.abs(n || 0);
+        if (n >= 0) {
+          return this.conditionStack[n];
+        } else {
+          return "INITIAL";
+        }
+      }, "topState"),
+      // alias for begin(condition)
+      pushState: /* @__PURE__ */ __name(function pushState(condition) {
+        this.begin(condition);
+      }, "pushState"),
+      // return the number of states currently on the stack
+      stateStackSize: /* @__PURE__ */ __name(function stateStackSize() {
+        return this.conditionStack.length;
+      }, "stateStackSize"),
+      options: { "case-insensitive": true },
+      performAction: /* @__PURE__ */ __name(function anonymous(yy, yy_, $avoiding_name_collisions, YY_START) {
+        switch ($avoiding_name_collisions) {
+          case 0:
+            return 38;
+          case 1:
+            return 40;
+          case 2:
+            return 39;
+          case 3:
+            return 44;
+          case 4:
+            return 51;
+          case 5:
+            return 52;
+          case 6:
+            return 53;
+          case 7:
+            return 54;
+          case 8:
+            break;
+          case 9:
+            break;
+          case 10:
+            return 5;
+          case 11:
+            break;
+          case 12:
+            break;
+          case 13:
+            break;
+          case 14:
+            break;
+          case 15:
+            this.pushState("SCALE");
+            return 17;
+          case 16:
+            return 18;
+          case 17:
+            this.popState();
+            break;
+          case 18:
+            this.begin("acc_title");
+            return 33;
+          case 19:
+            this.popState();
+            return "acc_title_value";
+          case 20:
+            this.begin("acc_descr");
+            return 35;
+          case 21:
+            this.popState();
+            return "acc_descr_value";
+          case 22:
+            this.begin("acc_descr_multiline");
+            break;
+          case 23:
+            this.popState();
+            break;
+          case 24:
+            return "acc_descr_multiline_value";
+          case 25:
+            this.pushState("CLASSDEF");
+            return 41;
+          case 26:
+            this.popState();
+            this.pushState("CLASSDEFID");
+            return "DEFAULT_CLASSDEF_ID";
+          case 27:
+            this.popState();
+            this.pushState("CLASSDEFID");
+            return 42;
+          case 28:
+            this.popState();
+            return 43;
+          case 29:
+            this.pushState("CLASS");
+            return 48;
+          case 30:
+            this.popState();
+            this.pushState("CLASS_STYLE");
+            return 49;
+          case 31:
+            this.popState();
+            return 50;
+          case 32:
+            this.pushState("STYLE");
+            return 45;
+          case 33:
+            this.popState();
+            this.pushState("STYLEDEF_STYLES");
+            return 46;
+          case 34:
+            this.popState();
+            return 47;
+          case 35:
+            this.pushState("SCALE");
+            return 17;
+          case 36:
+            return 18;
+          case 37:
+            this.popState();
+            break;
+          case 38:
+            this.pushState("STATE");
+            break;
+          case 39:
+            this.popState();
+            yy_.yytext = yy_.yytext.slice(0, -8).trim();
+            return 25;
+          case 40:
+            this.popState();
+            yy_.yytext = yy_.yytext.slice(0, -8).trim();
+            return 26;
+          case 41:
+            this.popState();
+            yy_.yytext = yy_.yytext.slice(0, -10).trim();
+            return 27;
+          case 42:
+            this.popState();
+            yy_.yytext = yy_.yytext.slice(0, -8).trim();
+            return 25;
+          case 43:
+            this.popState();
+            yy_.yytext = yy_.yytext.slice(0, -8).trim();
+            return 26;
+          case 44:
+            this.popState();
+            yy_.yytext = yy_.yytext.slice(0, -10).trim();
+            return 27;
+          case 45:
+            return 51;
+          case 46:
+            return 52;
+          case 47:
+            return 53;
+          case 48:
+            return 54;
+          case 49:
+            this.pushState("STATE_STRING");
+            break;
+          case 50:
+            this.pushState("STATE_ID");
+            return "AS";
+          case 51:
+            this.popState();
+            return "ID";
+          case 52:
+            this.popState();
+            break;
+          case 53:
+            return "STATE_DESCR";
+          case 54:
+            return 19;
+          case 55:
+            this.popState();
+            break;
+          case 56:
+            this.popState();
+            this.pushState("struct");
+            return 20;
+          case 57:
+            break;
+          case 58:
+            this.popState();
+            return 21;
+          case 59:
+            break;
+          case 60:
+            this.begin("NOTE");
+            return 29;
+          case 61:
+            this.popState();
+            this.pushState("NOTE_ID");
+            return 59;
+          case 62:
+            this.popState();
+            this.pushState("NOTE_ID");
+            return 60;
+          case 63:
+            this.popState();
+            this.pushState("FLOATING_NOTE");
+            break;
+          case 64:
+            this.popState();
+            this.pushState("FLOATING_NOTE_ID");
+            return "AS";
+          case 65:
+            break;
+          case 66:
+            return "NOTE_TEXT";
+          case 67:
+            this.popState();
+            return "ID";
+          case 68:
+            this.popState();
+            this.pushState("NOTE_TEXT");
+            return 24;
+          case 69:
+            this.popState();
+            yy_.yytext = yy_.yytext.substr(2).trim();
+            return 31;
+          case 70:
+            this.popState();
+            yy_.yytext = yy_.yytext.slice(0, -8).trim();
+            return 31;
+          case 71:
+            return 6;
+          case 72:
+            return 6;
+          case 73:
+            return 16;
+          case 74:
+            return 57;
+          case 75:
+            return 24;
+          case 76:
+            yy_.yytext = yy_.yytext.trim();
+            return 14;
+          case 77:
+            return 15;
+          case 78:
+            return 28;
+          case 79:
+            return 58;
+          case 80:
+            return 5;
+          case 81:
+            return "INVALID";
+        }
+      }, "anonymous"),
+      rules: [/^(?:click\b)/i, /^(?:href\b)/i, /^(?:"[^"]*")/i, /^(?:default\b)/i, /^(?:.*direction\s+TB[^\n]*)/i, /^(?:.*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, /^(?:scale\s+)/i, /^(?:\d+)/i, /^(?:\s+width\b)/i, /^(?:accTitle\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*\{\s*)/i, /^(?:[\}])/i, /^(?:[^\}]*)/i, /^(?:classDef\s+)/i, /^(?:DEFAULT\s+)/i, /^(?:\w+\s+)/i, /^(?:[^\n]*)/i, /^(?:class\s+)/i, /^(?:(\w+)+((,\s*\w+)*))/i, /^(?:[^\n]*)/i, /^(?:style\s+)/i, /^(?:[\w,]+\s+)/i, /^(?:[^\n]*)/i, /^(?:scale\s+)/i, /^(?:\d+)/i, /^(?:\s+width\b)/i, /^(?:state\s+)/i, /^(?:.*<<fork>>)/i, /^(?:.*<<join>>)/i, /^(?:.*<<choice>>)/i, /^(?:.*\[\[fork\]\])/i, /^(?:.*\[\[join\]\])/i, /^(?:.*\[\[choice\]\])/i, /^(?:.*direction\s+TB[^\n]*)/i, /^(?:.*direction\s+BT[^\n]*)/i, /^(?:.*direction\s+RL[^\n]*)/i, /^(?:.*direction\s+LR[^\n]*)/i, /^(?:["])/i, /^(?:\s*as\s+)/i, /^(?:[^\n\{]*)/i, /^(?:["])/i, /^(?:[^"]*)/i, /^(?:[^\n\s\{]+)/i, /^(?:\n)/i, /^(?:\{)/i, /^(?:%%(?!\{)[^\n]*)/i, /^(?:\})/i, /^(?:[\n])/i, /^(?:note\s+)/i, /^(?:left of\b)/i, /^(?:right of\b)/i, /^(?:")/i, /^(?:\s*as\s*)/i, /^(?:["])/i, /^(?:[^"]*)/i, /^(?:[^\n]*)/i, /^(?:\s*[^:\n\s\-]+)/i, /^(?:\s*:[^:\n;]+)/i, /^(?:[\s\S]*?end note\b)/i, /^(?:stateDiagram\s+)/i, /^(?:stateDiagram-v2\s+)/i, /^(?:hide empty description\b)/i, /^(?:\[\*\])/i, /^(?:[^:\n\s\-\{]+)/i, /^(?:\s*:[^:\n;]+)/i, /^(?:-->)/i, /^(?:--)/i, /^(?::::)/i, /^(?:$)/i, /^(?:.)/i],
+      conditions: { "LINE": { "rules": [12, 13], "inclusive": false }, "struct": { "rules": [12, 13, 25, 29, 32, 38, 45, 46, 47, 48, 57, 58, 59, 60, 74, 75, 76, 77, 78], "inclusive": false }, "FLOATING_NOTE_ID": { "rules": [67], "inclusive": false }, "FLOATING_NOTE": { "rules": [64, 65, 66], "inclusive": false }, "NOTE_TEXT": { "rules": [69, 70], "inclusive": false }, "NOTE_ID": { "rules": [68], "inclusive": false }, "NOTE": { "rules": [61, 62, 63], "inclusive": false }, "STYLEDEF_STYLEOPTS": { "rules": [], "inclusive": false }, "STYLEDEF_STYLES": { "rules": [34], "inclusive": false }, "STYLE_IDS": { "rules": [], "inclusive": false }, "STYLE": { "rules": [33], "inclusive": false }, "CLASS_STYLE": { "rules": [31], "inclusive": false }, "CLASS": { "rules": [30], "inclusive": false }, "CLASSDEFID": { "rules": [28], "inclusive": false }, "CLASSDEF": { "rules": [26, 27], "inclusive": false }, "acc_descr_multiline": { "rules": [23, 24], "inclusive": false }, "acc_descr": { "rules": [21], "inclusive": false }, "acc_title": { "rules": [19], "inclusive": false }, "SCALE": { "rules": [16, 17, 36, 37], "inclusive": false }, "ALIAS": { "rules": [], "inclusive": false }, "STATE_ID": { "rules": [51], "inclusive": false }, "STATE_STRING": { "rules": [52, 53], "inclusive": false }, "FORK_STATE": { "rules": [], "inclusive": false }, "STATE": { "rules": [12, 13, 39, 40, 41, 42, 43, 44, 49, 50, 54, 55, 56], "inclusive": false }, "ID": { "rules": [12, 13], "inclusive": false }, "INITIAL": { "rules": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 13, 14, 15, 18, 20, 22, 25, 29, 32, 35, 38, 56, 60, 71, 72, 73, 74, 75, 76, 77, 79, 80, 81], "inclusive": true } }
+    };
+    return lexer2;
+  }();
+  parser2.lexer = lexer;
+  function Parser() {
+    this.yy = {};
+  }
+  __name(Parser, "Parser");
+  Parser.prototype = parser2;
+  parser2.Parser = Parser;
+  return new Parser();
+}();
+parser.parser = parser;
+var stateDiagram_default = parser;
+var DEFAULT_DIAGRAM_DIRECTION = "TB";
+var DEFAULT_NESTED_DOC_DIR = "TB";
+var STMT_DIRECTION = "dir";
+var STMT_STATE = "state";
+var STMT_ROOT = "root";
+var STMT_RELATION = "relation";
+var STMT_CLASSDEF = "classDef";
+var STMT_STYLEDEF = "style";
+var STMT_APPLYCLASS = "applyClass";
+var DEFAULT_STATE_TYPE = "default";
+var DIVIDER_TYPE = "divider";
+var G_EDGE_STYLE = "fill:none";
+var G_EDGE_ARROWHEADSTYLE = "fill: #333";
+var G_EDGE_LABELPOS = "c";
+var G_EDGE_LABELTYPE = "text";
+var G_EDGE_THICKNESS = "normal";
+var SHAPE_STATE = "rect";
+var SHAPE_STATE_WITH_DESC = "rectWithTitle";
+var SHAPE_START = "stateStart";
+var SHAPE_END = "stateEnd";
+var SHAPE_DIVIDER = "divider";
+var SHAPE_GROUP = "roundedWithTitle";
+var SHAPE_NOTE = "note";
+var SHAPE_NOTEGROUP = "noteGroup";
+var CSS_DIAGRAM = "statediagram";
+var CSS_STATE = "state";
+var CSS_DIAGRAM_STATE = `${CSS_DIAGRAM}-${CSS_STATE}`;
+var CSS_EDGE = "transition";
+var CSS_NOTE = "note";
+var CSS_NOTE_EDGE = "note-edge";
+var CSS_EDGE_NOTE_EDGE = `${CSS_EDGE} ${CSS_NOTE_EDGE}`;
+var CSS_DIAGRAM_NOTE = `${CSS_DIAGRAM}-${CSS_NOTE}`;
+var CSS_CLUSTER = "cluster";
+var CSS_DIAGRAM_CLUSTER = `${CSS_DIAGRAM}-${CSS_CLUSTER}`;
+var CSS_CLUSTER_ALT = "cluster-alt";
+var CSS_DIAGRAM_CLUSTER_ALT = `${CSS_DIAGRAM}-${CSS_CLUSTER_ALT}`;
+var PARENT = "parent";
+var NOTE = "note";
+var DOMID_STATE = "state";
+var DOMID_TYPE_SPACER = "----";
+var NOTE_ID = `${DOMID_TYPE_SPACER}${NOTE}`;
+var PARENT_ID = `${DOMID_TYPE_SPACER}${PARENT}`;
+var getDir = /* @__PURE__ */ __name((parsedItem, defaultDir = DEFAULT_NESTED_DOC_DIR) => {
+  if (!parsedItem.doc) {
+    return defaultDir;
+  }
+  let dir = defaultDir;
+  for (const parsedItemDoc of parsedItem.doc) {
+    if (parsedItemDoc.stmt === "dir") {
+      dir = parsedItemDoc.value;
+    }
+  }
+  return dir;
+}, "getDir");
+var getClasses = /* @__PURE__ */ __name(function(text, diagramObj) {
+  return diagramObj.db.getClasses();
+}, "getClasses");
+var draw = /* @__PURE__ */ __name(async function(text, id, _version, diag) {
+  log.info("REF0:");
+  log.info("Drawing state diagram (v2)", id);
+  const { securityLevel, state: conf, layout } = getConfig2();
+  diag.db.extract(diag.db.getRootDocV2());
+  const data4Layout = diag.db.getData();
+  const svg = getDiagramElement(id, securityLevel);
+  data4Layout.type = diag.type;
+  data4Layout.layoutAlgorithm = layout;
+  data4Layout.nodeSpacing = (conf == null ? void 0 : conf.nodeSpacing) || 50;
+  data4Layout.rankSpacing = (conf == null ? void 0 : conf.rankSpacing) || 50;
+  data4Layout.markers = ["barb"];
+  data4Layout.diagramId = id;
+  await render(data4Layout, svg);
+  const padding = 8;
+  try {
+    const links = typeof diag.db.getLinks === "function" ? diag.db.getLinks() : /* @__PURE__ */ new Map();
+    links.forEach((linkInfo, key) => {
+      var _a2;
+      const stateId = typeof key === "string" ? key : typeof (key == null ? void 0 : key.id) === "string" ? key.id : "";
+      if (!stateId) {
+        log.warn("⚠️ Invalid or missing stateId from key:", JSON.stringify(key));
+        return;
+      }
+      const allNodes = (_a2 = svg.node()) == null ? void 0 : _a2.querySelectorAll("g");
+      let matchedElem;
+      allNodes == null ? void 0 : allNodes.forEach((g) => {
+        var _a3;
+        const text2 = (_a3 = g.textContent) == null ? void 0 : _a3.trim();
+        if (text2 === stateId) {
+          matchedElem = g;
+        }
+      });
+      if (!matchedElem) {
+        log.warn("⚠️ Could not find node matching text:", stateId);
+        return;
+      }
+      const parent = matchedElem.parentNode;
+      if (!parent) {
+        log.warn("⚠️ Node has no parent, cannot wrap:", stateId);
+        return;
+      }
+      const a = document.createElementNS("http://www.w3.org/2000/svg", "a");
+      const cleanedUrl = linkInfo.url.replace(/^"+|"+$/g, "");
+      a.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", cleanedUrl);
+      a.setAttribute("target", "_blank");
+      if (linkInfo.tooltip) {
+        const tooltip = linkInfo.tooltip.replace(/^"+|"+$/g, "");
+        a.setAttribute("title", tooltip);
+      }
+      parent.replaceChild(a, matchedElem);
+      a.appendChild(matchedElem);
+      log.info("🔗 Wrapped node in <a> tag for:", stateId, linkInfo.url);
+    });
+  } catch (err) {
+    log.error("❌ Error injecting clickable links:", err);
+  }
+  utils_default.insertTitle(
+    svg,
+    "statediagramTitleText",
+    (conf == null ? void 0 : conf.titleTopMargin) ?? 25,
+    diag.db.getDiagramTitle()
+  );
+  setupViewPortForSVG(svg, padding, CSS_DIAGRAM, (conf == null ? void 0 : conf.useMaxWidth) ?? true);
+}, "draw");
+var stateRenderer_v3_unified_default = {
+  getClasses,
+  draw,
+  getDir
+};
+var nodeDb = /* @__PURE__ */ new Map();
+var graphItemCount = 0;
+function stateDomId(itemId = "", counter = 0, type = "", typeSpacer = DOMID_TYPE_SPACER) {
+  const typeStr = type !== null && type.length > 0 ? `${typeSpacer}${type}` : "";
+  return `${DOMID_STATE}-${itemId}${typeStr}-${counter}`;
+}
+__name(stateDomId, "stateDomId");
+var setupDoc = /* @__PURE__ */ __name((parentParsedItem, doc, diagramStates, nodes, edges, altFlag, look, classes) => {
+  log.trace("items", doc);
+  doc.forEach((item) => {
+    switch (item.stmt) {
+      case STMT_STATE:
+        dataFetcher(parentParsedItem, item, diagramStates, nodes, edges, altFlag, look, classes);
+        break;
+      case DEFAULT_STATE_TYPE:
+        dataFetcher(parentParsedItem, item, diagramStates, nodes, edges, altFlag, look, classes);
+        break;
+      case STMT_RELATION:
+        {
+          dataFetcher(
+            parentParsedItem,
+            item.state1,
+            diagramStates,
+            nodes,
+            edges,
+            altFlag,
+            look,
+            classes
+          );
+          dataFetcher(
+            parentParsedItem,
+            item.state2,
+            diagramStates,
+            nodes,
+            edges,
+            altFlag,
+            look,
+            classes
+          );
+          const edgeData = {
+            id: "edge" + graphItemCount,
+            start: item.state1.id,
+            end: item.state2.id,
+            arrowhead: "normal",
+            arrowTypeEnd: "arrow_barb",
+            style: G_EDGE_STYLE,
+            labelStyle: "",
+            label: common_default.sanitizeText(item.description ?? "", getConfig2()),
+            arrowheadStyle: G_EDGE_ARROWHEADSTYLE,
+            labelpos: G_EDGE_LABELPOS,
+            labelType: G_EDGE_LABELTYPE,
+            thickness: G_EDGE_THICKNESS,
+            classes: CSS_EDGE,
+            look
+          };
+          edges.push(edgeData);
+          graphItemCount++;
+        }
+        break;
+    }
+  });
+}, "setupDoc");
+var getDir2 = /* @__PURE__ */ __name((parsedItem, defaultDir = DEFAULT_NESTED_DOC_DIR) => {
+  let dir = defaultDir;
+  if (parsedItem.doc) {
+    for (const parsedItemDoc of parsedItem.doc) {
+      if (parsedItemDoc.stmt === "dir") {
+        dir = parsedItemDoc.value;
+      }
+    }
+  }
+  return dir;
+}, "getDir");
+function insertOrUpdateNode(nodes, nodeData, classes) {
+  if (!nodeData.id || nodeData.id === "</join></fork>" || nodeData.id === "</choice>") {
+    return;
+  }
+  if (nodeData.cssClasses) {
+    if (!Array.isArray(nodeData.cssCompiledStyles)) {
+      nodeData.cssCompiledStyles = [];
+    }
+    nodeData.cssClasses.split(" ").forEach((cssClass) => {
+      const classDef = classes.get(cssClass);
+      if (classDef) {
+        nodeData.cssCompiledStyles = [...nodeData.cssCompiledStyles ?? [], ...classDef.styles];
+      }
+    });
+  }
+  const existingNodeData = nodes.find((node) => node.id === nodeData.id);
+  if (existingNodeData) {
+    Object.assign(existingNodeData, nodeData);
+  } else {
+    nodes.push(nodeData);
+  }
+}
+__name(insertOrUpdateNode, "insertOrUpdateNode");
+function getClassesFromDbInfo(dbInfoItem) {
+  var _a2;
+  return ((_a2 = dbInfoItem == null ? void 0 : dbInfoItem.classes) == null ? void 0 : _a2.join(" ")) ?? "";
+}
+__name(getClassesFromDbInfo, "getClassesFromDbInfo");
+function getStylesFromDbInfo(dbInfoItem) {
+  return (dbInfoItem == null ? void 0 : dbInfoItem.styles) ?? [];
+}
+__name(getStylesFromDbInfo, "getStylesFromDbInfo");
+var dataFetcher = /* @__PURE__ */ __name((parent, parsedItem, diagramStates, nodes, edges, altFlag, look, classes) => {
+  var _a2, _b, _c;
+  const itemId = parsedItem.id;
+  const dbState = diagramStates.get(itemId);
+  const classStr = getClassesFromDbInfo(dbState);
+  const style = getStylesFromDbInfo(dbState);
+  const config = getConfig2();
+  log.info("dataFetcher parsedItem", parsedItem, dbState, style);
+  if (itemId !== "root") {
+    let shape = SHAPE_STATE;
+    if (parsedItem.start === true) {
+      shape = SHAPE_START;
+    } else if (parsedItem.start === false) {
+      shape = SHAPE_END;
+    }
+    if (parsedItem.type !== DEFAULT_STATE_TYPE) {
+      shape = parsedItem.type;
+    }
+    if (!nodeDb.get(itemId)) {
+      nodeDb.set(itemId, {
+        id: itemId,
+        shape,
+        description: common_default.sanitizeText(itemId, config),
+        cssClasses: `${classStr} ${CSS_DIAGRAM_STATE}`,
+        cssStyles: style
+      });
+    }
+    const newNode = nodeDb.get(itemId);
+    if (parsedItem.description) {
+      if (Array.isArray(newNode.description)) {
+        newNode.shape = SHAPE_STATE_WITH_DESC;
+        newNode.description.push(parsedItem.description);
+      } else {
+        if (((_a2 = newNode.description) == null ? void 0 : _a2.length) && newNode.description.length > 0) {
+          newNode.shape = SHAPE_STATE_WITH_DESC;
+          if (newNode.description === itemId) {
+            newNode.description = [parsedItem.description];
+          } else {
+            newNode.description = [newNode.description, parsedItem.description];
+          }
+        } else {
+          newNode.shape = SHAPE_STATE;
+          newNode.description = parsedItem.description;
+        }
+      }
+      newNode.description = common_default.sanitizeTextOrArray(newNode.description, config);
+    }
+    if (((_b = newNode.description) == null ? void 0 : _b.length) === 1 && newNode.shape === SHAPE_STATE_WITH_DESC) {
+      if (newNode.type === "group") {
+        newNode.shape = SHAPE_GROUP;
+      } else {
+        newNode.shape = SHAPE_STATE;
+      }
+    }
+    if (!newNode.type && parsedItem.doc) {
+      log.info("Setting cluster for XCX", itemId, getDir2(parsedItem));
+      newNode.type = "group";
+      newNode.isGroup = true;
+      newNode.dir = getDir2(parsedItem);
+      newNode.shape = parsedItem.type === DIVIDER_TYPE ? SHAPE_DIVIDER : SHAPE_GROUP;
+      newNode.cssClasses = `${newNode.cssClasses} ${CSS_DIAGRAM_CLUSTER} ${altFlag ? CSS_DIAGRAM_CLUSTER_ALT : ""}`;
+    }
+    const nodeData = {
+      labelStyle: "",
+      shape: newNode.shape,
+      label: newNode.description,
+      cssClasses: newNode.cssClasses,
+      cssCompiledStyles: [],
+      cssStyles: newNode.cssStyles,
+      id: itemId,
+      dir: newNode.dir,
+      domId: stateDomId(itemId, graphItemCount),
+      type: newNode.type,
+      isGroup: newNode.type === "group",
+      padding: 8,
+      rx: 10,
+      ry: 10,
+      look
+    };
+    if (nodeData.shape === SHAPE_DIVIDER) {
+      nodeData.label = "";
+    }
+    if (parent && parent.id !== "root") {
+      log.trace("Setting node ", itemId, " to be child of its parent ", parent.id);
+      nodeData.parentId = parent.id;
+    }
+    nodeData.centerLabel = true;
+    if (parsedItem.note) {
+      const noteData = {
+        labelStyle: "",
+        shape: SHAPE_NOTE,
+        label: parsedItem.note.text,
+        cssClasses: CSS_DIAGRAM_NOTE,
+        // useHtmlLabels: false,
+        cssStyles: [],
+        cssCompiledStyles: [],
+        id: itemId + NOTE_ID + "-" + graphItemCount,
+        domId: stateDomId(itemId, graphItemCount, NOTE),
+        type: newNode.type,
+        isGroup: newNode.type === "group",
+        padding: (_c = config.flowchart) == null ? void 0 : _c.padding,
+        look,
+        position: parsedItem.note.position
+      };
+      const parentNodeId = itemId + PARENT_ID;
+      const groupData = {
+        labelStyle: "",
+        shape: SHAPE_NOTEGROUP,
+        label: parsedItem.note.text,
+        cssClasses: newNode.cssClasses,
+        cssStyles: [],
+        id: itemId + PARENT_ID,
+        domId: stateDomId(itemId, graphItemCount, PARENT),
+        type: "group",
+        isGroup: true,
+        padding: 16,
+        //getConfig().flowchart.padding
+        look,
+        position: parsedItem.note.position
+      };
+      graphItemCount++;
+      groupData.id = parentNodeId;
+      noteData.parentId = parentNodeId;
+      insertOrUpdateNode(nodes, groupData, classes);
+      insertOrUpdateNode(nodes, noteData, classes);
+      insertOrUpdateNode(nodes, nodeData, classes);
+      let from = itemId;
+      let to = noteData.id;
+      if (parsedItem.note.position === "left of") {
+        from = noteData.id;
+        to = itemId;
+      }
+      edges.push({
+        id: from + "-" + to,
+        start: from,
+        end: to,
+        arrowhead: "none",
+        arrowTypeEnd: "",
+        style: G_EDGE_STYLE,
+        labelStyle: "",
+        classes: CSS_EDGE_NOTE_EDGE,
+        arrowheadStyle: G_EDGE_ARROWHEADSTYLE,
+        labelpos: G_EDGE_LABELPOS,
+        labelType: G_EDGE_LABELTYPE,
+        thickness: G_EDGE_THICKNESS,
+        look
+      });
+    } else {
+      insertOrUpdateNode(nodes, nodeData, classes);
+    }
+  }
+  if (parsedItem.doc) {
+    log.trace("Adding nodes children ");
+    setupDoc(parsedItem, parsedItem.doc, diagramStates, nodes, edges, !altFlag, look, classes);
+  }
+}, "dataFetcher");
+var reset = /* @__PURE__ */ __name(() => {
+  nodeDb.clear();
+  graphItemCount = 0;
+}, "reset");
+var CONSTANTS = {
+  START_NODE: "[*]",
+  START_TYPE: "start",
+  END_NODE: "[*]",
+  END_TYPE: "end",
+  COLOR_KEYWORD: "color",
+  FILL_KEYWORD: "fill",
+  BG_FILL: "bgFill",
+  STYLECLASS_SEP: ","
+};
+var newClassesList = /* @__PURE__ */ __name(() => /* @__PURE__ */ new Map(), "newClassesList");
+var newDoc = /* @__PURE__ */ __name(() => ({
+  relations: [],
+  states: /* @__PURE__ */ new Map(),
+  documents: {}
+}), "newDoc");
+var clone = /* @__PURE__ */ __name((o) => JSON.parse(JSON.stringify(o)), "clone");
+var StateDB = (_a = class {
+  constructor(version) {
+    this.version = version;
+    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);
+  }
+  /**
+   * Convert all of the statements (stmts) that were parsed into states and relationships.
+   * This is done because a state diagram may have nested sections,
+   * where each section is a 'document' and has its own set of statements.
+   * Ex: the section within a fork has its own statements, and incoming and outgoing statements
+   * refer to the fork as a whole (document).
+   * See the parser grammar:  the definition of a document is a document then a 'line', where a line can be a statement.
+   * This will push the statement into the list of statements for the current document.
+   */
+  extract(statements) {
+    this.clear(true);
+    for (const item of Array.isArray(statements) ? statements : statements.doc) {
+      switch (item.stmt) {
+        case STMT_STATE:
+          this.addState(item.id.trim(), item.type, item.doc, item.description, item.note);
+          break;
+        case STMT_RELATION:
+          this.addRelation(item.state1, item.state2, item.description);
+          break;
+        case STMT_CLASSDEF:
+          this.addStyleClass(item.id.trim(), item.classes);
+          break;
+        case STMT_STYLEDEF:
+          this.handleStyleDef(item);
+          break;
+        case STMT_APPLYCLASS:
+          this.setCssClass(item.id.trim(), item.styleClass);
+          break;
+        case "click":
+          this.addLink(item.id, item.url, item.tooltip);
+          break;
+      }
+    }
+    const diagramStates = this.getStates();
+    const config = getConfig2();
+    reset();
+    dataFetcher(
+      void 0,
+      this.getRootDocV2(),
+      diagramStates,
+      this.nodes,
+      this.edges,
+      true,
+      config.look,
+      this.classes
+    );
+    for (const node of this.nodes) {
+      if (!Array.isArray(node.label)) {
+        continue;
+      }
+      node.description = node.label.slice(1);
+      if (node.isGroup && node.description.length > 0) {
+        throw new Error(
+          `Group nodes can only have label. Remove the additional description for node [${node.id}]`
+        );
+      }
+      node.label = node.label[0];
+    }
+  }
+  handleStyleDef(item) {
+    const ids = item.id.trim().split(",");
+    const styles = item.styleClass.split(",");
+    for (const id of ids) {
+      let state = this.getState(id);
+      if (!state) {
+        const trimmedId = id.trim();
+        this.addState(trimmedId);
+        state = this.getState(trimmedId);
+      }
+      if (state) {
+        state.styles = styles.map((s) => {
+          var _a2;
+          return (_a2 = s.replace(/;/g, "")) == null ? void 0 : _a2.trim();
+        });
+      }
+    }
+  }
+  setRootDoc(o) {
+    log.info("Setting root doc", o);
+    this.rootDoc = o;
+    if (this.version === 1) {
+      this.extract(o);
+    } else {
+      this.extract(this.getRootDocV2());
+    }
+  }
+  docTranslator(parent, node, first) {
+    if (node.stmt === STMT_RELATION) {
+      this.docTranslator(parent, node.state1, true);
+      this.docTranslator(parent, node.state2, false);
+      return;
+    }
+    if (node.stmt === STMT_STATE) {
+      if (node.id === CONSTANTS.START_NODE) {
+        node.id = parent.id + (first ? "_start" : "_end");
+        node.start = first;
+      } else {
+        node.id = node.id.trim();
+      }
+    }
+    if (node.stmt !== STMT_ROOT && node.stmt !== STMT_STATE || !node.doc) {
+      return;
+    }
+    const doc = [];
+    let currentDoc = [];
+    for (const stmt of node.doc) {
+      if (stmt.type === DIVIDER_TYPE) {
+        const newNode = clone(stmt);
+        newNode.doc = clone(currentDoc);
+        doc.push(newNode);
+        currentDoc = [];
+      } else {
+        currentDoc.push(stmt);
+      }
+    }
+    if (doc.length > 0 && currentDoc.length > 0) {
+      const newNode = {
+        stmt: STMT_STATE,
+        id: generateId(),
+        type: "divider",
+        doc: clone(currentDoc)
+      };
+      doc.push(clone(newNode));
+      node.doc = doc;
+    }
+    node.doc.forEach((docNode) => this.docTranslator(node, docNode, true));
+  }
+  getRootDocV2() {
+    this.docTranslator(
+      { id: STMT_ROOT, stmt: STMT_ROOT },
+      { id: STMT_ROOT, stmt: STMT_ROOT, doc: this.rootDoc },
+      true
+    );
+    return { id: STMT_ROOT, doc: this.rootDoc };
+  }
+  /**
+   * Function called by parser when a node definition has been found.
+   *
+   * @param descr - description for the state. Can be a string or a list or strings
+   * @param classes - class styles to apply to this state. Can be a string (1 style) or an array of styles. If it's just 1 class, convert it to an array of that 1 class.
+   * @param styles - styles to apply to this state. Can be a string (1 style) or an array of styles. If it's just 1 style, convert it to an array of that 1 style.
+   * @param textStyles - text styles to apply to this state. Can be a string (1 text test) or an array of text styles. If it's just 1 text style, convert it to an array of that 1 text style.
+   */
+  addState(id, type = DEFAULT_STATE_TYPE, doc = void 0, descr = void 0, note = void 0, classes = void 0, styles = void 0, textStyles = void 0) {
+    const trimmedId = id == null ? void 0 : id.trim();
+    if (!this.currentDocument.states.has(trimmedId)) {
+      log.info("Adding state ", trimmedId, descr);
+      this.currentDocument.states.set(trimmedId, {
+        stmt: STMT_STATE,
+        id: trimmedId,
+        descriptions: [],
+        type,
+        doc,
+        note,
+        classes: [],
+        styles: [],
+        textStyles: []
+      });
+    } else {
+      const state = this.currentDocument.states.get(trimmedId);
+      if (!state) {
+        throw new Error(`State not found: ${trimmedId}`);
+      }
+      if (!state.doc) {
+        state.doc = doc;
+      }
+      if (!state.type) {
+        state.type = type;
+      }
+    }
+    if (descr) {
+      log.info("Setting state description", trimmedId, descr);
+      const descriptions = Array.isArray(descr) ? descr : [descr];
+      descriptions.forEach((des) => this.addDescription(trimmedId, des.trim()));
+    }
+    if (note) {
+      const doc2 = this.currentDocument.states.get(trimmedId);
+      if (!doc2) {
+        throw new Error(`State not found: ${trimmedId}`);
+      }
+      doc2.note = note;
+      doc2.note.text = common_default.sanitizeText(doc2.note.text, getConfig2());
+    }
+    if (classes) {
+      log.info("Setting state classes", trimmedId, classes);
+      const classesList = Array.isArray(classes) ? classes : [classes];
+      classesList.forEach((cssClass) => this.setCssClass(trimmedId, cssClass.trim()));
+    }
+    if (styles) {
+      log.info("Setting state styles", trimmedId, styles);
+      const stylesList = Array.isArray(styles) ? styles : [styles];
+      stylesList.forEach((style) => this.setStyle(trimmedId, style.trim()));
+    }
+    if (textStyles) {
+      log.info("Setting state styles", trimmedId, styles);
+      const textStylesList = Array.isArray(textStyles) ? textStyles : [textStyles];
+      textStylesList.forEach((textStyle) => this.setTextStyle(trimmedId, textStyle.trim()));
+    }
+  }
+  clear(saveCommon) {
+    this.nodes = [];
+    this.edges = [];
+    this.documents = { root: newDoc() };
+    this.currentDocument = this.documents.root;
+    this.startEndCount = 0;
+    this.classes = newClassesList();
+    if (!saveCommon) {
+      this.links = /* @__PURE__ */ new Map();
+      clear();
+    }
+  }
+  getState(id) {
+    return this.currentDocument.states.get(id);
+  }
+  getStates() {
+    return this.currentDocument.states;
+  }
+  logDocuments() {
+    log.info("Documents = ", this.documents);
+  }
+  getRelations() {
+    return this.currentDocument.relations;
+  }
+  /**
+   * Adds a clickable link to a state.
+   */
+  addLink(stateId, url, tooltip) {
+    this.links.set(stateId, { url, tooltip });
+    log.warn("Adding link", stateId, url, tooltip);
+  }
+  /**
+   * Get all registered links.
+   */
+  getLinks() {
+    return this.links;
+  }
+  /**
+   * If the id is a start node ( [*] ), then return a new id constructed from
+   * the start node name and the current start node count.
+   * else return the given id
+   */
+  startIdIfNeeded(id = "") {
+    if (id === CONSTANTS.START_NODE) {
+      this.startEndCount++;
+      return `${CONSTANTS.START_TYPE}${this.startEndCount}`;
+    }
+    return id;
+  }
+  /**
+   * If the id is a start node ( [*] ), then return the start type ('start')
+   * else return the given type
+   */
+  startTypeIfNeeded(id = "", type = DEFAULT_STATE_TYPE) {
+    return id === CONSTANTS.START_NODE ? CONSTANTS.START_TYPE : type;
+  }
+  /**
+   * If the id is an end node ( [*] ), then return a new id constructed from
+   * the end node name and the current start_end node count.
+   * else return the given id
+   */
+  endIdIfNeeded(id = "") {
+    if (id === CONSTANTS.END_NODE) {
+      this.startEndCount++;
+      return `${CONSTANTS.END_TYPE}${this.startEndCount}`;
+    }
+    return id;
+  }
+  /**
+   * If the id is an end node ( [*] ), then return the end type
+   * else return the given type
+   *
+   */
+  endTypeIfNeeded(id = "", type = DEFAULT_STATE_TYPE) {
+    return id === CONSTANTS.END_NODE ? CONSTANTS.END_TYPE : type;
+  }
+  addRelationObjs(item1, item2, relationTitle = "") {
+    const id1 = this.startIdIfNeeded(item1.id.trim());
+    const type1 = this.startTypeIfNeeded(item1.id.trim(), item1.type);
+    const id2 = this.startIdIfNeeded(item2.id.trim());
+    const type2 = this.startTypeIfNeeded(item2.id.trim(), item2.type);
+    this.addState(
+      id1,
+      type1,
+      item1.doc,
+      item1.description,
+      item1.note,
+      item1.classes,
+      item1.styles,
+      item1.textStyles
+    );
+    this.addState(
+      id2,
+      type2,
+      item2.doc,
+      item2.description,
+      item2.note,
+      item2.classes,
+      item2.styles,
+      item2.textStyles
+    );
+    this.currentDocument.relations.push({
+      id1,
+      id2,
+      relationTitle: common_default.sanitizeText(relationTitle, getConfig2())
+    });
+  }
+  /**
+   * Add a relation between two items.  The items may be full objects or just the string id of a state.
+   */
+  addRelation(item1, item2, title) {
+    if (typeof item1 === "object" && typeof item2 === "object") {
+      this.addRelationObjs(item1, item2, title);
+    } else if (typeof item1 === "string" && typeof item2 === "string") {
+      const id1 = this.startIdIfNeeded(item1.trim());
+      const type1 = this.startTypeIfNeeded(item1);
+      const id2 = this.endIdIfNeeded(item2.trim());
+      const type2 = this.endTypeIfNeeded(item2);
+      this.addState(id1, type1);
+      this.addState(id2, type2);
+      this.currentDocument.relations.push({
+        id1,
+        id2,
+        relationTitle: title ? common_default.sanitizeText(title, getConfig2()) : void 0
+      });
+    }
+  }
+  addDescription(id, descr) {
+    var _a2;
+    const theState = this.currentDocument.states.get(id);
+    const _descr = descr.startsWith(":") ? descr.replace(":", "").trim() : descr;
+    (_a2 = theState == null ? void 0 : theState.descriptions) == null ? void 0 : _a2.push(common_default.sanitizeText(_descr, getConfig2()));
+  }
+  cleanupLabel(label) {
+    return label.startsWith(":") ? label.slice(2).trim() : label.trim();
+  }
+  getDividerId() {
+    this.dividerCnt++;
+    return `divider-id-${this.dividerCnt}`;
+  }
+  /**
+   * Called when the parser comes across a (style) class definition
+   * @example classDef my-style fill:#f96;
+   *
+   * @param id - the id of this (style) class
+   * @param styleAttributes - the string with 1 or more style attributes (each separated by a comma)
+   */
+  addStyleClass(id, styleAttributes = "") {
+    if (!this.classes.has(id)) {
+      this.classes.set(id, { id, styles: [], textStyles: [] });
+    }
+    const foundClass = this.classes.get(id);
+    if (styleAttributes && foundClass) {
+      styleAttributes.split(CONSTANTS.STYLECLASS_SEP).forEach((attrib) => {
+        const fixedAttrib = attrib.replace(/([^;]*);/, "$1").trim();
+        if (RegExp(CONSTANTS.COLOR_KEYWORD).exec(attrib)) {
+          const newStyle1 = fixedAttrib.replace(CONSTANTS.FILL_KEYWORD, CONSTANTS.BG_FILL);
+          const newStyle2 = newStyle1.replace(CONSTANTS.COLOR_KEYWORD, CONSTANTS.FILL_KEYWORD);
+          foundClass.textStyles.push(newStyle2);
+        }
+        foundClass.styles.push(fixedAttrib);
+      });
+    }
+  }
+  getClasses() {
+    return this.classes;
+  }
+  /**
+   * Add a (style) class or css class to a state with the given id.
+   * If the state isn't already in the list of known states, add it.
+   * Might be called by parser when a style class or CSS class should be applied to a state
+   *
+   * @param itemIds - The id or a list of ids of the item(s) to apply the css class to
+   * @param cssClassName - CSS class name
+   */
+  setCssClass(itemIds, cssClassName) {
+    itemIds.split(",").forEach((id) => {
+      var _a2;
+      let foundState = this.getState(id);
+      if (!foundState) {
+        const trimmedId = id.trim();
+        this.addState(trimmedId);
+        foundState = this.getState(trimmedId);
+      }
+      (_a2 = foundState == null ? void 0 : foundState.classes) == null ? void 0 : _a2.push(cssClassName);
+    });
+  }
+  /**
+   * Add a style to a state with the given id.
+   * @example style stateId fill:#f9f,stroke:#333,stroke-width:4px
+   *   where 'style' is the keyword
+   *   stateId is the id of a state
+   *   the rest of the string is the styleText (all of the attributes to be applied to the state)
+   *
+   * @param itemId - The id of item to apply the style to
+   * @param styleText - the text of the attributes for the style
+   */
+  setStyle(itemId, styleText) {
+    var _a2, _b;
+    (_b = (_a2 = this.getState(itemId)) == null ? void 0 : _a2.styles) == null ? void 0 : _b.push(styleText);
+  }
+  /**
+   * Add a text style to a state with the given id
+   *
+   * @param itemId - The id of item to apply the css class to
+   * @param cssClassName - CSS class name
+   */
+  setTextStyle(itemId, cssClassName) {
+    var _a2, _b;
+    (_b = (_a2 = this.getState(itemId)) == null ? void 0 : _a2.textStyles) == null ? void 0 : _b.push(cssClassName);
+  }
+  /**
+   * Finds the direction statement in the root document.
+   * @returns the direction statement if present
+   */
+  getDirectionStatement() {
+    return this.rootDoc.find((doc) => doc.stmt === STMT_DIRECTION);
+  }
+  getDirection() {
+    var _a2;
+    return ((_a2 = this.getDirectionStatement()) == null ? void 0 : _a2.value) ?? DEFAULT_DIAGRAM_DIRECTION;
+  }
+  setDirection(dir) {
+    const doc = this.getDirectionStatement();
+    if (doc) {
+      doc.value = dir;
+    } else {
+      this.rootDoc.unshift({ stmt: STMT_DIRECTION, value: dir });
+    }
+  }
+  trimColon(str) {
+    return str.startsWith(":") ? str.slice(1).trim() : str.trim();
+  }
+  getData() {
+    const config = getConfig2();
+    return {
+      nodes: this.nodes,
+      edges: this.edges,
+      other: {},
+      config,
+      direction: getDir(this.getRootDocV2())
+    };
+  }
+  getConfig() {
+    return getConfig2().state;
+  }
+}, __name(_a, "StateDB"), _a.relationType = {
+  AGGREGATION: 0,
+  EXTENSION: 1,
+  COMPOSITION: 2,
+  DEPENDENCY: 3
+}, _a);
+var getStyles = /* @__PURE__ */ __name((options) => `
+defs #statediagram-barbEnd {
+    fill: ${options.transitionColor};
+    stroke: ${options.transitionColor};
+  }
+g.stateGroup text {
+  fill: ${options.nodeBorder};
+  stroke: none;
+  font-size: 10px;
+}
+g.stateGroup text {
+  fill: ${options.textColor};
+  stroke: none;
+  font-size: 10px;
+
+}
+g.stateGroup .state-title {
+  font-weight: bolder;
+  fill: ${options.stateLabelColor};
+}
+
+g.stateGroup rect {
+  fill: ${options.mainBkg};
+  stroke: ${options.nodeBorder};
+}
+
+g.stateGroup line {
+  stroke: ${options.lineColor};
+  stroke-width: 1;
+}
+
+.transition {
+  stroke: ${options.transitionColor};
+  stroke-width: 1;
+  fill: none;
+}
+
+.stateGroup .composit {
+  fill: ${options.background};
+  border-bottom: 1px
+}
+
+.stateGroup .alt-composit {
+  fill: #e0e0e0;
+  border-bottom: 1px
+}
+
+.state-note {
+  stroke: ${options.noteBorderColor};
+  fill: ${options.noteBkgColor};
+
+  text {
+    fill: ${options.noteTextColor};
+    stroke: none;
+    font-size: 10px;
+  }
+}
+
+.stateLabel .box {
+  stroke: none;
+  stroke-width: 0;
+  fill: ${options.mainBkg};
+  opacity: 0.5;
+}
+
+.edgeLabel .label rect {
+  fill: ${options.labelBackgroundColor};
+  opacity: 0.5;
+}
+.edgeLabel {
+  background-color: ${options.edgeLabelBackground};
+  p {
+    background-color: ${options.edgeLabelBackground};
+  }
+  rect {
+    opacity: 0.5;
+    background-color: ${options.edgeLabelBackground};
+    fill: ${options.edgeLabelBackground};
+  }
+  text-align: center;
+}
+.edgeLabel .label text {
+  fill: ${options.transitionLabelColor || options.tertiaryTextColor};
+}
+.label div .edgeLabel {
+  color: ${options.transitionLabelColor || options.tertiaryTextColor};
+}
+
+.stateLabel text {
+  fill: ${options.stateLabelColor};
+  font-size: 10px;
+  font-weight: bold;
+}
+
+.node circle.state-start {
+  fill: ${options.specialStateColor};
+  stroke: ${options.specialStateColor};
+}
+
+.node .fork-join {
+  fill: ${options.specialStateColor};
+  stroke: ${options.specialStateColor};
+}
+
+.node circle.state-end {
+  fill: ${options.innerEndBackground};
+  stroke: ${options.background};
+  stroke-width: 1.5
+}
+.end-state-inner {
+  fill: ${options.compositeBackground || options.background};
+  // stroke: ${options.background};
+  stroke-width: 1.5
+}
+
+.node rect {
+  fill: ${options.stateBkg || options.mainBkg};
+  stroke: ${options.stateBorder || options.nodeBorder};
+  stroke-width: 1px;
+}
+.node polygon {
+  fill: ${options.mainBkg};
+  stroke: ${options.stateBorder || options.nodeBorder};;
+  stroke-width: 1px;
+}
+#statediagram-barbEnd {
+  fill: ${options.lineColor};
+}
+
+.statediagram-cluster rect {
+  fill: ${options.compositeTitleBackground};
+  stroke: ${options.stateBorder || options.nodeBorder};
+  stroke-width: 1px;
+}
+
+.cluster-label, .nodeLabel {
+  color: ${options.stateLabelColor};
+  // line-height: 1;
+}
+
+.statediagram-cluster rect.outer {
+  rx: 5px;
+  ry: 5px;
+}
+.statediagram-state .divider {
+  stroke: ${options.stateBorder || options.nodeBorder};
+}
+
+.statediagram-state .title-state {
+  rx: 5px;
+  ry: 5px;
+}
+.statediagram-cluster.statediagram-cluster .inner {
+  fill: ${options.compositeBackground || options.background};
+}
+.statediagram-cluster.statediagram-cluster-alt .inner {
+  fill: ${options.altBackground ? options.altBackground : "#efefef"};
+}
+
+.statediagram-cluster .inner {
+  rx:0;
+  ry:0;
+}
+
+.statediagram-state rect.basic {
+  rx: 5px;
+  ry: 5px;
+}
+.statediagram-state rect.divider {
+  stroke-dasharray: 10,10;
+  fill: ${options.altBackground ? options.altBackground : "#efefef"};
+}
+
+.note-edge {
+  stroke-dasharray: 5;
+}
+
+.statediagram-note rect {
+  fill: ${options.noteBkgColor};
+  stroke: ${options.noteBorderColor};
+  stroke-width: 1px;
+  rx: 0;
+  ry: 0;
+}
+.statediagram-note rect {
+  fill: ${options.noteBkgColor};
+  stroke: ${options.noteBorderColor};
+  stroke-width: 1px;
+  rx: 0;
+  ry: 0;
+}
+
+.statediagram-note text {
+  fill: ${options.noteTextColor};
+}
+
+.statediagram-note .nodeLabel {
+  color: ${options.noteTextColor};
+}
+.statediagram .edgeLabel {
+  color: red; // ${options.noteTextColor};
+}
+
+#dependencyStart, #dependencyEnd {
+  fill: ${options.lineColor};
+  stroke: ${options.lineColor};
+  stroke-width: 1;
+}
+
+.statediagramTitleText {
+  text-anchor: middle;
+  font-size: 18px;
+  fill: ${options.textColor};
+}
+`, "getStyles");
+var styles_default = getStyles;
+export {
+  StateDB as S,
+  stateDiagram_default as a,
+  stateRenderer_v3_unified_default as b,
+  styles_default as s
+};
+//# sourceMappingURL=chunk-DI55MBZ5-Bun58OTZ.js.map