mermaid
Version:
Markdown-ish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.
830 lines (814 loc) • 32.2 kB
JavaScript
import { c as V, D as gt, E as mt, s as xt, g as _t, b as kt, a as bt, m as vt, F as wt, j as H, k as Tt } from "./mermaid-d733041c.js";
import { d as St, f as Mt, a as $t, g as ot } from "./svgDrawCommon-05124e63.js";
import { d as it } from "./arc-1026bbaf.js";
import "./constant-2fe7eae5.js";
var Z = function() {
var t = function(_, n, a, h) {
for (a = a || {}, h = _.length; h--; a[_[h]] = n)
;
return a;
}, e = [1, 2], s = [1, 5], r = [6, 9, 11, 17, 18, 20, 22, 23, 24, 26], i = [1, 15], l = [1, 16], c = [1, 17], y = [1, 18], u = [1, 19], x = [1, 20], g = [1, 24], f = [4, 6, 9, 11, 17, 18, 20, 22, 23, 24, 26], d = {
trace: function() {
},
yy: {},
symbols_: { error: 2, start: 3, journey: 4, document: 5, EOF: 6, directive: 7, line: 8, SPACE: 9, statement: 10, NEWLINE: 11, openDirective: 12, typeDirective: 13, closeDirective: 14, ":": 15, argDirective: 16, title: 17, acc_title: 18, acc_title_value: 19, acc_descr: 20, acc_descr_value: 21, acc_descr_multiline_value: 22, section: 23, taskName: 24, taskData: 25, open_directive: 26, type_directive: 27, arg_directive: 28, close_directive: 29, $accept: 0, $end: 1 },
terminals_: { 2: "error", 4: "journey", 6: "EOF", 9: "SPACE", 11: "NEWLINE", 15: ":", 17: "title", 18: "acc_title", 19: "acc_title_value", 20: "acc_descr", 21: "acc_descr_value", 22: "acc_descr_multiline_value", 23: "section", 24: "taskName", 25: "taskData", 26: "open_directive", 27: "type_directive", 28: "arg_directive", 29: "close_directive" },
productions_: [0, [3, 3], [3, 2], [5, 0], [5, 2], [8, 2], [8, 1], [8, 1], [8, 1], [7, 4], [7, 6], [10, 1], [10, 2], [10, 2], [10, 1], [10, 1], [10, 2], [10, 1], [12, 1], [13, 1], [16, 1], [14, 1]],
performAction: function(n, a, h, p, m, o, R) {
var k = o.length - 1;
switch (m) {
case 1:
return o[k - 1];
case 3:
this.$ = [];
break;
case 4:
o[k - 1].push(o[k]), this.$ = o[k - 1];
break;
case 5:
case 6:
this.$ = o[k];
break;
case 7:
case 8:
this.$ = [];
break;
case 11:
p.setDiagramTitle(o[k].substr(6)), this.$ = o[k].substr(6);
break;
case 12:
this.$ = o[k].trim(), p.setAccTitle(this.$);
break;
case 13:
case 14:
this.$ = o[k].trim(), p.setAccDescription(this.$);
break;
case 15:
p.addSection(o[k].substr(8)), this.$ = o[k].substr(8);
break;
case 16:
p.addTask(o[k - 1], o[k]), this.$ = "task";
break;
case 18:
p.parseDirective("%%{", "open_directive");
break;
case 19:
p.parseDirective(o[k], "type_directive");
break;
case 20:
o[k] = o[k].trim().replace(/'/g, '"'), p.parseDirective(o[k], "arg_directive");
break;
case 21:
p.parseDirective("}%%", "close_directive", "journey");
break;
}
},
table: [{ 3: 1, 4: e, 7: 3, 12: 4, 26: s }, { 1: [3] }, t(r, [2, 3], { 5: 6 }), { 3: 7, 4: e, 7: 3, 12: 4, 26: s }, { 13: 8, 27: [1, 9] }, { 27: [2, 18] }, { 6: [1, 10], 7: 21, 8: 11, 9: [1, 12], 10: 13, 11: [1, 14], 12: 4, 17: i, 18: l, 20: c, 22: y, 23: u, 24: x, 26: s }, { 1: [2, 2] }, { 14: 22, 15: [1, 23], 29: g }, t([15, 29], [2, 19]), t(r, [2, 8], { 1: [2, 1] }), t(r, [2, 4]), { 7: 21, 10: 25, 12: 4, 17: i, 18: l, 20: c, 22: y, 23: u, 24: x, 26: s }, t(r, [2, 6]), t(r, [2, 7]), t(r, [2, 11]), { 19: [1, 26] }, { 21: [1, 27] }, t(r, [2, 14]), t(r, [2, 15]), { 25: [1, 28] }, t(r, [2, 17]), { 11: [1, 29] }, { 16: 30, 28: [1, 31] }, { 11: [2, 21] }, t(r, [2, 5]), t(r, [2, 12]), t(r, [2, 13]), t(r, [2, 16]), t(f, [2, 9]), { 14: 32, 29: g }, { 29: [2, 20] }, { 11: [1, 33] }, t(f, [2, 10])],
defaultActions: { 5: [2, 18], 7: [2, 2], 24: [2, 21], 31: [2, 20] },
parseError: function(n, a) {
if (a.recoverable)
this.trace(n);
else {
var h = new Error(n);
throw h.hash = a, h;
}
},
parse: function(n) {
var a = this, h = [0], p = [], m = [null], o = [], R = this.table, k = "", z = 0, Q = 0, yt = 2, tt = 1, dt = o.slice.call(arguments, 1), v = Object.create(this.lexer), I = { yy: {} };
for (var D in this.yy)
Object.prototype.hasOwnProperty.call(this.yy, D) && (I.yy[D] = this.yy[D]);
v.setInput(n, I.yy), I.yy.lexer = v, I.yy.parser = this, typeof v.yylloc > "u" && (v.yylloc = {});
var W = v.yylloc;
o.push(W);
var pt = v.options && v.options.ranges;
typeof I.yy.parseError == "function" ? this.parseError = I.yy.parseError : this.parseError = Object.getPrototypeOf(this).parseError;
function ft() {
var E;
return E = p.pop() || v.lex() || tt, typeof E != "number" && (E instanceof Array && (p = E, E = p.pop()), E = a.symbols_[E] || E), E;
}
for (var w, A, S, X, F = {}, Y, $, et, O; ; ) {
if (A = h[h.length - 1], this.defaultActions[A] ? S = this.defaultActions[A] : ((w === null || typeof w > "u") && (w = ft()), S = R[A] && R[A][w]), typeof S > "u" || !S.length || !S[0]) {
var G = "";
O = [];
for (Y in R[A])
this.terminals_[Y] && Y > yt && O.push("'" + this.terminals_[Y] + "'");
v.showPosition ? G = "Parse error on line " + (z + 1) + `:
` + v.showPosition() + `
Expecting ` + O.join(", ") + ", got '" + (this.terminals_[w] || w) + "'" : G = "Parse error on line " + (z + 1) + ": Unexpected " + (w == tt ? "end of input" : "'" + (this.terminals_[w] || w) + "'"), this.parseError(G, {
text: v.match,
token: this.terminals_[w] || w,
line: v.yylineno,
loc: W,
expected: O
});
}
if (S[0] instanceof Array && S.length > 1)
throw new Error("Parse Error: multiple actions possible at state: " + A + ", token: " + w);
switch (S[0]) {
case 1:
h.push(w), m.push(v.yytext), o.push(v.yylloc), h.push(S[1]), w = null, Q = v.yyleng, k = v.yytext, z = v.yylineno, W = v.yylloc;
break;
case 2:
if ($ = this.productions_[S[1]][1], F.$ = m[m.length - $], F._$ = {
first_line: o[o.length - ($ || 1)].first_line,
last_line: o[o.length - 1].last_line,
first_column: o[o.length - ($ || 1)].first_column,
last_column: o[o.length - 1].last_column
}, pt && (F._$.range = [
o[o.length - ($ || 1)].range[0],
o[o.length - 1].range[1]
]), X = this.performAction.apply(F, [
k,
Q,
z,
I.yy,
S[1],
m,
o
].concat(dt)), typeof X < "u")
return X;
$ && (h = h.slice(0, -1 * $ * 2), m = m.slice(0, -1 * $), o = o.slice(0, -1 * $)), h.push(this.productions_[S[1]][0]), m.push(F.$), o.push(F._$), et = R[h[h.length - 2]][h[h.length - 1]], h.push(et);
break;
case 3:
return !0;
}
}
return !0;
}
}, T = function() {
var _ = {
EOF: 1,
parseError: function(a, h) {
if (this.yy.parser)
this.yy.parser.parseError(a, h);
else
throw new Error(a);
},
// resets the lexer, sets new input
setInput: function(n, a) {
return this.yy = a || this.yy || {}, this._input = n, this._more = this._backtrack = this.done = !1, 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
}, this.options.ranges && (this.yylloc.range = [0, 0]), this.offset = 0, this;
},
// consumes and returns one char from the input
input: function() {
var n = this._input[0];
this.yytext += n, this.yyleng++, this.offset++, this.match += n, this.matched += n;
var a = n.match(/(?:\r\n?|\n).*/g);
return a ? (this.yylineno++, this.yylloc.last_line++) : this.yylloc.last_column++, this.options.ranges && this.yylloc.range[1]++, this._input = this._input.slice(1), n;
},
// unshifts one char (or a string) into the input
unput: function(n) {
var a = n.length, h = n.split(/(?:\r\n?|\n)/g);
this._input = n + this._input, this.yytext = this.yytext.substr(0, this.yytext.length - a), this.offset -= a;
var p = 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), h.length - 1 && (this.yylineno -= h.length - 1);
var m = this.yylloc.range;
return this.yylloc = {
first_line: this.yylloc.first_line,
last_line: this.yylineno + 1,
first_column: this.yylloc.first_column,
last_column: h ? (h.length === p.length ? this.yylloc.first_column : 0) + p[p.length - h.length].length - h[0].length : this.yylloc.first_column - a
}, this.options.ranges && (this.yylloc.range = [m[0], m[0] + this.yyleng - a]), this.yyleng = this.yytext.length, this;
},
// When called from action, caches matched text and appends it on next action
more: function() {
return this._more = !0, this;
},
// When called from action, signals the lexer that this rule fails to match the input, so the next matching rule (regex) should be tested instead.
reject: function() {
if (this.options.backtrack_lexer)
this._backtrack = !0;
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).
` + this.showPosition(), {
text: "",
token: null,
line: this.yylineno
});
return this;
},
// retain first n characters of the match
less: function(n) {
this.unput(this.match.slice(n));
},
// displays already matched input, i.e. for error messages
pastInput: function() {
var n = this.matched.substr(0, this.matched.length - this.match.length);
return (n.length > 20 ? "..." : "") + n.substr(-20).replace(/\n/g, "");
},
// displays upcoming input, i.e. for error messages
upcomingInput: function() {
var n = this.match;
return n.length < 20 && (n += this._input.substr(0, 20 - n.length)), (n.substr(0, 20) + (n.length > 20 ? "..." : "")).replace(/\n/g, "");
},
// displays the character position where the lexing error occurred, i.e. for error messages
showPosition: function() {
var n = this.pastInput(), a = new Array(n.length + 1).join("-");
return n + this.upcomingInput() + `
` + a + "^";
},
// test the lexed token: return FALSE when not a match, otherwise return token
test_match: function(n, a) {
var h, p, m;
if (this.options.backtrack_lexer && (m = {
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
}, this.options.ranges && (m.yylloc.range = this.yylloc.range.slice(0))), p = n[0].match(/(?:\r\n?|\n).*/g), p && (this.yylineno += p.length), this.yylloc = {
first_line: this.yylloc.last_line,
last_line: this.yylineno + 1,
first_column: this.yylloc.last_column,
last_column: p ? p[p.length - 1].length - p[p.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + n[0].length
}, this.yytext += n[0], this.match += n[0], this.matches = n, this.yyleng = this.yytext.length, this.options.ranges && (this.yylloc.range = [this.offset, this.offset += this.yyleng]), this._more = !1, this._backtrack = !1, this._input = this._input.slice(n[0].length), this.matched += n[0], h = this.performAction.call(this, this.yy, this, a, this.conditionStack[this.conditionStack.length - 1]), this.done && this._input && (this.done = !1), h)
return h;
if (this._backtrack) {
for (var o in m)
this[o] = m[o];
return !1;
}
return !1;
},
// return next match in input
next: function() {
if (this.done)
return this.EOF;
this._input || (this.done = !0);
var n, a, h, p;
this._more || (this.yytext = "", this.match = "");
for (var m = this._currentRules(), o = 0; o < m.length; o++)
if (h = this._input.match(this.rules[m[o]]), h && (!a || h[0].length > a[0].length)) {
if (a = h, p = o, this.options.backtrack_lexer) {
if (n = this.test_match(h, m[o]), n !== !1)
return n;
if (this._backtrack) {
a = !1;
continue;
} else
return !1;
} else if (!this.options.flex)
break;
}
return a ? (n = this.test_match(a, m[p]), n !== !1 ? n : !1) : this._input === "" ? this.EOF : this.parseError("Lexical error on line " + (this.yylineno + 1) + `. Unrecognized text.
` + this.showPosition(), {
text: "",
token: null,
line: this.yylineno
});
},
// return next match that has a token
lex: function() {
var a = this.next();
return a || this.lex();
},
// activates a new lexer condition state (pushes the new lexer condition state onto the condition stack)
begin: function(a) {
this.conditionStack.push(a);
},
// pop the previously active lexer condition state off the condition stack
popState: function() {
var a = this.conditionStack.length - 1;
return a > 0 ? this.conditionStack.pop() : this.conditionStack[0];
},
// produce the lexer rule set which is active for the currently active lexer condition state
_currentRules: function() {
return this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1] ? this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules : this.conditions.INITIAL.rules;
},
// return the currently active lexer condition state; when an index argument is provided it produces the N-th previous condition state, if available
topState: function(a) {
return a = this.conditionStack.length - 1 - Math.abs(a || 0), a >= 0 ? this.conditionStack[a] : "INITIAL";
},
// alias for begin(condition)
pushState: function(a) {
this.begin(a);
},
// return the number of states currently on the stack
stateStackSize: function() {
return this.conditionStack.length;
},
options: { "case-insensitive": !0 },
performAction: function(a, h, p, m) {
switch (p) {
case 0:
return this.begin("open_directive"), 26;
case 1:
return this.begin("type_directive"), 27;
case 2:
return this.popState(), this.begin("arg_directive"), 15;
case 3:
return this.popState(), this.popState(), 29;
case 4:
return 28;
case 5:
break;
case 6:
break;
case 7:
return 11;
case 8:
break;
case 9:
break;
case 10:
return 4;
case 11:
return 17;
case 12:
return this.begin("acc_title"), 18;
case 13:
return this.popState(), "acc_title_value";
case 14:
return this.begin("acc_descr"), 20;
case 15:
return this.popState(), "acc_descr_value";
case 16:
this.begin("acc_descr_multiline");
break;
case 17:
this.popState();
break;
case 18:
return "acc_descr_multiline_value";
case 19:
return 23;
case 20:
return 24;
case 21:
return 25;
case 22:
return 15;
case 23:
return 6;
case 24:
return "INVALID";
}
},
rules: [/^(?:%%\{)/i, /^(?:((?:(?!\}%%)[^:.])*))/i, /^(?::)/i, /^(?:\}%%)/i, /^(?:((?:(?!\}%%).|\n)*))/i, /^(?:%(?!\{)[^\n]*)/i, /^(?:[^\}]%%[^\n]*)/i, /^(?:[\n]+)/i, /^(?:\s+)/i, /^(?:#[^\n]*)/i, /^(?:journey\b)/i, /^(?:title\s[^#\n;]+)/i, /^(?:accTitle\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*\{\s*)/i, /^(?:[\}])/i, /^(?:[^\}]*)/i, /^(?:section\s[^#:\n;]+)/i, /^(?:[^#:\n;]+)/i, /^(?::[^#\n;]+)/i, /^(?::)/i, /^(?:$)/i, /^(?:.)/i],
conditions: { open_directive: { rules: [1], inclusive: !1 }, type_directive: { rules: [2, 3], inclusive: !1 }, arg_directive: { rules: [3, 4], inclusive: !1 }, acc_descr_multiline: { rules: [17, 18], inclusive: !1 }, acc_descr: { rules: [15], inclusive: !1 }, acc_title: { rules: [13], inclusive: !1 }, INITIAL: { rules: [0, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16, 19, 20, 21, 22, 23, 24], inclusive: !0 } }
};
return _;
}();
d.lexer = T;
function b() {
this.yy = {};
}
return b.prototype = d, d.Parser = b, new b();
}();
Z.parser = Z;
const Et = Z;
let L = "";
const J = [], N = [], j = [], Pt = function(t, e, s) {
vt.parseDirective(this, t, e, s);
}, It = function() {
J.length = 0, N.length = 0, L = "", j.length = 0, wt();
}, At = function(t) {
L = t, J.push(t);
}, Ct = function() {
return J;
}, Vt = function() {
let t = st();
const e = 100;
let s = 0;
for (; !t && s < e; )
t = st(), s++;
return N.push(...j), N;
}, Ft = function() {
const t = [];
return N.forEach((s) => {
s.people && t.push(...s.people);
}), [...new Set(t)].sort();
}, Lt = function(t, e) {
const s = e.substr(1).split(":");
let r = 0, i = [];
s.length === 1 ? (r = Number(s[0]), i = []) : (r = Number(s[0]), i = s[1].split(","));
const l = i.map((y) => y.trim()), c = {
section: L,
type: L,
people: l,
task: t,
score: r
};
j.push(c);
}, Rt = function(t) {
const e = {
section: L,
type: L,
description: t,
task: t,
classes: []
};
N.push(e);
}, st = function() {
const t = function(s) {
return j[s].processed;
};
let e = !0;
for (const [s, r] of j.entries())
t(s), e = e && r.processed;
return e;
}, Nt = function() {
return Ft();
}, nt = {
parseDirective: Pt,
getConfig: () => V().journey,
clear: It,
setDiagramTitle: gt,
getDiagramTitle: mt,
setAccTitle: xt,
getAccTitle: _t,
setAccDescription: kt,
getAccDescription: bt,
addSection: At,
getSections: Ct,
getTasks: Vt,
addTask: Lt,
addTaskOrg: Rt,
getActors: Nt
}, jt = (t) => `.label {
font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family);
color: ${t.textColor};
}
.mouth {
stroke: #666;
}
line {
stroke: ${t.textColor}
}
.legend {
fill: ${t.textColor};
}
.label text {
fill: #333;
}
.label {
color: ${t.textColor}
}
.face {
${t.faceColor ? `fill: ${t.faceColor}` : "fill: #FFF8DC"};
stroke: #999;
}
.node rect,
.node circle,
.node ellipse,
.node polygon,
.node path {
fill: ${t.mainBkg};
stroke: ${t.nodeBorder};
stroke-width: 1px;
}
.node .label {
text-align: center;
}
.node.clickable {
cursor: pointer;
}
.arrowheadPath {
fill: ${t.arrowheadColor};
}
.edgePath .path {
stroke: ${t.lineColor};
stroke-width: 1.5px;
}
.flowchart-link {
stroke: ${t.lineColor};
fill: none;
}
.edgeLabel {
background-color: ${t.edgeLabelBackground};
rect {
opacity: 0.5;
}
text-align: center;
}
.cluster rect {
}
.cluster text {
fill: ${t.titleColor};
}
div.mermaidTooltip {
position: absolute;
text-align: center;
max-width: 200px;
padding: 2px;
font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family);
font-size: 12px;
background: ${t.tertiaryColor};
border: 1px solid ${t.border2};
border-radius: 2px;
pointer-events: none;
z-index: 100;
}
.task-type-0, .section-type-0 {
${t.fillType0 ? `fill: ${t.fillType0}` : ""};
}
.task-type-1, .section-type-1 {
${t.fillType0 ? `fill: ${t.fillType1}` : ""};
}
.task-type-2, .section-type-2 {
${t.fillType0 ? `fill: ${t.fillType2}` : ""};
}
.task-type-3, .section-type-3 {
${t.fillType0 ? `fill: ${t.fillType3}` : ""};
}
.task-type-4, .section-type-4 {
${t.fillType0 ? `fill: ${t.fillType4}` : ""};
}
.task-type-5, .section-type-5 {
${t.fillType0 ? `fill: ${t.fillType5}` : ""};
}
.task-type-6, .section-type-6 {
${t.fillType0 ? `fill: ${t.fillType6}` : ""};
}
.task-type-7, .section-type-7 {
${t.fillType0 ? `fill: ${t.fillType7}` : ""};
}
.actor-0 {
${t.actor0 ? `fill: ${t.actor0}` : ""};
}
.actor-1 {
${t.actor1 ? `fill: ${t.actor1}` : ""};
}
.actor-2 {
${t.actor2 ? `fill: ${t.actor2}` : ""};
}
.actor-3 {
${t.actor3 ? `fill: ${t.actor3}` : ""};
}
.actor-4 {
${t.actor4 ? `fill: ${t.actor4}` : ""};
}
.actor-5 {
${t.actor5 ? `fill: ${t.actor5}` : ""};
}
`, Bt = jt, K = function(t, e) {
return St(t, e);
}, zt = function(t, e) {
const r = t.append("circle").attr("cx", e.cx).attr("cy", e.cy).attr("class", "face").attr("r", 15).attr("stroke-width", 2).attr("overflow", "visible"), i = t.append("g");
i.append("circle").attr("cx", e.cx - 15 / 3).attr("cy", e.cy - 15 / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666"), i.append("circle").attr("cx", e.cx + 15 / 3).attr("cy", e.cy - 15 / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666");
function l(u) {
const x = it().startAngle(Math.PI / 2).endAngle(3 * (Math.PI / 2)).innerRadius(7.5).outerRadius(6.8181818181818175);
u.append("path").attr("class", "mouth").attr("d", x).attr("transform", "translate(" + e.cx + "," + (e.cy + 2) + ")");
}
function c(u) {
const x = it().startAngle(3 * Math.PI / 2).endAngle(5 * (Math.PI / 2)).innerRadius(7.5).outerRadius(6.8181818181818175);
u.append("path").attr("class", "mouth").attr("d", x).attr("transform", "translate(" + e.cx + "," + (e.cy + 7) + ")");
}
function y(u) {
u.append("line").attr("class", "mouth").attr("stroke", 2).attr("x1", e.cx - 5).attr("y1", e.cy + 7).attr("x2", e.cx + 5).attr("y2", e.cy + 7).attr("class", "mouth").attr("stroke-width", "1px").attr("stroke", "#666");
}
return e.score > 3 ? l(i) : e.score < 3 ? c(i) : y(i), r;
}, lt = function(t, e) {
const s = t.append("circle");
return s.attr("cx", e.cx), s.attr("cy", e.cy), s.attr("class", "actor-" + e.pos), s.attr("fill", e.fill), s.attr("stroke", e.stroke), s.attr("r", e.r), s.class !== void 0 && s.attr("class", s.class), e.title !== void 0 && s.append("title").text(e.title), s;
}, ht = function(t, e) {
return Mt(t, e);
}, Yt = function(t, e) {
function s(i, l, c, y, u) {
return i + "," + l + " " + (i + c) + "," + l + " " + (i + c) + "," + (l + y - u) + " " + (i + c - u * 1.2) + "," + (l + y) + " " + i + "," + (l + y);
}
const r = t.append("polygon");
r.attr("points", s(e.x, e.y, 50, 20, 7)), r.attr("class", "labelBox"), e.y = e.y + e.labelMargin, e.x = e.x + 0.5 * e.labelMargin, ht(t, e);
}, Ot = function(t, e, s) {
const r = t.append("g"), i = ot();
i.x = e.x, i.y = e.y, i.fill = e.fill, i.width = s.width * e.taskCount + // width of the tasks
s.diagramMarginX * (e.taskCount - 1), i.height = s.height, i.class = "journey-section section-type-" + e.num, i.rx = 3, i.ry = 3, K(r, i), ut(s)(
e.text,
r,
i.x,
i.y,
i.width,
i.height,
{ class: "journey-section section-type-" + e.num },
s,
e.colour
);
};
let rt = -1;
const qt = function(t, e, s) {
const r = e.x + s.width / 2, i = t.append("g");
rt++;
const l = 300 + 5 * 30;
i.append("line").attr("id", "task" + rt).attr("x1", r).attr("y1", e.y).attr("x2", r).attr("y2", l).attr("class", "task-line").attr("stroke-width", "1px").attr("stroke-dasharray", "4 2").attr("stroke", "#666"), zt(i, {
cx: r,
cy: 300 + (5 - e.score) * 30,
score: e.score
});
const c = ot();
c.x = e.x, c.y = e.y, c.fill = e.fill, c.width = s.width, c.height = s.height, c.class = "task task-type-" + e.num, c.rx = 3, c.ry = 3, K(i, c);
let y = e.x + 14;
e.people.forEach((u) => {
const x = e.actors[u].color, g = {
cx: y,
cy: e.y,
r: 7,
fill: x,
stroke: "#000",
title: u,
pos: e.actors[u].position
};
lt(i, g), y += 10;
}), ut(s)(
e.task,
i,
c.x,
c.y,
c.width,
c.height,
{ class: "task" },
s,
e.colour
);
}, Dt = function(t, e) {
$t(t, e);
}, ut = function() {
function t(i, l, c, y, u, x, g, f) {
const d = l.append("text").attr("x", c + u / 2).attr("y", y + x / 2 + 5).style("font-color", f).style("text-anchor", "middle").text(i);
r(d, g);
}
function e(i, l, c, y, u, x, g, f, d) {
const { taskFontSize: T, taskFontFamily: b } = f, _ = i.split(/<br\s*\/?>/gi);
for (let n = 0; n < _.length; n++) {
const a = n * T - T * (_.length - 1) / 2, h = l.append("text").attr("x", c + u / 2).attr("y", y).attr("fill", d).style("text-anchor", "middle").style("font-size", T).style("font-family", b);
h.append("tspan").attr("x", c + u / 2).attr("dy", a).text(_[n]), h.attr("y", y + x / 2).attr("dominant-baseline", "central").attr("alignment-baseline", "central"), r(h, g);
}
}
function s(i, l, c, y, u, x, g, f) {
const d = l.append("switch"), b = d.append("foreignObject").attr("x", c).attr("y", y).attr("width", u).attr("height", x).attr("position", "fixed").append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%");
b.append("div").attr("class", "label").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").text(i), e(i, d, c, y, u, x, g, f), r(b, g);
}
function r(i, l) {
for (const c in l)
c in l && i.attr(c, l[c]);
}
return function(i) {
return i.textPlacement === "fo" ? s : i.textPlacement === "old" ? t : e;
};
}(), Wt = function(t) {
t.append("defs").append("marker").attr("id", "arrowhead").attr("refX", 5).attr("refY", 2).attr("markerWidth", 6).attr("markerHeight", 4).attr("orient", "auto").append("path").attr("d", "M 0,0 V 4 L6,2 Z");
}, B = {
drawRect: K,
drawCircle: lt,
drawSection: Ot,
drawText: ht,
drawLabel: Yt,
drawTask: qt,
drawBackgroundRect: Dt,
initGraphics: Wt
}, Xt = function(t) {
Object.keys(t).forEach(function(s) {
q[s] = t[s];
});
}, P = {};
function Gt(t) {
const e = V().journey;
let s = 60;
Object.keys(P).forEach((r) => {
const i = P[r].color, l = {
cx: 20,
cy: s,
r: 7,
fill: i,
stroke: "#000",
pos: P[r].position
};
B.drawCircle(t, l);
const c = {
x: 40,
y: s + 7,
fill: "#666",
text: r,
textMargin: e.boxTextMargin | 5
};
B.drawText(t, c), s += 20;
});
}
const q = V().journey, C = q.leftMargin, Ht = function(t, e, s, r) {
const i = V().journey, l = V().securityLevel;
let c;
l === "sandbox" && (c = H("#i" + e));
const y = l === "sandbox" ? H(c.nodes()[0].contentDocument.body) : H("body");
M.init();
const u = y.select("#" + e);
B.initGraphics(u);
const x = r.db.getTasks(), g = r.db.getDiagramTitle(), f = r.db.getActors();
for (const a in P)
delete P[a];
let d = 0;
f.forEach((a) => {
P[a] = {
color: i.actorColours[d % i.actorColours.length],
position: d
}, d++;
}), Gt(u), M.insert(0, 0, C, Object.keys(P).length * 50), Ut(u, x, 0);
const T = M.getBounds();
g && u.append("text").text(g).attr("x", C).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 25);
const b = T.stopy - T.starty + 2 * i.diagramMarginY, _ = C + T.stopx + 2 * i.diagramMarginX;
Tt(u, b, _, i.useMaxWidth), u.append("line").attr("x1", C).attr("y1", i.height * 4).attr("x2", _ - C - 4).attr("y2", i.height * 4).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", "url(#arrowhead)");
const n = g ? 70 : 0;
u.attr("viewBox", `${T.startx} -25 ${_} ${b + n}`), u.attr("preserveAspectRatio", "xMinYMin meet"), u.attr("height", b + n + 25);
}, M = {
data: {
startx: void 0,
stopx: void 0,
starty: void 0,
stopy: void 0
},
verticalPos: 0,
sequenceItems: [],
init: function() {
this.sequenceItems = [], this.data = {
startx: void 0,
stopx: void 0,
starty: void 0,
stopy: void 0
}, this.verticalPos = 0;
},
updateVal: function(t, e, s, r) {
t[e] === void 0 ? t[e] = s : t[e] = r(s, t[e]);
},
updateBounds: function(t, e, s, r) {
const i = V().journey, l = this;
let c = 0;
function y(u) {
return function(g) {
c++;
const f = l.sequenceItems.length - c + 1;
l.updateVal(g, "starty", e - f * i.boxMargin, Math.min), l.updateVal(g, "stopy", r + f * i.boxMargin, Math.max), l.updateVal(M.data, "startx", t - f * i.boxMargin, Math.min), l.updateVal(M.data, "stopx", s + f * i.boxMargin, Math.max), u !== "activation" && (l.updateVal(g, "startx", t - f * i.boxMargin, Math.min), l.updateVal(g, "stopx", s + f * i.boxMargin, Math.max), l.updateVal(M.data, "starty", e - f * i.boxMargin, Math.min), l.updateVal(M.data, "stopy", r + f * i.boxMargin, Math.max));
};
}
this.sequenceItems.forEach(y());
},
insert: function(t, e, s, r) {
const i = Math.min(t, s), l = Math.max(t, s), c = Math.min(e, r), y = Math.max(e, r);
this.updateVal(M.data, "startx", i, Math.min), this.updateVal(M.data, "starty", c, Math.min), this.updateVal(M.data, "stopx", l, Math.max), this.updateVal(M.data, "stopy", y, Math.max), this.updateBounds(i, c, l, y);
},
bumpVerticalPos: function(t) {
this.verticalPos = this.verticalPos + t, this.data.stopy = this.verticalPos;
},
getVerticalPos: function() {
return this.verticalPos;
},
getBounds: function() {
return this.data;
}
}, U = q.sectionFills, at = q.sectionColours, Ut = function(t, e, s) {
const r = V().journey;
let i = "";
const l = r.height * 2 + r.diagramMarginY, c = s + l;
let y = 0, u = "#CCC", x = "black", g = 0;
for (const [f, d] of e.entries()) {
if (i !== d.section) {
u = U[y % U.length], g = y % U.length, x = at[y % at.length];
let b = 0;
const _ = d.section;
for (let a = f; a < e.length && e[a].section == _; a++)
b = b + 1;
const n = {
x: f * r.taskMargin + f * r.width + C,
y: 50,
text: d.section,
fill: u,
num: g,
colour: x,
taskCount: b
};
B.drawSection(t, n, r), i = d.section, y++;
}
const T = d.people.reduce((b, _) => (P[_] && (b[_] = P[_]), b), {});
d.x = f * r.taskMargin + f * r.width + C, d.y = c, d.width = r.diagramMarginX, d.height = r.diagramMarginY, d.colour = x, d.fill = u, d.num = g, d.actors = T, B.drawTask(t, d, r), M.insert(d.x, d.y, d.x + d.width + r.taskMargin, 300 + 5 * 30);
}
}, ct = {
setConf: Xt,
draw: Ht
}, te = {
parser: Et,
db: nt,
renderer: ct,
styles: Bt,
init: (t) => {
ct.setConf(t.journey), nt.clear();
}
};
export {
te as diagram
};