1 | import { c as getConfig, g as getAccTitle, s as setAccTitle, a as getAccDescription, b as setAccDescription, t as getDiagramTitle, q as setDiagramTitle, v as clear$1, e as common, K as defaultConfig, o as setupGraphViewbox } from "./mermaid-6dc72991.js";
|
2 | import { select, scaleOrdinal, schemeTableau10 } from "d3";
|
3 | import { sankey, sankeyLinkHorizontal, sankeyLeft, sankeyRight, sankeyCenter, sankeyJustify } from "d3-sankey";
|
4 | import "ts-dedent";
|
5 | import "dayjs";
|
6 | import "@braintree/sanitize-url";
|
7 | import "dompurify";
|
8 | import "khroma";
|
9 | import "lodash-es/memoize.js";
|
10 | import "lodash-es/merge.js";
|
11 | import "stylis";
|
12 | import "lodash-es/isEmpty.js";
|
13 | var parser = function() {
|
14 | var o = function(k, v, o2, l) {
|
15 | for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v)
|
16 | ;
|
17 | return o2;
|
18 | }, $V0 = [1, 9], $V1 = [1, 10], $V2 = [1, 5, 10, 12];
|
19 | var parser2 = {
|
20 | trace: function trace() {
|
21 | },
|
22 | yy: {},
|
23 | symbols_: { "error": 2, "start": 3, "SANKEY": 4, "NEWLINE": 5, "csv": 6, "opt_eof": 7, "record": 8, "csv_tail": 9, "EOF": 10, "field[source]": 11, "COMMA": 12, "field[target]": 13, "field[value]": 14, "field": 15, "escaped": 16, "non_escaped": 17, "DQUOTE": 18, "ESCAPED_TEXT": 19, "NON_ESCAPED_TEXT": 20, "$accept": 0, "$end": 1 },
|
24 | terminals_: { 2: "error", 4: "SANKEY", 5: "NEWLINE", 10: "EOF", 11: "field[source]", 12: "COMMA", 13: "field[target]", 14: "field[value]", 18: "DQUOTE", 19: "ESCAPED_TEXT", 20: "NON_ESCAPED_TEXT" },
|
25 | productions_: [0, [3, 4], [6, 2], [9, 2], [9, 0], [7, 1], [7, 0], [8, 5], [15, 1], [15, 1], [16, 3], [17, 1]],
|
26 | performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
|
27 | var $0 = $$.length - 1;
|
28 | switch (yystate) {
|
29 | case 7:
|
30 | const source = yy.findOrCreateNode($$[$0 - 4].trim().replaceAll('""', '"'));
|
31 | const target = yy.findOrCreateNode($$[$0 - 2].trim().replaceAll('""', '"'));
|
32 | const value = parseFloat($$[$0].trim());
|
33 | yy.addLink(source, target, value);
|
34 | break;
|
35 | case 8:
|
36 | case 9:
|
37 | case 11:
|
38 | this.$ = $$[$0];
|
39 | break;
|
40 | case 10:
|
41 | this.$ = $$[$0 - 1];
|
42 | break;
|
43 | }
|
44 | },
|
45 | table: [{ 3: 1, 4: [1, 2] }, { 1: [3] }, { 5: [1, 3] }, { 6: 4, 8: 5, 15: 6, 16: 7, 17: 8, 18: $V0, 20: $V1 }, { 1: [2, 6], 7: 11, 10: [1, 12] }, o($V1, [2, 4], { 9: 13, 5: [1, 14] }), { 12: [1, 15] }, o($V2, [2, 8]), o($V2, [2, 9]), { 19: [1, 16] }, o($V2, [2, 11]), { 1: [2, 1] }, { 1: [2, 5] }, o($V1, [2, 2]), { 6: 17, 8: 5, 15: 6, 16: 7, 17: 8, 18: $V0, 20: $V1 }, { 15: 18, 16: 7, 17: 8, 18: $V0, 20: $V1 }, { 18: [1, 19] }, o($V1, [2, 3]), { 12: [1, 20] }, o($V2, [2, 10]), { 15: 21, 16: 7, 17: 8, 18: $V0, 20: $V1 }, o([1, 5, 10], [2, 7])],
|
46 | defaultActions: { 11: [2, 1], 12: [2, 5] },
|
47 | parseError: function parseError(str, hash) {
|
48 | if (hash.recoverable) {
|
49 | this.trace(str);
|
50 | } else {
|
51 | var error = new Error(str);
|
52 | error.hash = hash;
|
53 | throw error;
|
54 | }
|
55 | },
|
56 | parse: function parse(input) {
|
57 | var self = this, stack = [0], tstack = [], vstack = [null], lstack = [], table = this.table, yytext = "", yylineno = 0, yyleng = 0, TERROR = 2, EOF = 1;
|
58 | var args = lstack.slice.call(arguments, 1);
|
59 | var lexer2 = Object.create(this.lexer);
|
60 | var sharedState = { yy: {} };
|
61 | for (var k in this.yy) {
|
62 | if (Object.prototype.hasOwnProperty.call(this.yy, k)) {
|
63 | sharedState.yy[k] = this.yy[k];
|
64 | }
|
65 | }
|
66 | lexer2.setInput(input, sharedState.yy);
|
67 | sharedState.yy.lexer = lexer2;
|
68 | sharedState.yy.parser = this;
|
69 | if (typeof lexer2.yylloc == "undefined") {
|
70 | lexer2.yylloc = {};
|
71 | }
|
72 | var yyloc = lexer2.yylloc;
|
73 | lstack.push(yyloc);
|
74 | var ranges = lexer2.options && lexer2.options.ranges;
|
75 | if (typeof sharedState.yy.parseError === "function") {
|
76 | this.parseError = sharedState.yy.parseError;
|
77 | } else {
|
78 | this.parseError = Object.getPrototypeOf(this).parseError;
|
79 | }
|
80 | function lex() {
|
81 | var token;
|
82 | token = tstack.pop() || lexer2.lex() || EOF;
|
83 | if (typeof token !== "number") {
|
84 | if (token instanceof Array) {
|
85 | tstack = token;
|
86 | token = tstack.pop();
|
87 | }
|
88 | token = self.symbols_[token] || token;
|
89 | }
|
90 | return token;
|
91 | }
|
92 | var symbol, state, action, r, yyval = {}, p, len, newState, expected;
|
93 | while (true) {
|
94 | state = stack[stack.length - 1];
|
95 | if (this.defaultActions[state]) {
|
96 | action = this.defaultActions[state];
|
97 | } else {
|
98 | if (symbol === null || typeof symbol == "undefined") {
|
99 | symbol = lex();
|
100 | }
|
101 | action = table[state] && table[state][symbol];
|
102 | }
|
103 | if (typeof action === "undefined" || !action.length || !action[0]) {
|
104 | var errStr = "";
|
105 | expected = [];
|
106 | for (p in table[state]) {
|
107 | if (this.terminals_[p] && p > TERROR) {
|
108 | expected.push("'" + this.terminals_[p] + "'");
|
109 | }
|
110 | }
|
111 | if (lexer2.showPosition) {
|
112 | errStr = "Parse error on line " + (yylineno + 1) + ":\n" + lexer2.showPosition() + "\nExpecting " + expected.join(", ") + ", got '" + (this.terminals_[symbol] || symbol) + "'";
|
113 | } else {
|
114 | errStr = "Parse error on line " + (yylineno + 1) + ": Unexpected " + (symbol == EOF ? "end of input" : "'" + (this.terminals_[symbol] || symbol) + "'");
|
115 | }
|
116 | this.parseError(errStr, {
|
117 | text: lexer2.match,
|
118 | token: this.terminals_[symbol] || symbol,
|
119 | line: lexer2.yylineno,
|
120 | loc: yyloc,
|
121 | expected
|
122 | });
|
123 | }
|
124 | if (action[0] instanceof Array && action.length > 1) {
|
125 | throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol);
|
126 | }
|
127 | switch (action[0]) {
|
128 | case 1:
|
129 | stack.push(symbol);
|
130 | vstack.push(lexer2.yytext);
|
131 | lstack.push(lexer2.yylloc);
|
132 | stack.push(action[1]);
|
133 | symbol = null;
|
134 | {
|
135 | yyleng = lexer2.yyleng;
|
136 | yytext = lexer2.yytext;
|
137 | yylineno = lexer2.yylineno;
|
138 | yyloc = lexer2.yylloc;
|
139 | }
|
140 | break;
|
141 | case 2:
|
142 | len = this.productions_[action[1]][1];
|
143 | yyval.$ = vstack[vstack.length - len];
|
144 | yyval._$ = {
|
145 | first_line: lstack[lstack.length - (len || 1)].first_line,
|
146 | last_line: lstack[lstack.length - 1].last_line,
|
147 | first_column: lstack[lstack.length - (len || 1)].first_column,
|
148 | last_column: lstack[lstack.length - 1].last_column
|
149 | };
|
150 | if (ranges) {
|
151 | yyval._$.range = [
|
152 | lstack[lstack.length - (len || 1)].range[0],
|
153 | lstack[lstack.length - 1].range[1]
|
154 | ];
|
155 | }
|
156 | r = this.performAction.apply(yyval, [
|
157 | yytext,
|
158 | yyleng,
|
159 | yylineno,
|
160 | sharedState.yy,
|
161 | action[1],
|
162 | vstack,
|
163 | lstack
|
164 | ].concat(args));
|
165 | if (typeof r !== "undefined") {
|
166 | return r;
|
167 | }
|
168 | if (len) {
|
169 | stack = stack.slice(0, -1 * len * 2);
|
170 | vstack = vstack.slice(0, -1 * len);
|
171 | lstack = lstack.slice(0, -1 * len);
|
172 | }
|
173 | stack.push(this.productions_[action[1]][0]);
|
174 | vstack.push(yyval.$);
|
175 | lstack.push(yyval._$);
|
176 | newState = table[stack[stack.length - 2]][stack[stack.length - 1]];
|
177 | stack.push(newState);
|
178 | break;
|
179 | case 3:
|
180 | return true;
|
181 | }
|
182 | }
|
183 | return true;
|
184 | }
|
185 | };
|
186 | var lexer = function() {
|
187 | var lexer2 = {
|
188 | EOF: 1,
|
189 | parseError: function parseError(str, hash) {
|
190 | if (this.yy.parser) {
|
191 | this.yy.parser.parseError(str, hash);
|
192 | } else {
|
193 | throw new Error(str);
|
194 | }
|
195 | },
|
196 |
|
197 | setInput: function(input, yy) {
|
198 | this.yy = yy || this.yy || {};
|
199 | this._input = input;
|
200 | this._more = this._backtrack = this.done = false;
|
201 | this.yylineno = this.yyleng = 0;
|
202 | this.yytext = this.matched = this.match = "";
|
203 | this.conditionStack = ["INITIAL"];
|
204 | this.yylloc = {
|
205 | first_line: 1,
|
206 | first_column: 0,
|
207 | last_line: 1,
|
208 | last_column: 0
|
209 | };
|
210 | if (this.options.ranges) {
|
211 | this.yylloc.range = [0, 0];
|
212 | }
|
213 | this.offset = 0;
|
214 | return this;
|
215 | },
|
216 |
|
217 | input: function() {
|
218 | var ch = this._input[0];
|
219 | this.yytext += ch;
|
220 | this.yyleng++;
|
221 | this.offset++;
|
222 | this.match += ch;
|
223 | this.matched += ch;
|
224 | var lines = ch.match(/(?:\r\n?|\n).*/g);
|
225 | if (lines) {
|
226 | this.yylineno++;
|
227 | this.yylloc.last_line++;
|
228 | } else {
|
229 | this.yylloc.last_column++;
|
230 | }
|
231 | if (this.options.ranges) {
|
232 | this.yylloc.range[1]++;
|
233 | }
|
234 | this._input = this._input.slice(1);
|
235 | return ch;
|
236 | },
|
237 |
|
238 | unput: function(ch) {
|
239 | var len = ch.length;
|
240 | var lines = ch.split(/(?:\r\n?|\n)/g);
|
241 | this._input = ch + this._input;
|
242 | this.yytext = this.yytext.substr(0, this.yytext.length - len);
|
243 | this.offset -= len;
|
244 | var oldLines = this.match.split(/(?:\r\n?|\n)/g);
|
245 | this.match = this.match.substr(0, this.match.length - 1);
|
246 | this.matched = this.matched.substr(0, this.matched.length - 1);
|
247 | if (lines.length - 1) {
|
248 | this.yylineno -= lines.length - 1;
|
249 | }
|
250 | var r = this.yylloc.range;
|
251 | this.yylloc = {
|
252 | first_line: this.yylloc.first_line,
|
253 | last_line: this.yylineno + 1,
|
254 | first_column: this.yylloc.first_column,
|
255 | 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
|
256 | };
|
257 | if (this.options.ranges) {
|
258 | this.yylloc.range = [r[0], r[0] + this.yyleng - len];
|
259 | }
|
260 | this.yyleng = this.yytext.length;
|
261 | return this;
|
262 | },
|
263 |
|
264 | more: function() {
|
265 | this._more = true;
|
266 | return this;
|
267 | },
|
268 |
|
269 | reject: function() {
|
270 | if (this.options.backtrack_lexer) {
|
271 | this._backtrack = true;
|
272 | } else {
|
273 | 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(), {
|
274 | text: "",
|
275 | token: null,
|
276 | line: this.yylineno
|
277 | });
|
278 | }
|
279 | return this;
|
280 | },
|
281 |
|
282 | less: function(n) {
|
283 | this.unput(this.match.slice(n));
|
284 | },
|
285 |
|
286 | pastInput: function() {
|
287 | var past = this.matched.substr(0, this.matched.length - this.match.length);
|
288 | return (past.length > 20 ? "..." : "") + past.substr(-20).replace(/\n/g, "");
|
289 | },
|
290 |
|
291 | upcomingInput: function() {
|
292 | var next = this.match;
|
293 | if (next.length < 20) {
|
294 | next += this._input.substr(0, 20 - next.length);
|
295 | }
|
296 | return (next.substr(0, 20) + (next.length > 20 ? "..." : "")).replace(/\n/g, "");
|
297 | },
|
298 |
|
299 | showPosition: function() {
|
300 | var pre = this.pastInput();
|
301 | var c = new Array(pre.length + 1).join("-");
|
302 | return pre + this.upcomingInput() + "\n" + c + "^";
|
303 | },
|
304 |
|
305 | test_match: function(match, indexed_rule) {
|
306 | var token, lines, backup;
|
307 | if (this.options.backtrack_lexer) {
|
308 | backup = {
|
309 | yylineno: this.yylineno,
|
310 | yylloc: {
|
311 | first_line: this.yylloc.first_line,
|
312 | last_line: this.last_line,
|
313 | first_column: this.yylloc.first_column,
|
314 | last_column: this.yylloc.last_column
|
315 | },
|
316 | yytext: this.yytext,
|
317 | match: this.match,
|
318 | matches: this.matches,
|
319 | matched: this.matched,
|
320 | yyleng: this.yyleng,
|
321 | offset: this.offset,
|
322 | _more: this._more,
|
323 | _input: this._input,
|
324 | yy: this.yy,
|
325 | conditionStack: this.conditionStack.slice(0),
|
326 | done: this.done
|
327 | };
|
328 | if (this.options.ranges) {
|
329 | backup.yylloc.range = this.yylloc.range.slice(0);
|
330 | }
|
331 | }
|
332 | lines = match[0].match(/(?:\r\n?|\n).*/g);
|
333 | if (lines) {
|
334 | this.yylineno += lines.length;
|
335 | }
|
336 | this.yylloc = {
|
337 | first_line: this.yylloc.last_line,
|
338 | last_line: this.yylineno + 1,
|
339 | first_column: this.yylloc.last_column,
|
340 | last_column: lines ? lines[lines.length - 1].length - lines[lines.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + match[0].length
|
341 | };
|
342 | this.yytext += match[0];
|
343 | this.match += match[0];
|
344 | this.matches = match;
|
345 | this.yyleng = this.yytext.length;
|
346 | if (this.options.ranges) {
|
347 | this.yylloc.range = [this.offset, this.offset += this.yyleng];
|
348 | }
|
349 | this._more = false;
|
350 | this._backtrack = false;
|
351 | this._input = this._input.slice(match[0].length);
|
352 | this.matched += match[0];
|
353 | token = this.performAction.call(this, this.yy, this, indexed_rule, this.conditionStack[this.conditionStack.length - 1]);
|
354 | if (this.done && this._input) {
|
355 | this.done = false;
|
356 | }
|
357 | if (token) {
|
358 | return token;
|
359 | } else if (this._backtrack) {
|
360 | for (var k in backup) {
|
361 | this[k] = backup[k];
|
362 | }
|
363 | return false;
|
364 | }
|
365 | return false;
|
366 | },
|
367 |
|
368 | next: function() {
|
369 | if (this.done) {
|
370 | return this.EOF;
|
371 | }
|
372 | if (!this._input) {
|
373 | this.done = true;
|
374 | }
|
375 | var token, match, tempMatch, index;
|
376 | if (!this._more) {
|
377 | this.yytext = "";
|
378 | this.match = "";
|
379 | }
|
380 | var rules = this._currentRules();
|
381 | for (var i = 0; i < rules.length; i++) {
|
382 | tempMatch = this._input.match(this.rules[rules[i]]);
|
383 | if (tempMatch && (!match || tempMatch[0].length > match[0].length)) {
|
384 | match = tempMatch;
|
385 | index = i;
|
386 | if (this.options.backtrack_lexer) {
|
387 | token = this.test_match(tempMatch, rules[i]);
|
388 | if (token !== false) {
|
389 | return token;
|
390 | } else if (this._backtrack) {
|
391 | match = false;
|
392 | continue;
|
393 | } else {
|
394 | return false;
|
395 | }
|
396 | } else if (!this.options.flex) {
|
397 | break;
|
398 | }
|
399 | }
|
400 | }
|
401 | if (match) {
|
402 | token = this.test_match(match, rules[index]);
|
403 | if (token !== false) {
|
404 | return token;
|
405 | }
|
406 | return false;
|
407 | }
|
408 | if (this._input === "") {
|
409 | return this.EOF;
|
410 | } else {
|
411 | return this.parseError("Lexical error on line " + (this.yylineno + 1) + ". Unrecognized text.\n" + this.showPosition(), {
|
412 | text: "",
|
413 | token: null,
|
414 | line: this.yylineno
|
415 | });
|
416 | }
|
417 | },
|
418 |
|
419 | lex: function lex() {
|
420 | var r = this.next();
|
421 | if (r) {
|
422 | return r;
|
423 | } else {
|
424 | return this.lex();
|
425 | }
|
426 | },
|
427 |
|
428 | begin: function begin(condition) {
|
429 | this.conditionStack.push(condition);
|
430 | },
|
431 |
|
432 | popState: function popState() {
|
433 | var n = this.conditionStack.length - 1;
|
434 | if (n > 0) {
|
435 | return this.conditionStack.pop();
|
436 | } else {
|
437 | return this.conditionStack[0];
|
438 | }
|
439 | },
|
440 |
|
441 | _currentRules: function _currentRules() {
|
442 | if (this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1]) {
|
443 | return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
|
444 | } else {
|
445 | return this.conditions["INITIAL"].rules;
|
446 | }
|
447 | },
|
448 |
|
449 | topState: function topState(n) {
|
450 | n = this.conditionStack.length - 1 - Math.abs(n || 0);
|
451 | if (n >= 0) {
|
452 | return this.conditionStack[n];
|
453 | } else {
|
454 | return "INITIAL";
|
455 | }
|
456 | },
|
457 |
|
458 | pushState: function pushState(condition) {
|
459 | this.begin(condition);
|
460 | },
|
461 |
|
462 | stateStackSize: function stateStackSize() {
|
463 | return this.conditionStack.length;
|
464 | },
|
465 | options: { "case-insensitive": true },
|
466 | performAction: function anonymous(yy, yy_, $avoiding_name_collisions, YY_START) {
|
467 | switch ($avoiding_name_collisions) {
|
468 | case 0:
|
469 | this.pushState("csv");
|
470 | return 4;
|
471 | case 1:
|
472 | return 10;
|
473 | case 2:
|
474 | return 5;
|
475 | case 3:
|
476 | return 12;
|
477 | case 4:
|
478 | this.pushState("escaped_text");
|
479 | return 18;
|
480 | case 5:
|
481 | return 20;
|
482 | case 6:
|
483 | this.popState("escaped_text");
|
484 | return 18;
|
485 | case 7:
|
486 | return 19;
|
487 | }
|
488 | },
|
489 | rules: [/^(?:sankey-beta\b)/i, /^(?:$)/i, /^(?:((\u000D\u000A)|(\u000A)))/i, /^(?:(\u002C))/i, /^(?:(\u0022))/i, /^(?:([\u0020-\u0021\u0023-\u002B\u002D-\u007E])*)/i, /^(?:(\u0022)(?!(\u0022)))/i, /^(?:(([\u0020-\u0021\u0023-\u002B\u002D-\u007E])|(\u002C)|(\u000D)|(\u000A)|(\u0022)(\u0022))*)/i],
|
490 | conditions: { "csv": { "rules": [1, 2, 3, 4, 5, 6, 7], "inclusive": false }, "escaped_text": { "rules": [6, 7], "inclusive": false }, "INITIAL": { "rules": [0, 1, 2, 3, 4, 5, 6, 7], "inclusive": true } }
|
491 | };
|
492 | return lexer2;
|
493 | }();
|
494 | parser2.lexer = lexer;
|
495 | function Parser() {
|
496 | this.yy = {};
|
497 | }
|
498 | Parser.prototype = parser2;
|
499 | parser2.Parser = Parser;
|
500 | return new Parser();
|
501 | }();
|
502 | parser.parser = parser;
|
503 | const parser$1 = parser;
|
504 | let links = [];
|
505 | let nodes = [];
|
506 | let nodesMap = {};
|
507 | const clear = () => {
|
508 | links = [];
|
509 | nodes = [];
|
510 | nodesMap = {};
|
511 | clear$1();
|
512 | };
|
513 | class SankeyLink {
|
514 | constructor(source, target, value = 0) {
|
515 | this.source = source;
|
516 | this.target = target;
|
517 | this.value = value;
|
518 | }
|
519 | }
|
520 | const addLink = (source, target, value) => {
|
521 | links.push(new SankeyLink(source, target, value));
|
522 | };
|
523 | class SankeyNode {
|
524 | constructor(ID) {
|
525 | this.ID = ID;
|
526 | }
|
527 | }
|
528 | const findOrCreateNode = (ID) => {
|
529 | ID = common.sanitizeText(ID, getConfig());
|
530 | if (!nodesMap[ID]) {
|
531 | nodesMap[ID] = new SankeyNode(ID);
|
532 | nodes.push(nodesMap[ID]);
|
533 | }
|
534 | return nodesMap[ID];
|
535 | };
|
536 | const getNodes = () => nodes;
|
537 | const getLinks = () => links;
|
538 | const getGraph = () => ({
|
539 | nodes: nodes.map((node) => ({ id: node.ID })),
|
540 | links: links.map((link) => ({
|
541 | source: link.source.ID,
|
542 | target: link.target.ID,
|
543 | value: link.value
|
544 | }))
|
545 | });
|
546 | const db = {
|
547 | nodesMap,
|
548 | getConfig: () => getConfig().sankey,
|
549 | getNodes,
|
550 | getLinks,
|
551 | getGraph,
|
552 | addLink,
|
553 | findOrCreateNode,
|
554 | getAccTitle,
|
555 | setAccTitle,
|
556 | getAccDescription,
|
557 | setAccDescription,
|
558 | getDiagramTitle,
|
559 | setDiagramTitle,
|
560 | clear
|
561 | };
|
562 | const _Uid = class _Uid2 {
|
563 | static next(name) {
|
564 | return new _Uid2(name + ++_Uid2.count);
|
565 | }
|
566 | constructor(id) {
|
567 | this.id = id;
|
568 | this.href = `#${id}`;
|
569 | }
|
570 | toString() {
|
571 | return "url(" + this.href + ")";
|
572 | }
|
573 | };
|
574 | _Uid.count = 0;
|
575 | let Uid = _Uid;
|
576 | const alignmentsMap = {
|
577 | left: sankeyLeft,
|
578 | right: sankeyRight,
|
579 | center: sankeyCenter,
|
580 | justify: sankeyJustify
|
581 | };
|
582 | const draw = function(text, id, _version, diagObj) {
|
583 | const { securityLevel, sankey: conf } = getConfig();
|
584 | const defaultSankeyConfig = defaultConfig.sankey;
|
585 | let sandboxElement;
|
586 | if (securityLevel === "sandbox") {
|
587 | sandboxElement = select("#i" + id);
|
588 | }
|
589 | const root = securityLevel === "sandbox" ? select(sandboxElement.nodes()[0].contentDocument.body) : select("body");
|
590 | const svg = securityLevel === "sandbox" ? root.select(`[id="${id}"]`) : select(`[id="${id}"]`);
|
591 | const width = (conf == null ? void 0 : conf.width) ?? defaultSankeyConfig.width;
|
592 | const height = (conf == null ? void 0 : conf.height) ?? defaultSankeyConfig.width;
|
593 | const useMaxWidth = (conf == null ? void 0 : conf.useMaxWidth) ?? defaultSankeyConfig.useMaxWidth;
|
594 | const nodeAlignment = (conf == null ? void 0 : conf.nodeAlignment) ?? defaultSankeyConfig.nodeAlignment;
|
595 | const prefix = (conf == null ? void 0 : conf.prefix) ?? defaultSankeyConfig.prefix;
|
596 | const suffix = (conf == null ? void 0 : conf.suffix) ?? defaultSankeyConfig.suffix;
|
597 | const showValues = (conf == null ? void 0 : conf.showValues) ?? defaultSankeyConfig.showValues;
|
598 | const graph = diagObj.db.getGraph();
|
599 | const nodeAlign = alignmentsMap[nodeAlignment];
|
600 | const nodeWidth = 10;
|
601 | const sankey$1 = sankey().nodeId((d) => d.id).nodeWidth(nodeWidth).nodePadding(10 + (showValues ? 15 : 0)).nodeAlign(nodeAlign).extent([
|
602 | [0, 0],
|
603 | [width, height]
|
604 | ]);
|
605 | sankey$1(graph);
|
606 | const colorScheme = scaleOrdinal(schemeTableau10);
|
607 | svg.append("g").attr("class", "nodes").selectAll(".node").data(graph.nodes).join("g").attr("class", "node").attr("id", (d) => (d.uid = Uid.next("node-")).id).attr("transform", function(d) {
|
608 | return "translate(" + d.x0 + "," + d.y0 + ")";
|
609 | }).attr("x", (d) => d.x0).attr("y", (d) => d.y0).append("rect").attr("height", (d) => {
|
610 | return d.y1 - d.y0;
|
611 | }).attr("width", (d) => d.x1 - d.x0).attr("fill", (d) => colorScheme(d.id));
|
612 | const getText = ({ id: id2, value }) => {
|
613 | if (!showValues) {
|
614 | return id2;
|
615 | }
|
616 | return `${id2}
|
617 | ${prefix}${Math.round(value * 100) / 100}${suffix}`;
|
618 | };
|
619 | svg.append("g").attr("class", "node-labels").attr("font-family", "sans-serif").attr("font-size", 14).selectAll("text").data(graph.nodes).join("text").attr("x", (d) => d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6).attr("y", (d) => (d.y1 + d.y0) / 2).attr("dy", `${showValues ? "0" : "0.35"}em`).attr("text-anchor", (d) => d.x0 < width / 2 ? "start" : "end").text(getText);
|
620 | const link = svg.append("g").attr("class", "links").attr("fill", "none").attr("stroke-opacity", 0.5).selectAll(".link").data(graph.links).join("g").attr("class", "link").style("mix-blend-mode", "multiply");
|
621 | const linkColor = (conf == null ? void 0 : conf.linkColor) || "gradient";
|
622 | if (linkColor === "gradient") {
|
623 | const gradient = link.append("linearGradient").attr("id", (d) => (d.uid = Uid.next("linearGradient-")).id).attr("gradientUnits", "userSpaceOnUse").attr("x1", (d) => d.source.x1).attr("x2", (d) => d.target.x0);
|
624 | gradient.append("stop").attr("offset", "0%").attr("stop-color", (d) => colorScheme(d.source.id));
|
625 | gradient.append("stop").attr("offset", "100%").attr("stop-color", (d) => colorScheme(d.target.id));
|
626 | }
|
627 | let coloring;
|
628 | switch (linkColor) {
|
629 | case "gradient":
|
630 | coloring = (d) => d.uid;
|
631 | break;
|
632 | case "source":
|
633 | coloring = (d) => colorScheme(d.source.id);
|
634 | break;
|
635 | case "target":
|
636 | coloring = (d) => colorScheme(d.target.id);
|
637 | break;
|
638 | default:
|
639 | coloring = linkColor;
|
640 | }
|
641 | link.append("path").attr("d", sankeyLinkHorizontal()).attr("stroke", coloring).attr("stroke-width", (d) => Math.max(1, d.width));
|
642 | setupGraphViewbox(void 0, svg, 0, useMaxWidth);
|
643 | };
|
644 | const renderer = {
|
645 | draw
|
646 | };
|
647 | const prepareTextForParsing = (text) => {
|
648 | const textToParse = text.replaceAll(/^[^\S\n\r]+|[^\S\n\r]+$/g, "").replaceAll(/([\n\r])+/g, "\n").trim();
|
649 | return textToParse;
|
650 | };
|
651 | const originalParse = parser$1.parse.bind(parser$1);
|
652 | parser$1.parse = (text) => originalParse(prepareTextForParsing(text));
|
653 | const diagram = {
|
654 | parser: parser$1,
|
655 | db,
|
656 | renderer
|
657 | };
|
658 | export {
|
659 | diagram
|
660 | };
|