mermaid
Version:
Markdown-ish syntax for generating flowcharts, mindmaps, sequence diagrams, class diagrams, gantt charts, git graphs and more.
1,398 lines (1,393 loc) • 105 kB
JavaScript
import {
getIconStyles
} from "./chunk-UIWBPB2F.mjs";
import {
JSON_SCHEMA,
load
} from "./chunk-VDROSRA5.mjs";
import {
getDiagramElement,
setupViewPortForSVG
} from "./chunk-HPOVUXKZ.mjs";
import {
getRegisteredLayoutAlgorithm,
render
} from "./chunk-BRE4QBWZ.mjs";
import "./chunk-AEN23PCK.mjs";
import "./chunk-NUTPFWZB.mjs";
import {
isValidShape
} from "./chunk-DS2CGKN3.mjs";
import "./chunk-YL523NDC.mjs";
import "./chunk-7N6UNFX7.mjs";
import {
getEdgeId,
utils_default
} from "./chunk-F7MYA6JM.mjs";
import {
__name,
clear,
common_default,
defaultConfig2 as defaultConfig,
getAccDescription,
getAccTitle,
getConfig2 as getConfig,
getDiagramTitle,
log,
setAccDescription,
setAccTitle,
setConfig2 as setConfig,
setDiagramTitle
} from "./chunk-BMRFU3JQ.mjs";
// src/diagrams/flowchart/flowDb.ts
import { select } from "d3";
var MERMAID_DOM_ID_PREFIX = "flowchart-";
var FlowDB = class {
// cspell:ignore funs
constructor() {
this.vertexCounter = 0;
this.config = getConfig();
this.vertices = /* @__PURE__ */ new Map();
this.edges = [];
this.classes = /* @__PURE__ */ new Map();
this.subGraphs = [];
this.subGraphLookup = /* @__PURE__ */ new Map();
this.tooltips = /* @__PURE__ */ new Map();
this.subCount = 0;
this.firstGraphFlag = true;
// As in graph
this.secCount = -1;
this.posCrossRef = [];
// Functions to be run after graph rendering
this.funs = [];
this.setAccTitle = setAccTitle;
this.setAccDescription = setAccDescription;
this.setDiagramTitle = setDiagramTitle;
this.getAccTitle = getAccTitle;
this.getAccDescription = getAccDescription;
this.getDiagramTitle = getDiagramTitle;
this.funs.push(this.setupToolTips.bind(this));
this.addVertex = this.addVertex.bind(this);
this.firstGraph = this.firstGraph.bind(this);
this.setDirection = this.setDirection.bind(this);
this.addSubGraph = this.addSubGraph.bind(this);
this.addLink = this.addLink.bind(this);
this.setLink = this.setLink.bind(this);
this.updateLink = this.updateLink.bind(this);
this.addClass = this.addClass.bind(this);
this.setClass = this.setClass.bind(this);
this.destructLink = this.destructLink.bind(this);
this.setClickEvent = this.setClickEvent.bind(this);
this.setTooltip = this.setTooltip.bind(this);
this.updateLinkInterpolate = this.updateLinkInterpolate.bind(this);
this.setClickFun = this.setClickFun.bind(this);
this.bindFunctions = this.bindFunctions.bind(this);
this.lex = {
firstGraph: this.firstGraph.bind(this)
};
this.clear();
this.setGen("gen-2");
}
static {
__name(this, "FlowDB");
}
sanitizeText(txt) {
return common_default.sanitizeText(txt, this.config);
}
/**
* Function to lookup domId from id in the graph definition.
*
* @param id - id of the node
*/
lookUpDomId(id) {
for (const vertex of this.vertices.values()) {
if (vertex.id === id) {
return vertex.domId;
}
}
return id;
}
/**
* Function called by parser when a node definition has been found
*/
addVertex(id, textObj, type, style, classes, dir, props = {}, metadata) {
if (!id || id.trim().length === 0) {
return;
}
let doc;
if (metadata !== void 0) {
let yamlData;
if (!metadata.includes("\n")) {
yamlData = "{\n" + metadata + "\n}";
} else {
yamlData = metadata + "\n";
}
doc = load(yamlData, { schema: JSON_SCHEMA });
}
const edge = this.edges.find((e) => e.id === id);
if (edge) {
const edgeDoc = doc;
if (edgeDoc?.animate !== void 0) {
edge.animate = edgeDoc.animate;
}
if (edgeDoc?.animation !== void 0) {
edge.animation = edgeDoc.animation;
}
return;
}
let txt;
let vertex = this.vertices.get(id);
if (vertex === void 0) {
vertex = {
id,
labelType: "text",
domId: MERMAID_DOM_ID_PREFIX + id + "-" + this.vertexCounter,
styles: [],
classes: []
};
this.vertices.set(id, vertex);
}
this.vertexCounter++;
if (textObj !== void 0) {
this.config = getConfig();
txt = this.sanitizeText(textObj.text.trim());
vertex.labelType = textObj.type;
if (txt.startsWith('"') && txt.endsWith('"')) {
txt = txt.substring(1, txt.length - 1);
}
vertex.text = txt;
} else {
if (vertex.text === void 0) {
vertex.text = id;
}
}
if (type !== void 0) {
vertex.type = type;
}
if (style !== void 0 && style !== null) {
style.forEach((s) => {
vertex.styles.push(s);
});
}
if (classes !== void 0 && classes !== null) {
classes.forEach((s) => {
vertex.classes.push(s);
});
}
if (dir !== void 0) {
vertex.dir = dir;
}
if (vertex.props === void 0) {
vertex.props = props;
} else if (props !== void 0) {
Object.assign(vertex.props, props);
}
if (doc !== void 0) {
if (doc.shape) {
if (doc.shape !== doc.shape.toLowerCase() || doc.shape.includes("_")) {
throw new Error(`No such shape: ${doc.shape}. Shape names should be lowercase.`);
} else if (!isValidShape(doc.shape)) {
throw new Error(`No such shape: ${doc.shape}.`);
}
vertex.type = doc?.shape;
}
if (doc?.label) {
vertex.text = doc?.label;
}
if (doc?.icon) {
vertex.icon = doc?.icon;
if (!doc.label?.trim() && vertex.text === id) {
vertex.text = "";
}
}
if (doc?.form) {
vertex.form = doc?.form;
}
if (doc?.pos) {
vertex.pos = doc?.pos;
}
if (doc?.img) {
vertex.img = doc?.img;
if (!doc.label?.trim() && vertex.text === id) {
vertex.text = "";
}
}
if (doc?.constraint) {
vertex.constraint = doc.constraint;
}
if (doc.w) {
vertex.assetWidth = Number(doc.w);
}
if (doc.h) {
vertex.assetHeight = Number(doc.h);
}
}
}
/**
* Function called by parser when a link/edge definition has been found
*
*/
addSingleLink(_start, _end, type, id) {
const start = _start;
const end = _end;
const edge = {
start,
end,
type: void 0,
text: "",
labelType: "text",
classes: [],
isUserDefinedId: false,
interpolate: this.edges.defaultInterpolate
};
log.info("abc78 Got edge...", edge);
const linkTextObj = type.text;
if (linkTextObj !== void 0) {
edge.text = this.sanitizeText(linkTextObj.text.trim());
if (edge.text.startsWith('"') && edge.text.endsWith('"')) {
edge.text = edge.text.substring(1, edge.text.length - 1);
}
edge.labelType = linkTextObj.type;
}
if (type !== void 0) {
edge.type = type.type;
edge.stroke = type.stroke;
edge.length = type.length > 10 ? 10 : type.length;
}
if (id && !this.edges.some((e) => e.id === id)) {
edge.id = id;
edge.isUserDefinedId = true;
} else {
const existingLinks = this.edges.filter((e) => e.start === edge.start && e.end === edge.end);
if (existingLinks.length === 0) {
edge.id = getEdgeId(edge.start, edge.end, { counter: 0, prefix: "L" });
} else {
edge.id = getEdgeId(edge.start, edge.end, {
counter: existingLinks.length + 1,
prefix: "L"
});
}
}
if (this.edges.length < (this.config.maxEdges ?? 500)) {
log.info("Pushing edge...");
this.edges.push(edge);
} else {
throw new Error(
`Edge limit exceeded. ${this.edges.length} edges found, but the limit is ${this.config.maxEdges}.
Initialize mermaid with maxEdges set to a higher number to allow more edges.
You cannot set this config via configuration inside the diagram as it is a secure config.
You have to call mermaid.initialize.`
);
}
}
isLinkData(value) {
return value !== null && typeof value === "object" && "id" in value && typeof value.id === "string";
}
addLink(_start, _end, linkData) {
const id = this.isLinkData(linkData) ? linkData.id.replace("@", "") : void 0;
log.info("addLink", _start, _end, id);
for (const start of _start) {
for (const end of _end) {
const isLastStart = start === _start[_start.length - 1];
const isFirstEnd = end === _end[0];
if (isLastStart && isFirstEnd) {
this.addSingleLink(start, end, linkData, id);
} else {
this.addSingleLink(start, end, linkData, void 0);
}
}
}
}
/**
* Updates a link's line interpolation algorithm
*/
updateLinkInterpolate(positions, interpolate) {
positions.forEach((pos) => {
if (pos === "default") {
this.edges.defaultInterpolate = interpolate;
} else {
this.edges[pos].interpolate = interpolate;
}
});
}
/**
* Updates a link with a style
*
*/
updateLink(positions, style) {
positions.forEach((pos) => {
if (typeof pos === "number" && pos >= this.edges.length) {
throw new Error(
`The index ${pos} for linkStyle is out of bounds. Valid indices for linkStyle are between 0 and ${this.edges.length - 1}. (Help: Ensure that the index is within the range of existing edges.)`
);
}
if (pos === "default") {
this.edges.defaultStyle = style;
} else {
this.edges[pos].style = style;
if ((this.edges[pos]?.style?.length ?? 0) > 0 && !this.edges[pos]?.style?.some((s) => s?.startsWith("fill"))) {
this.edges[pos]?.style?.push("fill:none");
}
}
});
}
addClass(ids, _style) {
const style = _style.join().replace(/\\,/g, "\xA7\xA7\xA7").replace(/,/g, ";").replace(/§§§/g, ",").split(";");
ids.split(",").forEach((id) => {
let classNode = this.classes.get(id);
if (classNode === void 0) {
classNode = { id, styles: [], textStyles: [] };
this.classes.set(id, classNode);
}
if (style !== void 0 && style !== null) {
style.forEach((s) => {
if (/color/.exec(s)) {
const newStyle = s.replace("fill", "bgFill");
classNode.textStyles.push(newStyle);
}
classNode.styles.push(s);
});
}
});
}
/**
* Called by parser when a graph definition is found, stores the direction of the chart.
*
*/
setDirection(dir) {
this.direction = dir;
if (/.*</.exec(this.direction)) {
this.direction = "RL";
}
if (/.*\^/.exec(this.direction)) {
this.direction = "BT";
}
if (/.*>/.exec(this.direction)) {
this.direction = "LR";
}
if (/.*v/.exec(this.direction)) {
this.direction = "TB";
}
if (this.direction === "TD") {
this.direction = "TB";
}
}
/**
* Called by parser when a special node is found, e.g. a clickable element.
*
* @param ids - Comma separated list of ids
* @param className - Class to add
*/
setClass(ids, className) {
for (const id of ids.split(",")) {
const vertex = this.vertices.get(id);
if (vertex) {
vertex.classes.push(className);
}
const edge = this.edges.find((e) => e.id === id);
if (edge) {
edge.classes.push(className);
}
const subGraph = this.subGraphLookup.get(id);
if (subGraph) {
subGraph.classes.push(className);
}
}
}
setTooltip(ids, tooltip) {
if (tooltip === void 0) {
return;
}
tooltip = this.sanitizeText(tooltip);
for (const id of ids.split(",")) {
this.tooltips.set(this.version === "gen-1" ? this.lookUpDomId(id) : id, tooltip);
}
}
setClickFun(id, functionName, functionArgs) {
const domId = this.lookUpDomId(id);
if (getConfig().securityLevel !== "loose") {
return;
}
if (functionName === void 0) {
return;
}
let argList = [];
if (typeof functionArgs === "string") {
argList = functionArgs.split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/);
for (let i = 0; i < argList.length; i++) {
let item = argList[i].trim();
if (item.startsWith('"') && item.endsWith('"')) {
item = item.substr(1, item.length - 2);
}
argList[i] = item;
}
}
if (argList.length === 0) {
argList.push(id);
}
const vertex = this.vertices.get(id);
if (vertex) {
vertex.haveCallback = true;
this.funs.push(() => {
const elem = document.querySelector(`[id="${domId}"]`);
if (elem !== null) {
elem.addEventListener(
"click",
() => {
utils_default.runFunc(functionName, ...argList);
},
false
);
}
});
}
}
/**
* Called by parser when a link is found. Adds the URL to the vertex data.
*
* @param ids - Comma separated list of ids
* @param linkStr - URL to create a link for
* @param target - Target attribute for the link
*/
setLink(ids, linkStr, target) {
ids.split(",").forEach((id) => {
const vertex = this.vertices.get(id);
if (vertex !== void 0) {
vertex.link = utils_default.formatUrl(linkStr, this.config);
vertex.linkTarget = target;
}
});
this.setClass(ids, "clickable");
}
getTooltip(id) {
return this.tooltips.get(id);
}
/**
* Called by parser when a click definition is found. Registers an event handler.
*
* @param ids - Comma separated list of ids
* @param functionName - Function to be called on click
* @param functionArgs - Arguments to be passed to the function
*/
setClickEvent(ids, functionName, functionArgs) {
ids.split(",").forEach((id) => {
this.setClickFun(id, functionName, functionArgs);
});
this.setClass(ids, "clickable");
}
bindFunctions(element) {
this.funs.forEach((fun) => {
fun(element);
});
}
getDirection() {
return this.direction?.trim();
}
/**
* Retrieval function for fetching the found nodes after parsing has completed.
*
*/
getVertices() {
return this.vertices;
}
/**
* Retrieval function for fetching the found links after parsing has completed.
*
*/
getEdges() {
return this.edges;
}
/**
* Retrieval function for fetching the found class definitions after parsing has completed.
*
*/
getClasses() {
return this.classes;
}
setupToolTips(element) {
let tooltipElem = select(".mermaidTooltip");
if ((tooltipElem._groups || tooltipElem)[0][0] === null) {
tooltipElem = select("body").append("div").attr("class", "mermaidTooltip").style("opacity", 0);
}
const svg = select(element).select("svg");
const nodes = svg.selectAll("g.node");
nodes.on("mouseover", (e) => {
const el = select(e.currentTarget);
const title = el.attr("title");
if (title === null) {
return;
}
const rect = e.currentTarget?.getBoundingClientRect();
tooltipElem.transition().duration(200).style("opacity", ".9");
tooltipElem.text(el.attr("title")).style("left", window.scrollX + rect.left + (rect.right - rect.left) / 2 + "px").style("top", window.scrollY + rect.bottom + "px");
tooltipElem.html(tooltipElem.html().replace(/<br\/>/g, "<br/>"));
el.classed("hover", true);
}).on("mouseout", (e) => {
tooltipElem.transition().duration(500).style("opacity", 0);
const el = select(e.currentTarget);
el.classed("hover", false);
});
}
/**
* Clears the internal graph db so that a new graph can be parsed.
*
*/
clear(ver = "gen-2") {
this.vertices = /* @__PURE__ */ new Map();
this.classes = /* @__PURE__ */ new Map();
this.edges = [];
this.funs = [this.setupToolTips.bind(this)];
this.subGraphs = [];
this.subGraphLookup = /* @__PURE__ */ new Map();
this.subCount = 0;
this.tooltips = /* @__PURE__ */ new Map();
this.firstGraphFlag = true;
this.version = ver;
this.config = getConfig();
clear();
}
setGen(ver) {
this.version = ver || "gen-2";
}
defaultStyle() {
return "fill:#ffa;stroke: #f66; stroke-width: 3px; stroke-dasharray: 5, 5;fill:#ffa;stroke: #666;";
}
addSubGraph(_id, list, _title) {
let id = _id.text.trim();
let title = _title.text;
if (_id === _title && /\s/.exec(_title.text)) {
id = void 0;
}
const uniq = /* @__PURE__ */ __name((a) => {
const prims = { boolean: {}, number: {}, string: {} };
const objs = [];
let dir2;
const nodeList2 = a.filter(function(item) {
const type = typeof item;
if (item.stmt && item.stmt === "dir") {
dir2 = item.value;
return false;
}
if (item.trim() === "") {
return false;
}
if (type in prims) {
return prims[type].hasOwnProperty(item) ? false : prims[type][item] = true;
} else {
return objs.includes(item) ? false : objs.push(item);
}
});
return { nodeList: nodeList2, dir: dir2 };
}, "uniq");
const result = uniq(list.flat());
const nodeList = result.nodeList;
let dir = result.dir;
const flowchartConfig = getConfig().flowchart ?? {};
dir = dir ?? (flowchartConfig.inheritDir ? this.getDirection() ?? getConfig().direction ?? void 0 : void 0);
if (this.version === "gen-1") {
for (let i = 0; i < nodeList.length; i++) {
nodeList[i] = this.lookUpDomId(nodeList[i]);
}
}
id = id ?? "subGraph" + this.subCount;
title = title || "";
title = this.sanitizeText(title);
this.subCount = this.subCount + 1;
const subGraph = {
id,
nodes: nodeList,
title: title.trim(),
classes: [],
dir,
labelType: _title.type
};
log.info("Adding", subGraph.id, subGraph.nodes, subGraph.dir);
subGraph.nodes = this.makeUniq(subGraph, this.subGraphs).nodes;
this.subGraphs.push(subGraph);
this.subGraphLookup.set(id, subGraph);
return id;
}
getPosForId(id) {
for (const [i, subGraph] of this.subGraphs.entries()) {
if (subGraph.id === id) {
return i;
}
}
return -1;
}
indexNodes2(id, pos) {
const nodes = this.subGraphs[pos].nodes;
this.secCount = this.secCount + 1;
if (this.secCount > 2e3) {
return {
result: false,
count: 0
};
}
this.posCrossRef[this.secCount] = pos;
if (this.subGraphs[pos].id === id) {
return {
result: true,
count: 0
};
}
let count = 0;
let posCount = 1;
while (count < nodes.length) {
const childPos = this.getPosForId(nodes[count]);
if (childPos >= 0) {
const res = this.indexNodes2(id, childPos);
if (res.result) {
return {
result: true,
count: posCount + res.count
};
} else {
posCount = posCount + res.count;
}
}
count = count + 1;
}
return {
result: false,
count: posCount
};
}
getDepthFirstPos(pos) {
return this.posCrossRef[pos];
}
indexNodes() {
this.secCount = -1;
if (this.subGraphs.length > 0) {
this.indexNodes2("none", this.subGraphs.length - 1);
}
}
getSubGraphs() {
return this.subGraphs;
}
firstGraph() {
if (this.firstGraphFlag) {
this.firstGraphFlag = false;
return true;
}
return false;
}
destructStartLink(_str) {
let str = _str.trim();
let type = "arrow_open";
switch (str[0]) {
case "<":
type = "arrow_point";
str = str.slice(1);
break;
case "x":
type = "arrow_cross";
str = str.slice(1);
break;
case "o":
type = "arrow_circle";
str = str.slice(1);
break;
}
let stroke = "normal";
if (str.includes("=")) {
stroke = "thick";
}
if (str.includes(".")) {
stroke = "dotted";
}
return { type, stroke };
}
countChar(char, str) {
const length = str.length;
let count = 0;
for (let i = 0; i < length; ++i) {
if (str[i] === char) {
++count;
}
}
return count;
}
destructEndLink(_str) {
const str = _str.trim();
let line = str.slice(0, -1);
let type = "arrow_open";
switch (str.slice(-1)) {
case "x":
type = "arrow_cross";
if (str.startsWith("x")) {
type = "double_" + type;
line = line.slice(1);
}
break;
case ">":
type = "arrow_point";
if (str.startsWith("<")) {
type = "double_" + type;
line = line.slice(1);
}
break;
case "o":
type = "arrow_circle";
if (str.startsWith("o")) {
type = "double_" + type;
line = line.slice(1);
}
break;
}
let stroke = "normal";
let length = line.length - 1;
if (line.startsWith("=")) {
stroke = "thick";
}
if (line.startsWith("~")) {
stroke = "invisible";
}
const dots = this.countChar(".", line);
if (dots) {
stroke = "dotted";
length = dots;
}
return { type, stroke, length };
}
destructLink(_str, _startStr) {
const info = this.destructEndLink(_str);
let startInfo;
if (_startStr) {
startInfo = this.destructStartLink(_startStr);
if (startInfo.stroke !== info.stroke) {
return { type: "INVALID", stroke: "INVALID" };
}
if (startInfo.type === "arrow_open") {
startInfo.type = info.type;
} else {
if (startInfo.type !== info.type) {
return { type: "INVALID", stroke: "INVALID" };
}
startInfo.type = "double_" + startInfo.type;
}
if (startInfo.type === "double_arrow") {
startInfo.type = "double_arrow_point";
}
startInfo.length = info.length;
return startInfo;
}
return info;
}
// Todo optimizer this by caching existing nodes
exists(allSgs, _id) {
for (const sg of allSgs) {
if (sg.nodes.includes(_id)) {
return true;
}
}
return false;
}
/**
* Deletes an id from all subgraphs
*
*/
makeUniq(sg, allSubgraphs) {
const res = [];
sg.nodes.forEach((_id, pos) => {
if (!this.exists(allSubgraphs, _id)) {
res.push(sg.nodes[pos]);
}
});
return { nodes: res };
}
getTypeFromVertex(vertex) {
if (vertex.img) {
return "imageSquare";
}
if (vertex.icon) {
if (vertex.form === "circle") {
return "iconCircle";
}
if (vertex.form === "square") {
return "iconSquare";
}
if (vertex.form === "rounded") {
return "iconRounded";
}
return "icon";
}
switch (vertex.type) {
case "square":
case void 0:
return "squareRect";
case "round":
return "roundedRect";
case "ellipse":
return "ellipse";
default:
return vertex.type;
}
}
findNode(nodes, id) {
return nodes.find((node) => node.id === id);
}
destructEdgeType(type) {
let arrowTypeStart = "none";
let arrowTypeEnd = "arrow_point";
switch (type) {
case "arrow_point":
case "arrow_circle":
case "arrow_cross":
arrowTypeEnd = type;
break;
case "double_arrow_point":
case "double_arrow_circle":
case "double_arrow_cross":
arrowTypeStart = type.replace("double_", "");
arrowTypeEnd = arrowTypeStart;
break;
}
return { arrowTypeStart, arrowTypeEnd };
}
addNodeFromVertex(vertex, nodes, parentDB, subGraphDB, config, look) {
const parentId = parentDB.get(vertex.id);
const isGroup = subGraphDB.get(vertex.id) ?? false;
const node = this.findNode(nodes, vertex.id);
if (node) {
node.cssStyles = vertex.styles;
node.cssCompiledStyles = this.getCompiledStyles(vertex.classes);
node.cssClasses = vertex.classes.join(" ");
} else {
const baseNode = {
id: vertex.id,
label: vertex.text,
labelStyle: "",
parentId,
padding: config.flowchart?.padding || 8,
cssStyles: vertex.styles,
cssCompiledStyles: this.getCompiledStyles(["default", "node", ...vertex.classes]),
cssClasses: "default " + vertex.classes.join(" "),
dir: vertex.dir,
domId: vertex.domId,
look,
link: vertex.link,
linkTarget: vertex.linkTarget,
tooltip: this.getTooltip(vertex.id),
icon: vertex.icon,
pos: vertex.pos,
img: vertex.img,
assetWidth: vertex.assetWidth,
assetHeight: vertex.assetHeight,
constraint: vertex.constraint
};
if (isGroup) {
nodes.push({
...baseNode,
isGroup: true,
shape: "rect"
});
} else {
nodes.push({
...baseNode,
isGroup: false,
shape: this.getTypeFromVertex(vertex)
});
}
}
}
getCompiledStyles(classDefs) {
let compiledStyles = [];
for (const customClass of classDefs) {
const cssClass = this.classes.get(customClass);
if (cssClass?.styles) {
compiledStyles = [...compiledStyles, ...cssClass.styles ?? []].map((s) => s.trim());
}
if (cssClass?.textStyles) {
compiledStyles = [...compiledStyles, ...cssClass.textStyles ?? []].map((s) => s.trim());
}
}
return compiledStyles;
}
getData() {
const config = getConfig();
const nodes = [];
const edges = [];
const subGraphs = this.getSubGraphs();
const parentDB = /* @__PURE__ */ new Map();
const subGraphDB = /* @__PURE__ */ new Map();
for (let i = subGraphs.length - 1; i >= 0; i--) {
const subGraph = subGraphs[i];
if (subGraph.nodes.length > 0) {
subGraphDB.set(subGraph.id, true);
}
for (const id of subGraph.nodes) {
parentDB.set(id, subGraph.id);
}
}
for (let i = subGraphs.length - 1; i >= 0; i--) {
const subGraph = subGraphs[i];
nodes.push({
id: subGraph.id,
label: subGraph.title,
labelStyle: "",
parentId: parentDB.get(subGraph.id),
padding: 8,
cssCompiledStyles: this.getCompiledStyles(subGraph.classes),
cssClasses: subGraph.classes.join(" "),
shape: "rect",
dir: subGraph.dir,
isGroup: true,
look: config.look
});
}
const n = this.getVertices();
n.forEach((vertex) => {
this.addNodeFromVertex(vertex, nodes, parentDB, subGraphDB, config, config.look || "classic");
});
const e = this.getEdges();
e.forEach((rawEdge, index) => {
const { arrowTypeStart, arrowTypeEnd } = this.destructEdgeType(rawEdge.type);
const styles = [...e.defaultStyle ?? []];
if (rawEdge.style) {
styles.push(...rawEdge.style);
}
const edge = {
id: getEdgeId(rawEdge.start, rawEdge.end, { counter: index, prefix: "L" }, rawEdge.id),
isUserDefinedId: rawEdge.isUserDefinedId,
start: rawEdge.start,
end: rawEdge.end,
type: rawEdge.type ?? "normal",
label: rawEdge.text,
labelpos: "c",
thickness: rawEdge.stroke,
minlen: rawEdge.length,
classes: rawEdge?.stroke === "invisible" ? "" : "edge-thickness-normal edge-pattern-solid flowchart-link",
arrowTypeStart: rawEdge?.stroke === "invisible" || rawEdge?.type === "arrow_open" ? "none" : arrowTypeStart,
arrowTypeEnd: rawEdge?.stroke === "invisible" || rawEdge?.type === "arrow_open" ? "none" : arrowTypeEnd,
arrowheadStyle: "fill: #333",
cssCompiledStyles: this.getCompiledStyles(rawEdge.classes),
labelStyle: styles,
style: styles,
pattern: rawEdge.stroke,
look: config.look,
animate: rawEdge.animate,
animation: rawEdge.animation,
curve: rawEdge.interpolate || this.edges.defaultInterpolate || config.flowchart?.curve
};
edges.push(edge);
});
return { nodes, edges, other: {}, config };
}
defaultConfig() {
return defaultConfig.flowchart;
}
};
// src/diagrams/flowchart/flowRenderer-v3-unified.ts
import { select as select2 } from "d3";
var getClasses = /* @__PURE__ */ __name(function(text, diagramObj) {
return diagramObj.db.getClasses();
}, "getClasses");
var draw = /* @__PURE__ */ __name(async function(text, id, _version, diag) {
log.info("REF0:");
log.info("Drawing state diagram (v2)", id);
const { securityLevel, flowchart: conf, layout } = getConfig();
let sandboxElement;
if (securityLevel === "sandbox") {
sandboxElement = select2("#i" + id);
}
const doc = securityLevel === "sandbox" ? sandboxElement.nodes()[0].contentDocument : document;
log.debug("Before getData: ");
const data4Layout = diag.db.getData();
log.debug("Data: ", data4Layout);
const svg = getDiagramElement(id, securityLevel);
const direction = diag.db.getDirection();
data4Layout.type = diag.type;
data4Layout.layoutAlgorithm = getRegisteredLayoutAlgorithm(layout);
if (data4Layout.layoutAlgorithm === "dagre" && layout === "elk") {
log.warn(
"flowchart-elk was moved to an external package in Mermaid v11. Please refer [release notes](https://github.com/mermaid-js/mermaid/releases/tag/v11.0.0) for more details. This diagram will be rendered using `dagre` layout as a fallback."
);
}
data4Layout.direction = direction;
data4Layout.nodeSpacing = conf?.nodeSpacing || 50;
data4Layout.rankSpacing = conf?.rankSpacing || 50;
data4Layout.markers = ["point", "circle", "cross"];
data4Layout.diagramId = id;
log.debug("REF1:", data4Layout);
await render(data4Layout, svg);
const padding = data4Layout.config.flowchart?.diagramPadding ?? 8;
utils_default.insertTitle(
svg,
"flowchartTitleText",
conf?.titleTopMargin || 0,
diag.db.getDiagramTitle()
);
setupViewPortForSVG(svg, padding, "flowchart", conf?.useMaxWidth || false);
for (const vertex of data4Layout.nodes) {
const node = select2(`#${id} [id="${vertex.id}"]`);
if (!node || !vertex.link) {
continue;
}
const link = doc.createElementNS("http://www.w3.org/2000/svg", "a");
link.setAttributeNS("http://www.w3.org/2000/svg", "class", vertex.cssClasses);
link.setAttributeNS("http://www.w3.org/2000/svg", "rel", "noopener");
if (securityLevel === "sandbox") {
link.setAttributeNS("http://www.w3.org/2000/svg", "target", "_top");
} else if (vertex.linkTarget) {
link.setAttributeNS("http://www.w3.org/2000/svg", "target", vertex.linkTarget);
}
const linkNode = node.insert(function() {
return link;
}, ":first-child");
const shape = node.select(".label-container");
if (shape) {
linkNode.append(function() {
return shape.node();
});
}
const label = node.select(".label");
if (label) {
linkNode.append(function() {
return label.node();
});
}
}
}, "draw");
var flowRenderer_v3_unified_default = {
getClasses,
draw
};
// src/diagrams/flowchart/parser/flow.jison
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, 3], $V2 = [1, 5], $V3 = [1, 8, 9, 10, 11, 27, 34, 36, 38, 44, 60, 84, 85, 86, 87, 88, 89, 102, 105, 106, 109, 111, 114, 115, 116, 121, 122, 123, 124], $V4 = [2, 2], $V5 = [1, 13], $V6 = [1, 14], $V7 = [1, 15], $V8 = [1, 16], $V9 = [1, 23], $Va = [1, 25], $Vb = [1, 26], $Vc = [1, 27], $Vd = [1, 49], $Ve = [1, 48], $Vf = [1, 29], $Vg = [1, 30], $Vh = [1, 31], $Vi = [1, 32], $Vj = [1, 33], $Vk = [1, 44], $Vl = [1, 46], $Vm = [1, 42], $Vn = [1, 47], $Vo = [1, 43], $Vp = [1, 50], $Vq = [1, 45], $Vr = [1, 51], $Vs = [1, 52], $Vt = [1, 34], $Vu = [1, 35], $Vv = [1, 36], $Vw = [1, 37], $Vx = [1, 57], $Vy = [1, 8, 9, 10, 11, 27, 32, 34, 36, 38, 44, 60, 84, 85, 86, 87, 88, 89, 102, 105, 106, 109, 111, 114, 115, 116, 121, 122, 123, 124], $Vz = [1, 61], $VA = [1, 60], $VB = [1, 62], $VC = [8, 9, 11, 75, 77, 78], $VD = [1, 78], $VE = [1, 91], $VF = [1, 96], $VG = [1, 95], $VH = [1, 92], $VI = [1, 88], $VJ = [1, 94], $VK = [1, 90], $VL = [1, 97], $VM = [1, 93], $VN = [1, 98], $VO = [1, 89], $VP = [8, 9, 10, 11, 40, 75, 77, 78], $VQ = [8, 9, 10, 11, 40, 46, 75, 77, 78], $VR = [8, 9, 10, 11, 29, 40, 44, 46, 48, 50, 52, 54, 56, 58, 60, 63, 65, 67, 68, 70, 75, 77, 78, 89, 102, 105, 106, 109, 111, 114, 115, 116], $VS = [8, 9, 11, 44, 60, 75, 77, 78, 89, 102, 105, 106, 109, 111, 114, 115, 116], $VT = [44, 60, 89, 102, 105, 106, 109, 111, 114, 115, 116], $VU = [1, 121], $VV = [1, 122], $VW = [1, 124], $VX = [1, 123], $VY = [44, 60, 62, 74, 89, 102, 105, 106, 109, 111, 114, 115, 116], $VZ = [1, 133], $V_ = [1, 147], $V$ = [1, 148], $V01 = [1, 149], $V11 = [1, 150], $V21 = [1, 135], $V31 = [1, 137], $V41 = [1, 141], $V51 = [1, 142], $V61 = [1, 143], $V71 = [1, 144], $V81 = [1, 145], $V91 = [1, 146], $Va1 = [1, 151], $Vb1 = [1, 152], $Vc1 = [1, 131], $Vd1 = [1, 132], $Ve1 = [1, 139], $Vf1 = [1, 134], $Vg1 = [1, 138], $Vh1 = [1, 136], $Vi1 = [8, 9, 10, 11, 27, 32, 34, 36, 38, 44, 60, 84, 85, 86, 87, 88, 89, 102, 105, 106, 109, 111, 114, 115, 116, 121, 122, 123, 124], $Vj1 = [1, 154], $Vk1 = [1, 156], $Vl1 = [8, 9, 11], $Vm1 = [8, 9, 10, 11, 14, 44, 60, 89, 105, 106, 109, 111, 114, 115, 116], $Vn1 = [1, 176], $Vo1 = [1, 172], $Vp1 = [1, 173], $Vq1 = [1, 177], $Vr1 = [1, 174], $Vs1 = [1, 175], $Vt1 = [77, 116, 119], $Vu1 = [8, 9, 10, 11, 12, 14, 27, 29, 32, 44, 60, 75, 84, 85, 86, 87, 88, 89, 90, 105, 109, 111, 114, 115, 116], $Vv1 = [10, 106], $Vw1 = [31, 49, 51, 53, 55, 57, 62, 64, 66, 67, 69, 71, 116, 117, 118], $Vx1 = [1, 247], $Vy1 = [1, 245], $Vz1 = [1, 249], $VA1 = [1, 243], $VB1 = [1, 244], $VC1 = [1, 246], $VD1 = [1, 248], $VE1 = [1, 250], $VF1 = [1, 268], $VG1 = [8, 9, 11, 106], $VH1 = [8, 9, 10, 11, 60, 84, 105, 106, 109, 110, 111, 112];
var parser2 = {
trace: /* @__PURE__ */ __name(function trace() {
}, "trace"),
yy: {},
symbols_: { "error": 2, "start": 3, "graphConfig": 4, "document": 5, "line": 6, "statement": 7, "SEMI": 8, "NEWLINE": 9, "SPACE": 10, "EOF": 11, "GRAPH": 12, "NODIR": 13, "DIR": 14, "FirstStmtSeparator": 15, "ending": 16, "endToken": 17, "spaceList": 18, "spaceListNewline": 19, "vertexStatement": 20, "separator": 21, "styleStatement": 22, "linkStyleStatement": 23, "classDefStatement": 24, "classStatement": 25, "clickStatement": 26, "subgraph": 27, "textNoTags": 28, "SQS": 29, "text": 30, "SQE": 31, "end": 32, "direction": 33, "acc_title": 34, "acc_title_value": 35, "acc_descr": 36, "acc_descr_value": 37, "acc_descr_multiline_value": 38, "shapeData": 39, "SHAPE_DATA": 40, "link": 41, "node": 42, "styledVertex": 43, "AMP": 44, "vertex": 45, "STYLE_SEPARATOR": 46, "idString": 47, "DOUBLECIRCLESTART": 48, "DOUBLECIRCLEEND": 49, "PS": 50, "PE": 51, "(-": 52, "-)": 53, "STADIUMSTART": 54, "STADIUMEND": 55, "SUBROUTINESTART": 56, "SUBROUTINEEND": 57, "VERTEX_WITH_PROPS_START": 58, "NODE_STRING[field]": 59, "COLON": 60, "NODE_STRING[value]": 61, "PIPE": 62, "CYLINDERSTART": 63, "CYLINDEREND": 64, "DIAMOND_START": 65, "DIAMOND_STOP": 66, "TAGEND": 67, "TRAPSTART": 68, "TRAPEND": 69, "INVTRAPSTART": 70, "INVTRAPEND": 71, "linkStatement": 72, "arrowText": 73, "TESTSTR": 74, "START_LINK": 75, "edgeText": 76, "LINK": 77, "LINK_ID": 78, "edgeTextToken": 79, "STR": 80, "MD_STR": 81, "textToken": 82, "keywords": 83, "STYLE": 84, "LINKSTYLE": 85, "CLASSDEF": 86, "CLASS": 87, "CLICK": 88, "DOWN": 89, "UP": 90, "textNoTagsToken": 91, "stylesOpt": 92, "idString[vertex]": 93, "idString[class]": 94, "CALLBACKNAME": 95, "CALLBACKARGS": 96, "HREF": 97, "LINK_TARGET": 98, "STR[link]": 99, "STR[tooltip]": 100, "alphaNum": 101, "DEFAULT": 102, "numList": 103, "INTERPOLATE": 104, "NUM": 105, "COMMA": 106, "style": 107, "styleComponent": 108, "NODE_STRING": 109, "UNIT": 110, "BRKT": 111, "PCT": 112, "idStringToken": 113, "MINUS": 114, "MULT": 115, "UNICODE_TEXT": 116, "TEXT": 117, "TAGSTART": 118, "EDGE_TEXT": 119, "alphaNumToken": 120, "direction_tb": 121, "direction_bt": 122, "direction_rl": 123, "direction_lr": 124, "$accept": 0, "$end": 1 },
terminals_: { 2: "error", 8: "SEMI", 9: "NEWLINE", 10: "SPACE", 11: "EOF", 12: "GRAPH", 13: "NODIR", 14: "DIR", 27: "subgraph", 29: "SQS", 31: "SQE", 32: "end", 34: "acc_title", 35: "acc_title_value", 36: "acc_descr", 37: "acc_descr_value", 38: "acc_descr_multiline_value", 40: "SHAPE_DATA", 44: "AMP", 46: "STYLE_SEPARATOR", 48: "DOUBLECIRCLESTART", 49: "DOUBLECIRCLEEND", 50: "PS", 51: "PE", 52: "(-", 53: "-)", 54: "STADIUMSTART", 55: "STADIUMEND", 56: "SUBROUTINESTART", 57: "SUBROUTINEEND", 58: "VERTEX_WITH_PROPS_START", 59: "NODE_STRING[field]", 60: "COLON", 61: "NODE_STRING[value]", 62: "PIPE", 63: "CYLINDERSTART", 64: "CYLINDEREND", 65: "DIAMOND_START", 66: "DIAMOND_STOP", 67: "TAGEND", 68: "TRAPSTART", 69: "TRAPEND", 70: "INVTRAPSTART", 71: "INVTRAPEND", 74: "TESTSTR", 75: "START_LINK", 77: "LINK", 78: "LINK_ID", 80: "STR", 81: "MD_STR", 84: "STYLE", 85: "LINKSTYLE", 86: "CLASSDEF", 87: "CLASS", 88: "CLICK", 89: "DOWN", 90: "UP", 93: "idString[vertex]", 94: "idString[class]", 95: "CALLBACKNAME", 96: "CALLBACKARGS", 97: "HREF", 98: "LINK_TARGET", 99: "STR[link]", 100: "STR[tooltip]", 102: "DEFAULT", 104: "INTERPOLATE", 105: "NUM", 106: "COMMA", 109: "NODE_STRING", 110: "UNIT", 111: "BRKT", 112: "PCT", 114: "MINUS", 115: "MULT", 116: "UNICODE_TEXT", 117: "TEXT", 118: "TAGSTART", 119: "EDGE_TEXT", 121: "direction_tb", 122: "direction_bt", 123: "direction_rl", 124: "direction_lr" },
productions_: [0, [3, 2], [5, 0], [5, 2], [6, 1], [6, 1], [6, 1], [6, 1], [6, 1], [4, 2], [4, 2], [4, 2], [4, 3], [16, 2], [16, 1], [17, 1], [17, 1], [17, 1], [15, 1], [15, 1], [15, 2], [19, 2], [19, 2], [19, 1], [19, 1], [18, 2], [18, 1], [7, 2], [7, 2], [7, 2], [7, 2], [7, 2], [7, 2], [7, 9], [7, 6], [7, 4], [7, 1], [7, 2], [7, 2], [7, 1], [21, 1], [21, 1], [21, 1], [39, 2], [39, 1], [20, 4], [20, 3], [20, 4], [20, 2], [20, 2], [20, 1], [42, 1], [42, 6], [42, 5], [43, 1], [43, 3], [45, 4], [45, 4], [45, 6], [45, 4], [45, 4], [45, 4], [45, 8], [45, 4], [45, 4], [45, 4], [45, 6], [45, 4], [45, 4], [45, 4], [45, 4], [45, 4], [45, 1], [41, 2], [41, 3], [41, 3], [41, 1], [41, 3], [41, 4], [76, 1], [76, 2], [76, 1], [76, 1], [72, 1], [72, 2], [73, 3], [30, 1], [30, 2], [30, 1], [30, 1], [83, 1], [83, 1], [83, 1], [83, 1], [83, 1], [83, 1], [83, 1], [83, 1], [83, 1], [83, 1], [83, 1], [28, 1], [28, 2], [28, 1], [28, 1], [24, 5], [25, 5], [26, 2], [26, 4], [26, 3], [26, 5], [26, 3], [26, 5], [26, 5], [26, 7], [26, 2], [26, 4], [26, 2], [26, 4], [26, 4], [26, 6], [22, 5], [23, 5], [23, 5], [23, 9], [23, 9], [23, 7], [23, 7], [103, 1], [103, 3], [92, 1], [92, 3], [107, 1], [107, 2], [108, 1], [108, 1], [108, 1], [108, 1], [108, 1], [108, 1], [108, 1], [108, 1], [113, 1], [113, 1], [113, 1], [113, 1], [113, 1], [113, 1], [113, 1], [113, 1], [113, 1], [113, 1], [113, 1], [82, 1], [82, 1], [82, 1], [82, 1], [91, 1], [91, 1], [91, 1], [91, 1], [91, 1], [91, 1], [91, 1], [91, 1], [91, 1], [91, 1], [91, 1], [79, 1], [79, 1], [120, 1], [120, 1], [120, 1], [120, 1], [120, 1], [120, 1], [120, 1], [120, 1], [120, 1], [120, 1], [120, 1], [47, 1], [47, 2], [101, 1], [101, 2], [33, 1], [33, 1], [33, 1], [33, 1]],
performAction: /* @__PURE__ */ __name(function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
var $0 = $$.length - 1;
switch (yystate) {
case 2:
this.$ = [];
break;
case 3:
if (!Array.isArray($$[$0]) || $$[$0].length > 0) {
$$[$0 - 1].push($$[$0]);
}
this.$ = $$[$0 - 1];
break;
case 4:
case 183:
this.$ = $$[$0];
break;
case 11:
yy.setDirection("TB");
this.$ = "TB";
break;
case 12:
yy.setDirection($$[$0 - 1]);
this.$ = $$[$0 - 1];
break;
case 27:
this.$ = $$[$0 - 1].nodes;
break;
case 28:
case 29:
case 30:
case 31:
case 32:
this.$ = [];
break;
case 33:
this.$ = yy.addSubGraph($$[$0 - 6], $$[$0 - 1], $$[$0 - 4]);
break;
case 34:
this.$ = yy.addSubGraph($$[$0 - 3], $$[$0 - 1], $$[$0 - 3]);
break;
case 35:
this.$ = yy.addSubGraph(void 0, $$[$0 - 1], void 0);
break;
case 37:
this.$ = $$[$0].trim();
yy.setAccTitle(this.$);
break;
case 38:
case 39:
this.$ = $$[$0].trim();
yy.setAccDescription(this.$);
break;
case 43:
this.$ = $$[$0 - 1] + $$[$0];
break;
case 44:
this.$ = $$[$0];
break;
case 45:
yy.addVertex($$[$0 - 1][$$[$0 - 1].length - 1], void 0, void 0, void 0, void 0, void 0, void 0, $$[$0]);
yy.addLink($$[$0 - 3].stmt, $$[$0 - 1], $$[$0 - 2]);
this.$ = { stmt: $$[$0 - 1], nodes: $$[$0 - 1].concat($$[$0 - 3].nodes) };
break;
case 46:
yy.addLink($$[$0 - 2].stmt, $$[$0], $$[$0 - 1]);
this.$ = { stmt: $$[$0], nodes: $$[$0].concat($$[$0 - 2].nodes) };
break;
case 47:
yy.addLink($$[$0 - 3].stmt, $$[$0 - 1], $$[$0 - 2]);
this.$ = { stmt: $$[$0 - 1], nodes: $$[$0 - 1].concat($$[$0 - 3].nodes) };
break;
case 48:
this.$ = { stmt: $$[$0 - 1], nodes: $$[$0 - 1] };
break;
case 49:
yy.addVertex($$[$0 - 1][$$[$0 - 1].length - 1], void 0, void 0, void 0, void 0, void 0, void 0, $$[$0]);
this.$ = { stmt: $$[$0 - 1], nodes: $$[$0 - 1], shapeData: $$[$0] };
break;
case 50:
this.$ = { stmt: $$[$0], nodes: $$[$0] };
break;
case 51:
this.$ = [$$[$0]];
break;
case 52:
yy.addVertex($$[$0 - 5][$$[$0 - 5].length - 1], void 0, void 0, void 0, void 0, void 0, void 0, $$[$0 - 4]);
this.$ = $$[$0 - 5].concat($$[$0]);
break;
case 53:
this.$ = $$[$0 - 4].concat($$[$0]);
break;
case 54:
this.$ = $$[$0];
break;
case 55:
this.$ = $$[$0 - 2];
yy.setClass($$[$0 - 2], $$[$0]);
break;
case 56:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "square");
break;
case 57:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "doublecircle");
break;
case 58:
this.$ = $$[$0 - 5];
yy.addVertex($$[$0 - 5], $$[$0 - 2], "circle");
break;
case 59:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "ellipse");
break;
case 60:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "stadium");
break;
case 61:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "subroutine");
break;
case 62:
this.$ = $$[$0 - 7];
yy.addVertex($$[$0 - 7], $$[$0 - 1], "rect", void 0, void 0, void 0, Object.fromEntries([[$$[$0 - 5], $$[$0 - 3]]]));
break;
case 63:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "cylinder");
break;
case 64:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "round");
break;
case 65:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "diamond");
break;
case 66:
this.$ = $$[$0 - 5];
yy.addVertex($$[$0 - 5], $$[$0 - 2], "hexagon");
break;
case 67:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "odd");
break;
case 68:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "trapezoid");
break;
case 69:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "inv_trapezoid");
break;
case 70:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "lean_right");
break;
case 71:
this.$ = $$[$0 - 3];
yy.addVertex($$[$0 - 3], $$[$0 - 1], "lean_left");
break;
case 72:
this.$ = $$[$0];
yy.addVertex($$[$0]);
break;
case 73:
$$[$0 - 1].text = $$[$0];
this.$ = $$[$0 - 1];
break;
case 74:
case 75:
$$[$0 - 2].text = $$[$0 - 1];
this.$ = $$[$0 - 2];
break;
case 76:
this.$ = $$[$0];
break;
case 77:
var inf = yy.destructLink($$[$0], $$[$0 - 2]);
this.$ = { "type": inf.type, "stroke": inf.stroke, "length": inf.length, "text": $$[$0 - 1] };
break;
case 78:
var inf = yy.destructLink($$[$0], $$[$0 - 2]);
this.$ = { "type": inf.type, "stroke": inf.stroke, "length": inf.length, "text": $$[$0 - 1], "id": $$[$0 - 3] };
break;
case 79:
this.$ = { text: $$[$0], type: "text" };
break;
case 80:
this.$ = { text: $$[$0 - 1].text + "" + $$[$0], type: $$[$0 - 1].type };
break;
case 81:
this.$ = { text: $$[$0], type: "string" };
break;
case 82:
this.$ = { text: $$[$0], type: "markdown" };
break;
case 83:
var inf = yy.destructLink($$[$0]);
this.$ = { "type": inf.type, "stroke": inf.stroke, "length": inf.length };
break;
case 84:
var inf = yy.destructLink($$[$0]);
this.$ = { "type": inf.type, "stroke": inf.stroke, "length": inf.length, "id": $$[$0 - 1] };
break;
case 85:
this.$ = $$[$0 - 1];
break;
case 86:
this.$ = { text: $$[$0], type: "text" };
break;
case 87:
this.$ = { text: $$[$0 - 1].text + "" + $$[$0], type: $$[$0 - 1].type };
break;
case 88:
this.$ = { text: $$[$0], type: "string" };
break;
case 89:
case 104:
this.$ = { text: $$[$0], type: "markdown" };
break;
case 101:
this.$ = { text: $$[$0], type: "text" };
break;
case 102:
this.$ = { text: $$[$0 - 1].text + "" + $$[$0], type: $$[$0 - 1].type };
break;
case 103:
this.$ = { text: $$[$0], type: "text" };
break;
case 105:
this.$ = $$[$0 - 4];
yy.addClass($$[$0 - 2], $$[$0]);
break;
case 106:
this.$ = $$[$0 - 4];
yy.setClass($$[$0 - 2], $$[$0]);
break;
case 107:
case 115:
this.$ = $$[$0 - 1];
yy.setClickEvent($$[$0 - 1], $$[$0]);
break;
case 108:
case 116:
this.$ = $$[$0 - 3];
yy.setClickEvent($$[$0 - 3], $$[$0 - 2]);
yy.setTooltip($$[$0 - 3], $$[$0]);
break;
case 109:
this.$ = $$[$0 - 2];
yy.setClickEvent($$[$0 - 2], $$[$0 - 1], $$[$0]);
break;
case 110:
this.$ = $$[$0 - 4];
yy.setClickEvent($$[$0 - 4], $$[$0 - 3], $$[$0 - 2]);
yy.setTooltip($$[$0 - 4], $$[$0]);
break;
case 111:
this.$ = $$[$0 - 2];
yy.setLink($$[$0 - 2], $$[$0]);
break;
case 112:
this.$ = $$[$0 - 4];
yy.setLink($$[$0 - 4], $$[$0 - 2]);
yy.setTooltip($$[$0 - 4], $$[$0]);
break;
case 113:
this.$ = $$[$0 - 4];
yy.setLink($$[$0 - 4], $$[$0 - 2], $$[$0]);
break;
case 114:
this.$ = $$[$0 - 6];
yy.setLink($$[$0 - 6], $$[$0 - 4], $$[$0]);
yy.setTooltip($$[$0 - 6], $$[$0 - 2]);
break;
case 117:
this.$ = $$[$0 - 1];
yy.setLink($$[$0 - 1], $$[$0]);
break;
case 118:
this.$ = $$[$0 - 3];
yy.setLink($$[$0 - 3], $$[$0 - 2]);
yy.setTooltip($$[$0 - 3], $$[$0]);
break;
case 119:
this.$ = $$[$0 - 3];
yy.setLink($$[$0 - 3], $$[$0 - 2], $$[$0]);
break;
case 120:
this.$ = $$[$0 - 5];
yy.setLink($$[$0 - 5], $$[$0 - 4], $$[$0]);
yy.setTooltip($$[$0 - 5], $$[$0 - 2]);
break;
case 121:
this.$ = $$[$0 - 4];
yy.addVertex($$[$0 - 2], void 0, void 0, $$[$0]);
break;
case 122:
this.$ = $$[$0 - 4];
yy.updateLink([$$[$0 - 2]], $$[$0]);
break;
case 123:
this.$ = $$[$0 - 4];
yy.updateLink($$[$0 - 2], $$[$0]);
break;
case 124:
this.$ = $$[$0 - 8];
yy.updateLinkInterpolate([$$[$0 - 6]], $$[$0 - 2]);
yy.updateLink([$$[$0 - 6]], $$[$0]);
break;
case 125:
this.$ = $$[$0 - 8];
yy.updateLinkInterpolate($$[$0 - 6], $$[$0 - 2]);
yy.updateLink($$[$0 - 6], $$[$0]);
break;
case 126:
this.$ = $$[$0 - 6];
yy.updateLinkInterpolate([$$[$0 - 4]], $$[$0]);
break;
case 127:
this.$ = $$[$0 - 6];
yy.updateLinkInterpolate($$[$0 - 4], $$[$0]);
break;