@umami/shiso 1.12.0 → 1.13.0

package/dist/chunks/ishikawaDiagram-5VMMS53U.js

@@ -0,0 +1,971 @@
+import { n as __name } from "./chunk-Y2CYZVJY.js";
+import "./src.js";
+import { H as setAccDescription, K as setDiagramTitle, U as setAccTitle, a as clear, c as configureSvgSize, s as common_default, v as getAccDescription, w as getDiagramTitle, x as getConfig2, y as getAccTitle } from "./chunk-DU6HZSFF.js";
+import { p as parseFontSize } from "./chunk-75Z2AOVW.js";
+import { t as at } from "./rough.esm.js";
+import { f as selectSvgElement } from "./mermaid.core.js";
+
+//#region ../../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/ishikawaDiagram-5VMMS53U.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, 4], $V1 = [1, 14], $V2 = [1, 12], $V3 = [1, 13], $V4 = [
+		6,
+		7,
+		8
+	], $V5 = [1, 20], $V6 = [1, 18], $V7 = [1, 19], $V8 = [
+		6,
+		7,
+		11
+	], $V9 = [
+		1,
+		6,
+		13,
+		14
+	], $Va = [1, 23], $Vb = [1, 24], $Vc = [
+		1,
+		6,
+		7,
+		11,
+		13,
+		14
+	];
+	var parser2 = {
+		trace: /* @__PURE__ */ __name(function trace() {}, "trace"),
+		yy: {},
+		symbols_: {
+			"error": 2,
+			"start": 3,
+			"ishikawa": 4,
+			"spaceLines": 5,
+			"SPACELINE": 6,
+			"NL": 7,
+			"ISHIKAWA": 8,
+			"document": 9,
+			"stop": 10,
+			"EOF": 11,
+			"statement": 12,
+			"SPACELIST": 13,
+			"TEXT": 14,
+			"$accept": 0,
+			"$end": 1
+		},
+		terminals_: {
+			2: "error",
+			6: "SPACELINE",
+			7: "NL",
+			8: "ISHIKAWA",
+			11: "EOF",
+			13: "SPACELIST",
+			14: "TEXT"
+		},
+		productions_: [
+			0,
+			[3, 1],
+			[3, 2],
+			[5, 1],
+			[5, 2],
+			[5, 2],
+			[4, 2],
+			[4, 3],
+			[10, 1],
+			[10, 1],
+			[10, 1],
+			[10, 2],
+			[10, 2],
+			[9, 3],
+			[9, 2],
+			[12, 2],
+			[12, 1],
+			[12, 1],
+			[12, 1]
+		],
+		performAction: /* @__PURE__ */ __name(function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
+			var $0 = $$.length - 1;
+			switch (yystate) {
+				case 6:
+				case 7: return yy;
+				case 15:
+					yy.addNode($$[$0 - 1].length, $$[$0].trim());
+					break;
+				case 16: yy.addNode(0, $$[$0].trim());
+			}
+		}, "anonymous"),
+		table: [
+			{
+				3: 1,
+				4: 2,
+				5: 3,
+				6: [1, 5],
+				8: $V0
+			},
+			{ 1: [3] },
+			{ 1: [2, 1] },
+			{
+				4: 6,
+				6: [1, 7],
+				7: [1, 8],
+				8: $V0
+			},
+			{
+				6: $V1,
+				7: [1, 10],
+				9: 9,
+				12: 11,
+				13: $V2,
+				14: $V3
+			},
+			o($V4, [2, 3]),
+			{ 1: [2, 2] },
+			o($V4, [2, 4]),
+			o($V4, [2, 5]),
+			{
+				1: [2, 6],
+				6: $V1,
+				12: 15,
+				13: $V2,
+				14: $V3
+			},
+			{
+				6: $V1,
+				9: 16,
+				12: 11,
+				13: $V2,
+				14: $V3
+			},
+			{
+				6: $V5,
+				7: $V6,
+				10: 17,
+				11: $V7
+			},
+			o($V8, [2, 18], { 14: [1, 21] }),
+			o($V8, [2, 16]),
+			o($V8, [2, 17]),
+			{
+				6: $V5,
+				7: $V6,
+				10: 22,
+				11: $V7
+			},
+			{
+				1: [2, 7],
+				6: $V1,
+				12: 15,
+				13: $V2,
+				14: $V3
+			},
+			o($V9, [2, 14], {
+				7: $Va,
+				11: $Vb
+			}),
+			o($Vc, [2, 8]),
+			o($Vc, [2, 9]),
+			o($Vc, [2, 10]),
+			o($V8, [2, 15]),
+			o($V9, [2, 13], {
+				7: $Va,
+				11: $Vb
+			}),
+			o($Vc, [2, 11]),
+			o($Vc, [2, 12])
+		],
+		defaultActions: {
+			2: [2, 1],
+			6: [2, 2]
+		},
+		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) {
+				switch ($avoiding_name_collisions) {
+					case 0: return 6;
+					case 1: return 8;
+					case 2: return 8;
+					case 3: return 6;
+					case 4: return 7;
+					case 5: return 13;
+					case 6: return 14;
+					case 7: return 11;
+				}
+			}, "anonymous"),
+			rules: [
+				/^(?:\s*%%.*)/i,
+				/^(?:ishikawa-beta\b)/i,
+				/^(?:ishikawa\b)/i,
+				/^(?:[\s]+[\n])/i,
+				/^(?:[\n]+)/i,
+				/^(?:[\s]+)/i,
+				/^(?:[^\n]+)/i,
+				/^(?:$)/i
+			],
+			conditions: { "INITIAL": {
+				"rules": [
+					0,
+					1,
+					2,
+					3,
+					4,
+					5,
+					6,
+					7
+				],
+				"inclusive": true
+			} }
+		};
+	})();
+	function Parser() {
+		this.yy = {};
+	}
+	__name(Parser, "Parser");
+	Parser.prototype = parser2;
+	parser2.Parser = Parser;
+	return new Parser();
+})();
+parser.parser = parser;
+var ishikawa_default = parser;
+var IshikawaDB = class {
+	constructor() {
+		this.stack = [];
+		this.clear = this.clear.bind(this);
+		this.addNode = this.addNode.bind(this);
+		this.getRoot = this.getRoot.bind(this);
+	}
+	static {
+		__name(this, "IshikawaDB");
+	}
+	clear() {
+		this.root = void 0;
+		this.stack = [];
+		this.baseLevel = void 0;
+		clear();
+	}
+	getRoot() {
+		return this.root;
+	}
+	addNode(rawLevel, text) {
+		const label = common_default.sanitizeText(text, getConfig2());
+		if (!this.root) {
+			this.root = {
+				text: label,
+				children: []
+			};
+			this.stack = [{
+				level: 0,
+				node: this.root
+			}];
+			setDiagramTitle(label);
+			return;
+		}
+		this.baseLevel ??= rawLevel;
+		let level = rawLevel - this.baseLevel + 1;
+		if (level <= 0) level = 1;
+		while (this.stack.length > 1 && this.stack[this.stack.length - 1].level >= level) this.stack.pop();
+		const parent = this.stack[this.stack.length - 1].node;
+		const node = {
+			text: label,
+			children: []
+		};
+		parent.children.push(node);
+		this.stack.push({
+			level,
+			node
+		});
+	}
+	getAccTitle() {
+		return getAccTitle();
+	}
+	setAccTitle(title) {
+		setAccTitle(title);
+	}
+	getAccDescription() {
+		return getAccDescription();
+	}
+	setAccDescription(description) {
+		setAccDescription(description);
+	}
+	getDiagramTitle() {
+		return getDiagramTitle();
+	}
+	setDiagramTitle(title) {
+		setDiagramTitle(title);
+	}
+};
+var FONT_SIZE_DEFAULT = 14;
+var SPINE_BASE_LENGTH = 250;
+var BONE_STUB = 30;
+var BONE_BASE = 60;
+var BONE_PER_CHILD = 5;
+var ANGLE = 82 * Math.PI / 180;
+var COS_A = Math.cos(ANGLE);
+var SIN_A = Math.sin(ANGLE);
+var applyPaddedViewBox = /* @__PURE__ */ __name((svgEl, pad, maxW) => {
+	const bbox = svgEl.node().getBBox();
+	const w = bbox.width + pad * 2;
+	const h = bbox.height + pad * 2;
+	configureSvgSize(svgEl, h, w, maxW);
+	svgEl.attr("viewBox", `${bbox.x - pad} ${bbox.y - pad} ${w} ${h}`);
+}, "applyPaddedViewBox");
+var draw = /* @__PURE__ */ __name((_text, id, _version, diagram2) => {
+	const root = diagram2.db.getRoot();
+	if (!root) return;
+	const drawConfig = getConfig2();
+	const { look, handDrawnSeed, themeVariables } = drawConfig;
+	const fontSize = parseFontSize(drawConfig.fontSize)[0] ?? FONT_SIZE_DEFAULT;
+	const isHandDrawn = look === "handDrawn";
+	const causes = root.children ?? [];
+	const padding = drawConfig.ishikawa?.diagramPadding ?? 20;
+	const useMaxWidth = drawConfig.ishikawa?.useMaxWidth ?? false;
+	const svg = selectSvgElement(id);
+	const g = svg.append("g").attr("class", "ishikawa");
+	const roughSvg = isHandDrawn ? at.svg(svg.node()) : void 0;
+	const roughContext = roughSvg ? {
+		roughSvg,
+		seed: handDrawnSeed ?? 0,
+		lineColor: themeVariables?.lineColor ?? "#333",
+		fillColor: themeVariables?.mainBkg ?? "#fff"
+	} : void 0;
+	const markerId = `ishikawa-arrow-${id}`;
+	if (!isHandDrawn) g.append("defs").append("marker").attr("id", markerId).attr("viewBox", "0 0 10 10").attr("refX", 0).attr("refY", 5).attr("markerWidth", 6).attr("markerHeight", 6).attr("orient", "auto").append("path").attr("d", "M 10 0 L 0 5 L 10 10 Z").attr("class", "ishikawa-arrow");
+	let spineX = 0;
+	let spineY = SPINE_BASE_LENGTH;
+	const spineLine = isHandDrawn ? void 0 : drawLine(g, spineX, spineY, spineX, spineY, "ishikawa-spine");
+	drawHead(g, spineX, spineY, root.text, fontSize, roughContext);
+	if (!causes.length) {
+		if (isHandDrawn) drawLine(g, spineX, spineY, spineX, spineY, "ishikawa-spine", roughContext);
+		applyPaddedViewBox(svg, padding, useMaxWidth);
+		return;
+	}
+	spineX -= 20;
+	const upperCauses = causes.filter((_, i) => i % 2 === 0);
+	const lowerCauses = causes.filter((_, i) => i % 2 === 1);
+	const upperStats = sideStats(upperCauses);
+	const lowerStats = sideStats(lowerCauses);
+	const descendantTotal = upperStats.total + lowerStats.total;
+	let upperLen = SPINE_BASE_LENGTH;
+	let lowerLen = SPINE_BASE_LENGTH;
+	if (descendantTotal > 0) {
+		const pool = SPINE_BASE_LENGTH * 2;
+		const minLen = SPINE_BASE_LENGTH * .3;
+		upperLen = Math.max(minLen, pool * (upperStats.total / descendantTotal));
+		lowerLen = Math.max(minLen, pool * (lowerStats.total / descendantTotal));
+	}
+	const minSpacing = fontSize * 2;
+	upperLen = Math.max(upperLen, upperStats.max * minSpacing);
+	lowerLen = Math.max(lowerLen, lowerStats.max * minSpacing);
+	spineY = Math.max(upperLen, SPINE_BASE_LENGTH);
+	if (spineLine) spineLine.attr("y1", spineY).attr("y2", spineY);
+	g.select(".ishikawa-head-group").attr("transform", `translate(0,${spineY})`);
+	const pairCount = Math.ceil(causes.length / 2);
+	for (let p = 0; p < pairCount; p++) {
+		const pg = g.append("g").attr("class", "ishikawa-pair");
+		for (const [cause, dir, len] of [[
+			causes[p * 2],
+			-1,
+			upperLen
+		], [
+			causes[p * 2 + 1],
+			1,
+			lowerLen
+		]]) if (cause) drawBranch(pg, cause, spineX, spineY, dir, len, fontSize, roughContext);
+		spineX = pg.selectAll("text").nodes().reduce((left, n) => Math.min(left, n.getBBox().x), Infinity);
+	}
+	if (isHandDrawn) drawLine(g, spineX, spineY, 0, spineY, "ishikawa-spine", roughContext);
+	else {
+		spineLine.attr("x1", spineX);
+		const markerUrl = `url(#${markerId})`;
+		g.selectAll("line.ishikawa-branch, line.ishikawa-sub-branch").attr("marker-start", markerUrl);
+	}
+	applyPaddedViewBox(svg, padding, useMaxWidth);
+}, "draw");
+var sideStats = /* @__PURE__ */ __name((nodes) => {
+	const countDescendants = /* @__PURE__ */ __name((node) => node.children.reduce((sum, child) => sum + 1 + countDescendants(child), 0), "countDescendants");
+	return nodes.reduce((stats, node) => {
+		const descendants = countDescendants(node);
+		stats.total += descendants;
+		stats.max = Math.max(stats.max, descendants);
+		return stats;
+	}, {
+		total: 0,
+		max: 0
+	});
+}, "sideStats");
+var drawHead = /* @__PURE__ */ __name((svg, x, y, label, fontSize, roughContext) => {
+	const maxChars = Math.max(6, Math.floor(110 / (fontSize * .6)));
+	const headGroup = svg.append("g").attr("class", "ishikawa-head-group").attr("transform", `translate(${x},${y})`);
+	const textEl = drawMultilineText(headGroup, wrapText(label, maxChars), 0, 0, "ishikawa-head-label", "start", fontSize);
+	const tb = textEl.node().getBBox();
+	const w = Math.max(60, tb.width + 6);
+	const h = Math.max(40, tb.height * 2 + 40);
+	const headPath = `M 0 ${-h / 2} L 0 ${h / 2} Q ${w * 2.4} 0 0 ${-h / 2} Z`;
+	if (roughContext) {
+		const roughNode = roughContext.roughSvg.path(headPath, {
+			roughness: 1.5,
+			seed: roughContext.seed,
+			fill: roughContext.fillColor,
+			fillStyle: "hachure",
+			fillWeight: 2.5,
+			hachureGap: 5,
+			stroke: roughContext.lineColor,
+			strokeWidth: 2
+		});
+		headGroup.insert(() => roughNode, ":first-child").attr("class", "ishikawa-head");
+	} else headGroup.insert("path", ":first-child").attr("class", "ishikawa-head").attr("d", headPath);
+	textEl.attr("transform", `translate(${(w - tb.width) / 2 - tb.x + 3},${-tb.y - tb.height / 2})`);
+}, "drawHead");
+var flattenTree = /* @__PURE__ */ __name((children, direction) => {
+	const entries = [];
+	const yOrder = [];
+	const walk = /* @__PURE__ */ __name((nodes, pid, depth) => {
+		const ordered = direction === -1 ? [...nodes].reverse() : nodes;
+		for (const child of ordered) {
+			const idx = entries.length;
+			const gc = child.children ?? [];
+			entries.push({
+				depth,
+				text: wrapText(child.text, 15),
+				parentIndex: pid,
+				childCount: gc.length
+			});
+			if (depth % 2 === 0) {
+				yOrder.push(idx);
+				if (gc.length) walk(gc, idx, depth + 1);
+			} else {
+				if (gc.length) walk(gc, idx, depth + 1);
+				yOrder.push(idx);
+			}
+		}
+	}, "walk");
+	walk(children, -1, 2);
+	return {
+		entries,
+		yOrder
+	};
+}, "flattenTree");
+var drawCauseLabel = /* @__PURE__ */ __name((svg, text, x, y, direction, fontSize, roughContext) => {
+	const lg = svg.append("g").attr("class", "ishikawa-label-group");
+	const tb = drawMultilineText(lg, text, x, y + 11 * direction, "ishikawa-label cause", "middle", fontSize).node().getBBox();
+	if (roughContext) {
+		const roughNode = roughContext.roughSvg.rectangle(tb.x - 20, tb.y - 2, tb.width + 40, tb.height + 4, {
+			roughness: 1.5,
+			seed: roughContext.seed,
+			fill: roughContext.fillColor,
+			fillStyle: "hachure",
+			fillWeight: 2.5,
+			hachureGap: 5,
+			stroke: roughContext.lineColor,
+			strokeWidth: 2
+		});
+		lg.insert(() => roughNode, ":first-child").attr("class", "ishikawa-label-box");
+	} else lg.insert("rect", ":first-child").attr("class", "ishikawa-label-box").attr("x", tb.x - 20).attr("y", tb.y - 2).attr("width", tb.width + 40).attr("height", tb.height + 4);
+}, "drawCauseLabel");
+var drawArrowMarker = /* @__PURE__ */ __name((g, x, y, dx, dy, roughContext) => {
+	const len = Math.sqrt(dx * dx + dy * dy);
+	if (len === 0) return;
+	const ux = dx / len;
+	const uy = dy / len;
+	const s = 6;
+	const px = -uy * s;
+	const py = ux * s;
+	const tipX = x;
+	const tipY = y;
+	const d = `M ${tipX} ${tipY} L ${tipX - ux * s * 2 + px} ${tipY - uy * s * 2 + py} L ${tipX - ux * s * 2 - px} ${tipY - uy * s * 2 - py} Z`;
+	const roughNode = roughContext.roughSvg.path(d, {
+		roughness: 1,
+		seed: roughContext.seed,
+		fill: roughContext.lineColor,
+		fillStyle: "solid",
+		stroke: roughContext.lineColor,
+		strokeWidth: 1
+	});
+	g.append(() => roughNode);
+}, "drawArrowMarker");
+var drawBranch = /* @__PURE__ */ __name((svg, node, startX, startY, direction, length, fontSize, roughContext) => {
+	const children = node.children ?? [];
+	const lineLen = length * (children.length ? 1 : .2);
+	const dx = -COS_A * lineLen;
+	const dy = SIN_A * lineLen * direction;
+	const endX = startX + dx;
+	const endY = startY + dy;
+	drawLine(svg, startX, startY, endX, endY, "ishikawa-branch", roughContext);
+	if (roughContext) drawArrowMarker(svg, startX, startY, startX - endX, startY - endY, roughContext);
+	drawCauseLabel(svg, node.text, endX, endY, direction, fontSize, roughContext);
+	if (!children.length) return;
+	const { entries, yOrder } = flattenTree(children, direction);
+	const entryCount = entries.length;
+	const ys = new Array(entryCount);
+	for (const [slot, entryIdx] of yOrder.entries()) ys[entryIdx] = startY + dy * ((slot + 1) / (entryCount + 1));
+	const bones = /* @__PURE__ */ new Map();
+	bones.set(-1, {
+		x0: startX,
+		y0: startY,
+		x1: endX,
+		y1: endY,
+		childCount: children.length,
+		childrenDrawn: 0
+	});
+	const diagonalX = -COS_A;
+	const diagonalY = SIN_A * direction;
+	const oddLabel = direction < 0 ? "ishikawa-label up" : "ishikawa-label down";
+	for (const [i, e] of entries.entries()) {
+		const y = ys[i];
+		const par = bones.get(e.parentIndex);
+		const grp = svg.append("g").attr("class", "ishikawa-sub-group");
+		let bx0 = 0;
+		let by0 = 0;
+		let bx1 = 0;
+		if (e.depth % 2 === 0) {
+			const dyP = par.y1 - par.y0;
+			bx0 = lerp(par.x0, par.x1, dyP ? (y - par.y0) / dyP : .5);
+			by0 = y;
+			bx1 = bx0 - (e.childCount > 0 ? BONE_BASE + e.childCount * BONE_PER_CHILD : BONE_STUB);
+			drawLine(grp, bx0, y, bx1, y, "ishikawa-sub-branch", roughContext);
+			if (roughContext) drawArrowMarker(grp, bx0, y, 1, 0, roughContext);
+			drawMultilineText(grp, e.text, bx1, y, "ishikawa-label align", "end", fontSize);
+		} else {
+			const k = par.childrenDrawn++;
+			bx0 = lerp(par.x0, par.x1, (par.childCount - k) / (par.childCount + 1));
+			by0 = par.y0;
+			bx1 = bx0 + diagonalX * ((y - by0) / diagonalY);
+			drawLine(grp, bx0, by0, bx1, y, "ishikawa-sub-branch", roughContext);
+			if (roughContext) drawArrowMarker(grp, bx0, by0, bx0 - bx1, by0 - y, roughContext);
+			drawMultilineText(grp, e.text, bx1, y, oddLabel, "end", fontSize);
+		}
+		if (e.childCount > 0) bones.set(i, {
+			x0: bx0,
+			y0: by0,
+			x1: bx1,
+			y1: y,
+			childCount: e.childCount,
+			childrenDrawn: 0
+		});
+	}
+}, "drawBranch");
+var splitLines = /* @__PURE__ */ __name((text) => text.split(/<br\s*\/?>|\n/), "splitLines");
+var wrapText = /* @__PURE__ */ __name((text, maxChars) => {
+	if (text.length <= maxChars) return text;
+	const lines = [];
+	for (const word of text.split(/\s+/)) {
+		const last = lines.length - 1;
+		if (last >= 0 && lines[last].length + 1 + word.length <= maxChars) lines[last] += " " + word;
+		else lines.push(word);
+	}
+	return lines.join("\n");
+}, "wrapText");
+var drawMultilineText = /* @__PURE__ */ __name((g, text, x, y, cls, anchor, fontSize) => {
+	const lines = splitLines(text);
+	const lh = fontSize * 1.05;
+	const el = g.append("text").attr("class", cls).attr("text-anchor", anchor).attr("x", x).attr("y", y - (lines.length - 1) * lh / 2);
+	for (const [i, line] of lines.entries()) el.append("tspan").attr("x", x).attr("dy", i === 0 ? 0 : lh).text(line);
+	return el;
+}, "drawMultilineText");
+var lerp = /* @__PURE__ */ __name((a, b, t) => a + (b - a) * t, "lerp");
+var drawLine = /* @__PURE__ */ __name((g, x1, y1, x2, y2, cls, roughContext) => {
+	if (roughContext) {
+		const roughNode = roughContext.roughSvg.line(x1, y1, x2, y2, {
+			roughness: 1.5,
+			seed: roughContext.seed,
+			stroke: roughContext.lineColor,
+			strokeWidth: 2
+		});
+		g.append(() => roughNode).attr("class", cls);
+		return;
+	}
+	return g.append("line").attr("class", cls).attr("x1", x1).attr("y1", y1).attr("x2", x2).attr("y2", y2);
+}, "drawLine");
+var diagram = {
+	parser: ishikawa_default,
+	get db() {
+		return new IshikawaDB();
+	},
+	renderer: { draw },
+	styles: /* @__PURE__ */ __name((options) => `
+.ishikawa .ishikawa-spine,
+.ishikawa .ishikawa-branch,
+.ishikawa .ishikawa-sub-branch {
+  stroke: ${options.lineColor};
+  stroke-width: 2;
+  fill: none;
+}
+
+.ishikawa .ishikawa-sub-branch {
+  stroke-width: 1;
+}
+
+.ishikawa .ishikawa-arrow {
+  fill: ${options.lineColor};
+}
+
+.ishikawa .ishikawa-head {
+  fill: ${options.mainBkg};
+  stroke: ${options.lineColor};
+  stroke-width: 2;
+}
+
+.ishikawa .ishikawa-label-box {
+  fill: ${options.mainBkg};
+  stroke: ${options.lineColor};
+  stroke-width: 2;
+}
+
+.ishikawa text {
+  font-family: ${options.fontFamily};
+  font-size: ${options.fontSize};
+  fill: ${options.textColor};
+}
+
+.ishikawa .ishikawa-head-label {
+  font-weight: 600;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: 14px;
+}
+
+.ishikawa .ishikawa-label {
+  text-anchor: end;
+}
+
+.ishikawa .ishikawa-label.cause {
+  text-anchor: middle;
+  dominant-baseline: middle;
+}
+
+.ishikawa .ishikawa-label.align {
+  text-anchor: end;
+  dominant-baseline: middle;
+}
+
+.ishikawa .ishikawa-label.up {
+  dominant-baseline: baseline;
+}
+
+.ishikawa .ishikawa-label.down {
+  dominant-baseline: hanging;
+}
+`, "getStyles")
+};
+
+//#endregion
+export { diagram };