epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
837 lines (821 loc) • 33.5 kB
JavaScript
import { g as gt } from "./chunk-FMBD7UC4-CD6-_BDd.js";
import { a as mt, g as lt, h as xt, d as kt } from "./chunk-JSJVCQXG-zUG9Q2x9.js";
import { g as _t, s as vt, a as bt, b as wt, t as Tt, q as St, _ as n, c as R, d as G, e as $t, A as Mt } from "./mermaid.core-BmO8XxbV.js";
import { d as et } from "./arc-C5Q4_cMR.js";
var U = function() {
var t = /* @__PURE__ */ n(function(h, i, a, l) {
for (a = a || {}, l = h.length; l--; a[h[l]] = i) ;
return a;
}, "o"), e = [6, 8, 10, 11, 12, 14, 16, 17, 18], s = [1, 9], c = [1, 10], r = [1, 11], f = [1, 12], u = [1, 13], y = [1, 14], g = {
trace: /* @__PURE__ */ n(function() {
}, "trace"),
yy: {},
symbols_: { error: 2, start: 3, journey: 4, document: 5, EOF: 6, line: 7, SPACE: 8, statement: 9, NEWLINE: 10, title: 11, acc_title: 12, acc_title_value: 13, acc_descr: 14, acc_descr_value: 15, acc_descr_multiline_value: 16, section: 17, taskName: 18, taskData: 19, $accept: 0, $end: 1 },
terminals_: { 2: "error", 4: "journey", 6: "EOF", 8: "SPACE", 10: "NEWLINE", 11: "title", 12: "acc_title", 13: "acc_title_value", 14: "acc_descr", 15: "acc_descr_value", 16: "acc_descr_multiline_value", 17: "section", 18: "taskName", 19: "taskData" },
productions_: [0, [3, 3], [5, 0], [5, 2], [7, 2], [7, 1], [7, 1], [7, 1], [9, 1], [9, 2], [9, 2], [9, 1], [9, 1], [9, 2]],
performAction: /* @__PURE__ */ n(function(i, a, l, d, p, o, b) {
var k = o.length - 1;
switch (p) {
case 1:
return o[k - 1];
case 2:
this.$ = [];
break;
case 3:
o[k - 1].push(o[k]), this.$ = o[k - 1];
break;
case 4:
case 5:
this.$ = o[k];
break;
case 6:
case 7:
this.$ = [];
break;
case 8:
d.setDiagramTitle(o[k].substr(6)), this.$ = o[k].substr(6);
break;
case 9:
this.$ = o[k].trim(), d.setAccTitle(this.$);
break;
case 10:
case 11:
this.$ = o[k].trim(), d.setAccDescription(this.$);
break;
case 12:
d.addSection(o[k].substr(8)), this.$ = o[k].substr(8);
break;
case 13:
d.addTask(o[k - 1], o[k]), this.$ = "task";
break;
}
}, "anonymous"),
table: [{ 3: 1, 4: [1, 2] }, { 1: [3] }, t(e, [2, 2], { 5: 3 }), { 6: [1, 4], 7: 5, 8: [1, 6], 9: 7, 10: [1, 8], 11: s, 12: c, 14: r, 16: f, 17: u, 18: y }, t(e, [2, 7], { 1: [2, 1] }), t(e, [2, 3]), { 9: 15, 11: s, 12: c, 14: r, 16: f, 17: u, 18: y }, t(e, [2, 5]), t(e, [2, 6]), t(e, [2, 8]), { 13: [1, 16] }, { 15: [1, 17] }, t(e, [2, 11]), t(e, [2, 12]), { 19: [1, 18] }, t(e, [2, 4]), t(e, [2, 9]), t(e, [2, 10]), t(e, [2, 13])],
defaultActions: {},
parseError: /* @__PURE__ */ n(function(i, a) {
if (a.recoverable)
this.trace(i);
else {
var l = new Error(i);
throw l.hash = a, l;
}
}, "parseError"),
parse: /* @__PURE__ */ n(function(i) {
var a = this, l = [0], d = [], p = [null], o = [], b = this.table, k = "", C = 0, K = 0, dt = 2, Q = 1, yt = o.slice.call(arguments, 1), _ = Object.create(this.lexer), I = { yy: {} };
for (var O in this.yy)
Object.prototype.hasOwnProperty.call(this.yy, O) && (I.yy[O] = this.yy[O]);
_.setInput(i, I.yy), I.yy.lexer = _, I.yy.parser = this, typeof _.yylloc > "u" && (_.yylloc = {});
var Y = _.yylloc;
o.push(Y);
var ft = _.options && _.options.ranges;
typeof I.yy.parseError == "function" ? this.parseError = I.yy.parseError : this.parseError = Object.getPrototypeOf(this).parseError;
function pt(w) {
l.length = l.length - 2 * w, p.length = p.length - w, o.length = o.length - w;
}
n(pt, "popStack");
function D() {
var w;
return w = d.pop() || _.lex() || Q, typeof w != "number" && (w instanceof Array && (d = w, w = d.pop()), w = a.symbols_[w] || w), w;
}
n(D, "lex");
for (var v, A, T, q, F = {}, N, M, tt, z; ; ) {
if (A = l[l.length - 1], this.defaultActions[A] ? T = this.defaultActions[A] : ((v === null || typeof v > "u") && (v = D()), T = b[A] && b[A][v]), typeof T > "u" || !T.length || !T[0]) {
var X = "";
z = [];
for (N in b[A])
this.terminals_[N] && N > dt && z.push("'" + this.terminals_[N] + "'");
_.showPosition ? X = "Parse error on line " + (C + 1) + `:
` + _.showPosition() + `
Expecting ` + z.join(", ") + ", got '" + (this.terminals_[v] || v) + "'" : X = "Parse error on line " + (C + 1) + ": Unexpected " + (v == Q ? "end of input" : "'" + (this.terminals_[v] || v) + "'"), this.parseError(X, {
text: _.match,
token: this.terminals_[v] || v,
line: _.yylineno,
loc: Y,
expected: z
});
}
if (T[0] instanceof Array && T.length > 1)
throw new Error("Parse Error: multiple actions possible at state: " + A + ", token: " + v);
switch (T[0]) {
case 1:
l.push(v), p.push(_.yytext), o.push(_.yylloc), l.push(T[1]), v = null, K = _.yyleng, k = _.yytext, C = _.yylineno, Y = _.yylloc;
break;
case 2:
if (M = this.productions_[T[1]][1], F.$ = p[p.length - M], F._$ = {
first_line: o[o.length - (M || 1)].first_line,
last_line: o[o.length - 1].last_line,
first_column: o[o.length - (M || 1)].first_column,
last_column: o[o.length - 1].last_column
}, ft && (F._$.range = [
o[o.length - (M || 1)].range[0],
o[o.length - 1].range[1]
]), q = this.performAction.apply(F, [
k,
K,
C,
I.yy,
T[1],
p,
o
].concat(yt)), typeof q < "u")
return q;
M && (l = l.slice(0, -1 * M * 2), p = p.slice(0, -1 * M), o = o.slice(0, -1 * M)), l.push(this.productions_[T[1]][0]), p.push(F.$), o.push(F._$), tt = b[l[l.length - 2]][l[l.length - 1]], l.push(tt);
break;
case 3:
return !0;
}
}
return !0;
}, "parse")
}, m = /* @__PURE__ */ function() {
var h = {
EOF: 1,
parseError: /* @__PURE__ */ n(function(a, l) {
if (this.yy.parser)
this.yy.parser.parseError(a, l);
else
throw new Error(a);
}, "parseError"),
// resets the lexer, sets new input
setInput: /* @__PURE__ */ n(function(i, a) {
return this.yy = a || this.yy || {}, this._input = i, 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;
}, "setInput"),
// consumes and returns one char from the input
input: /* @__PURE__ */ n(function() {
var i = this._input[0];
this.yytext += i, this.yyleng++, this.offset++, this.match += i, this.matched += i;
var a = i.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), i;
}, "input"),
// unshifts one char (or a string) into the input
unput: /* @__PURE__ */ n(function(i) {
var a = i.length, l = i.split(/(?:\r\n?|\n)/g);
this._input = i + this._input, this.yytext = this.yytext.substr(0, this.yytext.length - a), this.offset -= a;
var d = 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), l.length - 1 && (this.yylineno -= l.length - 1);
var p = 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: l ? (l.length === d.length ? this.yylloc.first_column : 0) + d[d.length - l.length].length - l[0].length : this.yylloc.first_column - a
}, this.options.ranges && (this.yylloc.range = [p[0], p[0] + this.yyleng - a]), this.yyleng = this.yytext.length, this;
}, "unput"),
// When called from action, caches matched text and appends it on next action
more: /* @__PURE__ */ n(function() {
return this._more = !0, this;
}, "more"),
// When called from action, signals the lexer that this rule fails to match the input, so the next matching rule (regex) should be tested instead.
reject: /* @__PURE__ */ n(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;
}, "reject"),
// retain first n characters of the match
less: /* @__PURE__ */ n(function(i) {
this.unput(this.match.slice(i));
}, "less"),
// displays already matched input, i.e. for error messages
pastInput: /* @__PURE__ */ n(function() {
var i = this.matched.substr(0, this.matched.length - this.match.length);
return (i.length > 20 ? "..." : "") + i.substr(-20).replace(/\n/g, "");
}, "pastInput"),
// displays upcoming input, i.e. for error messages
upcomingInput: /* @__PURE__ */ n(function() {
var i = this.match;
return i.length < 20 && (i += this._input.substr(0, 20 - i.length)), (i.substr(0, 20) + (i.length > 20 ? "..." : "")).replace(/\n/g, "");
}, "upcomingInput"),
// displays the character position where the lexing error occurred, i.e. for error messages
showPosition: /* @__PURE__ */ n(function() {
var i = this.pastInput(), a = new Array(i.length + 1).join("-");
return i + this.upcomingInput() + `
` + a + "^";
}, "showPosition"),
// test the lexed token: return FALSE when not a match, otherwise return token
test_match: /* @__PURE__ */ n(function(i, a) {
var l, d, p;
if (this.options.backtrack_lexer && (p = {
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 && (p.yylloc.range = this.yylloc.range.slice(0))), d = i[0].match(/(?:\r\n?|\n).*/g), d && (this.yylineno += d.length), this.yylloc = {
first_line: this.yylloc.last_line,
last_line: this.yylineno + 1,
first_column: this.yylloc.last_column,
last_column: d ? d[d.length - 1].length - d[d.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + i[0].length
}, this.yytext += i[0], this.match += i[0], this.matches = i, 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(i[0].length), this.matched += i[0], l = this.performAction.call(this, this.yy, this, a, this.conditionStack[this.conditionStack.length - 1]), this.done && this._input && (this.done = !1), l)
return l;
if (this._backtrack) {
for (var o in p)
this[o] = p[o];
return !1;
}
return !1;
}, "test_match"),
// return next match in input
next: /* @__PURE__ */ n(function() {
if (this.done)
return this.EOF;
this._input || (this.done = !0);
var i, a, l, d;
this._more || (this.yytext = "", this.match = "");
for (var p = this._currentRules(), o = 0; o < p.length; o++)
if (l = this._input.match(this.rules[p[o]]), l && (!a || l[0].length > a[0].length)) {
if (a = l, d = o, this.options.backtrack_lexer) {
if (i = this.test_match(l, p[o]), i !== !1)
return i;
if (this._backtrack) {
a = !1;
continue;
} else
return !1;
} else if (!this.options.flex)
break;
}
return a ? (i = this.test_match(a, p[d]), i !== !1 ? i : !1) : this._input === "" ? this.EOF : this.parseError("Lexical error on line " + (this.yylineno + 1) + `. Unrecognized text.
` + this.showPosition(), {
text: "",
token: null,
line: this.yylineno
});
}, "next"),
// return next match that has a token
lex: /* @__PURE__ */ n(function() {
var a = this.next();
return a || this.lex();
}, "lex"),
// activates a new lexer condition state (pushes the new lexer condition state onto the condition stack)
begin: /* @__PURE__ */ n(function(a) {
this.conditionStack.push(a);
}, "begin"),
// pop the previously active lexer condition state off the condition stack
popState: /* @__PURE__ */ n(function() {
var a = this.conditionStack.length - 1;
return a > 0 ? this.conditionStack.pop() : this.conditionStack[0];
}, "popState"),
// produce the lexer rule set which is active for the currently active lexer condition state
_currentRules: /* @__PURE__ */ n(function() {
return this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1] ? this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules : this.conditions.INITIAL.rules;
}, "_currentRules"),
// return the currently active lexer condition state; when an index argument is provided it produces the N-th previous condition state, if available
topState: /* @__PURE__ */ n(function(a) {
return a = this.conditionStack.length - 1 - Math.abs(a || 0), a >= 0 ? this.conditionStack[a] : "INITIAL";
}, "topState"),
// alias for begin(condition)
pushState: /* @__PURE__ */ n(function(a) {
this.begin(a);
}, "pushState"),
// return the number of states currently on the stack
stateStackSize: /* @__PURE__ */ n(function() {
return this.conditionStack.length;
}, "stateStackSize"),
options: { "case-insensitive": !0 },
performAction: /* @__PURE__ */ n(function(a, l, d, p) {
switch (d) {
case 0:
break;
case 1:
break;
case 2:
return 10;
case 3:
break;
case 4:
break;
case 5:
return 4;
case 6:
return 11;
case 7:
return this.begin("acc_title"), 12;
case 8:
return this.popState(), "acc_title_value";
case 9:
return this.begin("acc_descr"), 14;
case 10:
return this.popState(), "acc_descr_value";
case 11:
this.begin("acc_descr_multiline");
break;
case 12:
this.popState();
break;
case 13:
return "acc_descr_multiline_value";
case 14:
return 17;
case 15:
return 18;
case 16:
return 19;
case 17:
return ":";
case 18:
return 6;
case 19:
return "INVALID";
}
}, "anonymous"),
rules: [/^(?:%(?!\{)[^\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: { acc_descr_multiline: { rules: [12, 13], inclusive: !1 }, acc_descr: { rules: [10], inclusive: !1 }, acc_title: { rules: [8], inclusive: !1 }, INITIAL: { rules: [0, 1, 2, 3, 4, 5, 6, 7, 9, 11, 14, 15, 16, 17, 18, 19], inclusive: !0 } }
};
return h;
}();
g.lexer = m;
function x() {
this.yy = {};
}
return n(x, "Parser"), x.prototype = g, g.Parser = x, new x();
}();
U.parser = U;
var Et = U, V = "", Z = [], L = [], B = [], Ct = /* @__PURE__ */ n(function() {
Z.length = 0, L.length = 0, V = "", B.length = 0, Mt();
}, "clear"), Pt = /* @__PURE__ */ n(function(t) {
V = t, Z.push(t);
}, "addSection"), It = /* @__PURE__ */ n(function() {
return Z;
}, "getSections"), At = /* @__PURE__ */ n(function() {
let t = it();
const e = 100;
let s = 0;
for (; !t && s < e; )
t = it(), s++;
return L.push(...B), L;
}, "getTasks"), Ft = /* @__PURE__ */ n(function() {
const t = [];
return L.forEach((s) => {
s.people && t.push(...s.people);
}), [...new Set(t)].sort();
}, "updateActors"), Vt = /* @__PURE__ */ n(function(t, e) {
const s = e.substr(1).split(":");
let c = 0, r = [];
s.length === 1 ? (c = Number(s[0]), r = []) : (c = Number(s[0]), r = s[1].split(","));
const f = r.map((y) => y.trim()), u = {
section: V,
type: V,
people: f,
task: t,
score: c
};
B.push(u);
}, "addTask"), Rt = /* @__PURE__ */ n(function(t) {
const e = {
section: V,
type: V,
description: t,
task: t,
classes: []
};
L.push(e);
}, "addTaskOrg"), it = /* @__PURE__ */ n(function() {
const t = /* @__PURE__ */ n(function(s) {
return B[s].processed;
}, "compileTask");
let e = !0;
for (const [s, c] of B.entries())
t(s), e = e && c.processed;
return e;
}, "compileTasks"), Lt = /* @__PURE__ */ n(function() {
return Ft();
}, "getActors"), rt = {
getConfig: /* @__PURE__ */ n(() => R().journey, "getConfig"),
clear: Ct,
setDiagramTitle: St,
getDiagramTitle: Tt,
setAccTitle: wt,
getAccTitle: bt,
setAccDescription: vt,
getAccDescription: _t,
addSection: Pt,
getSections: It,
getTasks: At,
addTask: Vt,
addTaskOrg: Rt,
getActors: Lt
}, Bt = /* @__PURE__ */ n((t) => `.label {
font-family: ${t.fontFamily};
color: ${t.textColor};
}
.mouth {
stroke: #666;
}
line {
stroke: ${t.textColor}
}
.legend {
fill: ${t.textColor};
font-family: ${t.fontFamily};
}
.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: ${t.fontFamily};
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}` : ""};
}
${gt()}
`, "getStyles"), jt = Bt, J = /* @__PURE__ */ n(function(t, e) {
return kt(t, e);
}, "drawRect"), Nt = /* @__PURE__ */ n(function(t, e) {
const c = t.append("circle").attr("cx", e.cx).attr("cy", e.cy).attr("class", "face").attr("r", 15).attr("stroke-width", 2).attr("overflow", "visible"), r = t.append("g");
r.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"), r.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 f(g) {
const m = et().startAngle(Math.PI / 2).endAngle(3 * (Math.PI / 2)).innerRadius(7.5).outerRadius(6.8181818181818175);
g.append("path").attr("class", "mouth").attr("d", m).attr("transform", "translate(" + e.cx + "," + (e.cy + 2) + ")");
}
n(f, "smile");
function u(g) {
const m = et().startAngle(3 * Math.PI / 2).endAngle(5 * (Math.PI / 2)).innerRadius(7.5).outerRadius(6.8181818181818175);
g.append("path").attr("class", "mouth").attr("d", m).attr("transform", "translate(" + e.cx + "," + (e.cy + 7) + ")");
}
n(u, "sad");
function y(g) {
g.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 n(y, "ambivalent"), e.score > 3 ? f(r) : e.score < 3 ? u(r) : y(r), c;
}, "drawFace"), ot = /* @__PURE__ */ n(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;
}, "drawCircle"), ct = /* @__PURE__ */ n(function(t, e) {
return xt(t, e);
}, "drawText"), zt = /* @__PURE__ */ n(function(t, e) {
function s(r, f, u, y, g) {
return r + "," + f + " " + (r + u) + "," + f + " " + (r + u) + "," + (f + y - g) + " " + (r + u - g * 1.2) + "," + (f + y) + " " + r + "," + (f + y);
}
n(s, "genPoints");
const c = t.append("polygon");
c.attr("points", s(e.x, e.y, 50, 20, 7)), c.attr("class", "labelBox"), e.y = e.y + e.labelMargin, e.x = e.x + 0.5 * e.labelMargin, ct(t, e);
}, "drawLabel"), Wt = /* @__PURE__ */ n(function(t, e, s) {
const c = t.append("g"), r = lt();
r.x = e.x, r.y = e.y, r.fill = e.fill, r.width = s.width * e.taskCount + // width of the tasks
s.diagramMarginX * (e.taskCount - 1), r.height = s.height, r.class = "journey-section section-type-" + e.num, r.rx = 3, r.ry = 3, J(c, r), ht(s)(
e.text,
c,
r.x,
r.y,
r.width,
r.height,
{ class: "journey-section section-type-" + e.num },
s,
e.colour
);
}, "drawSection"), nt = -1, Ot = /* @__PURE__ */ n(function(t, e, s) {
const c = e.x + s.width / 2, r = t.append("g");
nt++;
const f = 300 + 5 * 30;
r.append("line").attr("id", "task" + nt).attr("x1", c).attr("y1", e.y).attr("x2", c).attr("y2", f).attr("class", "task-line").attr("stroke-width", "1px").attr("stroke-dasharray", "4 2").attr("stroke", "#666"), Nt(r, {
cx: c,
cy: 300 + (5 - e.score) * 30,
score: e.score
});
const u = lt();
u.x = e.x, u.y = e.y, u.fill = e.fill, u.width = s.width, u.height = s.height, u.class = "task task-type-" + e.num, u.rx = 3, u.ry = 3, J(r, u);
let y = e.x + 14;
e.people.forEach((g) => {
const m = e.actors[g].color, x = {
cx: y,
cy: e.y,
r: 7,
fill: m,
stroke: "#000",
title: g,
pos: e.actors[g].position
};
ot(r, x), y += 10;
}), ht(s)(
e.task,
r,
u.x,
u.y,
u.width,
u.height,
{ class: "task" },
s,
e.colour
);
}, "drawTask"), Yt = /* @__PURE__ */ n(function(t, e) {
mt(t, e);
}, "drawBackgroundRect"), ht = /* @__PURE__ */ function() {
function t(r, f, u, y, g, m, x, h) {
const i = f.append("text").attr("x", u + g / 2).attr("y", y + m / 2 + 5).style("font-color", h).style("text-anchor", "middle").text(r);
c(i, x);
}
n(t, "byText");
function e(r, f, u, y, g, m, x, h, i) {
const { taskFontSize: a, taskFontFamily: l } = h, d = r.split(/<br\s*\/?>/gi);
for (let p = 0; p < d.length; p++) {
const o = p * a - a * (d.length - 1) / 2, b = f.append("text").attr("x", u + g / 2).attr("y", y).attr("fill", i).style("text-anchor", "middle").style("font-size", a).style("font-family", l);
b.append("tspan").attr("x", u + g / 2).attr("dy", o).text(d[p]), b.attr("y", y + m / 2).attr("dominant-baseline", "central").attr("alignment-baseline", "central"), c(b, x);
}
}
n(e, "byTspan");
function s(r, f, u, y, g, m, x, h) {
const i = f.append("switch"), l = i.append("foreignObject").attr("x", u).attr("y", y).attr("width", g).attr("height", m).attr("position", "fixed").append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%");
l.append("div").attr("class", "label").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").text(r), e(r, i, u, y, g, m, x, h), c(l, x);
}
n(s, "byFo");
function c(r, f) {
for (const u in f)
u in f && r.attr(u, f[u]);
}
return n(c, "_setTextAttrs"), function(r) {
return r.textPlacement === "fo" ? s : r.textPlacement === "old" ? t : e;
};
}(), qt = /* @__PURE__ */ n(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");
}, "initGraphics"), j = {
drawRect: J,
drawCircle: ot,
drawSection: Wt,
drawText: ct,
drawLabel: zt,
drawTask: Ot,
drawBackgroundRect: Yt,
initGraphics: qt
}, Xt = /* @__PURE__ */ n(function(t) {
Object.keys(t).forEach(function(s) {
$[s] = t[s];
});
}, "setConf"), E = {}, W = 0;
function ut(t) {
const e = R().journey, s = e.maxLabelWidth;
W = 0;
let c = 60;
Object.keys(E).forEach((r) => {
const f = E[r].color, u = {
cx: 20,
cy: c,
r: 7,
fill: f,
stroke: "#000",
pos: E[r].position
};
j.drawCircle(t, u);
let y = t.append("text").attr("visibility", "hidden").text(r);
const g = y.node().getBoundingClientRect().width;
y.remove();
let m = [];
if (g <= s)
m = [r];
else {
const x = r.split(" ");
let h = "";
y = t.append("text").attr("visibility", "hidden"), x.forEach((i) => {
const a = h ? `${h} ${i}` : i;
if (y.text(a), y.node().getBoundingClientRect().width > s) {
if (h && m.push(h), h = i, y.text(i), y.node().getBoundingClientRect().width > s) {
let d = "";
for (const p of i)
d += p, y.text(d + "-"), y.node().getBoundingClientRect().width > s && (m.push(d.slice(0, -1) + "-"), d = p);
h = d;
}
} else
h = a;
}), h && m.push(h), y.remove();
}
m.forEach((x, h) => {
const i = {
x: 40,
y: c + 7 + h * 20,
fill: "#666",
text: x,
textMargin: e.boxTextMargin ?? 5
}, l = j.drawText(t, i).node().getBoundingClientRect().width;
l > W && l > e.leftMargin - l && (W = l);
}), c += Math.max(20, m.length * 20);
});
}
n(ut, "drawActorLegend");
var $ = R().journey, P = 0, Gt = /* @__PURE__ */ n(function(t, e, s, c) {
const r = R(), f = r.journey.titleColor, u = r.journey.titleFontSize, y = r.journey.titleFontFamily, g = r.securityLevel;
let m;
g === "sandbox" && (m = G("#i" + e));
const x = g === "sandbox" ? G(m.nodes()[0].contentDocument.body) : G("body");
S.init();
const h = x.select("#" + e);
j.initGraphics(h);
const i = c.db.getTasks(), a = c.db.getDiagramTitle(), l = c.db.getActors();
for (const C in E)
delete E[C];
let d = 0;
l.forEach((C) => {
E[C] = {
color: $.actorColours[d % $.actorColours.length],
position: d
}, d++;
}), ut(h), P = $.leftMargin + W, S.insert(0, 0, P, Object.keys(E).length * 50), Ht(h, i, 0);
const p = S.getBounds();
a && h.append("text").text(a).attr("x", P).attr("font-size", u).attr("font-weight", "bold").attr("y", 25).attr("fill", f).attr("font-family", y);
const o = p.stopy - p.starty + 2 * $.diagramMarginY, b = P + p.stopx + 2 * $.diagramMarginX;
$t(h, o, b, $.useMaxWidth), h.append("line").attr("x1", P).attr("y1", $.height * 4).attr("x2", b - P - 4).attr("y2", $.height * 4).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", "url(#arrowhead)");
const k = a ? 70 : 0;
h.attr("viewBox", `${p.startx} -25 ${b} ${o + k}`), h.attr("preserveAspectRatio", "xMinYMin meet"), h.attr("height", o + k + 25);
}, "draw"), S = {
data: {
startx: void 0,
stopx: void 0,
starty: void 0,
stopy: void 0
},
verticalPos: 0,
sequenceItems: [],
init: /* @__PURE__ */ n(function() {
this.sequenceItems = [], this.data = {
startx: void 0,
stopx: void 0,
starty: void 0,
stopy: void 0
}, this.verticalPos = 0;
}, "init"),
updateVal: /* @__PURE__ */ n(function(t, e, s, c) {
t[e] === void 0 ? t[e] = s : t[e] = c(s, t[e]);
}, "updateVal"),
updateBounds: /* @__PURE__ */ n(function(t, e, s, c) {
const r = R().journey, f = this;
let u = 0;
function y(g) {
return /* @__PURE__ */ n(function(x) {
u++;
const h = f.sequenceItems.length - u + 1;
f.updateVal(x, "starty", e - h * r.boxMargin, Math.min), f.updateVal(x, "stopy", c + h * r.boxMargin, Math.max), f.updateVal(S.data, "startx", t - h * r.boxMargin, Math.min), f.updateVal(S.data, "stopx", s + h * r.boxMargin, Math.max), g !== "activation" && (f.updateVal(x, "startx", t - h * r.boxMargin, Math.min), f.updateVal(x, "stopx", s + h * r.boxMargin, Math.max), f.updateVal(S.data, "starty", e - h * r.boxMargin, Math.min), f.updateVal(S.data, "stopy", c + h * r.boxMargin, Math.max));
}, "updateItemBounds");
}
n(y, "updateFn"), this.sequenceItems.forEach(y());
}, "updateBounds"),
insert: /* @__PURE__ */ n(function(t, e, s, c) {
const r = Math.min(t, s), f = Math.max(t, s), u = Math.min(e, c), y = Math.max(e, c);
this.updateVal(S.data, "startx", r, Math.min), this.updateVal(S.data, "starty", u, Math.min), this.updateVal(S.data, "stopx", f, Math.max), this.updateVal(S.data, "stopy", y, Math.max), this.updateBounds(r, u, f, y);
}, "insert"),
bumpVerticalPos: /* @__PURE__ */ n(function(t) {
this.verticalPos = this.verticalPos + t, this.data.stopy = this.verticalPos;
}, "bumpVerticalPos"),
getVerticalPos: /* @__PURE__ */ n(function() {
return this.verticalPos;
}, "getVerticalPos"),
getBounds: /* @__PURE__ */ n(function() {
return this.data;
}, "getBounds")
}, H = $.sectionFills, st = $.sectionColours, Ht = /* @__PURE__ */ n(function(t, e, s) {
const c = R().journey;
let r = "";
const f = c.height * 2 + c.diagramMarginY, u = s + f;
let y = 0, g = "#CCC", m = "black", x = 0;
for (const [h, i] of e.entries()) {
if (r !== i.section) {
g = H[y % H.length], x = y % H.length, m = st[y % st.length];
let l = 0;
const d = i.section;
for (let o = h; o < e.length && e[o].section == d; o++)
l = l + 1;
const p = {
x: h * c.taskMargin + h * c.width + P,
y: 50,
text: i.section,
fill: g,
num: x,
colour: m,
taskCount: l
};
j.drawSection(t, p, c), r = i.section, y++;
}
const a = i.people.reduce((l, d) => (E[d] && (l[d] = E[d]), l), {});
i.x = h * c.taskMargin + h * c.width + P, i.y = u, i.width = c.diagramMarginX, i.height = c.diagramMarginY, i.colour = m, i.fill = g, i.num = x, i.actors = a, j.drawTask(t, i, c), S.insert(i.x, i.y, i.x + i.width + c.taskMargin, 300 + 5 * 30);
}
}, "drawTasks"), at = {
setConf: Xt,
draw: Gt
}, Qt = {
parser: Et,
db: rt,
renderer: at,
styles: jt,
init: /* @__PURE__ */ n((t) => {
at.setConf(t.journey), rt.clear();
}, "init")
};
export {
Qt as diagram
};