@webskill/sdk 0.21.0 → 0.23.0

package/dist/stateDiagram-v2-GCMORJYK-B0O3wc1-.js

@@ -0,0 +1,2715 @@
+import { n as __name } from "./chunk-Y2CYZVJY-U3QOMqrW.js";
+import { m as log, p as select_default } from "./src-NkhI3UMl.js";
+import { H as setAccDescription, U as setAccTitle, a as clear, et as purify, q as setDiagramTitle, s as common_default, v as getAccDescription, w as getDiagramTitle, x as getConfig2, y as getAccTitle } from "./chunk-O7XYJQB3-B6K0KOSL.js";
+import { g as utils_default, s as generateId } from "./chunk-ZIGJFQKS-DqEFBuHR.js";
+import "./chunk-742MDFTN-CPmgCGwC.js";
+import "./chunk-MBY4JIJT-C34L7a4f.js";
+import "./chunk-7PRAP22T-BHED6GVs.js";
+import { a as paletteSlotCount, i as isColorTheme, o as safeLook, r as hasPalette } from "./chunk-J5ZVWO5B-Bi_Pcobw.js";
+import "./chunk-7INBJB4K-C9jq9o66.js";
+import "./chunk-5DYCD2WN-Bt97YGTd.js";
+import "./chunk-Z7XXMR3K-oLg1h8F3.js";
+import { t as createTooltip } from "./chunk-GWA4HPMP-B6vN3fkL.js";
+import { t as getDiagramElement } from "./chunk-XXDRQBXY-DPbSy4kg.js";
+import { t as setupViewPortForSVG } from "./chunk-WEXAMYUT-Ba6jFWhB.js";
+import "./chunk-UA2S7LBM-DxHM29_K.js";
+import { r as render, t as getRegisteredLayoutAlgorithm } from "./chunk-GNY47TPC-Bpvq1T49.js";
+
+//#region ../../node_modules/.pnpm/mermaid@12.0.0/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-GCMORJYK.mjs
+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, recovering = 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 = 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, preErrorSymbol, 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;
+						if (!preErrorSymbol) {
+							yyleng = lexer2.yyleng;
+							yytext = lexer2.yytext;
+							yylineno = lexer2.yylineno;
+							yyloc = lexer2.yylloc;
+							if (recovering > 0) recovering--;
+						} else {
+							symbol = preErrorSymbol;
+							preErrorSymbol = null;
+						}
+						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")
+	};
+	parser2.lexer = /* @__PURE__ */ (function() {
+		return {
+			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"),
+			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"),
+			input: /* @__PURE__ */ __name(function() {
+				var ch = this._input[0];
+				this.yytext += ch;
+				this.yyleng++;
+				this.offset++;
+				this.match += ch;
+				this.matched += ch;
+				if (ch.match(/(?:\r\n?|\n).*/g)) {
+					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"),
+			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"),
+			more: /* @__PURE__ */ __name(function() {
+				this._more = true;
+				return this;
+			}, "more"),
+			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"),
+			less: /* @__PURE__ */ __name(function(n) {
+				this.unput(this.match.slice(n));
+			}, "less"),
+			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"),
+			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"),
+			showPosition: /* @__PURE__ */ __name(function() {
+				var pre = this.pastInput();
+				var c = new Array(pre.length + 1).join("-");
+				return pre + this.upcomingInput() + "\n" + c + "^";
+			}, "showPosition"),
+			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"),
+			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"),
+			lex: /* @__PURE__ */ __name(function lex() {
+				var r = this.next();
+				if (r) return r;
+				else return this.lex();
+			}, "lex"),
+			begin: /* @__PURE__ */ __name(function begin(condition) {
+				this.conditionStack.push(condition);
+			}, "begin"),
+			popState: /* @__PURE__ */ __name(function popState() {
+				if (this.conditionStack.length - 1 > 0) return this.conditionStack.pop();
+				else return this.conditionStack[0];
+			}, "popState"),
+			_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"),
+			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"),
+			pushState: /* @__PURE__ */ __name(function pushState(condition) {
+				this.begin(condition);
+			}, "pushState"),
+			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) {
+				function processId() {
+					const idx = yy_.yytext.indexOf("%%");
+					if (idx === 0) return false;
+					if (idx > 0) {
+						const before = yy_.yytext.slice(0, idx);
+						const after = yy_.yytext.slice(idx);
+						if (after) yy.lexer.unput(after);
+						yy_.yytext = before;
+					}
+					return true;
+				}
+				__name(processId, "processId");
+				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: return 5;
+					case 9: break;
+					case 10: break;
+					case 11: break;
+					case 12: break;
+					case 13:
+						this.pushState("SCALE");
+						return 17;
+					case 14: return 18;
+					case 15:
+						this.popState();
+						break;
+					case 16:
+						this.begin("acc_title");
+						return 33;
+					case 17:
+						this.popState();
+						return "acc_title_value";
+					case 18:
+						this.begin("acc_descr");
+						return 35;
+					case 19:
+						this.popState();
+						return "acc_descr_value";
+					case 20:
+						this.begin("acc_descr_multiline");
+						break;
+					case 21:
+						this.popState();
+						break;
+					case 22: return "acc_descr_multiline_value";
+					case 23:
+						this.pushState("CLASSDEF");
+						return 41;
+					case 24:
+						this.popState();
+						this.pushState("CLASSDEFID");
+						return "DEFAULT_CLASSDEF_ID";
+					case 25:
+						this.popState();
+						this.pushState("CLASSDEFID");
+						return 42;
+					case 26:
+						this.popState();
+						return 43;
+					case 27:
+						this.pushState("CLASS");
+						return 48;
+					case 28:
+						this.popState();
+						this.pushState("CLASS_STYLE");
+						return 49;
+					case 29:
+						this.popState();
+						return 50;
+					case 30:
+						this.pushState("STYLE");
+						return 45;
+					case 31:
+						this.popState();
+						this.pushState("STYLEDEF_STYLES");
+						return 46;
+					case 32:
+						this.popState();
+						return 47;
+					case 33:
+						this.pushState("SCALE");
+						return 17;
+					case 34: return 18;
+					case 35:
+						this.popState();
+						break;
+					case 36:
+						this.pushState("STATE");
+						break;
+					case 37:
+						this.popState();
+						yy_.yytext = yy_.yytext.slice(0, -8).trim();
+						return 25;
+					case 38:
+						this.popState();
+						yy_.yytext = yy_.yytext.slice(0, -8).trim();
+						return 26;
+					case 39:
+						this.popState();
+						yy_.yytext = yy_.yytext.slice(0, -10).trim();
+						return 27;
+					case 40:
+						this.popState();
+						yy_.yytext = yy_.yytext.slice(0, -8).trim();
+						return 25;
+					case 41:
+						this.popState();
+						yy_.yytext = yy_.yytext.slice(0, -8).trim();
+						return 26;
+					case 42:
+						this.popState();
+						yy_.yytext = yy_.yytext.slice(0, -10).trim();
+						return 27;
+					case 43: return 51;
+					case 44: return 52;
+					case 45: return 53;
+					case 46: return 54;
+					case 47:
+						this.pushState("STATE_STRING");
+						break;
+					case 48:
+						this.pushState("STATE_ID");
+						return "AS";
+					case 49:
+						if (!processId()) return;
+						this.popState();
+						return "ID";
+					case 50:
+						this.popState();
+						break;
+					case 51: return "STATE_DESCR";
+					case 52: throw new Error("Error: State name must be a single word. Found: \"" + yy_.yytext.trim() + "\"");
+					case 53: return 19;
+					case 54:
+						this.popState();
+						break;
+					case 55:
+						this.popState();
+						this.pushState("struct");
+						return 20;
+					case 56:
+						this.popState();
+						return 21;
+					case 57: break;
+					case 58:
+						this.begin("NOTE");
+						return 29;
+					case 59:
+						this.popState();
+						this.pushState("NOTE_ID");
+						return 59;
+					case 60:
+						this.popState();
+						this.pushState("NOTE_ID");
+						return 60;
+					case 61:
+						this.popState();
+						this.pushState("FLOATING_NOTE");
+						break;
+					case 62:
+						this.popState();
+						this.pushState("FLOATING_NOTE_ID");
+						return "AS";
+					case 63: break;
+					case 64: return "NOTE_TEXT";
+					case 65:
+						if (!processId()) return;
+						this.popState();
+						return "ID";
+					case 66:
+						if (!processId()) return;
+						this.popState();
+						this.pushState("NOTE_TEXT");
+						return 24;
+					case 67:
+						this.popState();
+						yy_.yytext = yy_.yytext.substr(2).trim();
+						return 31;
+					case 68:
+						this.popState();
+						yy_.yytext = yy_.yytext.slice(0, -8).trim();
+						return 31;
+					case 69: return 6;
+					case 70: return 6;
+					case 71: return 16;
+					case 72: return 57;
+					case 73:
+						if (!processId()) return;
+						return 24;
+					case 74:
+						yy_.yytext = yy_.yytext.trim();
+						return 14;
+					case 75: return 15;
+					case 76: return 28;
+					case 77: return 58;
+					case 78: return 5;
+					case 79: 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,
+				/^(?:[\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,
+				/^(?:\w+\s+\w+.*?\{)/i,
+				/^(?:[^\n\s\{]+)/i,
+				/^(?:\n)/i,
+				/^(?:\{)/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]*?\n\s*end note\b)/i,
+				/^(?:stateDiagram\s+)/i,
+				/^(?:stateDiagram-v2\s+)/i,
+				/^(?:hide empty description\b)/i,
+				/^(?:\[\*\])/i,
+				/^(?:[^:\n\s\-\{]+)/i,
+				/^(?:\s*:(?:[^:\n;]|:[^:\n;])+)/i,
+				/^(?:-->)/i,
+				/^(?:--)/i,
+				/^(?::::)/i,
+				/^(?:$)/i,
+				/^(?:.)/i
+			],
+			conditions: {
+				"LINE": {
+					"rules": [
+						10,
+						11,
+						12
+					],
+					"inclusive": false
+				},
+				"struct": {
+					"rules": [
+						10,
+						11,
+						12,
+						23,
+						27,
+						30,
+						36,
+						43,
+						44,
+						45,
+						46,
+						56,
+						57,
+						58,
+						72,
+						73,
+						74,
+						75,
+						76,
+						77
+					],
+					"inclusive": false
+				},
+				"FLOATING_NOTE_ID": {
+					"rules": [65],
+					"inclusive": false
+				},
+				"FLOATING_NOTE": {
+					"rules": [
+						62,
+						63,
+						64
+					],
+					"inclusive": false
+				},
+				"NOTE_TEXT": {
+					"rules": [67, 68],
+					"inclusive": false
+				},
+				"NOTE_ID": {
+					"rules": [66],
+					"inclusive": false
+				},
+				"NOTE": {
+					"rules": [
+						59,
+						60,
+						61
+					],
+					"inclusive": false
+				},
+				"STYLEDEF_STYLEOPTS": {
+					"rules": [],
+					"inclusive": false
+				},
+				"STYLEDEF_STYLES": {
+					"rules": [32],
+					"inclusive": false
+				},
+				"STYLE_IDS": {
+					"rules": [],
+					"inclusive": false
+				},
+				"STYLE": {
+					"rules": [31],
+					"inclusive": false
+				},
+				"CLASS_STYLE": {
+					"rules": [29],
+					"inclusive": false
+				},
+				"CLASS": {
+					"rules": [28],
+					"inclusive": false
+				},
+				"CLASSDEFID": {
+					"rules": [26],
+					"inclusive": false
+				},
+				"CLASSDEF": {
+					"rules": [24, 25],
+					"inclusive": false
+				},
+				"acc_descr_multiline": {
+					"rules": [21, 22],
+					"inclusive": false
+				},
+				"acc_descr": {
+					"rules": [19],
+					"inclusive": false
+				},
+				"acc_title": {
+					"rules": [17],
+					"inclusive": false
+				},
+				"SCALE": {
+					"rules": [
+						14,
+						15,
+						34,
+						35
+					],
+					"inclusive": false
+				},
+				"ALIAS": {
+					"rules": [],
+					"inclusive": false
+				},
+				"STATE_ID": {
+					"rules": [49],
+					"inclusive": false
+				},
+				"STATE_STRING": {
+					"rules": [50, 51],
+					"inclusive": false
+				},
+				"FORK_STATE": {
+					"rules": [],
+					"inclusive": false
+				},
+				"STATE": {
+					"rules": [
+						10,
+						11,
+						12,
+						37,
+						38,
+						39,
+						40,
+						41,
+						42,
+						47,
+						48,
+						52,
+						53,
+						54,
+						55
+					],
+					"inclusive": false
+				},
+				"ID": {
+					"rules": [
+						10,
+						11,
+						12
+					],
+					"inclusive": false
+				},
+				"INITIAL": {
+					"rules": [
+						0,
+						1,
+						2,
+						3,
+						4,
+						5,
+						6,
+						7,
+						8,
+						9,
+						11,
+						12,
+						13,
+						16,
+						18,
+						20,
+						23,
+						27,
+						30,
+						33,
+						36,
+						55,
+						58,
+						69,
+						70,
+						71,
+						72,
+						73,
+						74,
+						75,
+						77,
+						78,
+						79
+					],
+					"inclusive": true
+				}
+			}
+		};
+	})();
+	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 = "markdown";
+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_DIAGRAM_STATE = `${CSS_DIAGRAM}-state`;
+var CSS_EDGE = "transition";
+var CSS_NOTE = "note";
+var CSS_EDGE_NOTE_EDGE = `${CSS_EDGE} note-edge`;
+var CSS_DIAGRAM_NOTE = `${CSS_DIAGRAM}-${CSS_NOTE}`;
+var CSS_DIAGRAM_CLUSTER = `${CSS_DIAGRAM}-cluster`;
+var CSS_DIAGRAM_CLUSTER_ALT = `${CSS_DIAGRAM}-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 nodeDb = /* @__PURE__ */ new Map();
+var graphItemCount = 0;
+var nextColorIndex = 0;
+var containerColorIndex = /* @__PURE__ */ new Map();
+var colorSlotFor = /* @__PURE__ */ __name((shape, itemId, parent, userStyled) => {
+	if (shape === SHAPE_DIVIDER && parent?.id !== void 0 && containerColorIndex.has(parent.id)) {
+		const inherited = containerColorIndex.get(parent.id);
+		containerColorIndex.set(itemId, inherited);
+		return inherited;
+	}
+	const slot = nextColorIndex++;
+	const effective = userStyled ? void 0 : slot;
+	containerColorIndex.set(itemId, effective);
+	return effective;
+}, "colorSlotFor");
+function stateDomId(itemId = "", counter = 0, type = "", typeSpacer = DOMID_TYPE_SPACER) {
+	return `${DOMID_STATE}-${itemId}${type !== null && type.length > 0 ? `${typeSpacer}${type}` : ""}-${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 isNeo = look === "neo";
+					const edgeData = {
+						id: "edge" + graphItemCount,
+						start: item.state1.id,
+						end: item.state2.id,
+						arrowhead: "normal",
+						arrowTypeEnd: isNeo ? "arrow_barb_neo" : "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 getDir = /* @__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) {
+	return dbInfoItem?.classes?.join(" ") ?? "";
+}
+__name(getClassesFromDbInfo, "getClassesFromDbInfo");
+function getStylesFromDbInfo(dbInfoItem) {
+	return dbInfoItem?.styles ?? [];
+}
+__name(getStylesFromDbInfo, "getStylesFromDbInfo");
+var dataFetcher = /* @__PURE__ */ __name((parent, parsedItem, diagramStates, nodes, edges, altFlag, look, classes) => {
+	const itemId = parsedItem.id;
+	const dbState = diagramStates.get(itemId);
+	const classStr = getClassesFromDbInfo(dbState);
+	const style = getStylesFromDbInfo(dbState);
+	const config = getConfig2();
+	const userStyled = classStr.trim() !== "" || style.length > 0;
+	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 (newNode.description?.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 (newNode.description?.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, getDir(parsedItem));
+			newNode.type = "group";
+			newNode.isGroup = true;
+			newNode.dir = getDir(parsedItem);
+			newNode.shape = parsedItem.type === DIVIDER_TYPE ? SHAPE_DIVIDER : SHAPE_GROUP;
+			newNode.colorIndex = colorSlotFor(newNode.shape, itemId, parent, userStyled);
+			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",
+			colorIndex: newNode.colorIndex,
+			padding: 8,
+			rx: 10,
+			ry: 10,
+			look,
+			labelType: "markdown"
+		};
+		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,
+				labelType: "markdown",
+				cssClasses: CSS_DIAGRAM_NOTE,
+				cssStyles: [],
+				cssCompiledStyles: [],
+				id: itemId + NOTE_ID + "-" + graphItemCount,
+				domId: stateDomId(itemId, graphItemCount, NOTE),
+				type: "node",
+				isGroup: false,
+				padding: config.flowchart?.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,
+				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,
+				pattern: "dashed",
+				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;
+	nextColorIndex = 0;
+	containerColorIndex.clear();
+}, "reset");
+var getDir2 = /* @__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 stateRenderer_v3_unified_default = {
+	getClasses: /* @__PURE__ */ __name(function(text, diagramObj) {
+		return diagramObj.db.getClasses();
+	}, "getClasses"),
+	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 = getRegisteredLayoutAlgorithm(layout);
+		data4Layout.nodeSpacing = conf?.nodeSpacing || 50;
+		data4Layout.rankSpacing = conf?.rankSpacing || 50;
+		if (getConfig2().look === "neo") data4Layout.markers = ["barbNeo"];
+		else data4Layout.markers = ["barb"];
+		data4Layout.diagramId = id;
+		await render(data4Layout, svg);
+		const padding = 8;
+		try {
+			(typeof diag.db.getLinks === "function" ? diag.db.getLinks() : /* @__PURE__ */ new Map()).forEach((linkInfo, key) => {
+				const stateId = typeof key === "string" ? key : typeof key?.id === "string" ? key.id : "";
+				const stateNode = data4Layout.nodes.find((node) => node.id === stateId);
+				if (!stateId) {
+					log.warn("⚠️ Invalid or missing stateId from key:", JSON.stringify(key));
+					return;
+				}
+				const allNodes = svg.node()?.querySelectorAll("g.node, g.rough-node");
+				let matchedElem;
+				allNodes?.forEach((g) => {
+					const text2 = g.textContent?.trim();
+					if (g.id === stateNode?.domId || 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);
+					matchedElem.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?.titleTopMargin ?? 25, diag.db.getDiagramTitle());
+		setupViewPortForSVG(svg, padding, CSS_DIAGRAM, conf?.useMaxWidth ?? true);
+	}, "draw"),
+	getDir: getDir2
+};
+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 = 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.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);
+	}
+	static {
+		__name(this, "StateDB");
+	}
+	static {
+		this.relationType = {
+			AGGREGATION: 0,
+			EXTENSION: 1,
+			COMPOSITION: 2,
+			DEPENDENCY: 3
+		};
+	}
+	/**
+	* 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) => s.replace(/;/g, "")?.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?.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);
+			(Array.isArray(descr) ? descr : [descr]).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);
+			(Array.isArray(classes) ? classes : [classes]).forEach((cssClass) => this.setCssClass(trimmedId, cssClass.trim()));
+		}
+		if (styles) {
+			log.info("Setting state styles", trimmedId, styles);
+			(Array.isArray(styles) ? styles : [styles]).forEach((style) => this.setStyle(trimmedId, style.trim()));
+		}
+		if (textStyles) {
+			log.info("Setting state styles", trimmedId, styles);
+			(Array.isArray(textStyles) ? textStyles : [textStyles]).forEach((textStyle) => this.setTextStyle(trimmedId, textStyle.trim()));
+		}
+	}
+	clear(saveCommon) {
+		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();
+		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) {
+		const theState = this.currentDocument.states.get(id);
+		const _descr = descr.startsWith(":") ? descr.replace(":", "").trim() : descr;
+		theState?.descriptions?.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 newStyle2 = fixedAttrib.replace(CONSTANTS.FILL_KEYWORD, CONSTANTS.BG_FILL).replace(CONSTANTS.COLOR_KEYWORD, CONSTANTS.FILL_KEYWORD);
+				foundClass.textStyles.push(newStyle2);
+			}
+			foundClass.styles.push(fixedAttrib);
+		});
+	}
+	getClasses() {
+		return this.classes;
+	}
+	setupToolTips(element) {
+		const tooltipElem = createTooltip();
+		select_default(element).select("svg").selectAll("g.node, g.rough-node").on("mouseover", (e) => {
+			const el = select_default(e.currentTarget);
+			const title = el.attr("title");
+			if (title === null) return;
+			const rect = e.currentTarget?.getBoundingClientRect();
+			tooltipElem.transition().duration(200).style("opacity", ".9");
+			tooltipElem.style("left", window.scrollX + rect.left + (rect.right - rect.left) / 2 + "px").style("top", window.scrollY + rect.bottom + "px");
+			tooltipElem.html(purify.sanitize(title));
+			el.classed("hover", true);
+		}).on("mouseout", (e) => {
+			tooltipElem.transition().duration(500).style("opacity", 0);
+			select_default(e.currentTarget).classed("hover", false);
+		});
+	}
+	/**
+	* 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) => {
+			let foundState = this.getState(id);
+			if (!foundState) {
+				const trimmedId = id.trim();
+				this.addState(trimmedId);
+				foundState = this.getState(trimmedId);
+			}
+			foundState?.classes?.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) {
+		this.getState(itemId)?.styles?.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) {
+		this.getState(itemId)?.textStyles?.push(cssClassName);
+	}
+	bindFunctions(element) {
+		this.funs.forEach((fun) => {
+			fun(element);
+		});
+	}
+	/**
+	* 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() {
+		return this.getDirectionStatement()?.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();
+		for (const node of this.nodes) {
+			node.wrappingWidth ??= config.state?.wrappingWidth;
+			if (!node.isGroup) node.minWidth ??= config.state?.minNodeWidth;
+		}
+		return {
+			nodes: this.nodes,
+			edges: this.edges,
+			other: {},
+			config,
+			direction: getDir2(this.getRootDocV2())
+		};
+	}
+	getConfig() {
+		return getConfig2().state;
+	}
+};
+var genColor = /* @__PURE__ */ __name((options) => {
+	const { theme, bkgColorArray, borderColorArray } = options;
+	if (!isColorTheme(theme, borderColorArray)) return "";
+	const look = safeLook(options.look);
+	const hasBkgColors = hasPalette(bkgColorArray);
+	let sections = "";
+	for (let i = 0; i < paletteSlotCount(borderColorArray); i++) {
+		const borderColor = borderColorArray[i];
+		const tint = hasBkgColors ? `fill: ${bkgColorArray[i % bkgColorArray.length]};` : "";
+		const slot = `[data-look="${look}"][data-color-id="color-${i}"]`;
+		sections += `
+
+    /* The title strip: \`rect.outer\` spans the whole composite and \`rect.inner\` covers
+       the body, so what stays visible of \`outer\` is the band behind the label. */
+    ${slot}.statediagram-cluster rect.outer {
+      stroke: ${borderColor};
+      ${tint}
+    }
+
+    ${slot}.statediagram-cluster rect.inner {
+      stroke: ${borderColor};
+    }
+
+    /* Concurrency regions. Siblings of one composite share a slot, so a divided composite
+       reads as one thing split into parts rather than as several composites. */
+    ${slot}.statediagram-cluster rect.divider {
+      stroke: ${borderColor};
+      ${tint}
+    }
+
+    /* handDrawn draws the same container as roughjs shapes rather than plain rects, so it
+       needs its own rules. \`roundedWithTitle\` and \`divider\` name those groups \`outer\`,
+       \`inner\` and \`divider\` to match the classic branch, which is what lets these
+       discriminate -- a bare \`.statediagram-cluster path\` rule reached the body as well and
+       tinted the whole composite, losing \`compositeBackground\` and diverging from what
+       classic and neo do.
+
+       roughjs emits two paths per shape and marks them: the filled shape carries
+       \`stroke="none"\` and the sketched outline carries \`fill="none"\`. Splitting on that is
+       what keeps \`fill\` off the outline -- a rough outline is open squiggles, not a closed
+       region, so filling it produces smears -- and keeps \`stroke\` off the fill shape, which
+       would otherwise gain an edge it was drawn without. */
+    ${slot}.statediagram-cluster .outer path[stroke='none'] {
+      ${tint}
+    }
+
+    ${slot}.statediagram-cluster .outer path[fill='none'] {
+      stroke: ${borderColor};
+    }
+
+    /* No \`.inner\` rule on purpose. The body shape is left entirely alone under handDrawn,
+       where a rect's \`inner\` counterpart cannot be recoloured safely: roughjs draws a
+       hachure fill as *stroked* lines, so its fill paths carry \`fill="none"\` exactly like
+       the outline and no selector separates them. An \`.inner\` stroke rule therefore
+       repainted the hatching of every alt composite in the palette colour instead of
+       leaving it on \`altBackground\`. The container still reads as palette-coloured: the
+       \`outer\` shape spans the whole composite, so its outline already frames the body. */
+
+    /* Regions split the same way, which is why \`divider\` fills solid rather than taking
+       roughjs's default hachure -- see the note on that call. Hatched, both of its paths
+       carried \`fill="none"\` and these two rules degenerated: the tint matched nothing and
+       the border rule repainted the hatching. */
+    ${slot}.statediagram-cluster .divider path[stroke='none'] {
+      ${tint}
+    }
+
+    ${slot}.statediagram-cluster .divider path[fill='none'] {
+      stroke: ${borderColor};
+    }
+    `;
+	}
+	return sections;
+}, "genColor");
+var diagram = {
+	parser: stateDiagram_default,
+	get db() {
+		return new StateDB(2);
+	},
+	renderer: stateRenderer_v3_unified_default,
+	styles: /* @__PURE__ */ __name((options) => `
+${genColor(options)}
+defs [id$="-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: ${options.strokeWidth || 1};
+}
+
+.transition {
+  stroke: ${options.transitionColor};
+  stroke-width: ${options.strokeWidth || 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: ${options.strokeWidth || 1}px;
+}
+.node polygon {
+  fill: ${options.mainBkg};
+  stroke: ${options.stateBorder || options.nodeBorder};;
+  stroke-width: ${options.strokeWidth || 1}px;
+}
+[id$="-barbEnd"] {
+  fill: ${options.lineColor};
+}
+
+.statediagram-cluster rect {
+  fill: ${options.compositeTitleBackground};
+  stroke: ${options.stateBorder || options.nodeBorder};
+  stroke-width: ${options.strokeWidth || 1}px;
+}
+
+.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};
+}
+
+[id$="-dependencyStart"], [id$="-dependencyEnd"] {
+  fill: ${options.lineColor};
+  stroke: ${options.lineColor};
+  stroke-width: ${options.strokeWidth || 1};
+}
+
+.statediagramTitleText {
+  text-anchor: middle;
+  font-size: 18px;
+  fill: ${options.textColor};
+}
+
+[data-look="neo"].statediagram-cluster rect {
+  fill: ${options.mainBkg};
+  stroke: ${options.useGradient ? "url(" + options.svgId + "-gradient)" : options.stateBorder || options.nodeBorder};
+  stroke-width: ${options.strokeWidth ?? 1};
+}
+[data-look="neo"].statediagram-cluster rect.outer {
+  rx: ${options.radius}px;
+  ry: ${options.radius}px;
+  filter: ${options.dropShadow ? options.dropShadow.replace("url(#drop-shadow)", `url(${options.svgId}-drop-shadow)`) : "none"}
+}
+`, "getStyles"),
+	init: /* @__PURE__ */ __name((cnf) => {
+		if (!cnf.state) cnf.state = {};
+		cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;
+	}, "init")
+};
+
+//#endregion
+export { diagram };