add hw2
This commit is contained in:
nik
852
node_modules/mermaid/dist/chunks/mermaid.esm/chunk-SKKRN3KO.mjs
generated
vendored
Normal file
852
node_modules/mermaid/dist/chunks/mermaid.esm/chunk-SKKRN3KO.mjs
generated
vendored
Normal file
@@ -0,0 +1,852 @@
|
||||
import {
|
||||
getLineFunctionsWithOffset,
|
||||
markerOffsets,
|
||||
markerOffsets2
|
||||
} from "./chunk-ZH73STAE.mjs";
|
||||
import {
|
||||
at,
|
||||
createLabel_default
|
||||
} from "./chunk-ZRZ2AMKI.mjs";
|
||||
import {
|
||||
getSubGraphTitleMargins
|
||||
} from "./chunk-SVWLYT5M.mjs";
|
||||
import {
|
||||
isLabelStyle,
|
||||
styles2String
|
||||
} from "./chunk-STRMIP24.mjs";
|
||||
import {
|
||||
createText
|
||||
} from "./chunk-4RZPZ3GF.mjs";
|
||||
import {
|
||||
utils_default
|
||||
} from "./chunk-ZNH7G2NJ.mjs";
|
||||
import {
|
||||
evaluate,
|
||||
getConfig2 as getConfig
|
||||
} from "./chunk-6PHMZWEM.mjs";
|
||||
import {
|
||||
basis_default,
|
||||
bumpX,
|
||||
bumpY,
|
||||
cardinal_default,
|
||||
catmullRom_default,
|
||||
line_default,
|
||||
linear_default,
|
||||
log,
|
||||
monotoneX,
|
||||
monotoneY,
|
||||
natural_default,
|
||||
select_default,
|
||||
stepAfter,
|
||||
stepBefore,
|
||||
step_default
|
||||
} from "./chunk-2LXNVE6Q.mjs";
|
||||
import {
|
||||
__name
|
||||
} from "./chunk-DLQEHMXD.mjs";
|
||||
|
||||
// src/rendering-util/rendering-elements/edgeMarker.ts
|
||||
var addEdgeMarkers = /* @__PURE__ */ __name((svgPath, edge, url, id, diagramType, strokeColor) => {
|
||||
if (edge.arrowTypeStart) {
|
||||
addEdgeMarker(svgPath, "start", edge.arrowTypeStart, url, id, diagramType, strokeColor);
|
||||
}
|
||||
if (edge.arrowTypeEnd) {
|
||||
addEdgeMarker(svgPath, "end", edge.arrowTypeEnd, url, id, diagramType, strokeColor);
|
||||
}
|
||||
}, "addEdgeMarkers");
|
||||
var arrowTypesMap = {
|
||||
arrow_cross: { type: "cross", fill: false },
|
||||
arrow_point: { type: "point", fill: true },
|
||||
arrow_barb: { type: "barb", fill: true },
|
||||
arrow_circle: { type: "circle", fill: false },
|
||||
aggregation: { type: "aggregation", fill: false },
|
||||
extension: { type: "extension", fill: false },
|
||||
composition: { type: "composition", fill: true },
|
||||
dependency: { type: "dependency", fill: true },
|
||||
lollipop: { type: "lollipop", fill: false },
|
||||
only_one: { type: "onlyOne", fill: false },
|
||||
zero_or_one: { type: "zeroOrOne", fill: false },
|
||||
one_or_more: { type: "oneOrMore", fill: false },
|
||||
zero_or_more: { type: "zeroOrMore", fill: false },
|
||||
requirement_arrow: { type: "requirement_arrow", fill: false },
|
||||
requirement_contains: { type: "requirement_contains", fill: false }
|
||||
};
|
||||
var addEdgeMarker = /* @__PURE__ */ __name((svgPath, position, arrowType, url, id, diagramType, strokeColor) => {
|
||||
const arrowTypeInfo = arrowTypesMap[arrowType];
|
||||
if (!arrowTypeInfo) {
|
||||
log.warn(`Unknown arrow type: ${arrowType}`);
|
||||
return;
|
||||
}
|
||||
const endMarkerType = arrowTypeInfo.type;
|
||||
const suffix = position === "start" ? "Start" : "End";
|
||||
const originalMarkerId = `${id}_${diagramType}-${endMarkerType}${suffix}`;
|
||||
if (strokeColor && strokeColor.trim() !== "") {
|
||||
const colorId = strokeColor.replace(/[^\dA-Za-z]/g, "_");
|
||||
const coloredMarkerId = `${originalMarkerId}_${colorId}`;
|
||||
if (!document.getElementById(coloredMarkerId)) {
|
||||
const originalMarker = document.getElementById(originalMarkerId);
|
||||
if (originalMarker) {
|
||||
const coloredMarker = originalMarker.cloneNode(true);
|
||||
coloredMarker.id = coloredMarkerId;
|
||||
const paths = coloredMarker.querySelectorAll("path, circle, line");
|
||||
paths.forEach((path) => {
|
||||
path.setAttribute("stroke", strokeColor);
|
||||
if (arrowTypeInfo.fill) {
|
||||
path.setAttribute("fill", strokeColor);
|
||||
}
|
||||
});
|
||||
originalMarker.parentNode?.appendChild(coloredMarker);
|
||||
}
|
||||
}
|
||||
svgPath.attr(`marker-${position}`, `url(${url}#${coloredMarkerId})`);
|
||||
} else {
|
||||
svgPath.attr(`marker-${position}`, `url(${url}#${originalMarkerId})`);
|
||||
}
|
||||
}, "addEdgeMarker");
|
||||
|
||||
// src/rendering-util/rendering-elements/edges.js
|
||||
var edgeLabels = /* @__PURE__ */ new Map();
|
||||
var terminalLabels = /* @__PURE__ */ new Map();
|
||||
var clear = /* @__PURE__ */ __name(() => {
|
||||
edgeLabels.clear();
|
||||
terminalLabels.clear();
|
||||
}, "clear");
|
||||
var getLabelStyles = /* @__PURE__ */ __name((styleArray) => {
|
||||
let styles = styleArray ? styleArray.reduce((acc, style) => acc + ";" + style, "") : "";
|
||||
return styles;
|
||||
}, "getLabelStyles");
|
||||
var insertEdgeLabel = /* @__PURE__ */ __name(async (elem, edge) => {
|
||||
let useHtmlLabels = evaluate(getConfig().flowchart.htmlLabels);
|
||||
const { labelStyles } = styles2String(edge);
|
||||
edge.labelStyle = labelStyles;
|
||||
const labelElement = await createText(elem, edge.label, {
|
||||
style: edge.labelStyle,
|
||||
useHtmlLabels,
|
||||
addSvgBackground: true,
|
||||
isNode: false
|
||||
});
|
||||
log.info("abc82", edge, edge.labelType);
|
||||
const edgeLabel = elem.insert("g").attr("class", "edgeLabel");
|
||||
const label = edgeLabel.insert("g").attr("class", "label").attr("data-id", edge.id);
|
||||
label.node().appendChild(labelElement);
|
||||
let bbox = labelElement.getBBox();
|
||||
if (useHtmlLabels) {
|
||||
const div = labelElement.children[0];
|
||||
const dv = select_default(labelElement);
|
||||
bbox = div.getBoundingClientRect();
|
||||
dv.attr("width", bbox.width);
|
||||
dv.attr("height", bbox.height);
|
||||
}
|
||||
label.attr("transform", "translate(" + -bbox.width / 2 + ", " + -bbox.height / 2 + ")");
|
||||
edgeLabels.set(edge.id, edgeLabel);
|
||||
edge.width = bbox.width;
|
||||
edge.height = bbox.height;
|
||||
let fo;
|
||||
if (edge.startLabelLeft) {
|
||||
const startLabelElement = await createLabel_default(
|
||||
edge.startLabelLeft,
|
||||
getLabelStyles(edge.labelStyle)
|
||||
);
|
||||
const startEdgeLabelLeft = elem.insert("g").attr("class", "edgeTerminals");
|
||||
const inner = startEdgeLabelLeft.insert("g").attr("class", "inner");
|
||||
fo = inner.node().appendChild(startLabelElement);
|
||||
const slBox = startLabelElement.getBBox();
|
||||
inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
|
||||
if (!terminalLabels.get(edge.id)) {
|
||||
terminalLabels.set(edge.id, {});
|
||||
}
|
||||
terminalLabels.get(edge.id).startLeft = startEdgeLabelLeft;
|
||||
setTerminalWidth(fo, edge.startLabelLeft);
|
||||
}
|
||||
if (edge.startLabelRight) {
|
||||
const startLabelElement = await createLabel_default(
|
||||
edge.startLabelRight,
|
||||
getLabelStyles(edge.labelStyle)
|
||||
);
|
||||
const startEdgeLabelRight = elem.insert("g").attr("class", "edgeTerminals");
|
||||
const inner = startEdgeLabelRight.insert("g").attr("class", "inner");
|
||||
fo = startEdgeLabelRight.node().appendChild(startLabelElement);
|
||||
inner.node().appendChild(startLabelElement);
|
||||
const slBox = startLabelElement.getBBox();
|
||||
inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
|
||||
if (!terminalLabels.get(edge.id)) {
|
||||
terminalLabels.set(edge.id, {});
|
||||
}
|
||||
terminalLabels.get(edge.id).startRight = startEdgeLabelRight;
|
||||
setTerminalWidth(fo, edge.startLabelRight);
|
||||
}
|
||||
if (edge.endLabelLeft) {
|
||||
const endLabelElement = await createLabel_default(edge.endLabelLeft, getLabelStyles(edge.labelStyle));
|
||||
const endEdgeLabelLeft = elem.insert("g").attr("class", "edgeTerminals");
|
||||
const inner = endEdgeLabelLeft.insert("g").attr("class", "inner");
|
||||
fo = inner.node().appendChild(endLabelElement);
|
||||
const slBox = endLabelElement.getBBox();
|
||||
inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
|
||||
endEdgeLabelLeft.node().appendChild(endLabelElement);
|
||||
if (!terminalLabels.get(edge.id)) {
|
||||
terminalLabels.set(edge.id, {});
|
||||
}
|
||||
terminalLabels.get(edge.id).endLeft = endEdgeLabelLeft;
|
||||
setTerminalWidth(fo, edge.endLabelLeft);
|
||||
}
|
||||
if (edge.endLabelRight) {
|
||||
const endLabelElement = await createLabel_default(edge.endLabelRight, getLabelStyles(edge.labelStyle));
|
||||
const endEdgeLabelRight = elem.insert("g").attr("class", "edgeTerminals");
|
||||
const inner = endEdgeLabelRight.insert("g").attr("class", "inner");
|
||||
fo = inner.node().appendChild(endLabelElement);
|
||||
const slBox = endLabelElement.getBBox();
|
||||
inner.attr("transform", "translate(" + -slBox.width / 2 + ", " + -slBox.height / 2 + ")");
|
||||
endEdgeLabelRight.node().appendChild(endLabelElement);
|
||||
if (!terminalLabels.get(edge.id)) {
|
||||
terminalLabels.set(edge.id, {});
|
||||
}
|
||||
terminalLabels.get(edge.id).endRight = endEdgeLabelRight;
|
||||
setTerminalWidth(fo, edge.endLabelRight);
|
||||
}
|
||||
return labelElement;
|
||||
}, "insertEdgeLabel");
|
||||
function setTerminalWidth(fo, value) {
|
||||
if (getConfig().flowchart.htmlLabels && fo) {
|
||||
fo.style.width = value.length * 9 + "px";
|
||||
fo.style.height = "12px";
|
||||
}
|
||||
}
|
||||
__name(setTerminalWidth, "setTerminalWidth");
|
||||
var positionEdgeLabel = /* @__PURE__ */ __name((edge, paths) => {
|
||||
log.debug("Moving label abc88 ", edge.id, edge.label, edgeLabels.get(edge.id), paths);
|
||||
let path = paths.updatedPath ? paths.updatedPath : paths.originalPath;
|
||||
const siteConfig = getConfig();
|
||||
const { subGraphTitleTotalMargin } = getSubGraphTitleMargins(siteConfig);
|
||||
if (edge.label) {
|
||||
const el = edgeLabels.get(edge.id);
|
||||
let x = edge.x;
|
||||
let y = edge.y;
|
||||
if (path) {
|
||||
const pos = utils_default.calcLabelPosition(path);
|
||||
log.debug(
|
||||
"Moving label " + edge.label + " from (",
|
||||
x,
|
||||
",",
|
||||
y,
|
||||
") to (",
|
||||
pos.x,
|
||||
",",
|
||||
pos.y,
|
||||
") abc88"
|
||||
);
|
||||
if (paths.updatedPath) {
|
||||
x = pos.x;
|
||||
y = pos.y;
|
||||
}
|
||||
}
|
||||
el.attr("transform", `translate(${x}, ${y + subGraphTitleTotalMargin / 2})`);
|
||||
}
|
||||
if (edge.startLabelLeft) {
|
||||
const el = terminalLabels.get(edge.id).startLeft;
|
||||
let x = edge.x;
|
||||
let y = edge.y;
|
||||
if (path) {
|
||||
const pos = utils_default.calcTerminalLabelPosition(edge.arrowTypeStart ? 10 : 0, "start_left", path);
|
||||
x = pos.x;
|
||||
y = pos.y;
|
||||
}
|
||||
el.attr("transform", `translate(${x}, ${y})`);
|
||||
}
|
||||
if (edge.startLabelRight) {
|
||||
const el = terminalLabels.get(edge.id).startRight;
|
||||
let x = edge.x;
|
||||
let y = edge.y;
|
||||
if (path) {
|
||||
const pos = utils_default.calcTerminalLabelPosition(
|
||||
edge.arrowTypeStart ? 10 : 0,
|
||||
"start_right",
|
||||
path
|
||||
);
|
||||
x = pos.x;
|
||||
y = pos.y;
|
||||
}
|
||||
el.attr("transform", `translate(${x}, ${y})`);
|
||||
}
|
||||
if (edge.endLabelLeft) {
|
||||
const el = terminalLabels.get(edge.id).endLeft;
|
||||
let x = edge.x;
|
||||
let y = edge.y;
|
||||
if (path) {
|
||||
const pos = utils_default.calcTerminalLabelPosition(edge.arrowTypeEnd ? 10 : 0, "end_left", path);
|
||||
x = pos.x;
|
||||
y = pos.y;
|
||||
}
|
||||
el.attr("transform", `translate(${x}, ${y})`);
|
||||
}
|
||||
if (edge.endLabelRight) {
|
||||
const el = terminalLabels.get(edge.id).endRight;
|
||||
let x = edge.x;
|
||||
let y = edge.y;
|
||||
if (path) {
|
||||
const pos = utils_default.calcTerminalLabelPosition(edge.arrowTypeEnd ? 10 : 0, "end_right", path);
|
||||
x = pos.x;
|
||||
y = pos.y;
|
||||
}
|
||||
el.attr("transform", `translate(${x}, ${y})`);
|
||||
}
|
||||
}, "positionEdgeLabel");
|
||||
var outsideNode = /* @__PURE__ */ __name((node, point2) => {
|
||||
const x = node.x;
|
||||
const y = node.y;
|
||||
const dx = Math.abs(point2.x - x);
|
||||
const dy = Math.abs(point2.y - y);
|
||||
const w = node.width / 2;
|
||||
const h = node.height / 2;
|
||||
return dx >= w || dy >= h;
|
||||
}, "outsideNode");
|
||||
var intersection = /* @__PURE__ */ __name((node, outsidePoint, insidePoint) => {
|
||||
log.debug(`intersection calc abc89:
|
||||
outsidePoint: ${JSON.stringify(outsidePoint)}
|
||||
insidePoint : ${JSON.stringify(insidePoint)}
|
||||
node : x:${node.x} y:${node.y} w:${node.width} h:${node.height}`);
|
||||
const x = node.x;
|
||||
const y = node.y;
|
||||
const dx = Math.abs(x - insidePoint.x);
|
||||
const w = node.width / 2;
|
||||
let r = insidePoint.x < outsidePoint.x ? w - dx : w + dx;
|
||||
const h = node.height / 2;
|
||||
const Q = Math.abs(outsidePoint.y - insidePoint.y);
|
||||
const R = Math.abs(outsidePoint.x - insidePoint.x);
|
||||
if (Math.abs(y - outsidePoint.y) * w > Math.abs(x - outsidePoint.x) * h) {
|
||||
let q = insidePoint.y < outsidePoint.y ? outsidePoint.y - h - y : y - h - outsidePoint.y;
|
||||
r = R * q / Q;
|
||||
const res = {
|
||||
x: insidePoint.x < outsidePoint.x ? insidePoint.x + r : insidePoint.x - R + r,
|
||||
y: insidePoint.y < outsidePoint.y ? insidePoint.y + Q - q : insidePoint.y - Q + q
|
||||
};
|
||||
if (r === 0) {
|
||||
res.x = outsidePoint.x;
|
||||
res.y = outsidePoint.y;
|
||||
}
|
||||
if (R === 0) {
|
||||
res.x = outsidePoint.x;
|
||||
}
|
||||
if (Q === 0) {
|
||||
res.y = outsidePoint.y;
|
||||
}
|
||||
log.debug(`abc89 top/bottom calc, Q ${Q}, q ${q}, R ${R}, r ${r}`, res);
|
||||
return res;
|
||||
} else {
|
||||
if (insidePoint.x < outsidePoint.x) {
|
||||
r = outsidePoint.x - w - x;
|
||||
} else {
|
||||
r = x - w - outsidePoint.x;
|
||||
}
|
||||
let q = Q * r / R;
|
||||
let _x = insidePoint.x < outsidePoint.x ? insidePoint.x + R - r : insidePoint.x - R + r;
|
||||
let _y = insidePoint.y < outsidePoint.y ? insidePoint.y + q : insidePoint.y - q;
|
||||
log.debug(`sides calc abc89, Q ${Q}, q ${q}, R ${R}, r ${r}`, { _x, _y });
|
||||
if (r === 0) {
|
||||
_x = outsidePoint.x;
|
||||
_y = outsidePoint.y;
|
||||
}
|
||||
if (R === 0) {
|
||||
_x = outsidePoint.x;
|
||||
}
|
||||
if (Q === 0) {
|
||||
_y = outsidePoint.y;
|
||||
}
|
||||
return { x: _x, y: _y };
|
||||
}
|
||||
}, "intersection");
|
||||
var cutPathAtIntersect = /* @__PURE__ */ __name((_points, boundaryNode) => {
|
||||
log.warn("abc88 cutPathAtIntersect", _points, boundaryNode);
|
||||
let points = [];
|
||||
let lastPointOutside = _points[0];
|
||||
let isInside = false;
|
||||
_points.forEach((point2) => {
|
||||
log.info("abc88 checking point", point2, boundaryNode);
|
||||
if (!outsideNode(boundaryNode, point2) && !isInside) {
|
||||
const inter = intersection(boundaryNode, lastPointOutside, point2);
|
||||
log.debug("abc88 inside", point2, lastPointOutside, inter);
|
||||
log.debug("abc88 intersection", inter, boundaryNode);
|
||||
let pointPresent = false;
|
||||
points.forEach((p) => {
|
||||
pointPresent = pointPresent || p.x === inter.x && p.y === inter.y;
|
||||
});
|
||||
if (!points.some((e) => e.x === inter.x && e.y === inter.y)) {
|
||||
points.push(inter);
|
||||
} else {
|
||||
log.warn("abc88 no intersect", inter, points);
|
||||
}
|
||||
isInside = true;
|
||||
} else {
|
||||
log.warn("abc88 outside", point2, lastPointOutside);
|
||||
lastPointOutside = point2;
|
||||
if (!isInside) {
|
||||
points.push(point2);
|
||||
}
|
||||
}
|
||||
});
|
||||
log.debug("returning points", points);
|
||||
return points;
|
||||
}, "cutPathAtIntersect");
|
||||
function extractCornerPoints(points) {
|
||||
const cornerPoints = [];
|
||||
const cornerPointPositions = [];
|
||||
for (let i = 1; i < points.length - 1; i++) {
|
||||
const prev = points[i - 1];
|
||||
const curr = points[i];
|
||||
const next = points[i + 1];
|
||||
if (prev.x === curr.x && curr.y === next.y && Math.abs(curr.x - next.x) > 5 && Math.abs(curr.y - prev.y) > 5) {
|
||||
cornerPoints.push(curr);
|
||||
cornerPointPositions.push(i);
|
||||
} else if (prev.y === curr.y && curr.x === next.x && Math.abs(curr.x - prev.x) > 5 && Math.abs(curr.y - next.y) > 5) {
|
||||
cornerPoints.push(curr);
|
||||
cornerPointPositions.push(i);
|
||||
}
|
||||
}
|
||||
return { cornerPoints, cornerPointPositions };
|
||||
}
|
||||
__name(extractCornerPoints, "extractCornerPoints");
|
||||
var findAdjacentPoint = /* @__PURE__ */ __name(function(pointA, pointB, distance) {
|
||||
const xDiff = pointB.x - pointA.x;
|
||||
const yDiff = pointB.y - pointA.y;
|
||||
const length = Math.sqrt(xDiff * xDiff + yDiff * yDiff);
|
||||
const ratio = distance / length;
|
||||
return { x: pointB.x - ratio * xDiff, y: pointB.y - ratio * yDiff };
|
||||
}, "findAdjacentPoint");
|
||||
var fixCorners = /* @__PURE__ */ __name(function(lineData) {
|
||||
const { cornerPointPositions } = extractCornerPoints(lineData);
|
||||
const newLineData = [];
|
||||
for (let i = 0; i < lineData.length; i++) {
|
||||
if (cornerPointPositions.includes(i)) {
|
||||
const prevPoint = lineData[i - 1];
|
||||
const nextPoint = lineData[i + 1];
|
||||
const cornerPoint = lineData[i];
|
||||
const newPrevPoint = findAdjacentPoint(prevPoint, cornerPoint, 5);
|
||||
const newNextPoint = findAdjacentPoint(nextPoint, cornerPoint, 5);
|
||||
const xDiff = newNextPoint.x - newPrevPoint.x;
|
||||
const yDiff = newNextPoint.y - newPrevPoint.y;
|
||||
newLineData.push(newPrevPoint);
|
||||
const a = Math.sqrt(2) * 2;
|
||||
let newCornerPoint = { x: cornerPoint.x, y: cornerPoint.y };
|
||||
if (Math.abs(nextPoint.x - prevPoint.x) > 10 && Math.abs(nextPoint.y - prevPoint.y) >= 10) {
|
||||
log.debug(
|
||||
"Corner point fixing",
|
||||
Math.abs(nextPoint.x - prevPoint.x),
|
||||
Math.abs(nextPoint.y - prevPoint.y)
|
||||
);
|
||||
const r = 5;
|
||||
if (cornerPoint.x === newPrevPoint.x) {
|
||||
newCornerPoint = {
|
||||
x: xDiff < 0 ? newPrevPoint.x - r + a : newPrevPoint.x + r - a,
|
||||
y: yDiff < 0 ? newPrevPoint.y - a : newPrevPoint.y + a
|
||||
};
|
||||
} else {
|
||||
newCornerPoint = {
|
||||
x: xDiff < 0 ? newPrevPoint.x - a : newPrevPoint.x + a,
|
||||
y: yDiff < 0 ? newPrevPoint.y - r + a : newPrevPoint.y + r - a
|
||||
};
|
||||
}
|
||||
} else {
|
||||
log.debug(
|
||||
"Corner point skipping fixing",
|
||||
Math.abs(nextPoint.x - prevPoint.x),
|
||||
Math.abs(nextPoint.y - prevPoint.y)
|
||||
);
|
||||
}
|
||||
newLineData.push(newCornerPoint, newNextPoint);
|
||||
} else {
|
||||
newLineData.push(lineData[i]);
|
||||
}
|
||||
}
|
||||
return newLineData;
|
||||
}, "fixCorners");
|
||||
var generateDashArray = /* @__PURE__ */ __name((len, oValueS, oValueE) => {
|
||||
const middleLength = len - oValueS - oValueE;
|
||||
const dashLength = 2;
|
||||
const gapLength = 2;
|
||||
const dashGapPairLength = dashLength + gapLength;
|
||||
const numberOfPairs = Math.floor(middleLength / dashGapPairLength);
|
||||
const middlePattern = Array(numberOfPairs).fill(`${dashLength} ${gapLength}`).join(" ");
|
||||
const dashArray = `0 ${oValueS} ${middlePattern} ${oValueE}`;
|
||||
return dashArray;
|
||||
}, "generateDashArray");
|
||||
var insertEdge = /* @__PURE__ */ __name(function(elem, edge, clusterDb, diagramType, startNode, endNode, id, skipIntersect = false) {
|
||||
const { handDrawnSeed } = getConfig();
|
||||
let points = edge.points;
|
||||
let pointsHasChanged = false;
|
||||
const tail = startNode;
|
||||
var head = endNode;
|
||||
const edgeClassStyles = [];
|
||||
for (const key in edge.cssCompiledStyles) {
|
||||
if (isLabelStyle(key)) {
|
||||
continue;
|
||||
}
|
||||
edgeClassStyles.push(edge.cssCompiledStyles[key]);
|
||||
}
|
||||
log.debug("UIO intersect check", edge.points, head.x, tail.x);
|
||||
if (head.intersect && tail.intersect && !skipIntersect) {
|
||||
points = points.slice(1, edge.points.length - 1);
|
||||
points.unshift(tail.intersect(points[0]));
|
||||
log.debug(
|
||||
"Last point UIO",
|
||||
edge.start,
|
||||
"-->",
|
||||
edge.end,
|
||||
points[points.length - 1],
|
||||
head,
|
||||
head.intersect(points[points.length - 1])
|
||||
);
|
||||
points.push(head.intersect(points[points.length - 1]));
|
||||
}
|
||||
const pointsStr = btoa(JSON.stringify(points));
|
||||
if (edge.toCluster) {
|
||||
log.info("to cluster abc88", clusterDb.get(edge.toCluster));
|
||||
points = cutPathAtIntersect(edge.points, clusterDb.get(edge.toCluster).node);
|
||||
pointsHasChanged = true;
|
||||
}
|
||||
if (edge.fromCluster) {
|
||||
log.debug(
|
||||
"from cluster abc88",
|
||||
clusterDb.get(edge.fromCluster),
|
||||
JSON.stringify(points, null, 2)
|
||||
);
|
||||
points = cutPathAtIntersect(points.reverse(), clusterDb.get(edge.fromCluster).node).reverse();
|
||||
pointsHasChanged = true;
|
||||
}
|
||||
let lineData = points.filter((p) => !Number.isNaN(p.y));
|
||||
lineData = fixCorners(lineData);
|
||||
let curve = basis_default;
|
||||
curve = linear_default;
|
||||
switch (edge.curve) {
|
||||
case "linear":
|
||||
curve = linear_default;
|
||||
break;
|
||||
case "basis":
|
||||
curve = basis_default;
|
||||
break;
|
||||
case "cardinal":
|
||||
curve = cardinal_default;
|
||||
break;
|
||||
case "bumpX":
|
||||
curve = bumpX;
|
||||
break;
|
||||
case "bumpY":
|
||||
curve = bumpY;
|
||||
break;
|
||||
case "catmullRom":
|
||||
curve = catmullRom_default;
|
||||
break;
|
||||
case "monotoneX":
|
||||
curve = monotoneX;
|
||||
break;
|
||||
case "monotoneY":
|
||||
curve = monotoneY;
|
||||
break;
|
||||
case "natural":
|
||||
curve = natural_default;
|
||||
break;
|
||||
case "step":
|
||||
curve = step_default;
|
||||
break;
|
||||
case "stepAfter":
|
||||
curve = stepAfter;
|
||||
break;
|
||||
case "stepBefore":
|
||||
curve = stepBefore;
|
||||
break;
|
||||
default:
|
||||
curve = basis_default;
|
||||
}
|
||||
const { x, y } = getLineFunctionsWithOffset(edge);
|
||||
const lineFunction = line_default().x(x).y(y).curve(curve);
|
||||
let strokeClasses;
|
||||
switch (edge.thickness) {
|
||||
case "normal":
|
||||
strokeClasses = "edge-thickness-normal";
|
||||
break;
|
||||
case "thick":
|
||||
strokeClasses = "edge-thickness-thick";
|
||||
break;
|
||||
case "invisible":
|
||||
strokeClasses = "edge-thickness-invisible";
|
||||
break;
|
||||
default:
|
||||
strokeClasses = "edge-thickness-normal";
|
||||
}
|
||||
switch (edge.pattern) {
|
||||
case "solid":
|
||||
strokeClasses += " edge-pattern-solid";
|
||||
break;
|
||||
case "dotted":
|
||||
strokeClasses += " edge-pattern-dotted";
|
||||
break;
|
||||
case "dashed":
|
||||
strokeClasses += " edge-pattern-dashed";
|
||||
break;
|
||||
default:
|
||||
strokeClasses += " edge-pattern-solid";
|
||||
}
|
||||
let svgPath;
|
||||
let linePath = edge.curve === "rounded" ? generateRoundedPath(applyMarkerOffsetsToPoints(lineData, edge), 5) : lineFunction(lineData);
|
||||
const edgeStyles = Array.isArray(edge.style) ? edge.style : [edge.style];
|
||||
let strokeColor = edgeStyles.find((style) => style?.startsWith("stroke:"));
|
||||
let animatedEdge = false;
|
||||
if (edge.look === "handDrawn") {
|
||||
const rc = at.svg(elem);
|
||||
Object.assign([], lineData);
|
||||
const svgPathNode = rc.path(linePath, {
|
||||
roughness: 0.3,
|
||||
seed: handDrawnSeed
|
||||
});
|
||||
strokeClasses += " transition";
|
||||
svgPath = select_default(svgPathNode).select("path").attr("id", edge.id).attr("class", " " + strokeClasses + (edge.classes ? " " + edge.classes : "")).attr("style", edgeStyles ? edgeStyles.reduce((acc, style) => acc + ";" + style, "") : "");
|
||||
let d = svgPath.attr("d");
|
||||
svgPath.attr("d", d);
|
||||
elem.node().appendChild(svgPath.node());
|
||||
} else {
|
||||
const stylesFromClasses = edgeClassStyles.join(";");
|
||||
const styles = edgeStyles ? edgeStyles.reduce((acc, style) => acc + style + ";", "") : "";
|
||||
let animationClass = "";
|
||||
if (edge.animate) {
|
||||
animationClass = " edge-animation-fast";
|
||||
}
|
||||
if (edge.animation) {
|
||||
animationClass = " edge-animation-" + edge.animation;
|
||||
}
|
||||
const pathStyle = (stylesFromClasses ? stylesFromClasses + ";" + styles + ";" : styles) + ";" + (edgeStyles ? edgeStyles.reduce((acc, style) => acc + ";" + style, "") : "");
|
||||
svgPath = elem.append("path").attr("d", linePath).attr("id", edge.id).attr(
|
||||
"class",
|
||||
" " + strokeClasses + (edge.classes ? " " + edge.classes : "") + (animationClass ?? "")
|
||||
).attr("style", pathStyle);
|
||||
strokeColor = pathStyle.match(/stroke:([^;]+)/)?.[1];
|
||||
animatedEdge = edge.animate === true || !!edge.animation || stylesFromClasses.includes("animation");
|
||||
const pathNode = svgPath.node();
|
||||
const len = typeof pathNode.getTotalLength === "function" ? pathNode.getTotalLength() : 0;
|
||||
const oValueS = markerOffsets2[edge.arrowTypeStart] || 0;
|
||||
const oValueE = markerOffsets2[edge.arrowTypeEnd] || 0;
|
||||
if (edge.look === "neo" && !animatedEdge) {
|
||||
const dashArray = edge.pattern === "dotted" || edge.pattern === "dashed" ? generateDashArray(len, oValueS, oValueE) : `0 ${oValueS} ${len - oValueS - oValueE} ${oValueE}`;
|
||||
const mOffset = `stroke-dasharray: ${dashArray}; stroke-dashoffset: 0;`;
|
||||
svgPath.attr("style", mOffset + svgPath.attr("style"));
|
||||
}
|
||||
}
|
||||
svgPath.attr("data-edge", true);
|
||||
svgPath.attr("data-et", "edge");
|
||||
svgPath.attr("data-id", edge.id);
|
||||
svgPath.attr("data-points", pointsStr);
|
||||
if (edge.showPoints) {
|
||||
lineData.forEach((point3) => {
|
||||
elem.append("circle").style("stroke", "red").style("fill", "red").attr("r", 1).attr("cx", point3.x).attr("cy", point3.y);
|
||||
});
|
||||
}
|
||||
let url = "";
|
||||
if (getConfig().flowchart.arrowMarkerAbsolute || getConfig().state.arrowMarkerAbsolute) {
|
||||
url = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search;
|
||||
url = url.replace(/\(/g, "\\(").replace(/\)/g, "\\)");
|
||||
}
|
||||
log.info("arrowTypeStart", edge.arrowTypeStart);
|
||||
log.info("arrowTypeEnd", edge.arrowTypeEnd);
|
||||
addEdgeMarkers(svgPath, edge, url, id, diagramType, strokeColor);
|
||||
const midIndex = Math.floor(points.length / 2);
|
||||
const point2 = points[midIndex];
|
||||
if (!utils_default.isLabelCoordinateInPath(point2, svgPath.attr("d"))) {
|
||||
pointsHasChanged = true;
|
||||
}
|
||||
let paths = {};
|
||||
if (pointsHasChanged) {
|
||||
paths.updatedPath = points;
|
||||
}
|
||||
paths.originalPath = edge.points;
|
||||
return paths;
|
||||
}, "insertEdge");
|
||||
function generateRoundedPath(points, radius) {
|
||||
if (points.length < 2) {
|
||||
return "";
|
||||
}
|
||||
let path = "";
|
||||
const size = points.length;
|
||||
const epsilon = 1e-5;
|
||||
for (let i = 0; i < size; i++) {
|
||||
const currPoint = points[i];
|
||||
const prevPoint = points[i - 1];
|
||||
const nextPoint = points[i + 1];
|
||||
if (i === 0) {
|
||||
path += `M${currPoint.x},${currPoint.y}`;
|
||||
} else if (i === size - 1) {
|
||||
path += `L${currPoint.x},${currPoint.y}`;
|
||||
} else {
|
||||
const dx1 = currPoint.x - prevPoint.x;
|
||||
const dy1 = currPoint.y - prevPoint.y;
|
||||
const dx2 = nextPoint.x - currPoint.x;
|
||||
const dy2 = nextPoint.y - currPoint.y;
|
||||
const len1 = Math.hypot(dx1, dy1);
|
||||
const len2 = Math.hypot(dx2, dy2);
|
||||
if (len1 < epsilon || len2 < epsilon) {
|
||||
path += `L${currPoint.x},${currPoint.y}`;
|
||||
continue;
|
||||
}
|
||||
const nx1 = dx1 / len1;
|
||||
const ny1 = dy1 / len1;
|
||||
const nx2 = dx2 / len2;
|
||||
const ny2 = dy2 / len2;
|
||||
const dot = nx1 * nx2 + ny1 * ny2;
|
||||
const clampedDot = Math.max(-1, Math.min(1, dot));
|
||||
const angle = Math.acos(clampedDot);
|
||||
if (angle < epsilon || Math.abs(Math.PI - angle) < epsilon) {
|
||||
path += `L${currPoint.x},${currPoint.y}`;
|
||||
continue;
|
||||
}
|
||||
const cutLen = Math.min(radius / Math.sin(angle / 2), len1 / 2, len2 / 2);
|
||||
const startX = currPoint.x - nx1 * cutLen;
|
||||
const startY = currPoint.y - ny1 * cutLen;
|
||||
const endX = currPoint.x + nx2 * cutLen;
|
||||
const endY = currPoint.y + ny2 * cutLen;
|
||||
path += `L${startX},${startY}`;
|
||||
path += `Q${currPoint.x},${currPoint.y} ${endX},${endY}`;
|
||||
}
|
||||
}
|
||||
return path;
|
||||
}
|
||||
__name(generateRoundedPath, "generateRoundedPath");
|
||||
function calculateDeltaAndAngle(point1, point2) {
|
||||
if (!point1 || !point2) {
|
||||
return { angle: 0, deltaX: 0, deltaY: 0 };
|
||||
}
|
||||
const deltaX = point2.x - point1.x;
|
||||
const deltaY = point2.y - point1.y;
|
||||
const angle = Math.atan2(deltaY, deltaX);
|
||||
return { angle, deltaX, deltaY };
|
||||
}
|
||||
__name(calculateDeltaAndAngle, "calculateDeltaAndAngle");
|
||||
function applyMarkerOffsetsToPoints(points, edge) {
|
||||
const newPoints = points.map((point2) => ({ ...point2 }));
|
||||
if (points.length >= 2 && markerOffsets[edge.arrowTypeStart]) {
|
||||
const offsetValue = markerOffsets[edge.arrowTypeStart];
|
||||
const point1 = points[0];
|
||||
const point2 = points[1];
|
||||
const { angle } = calculateDeltaAndAngle(point1, point2);
|
||||
const offsetX = offsetValue * Math.cos(angle);
|
||||
const offsetY = offsetValue * Math.sin(angle);
|
||||
newPoints[0].x = point1.x + offsetX;
|
||||
newPoints[0].y = point1.y + offsetY;
|
||||
}
|
||||
const n = points.length;
|
||||
if (n >= 2 && markerOffsets[edge.arrowTypeEnd]) {
|
||||
const offsetValue = markerOffsets[edge.arrowTypeEnd];
|
||||
const point1 = points[n - 1];
|
||||
const point2 = points[n - 2];
|
||||
const { angle } = calculateDeltaAndAngle(point2, point1);
|
||||
const offsetX = offsetValue * Math.cos(angle);
|
||||
const offsetY = offsetValue * Math.sin(angle);
|
||||
newPoints[n - 1].x = point1.x - offsetX;
|
||||
newPoints[n - 1].y = point1.y - offsetY;
|
||||
}
|
||||
return newPoints;
|
||||
}
|
||||
__name(applyMarkerOffsetsToPoints, "applyMarkerOffsetsToPoints");
|
||||
|
||||
// src/rendering-util/rendering-elements/markers.js
|
||||
var insertMarkers = /* @__PURE__ */ __name((elem, markerArray, type, id) => {
|
||||
markerArray.forEach((markerName) => {
|
||||
markers[markerName](elem, type, id);
|
||||
});
|
||||
}, "insertMarkers");
|
||||
var extension = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
log.trace("Making markers for ", id);
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-extensionStart").attr("class", "marker extension " + type).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 1,7 L18,13 V 1 Z");
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-extensionEnd").attr("class", "marker extension " + type).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 1,1 V 13 L18,7 Z");
|
||||
}, "extension");
|
||||
var composition = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-compositionStart").attr("class", "marker composition " + type).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-compositionEnd").attr("class", "marker composition " + type).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
|
||||
}, "composition");
|
||||
var aggregation = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-aggregationStart").attr("class", "marker aggregation " + type).attr("refX", 18).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-aggregationEnd").attr("class", "marker aggregation " + type).attr("refX", 1).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L1,7 L9,1 Z");
|
||||
}, "aggregation");
|
||||
var dependency = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-dependencyStart").attr("class", "marker dependency " + type).attr("refX", 6).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("path").attr("d", "M 5,7 L9,13 L1,7 L9,1 Z");
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-dependencyEnd").attr("class", "marker dependency " + type).attr("refX", 13).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 18,7 L9,13 L14,7 L9,1 Z");
|
||||
}, "dependency");
|
||||
var lollipop = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-lollipopStart").attr("class", "marker lollipop " + type).attr("refX", 13).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("circle").attr("stroke", "black").attr("fill", "transparent").attr("cx", 7).attr("cy", 7).attr("r", 6);
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-lollipopEnd").attr("class", "marker lollipop " + type).attr("refX", 1).attr("refY", 7).attr("markerWidth", 190).attr("markerHeight", 240).attr("orient", "auto").append("circle").attr("stroke", "black").attr("fill", "transparent").attr("cx", 7).attr("cy", 7).attr("r", 6);
|
||||
}, "lollipop");
|
||||
var point = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("marker").attr("id", id + "_" + type + "-pointEnd").attr("class", "marker " + type).attr("viewBox", "0 0 10 10").attr("refX", 5).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 8).attr("markerHeight", 8).attr("orient", "auto").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
|
||||
elem.append("marker").attr("id", id + "_" + type + "-pointStart").attr("class", "marker " + type).attr("viewBox", "0 0 10 10").attr("refX", 4.5).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 8).attr("markerHeight", 8).attr("orient", "auto").append("path").attr("d", "M 0 5 L 10 10 L 10 0 z").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
|
||||
}, "point");
|
||||
var circle = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("marker").attr("id", id + "_" + type + "-circleEnd").attr("class", "marker " + type).attr("viewBox", "0 0 10 10").attr("refX", 11).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("circle").attr("cx", "5").attr("cy", "5").attr("r", "5").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
|
||||
elem.append("marker").attr("id", id + "_" + type + "-circleStart").attr("class", "marker " + type).attr("viewBox", "0 0 10 10").attr("refX", -1).attr("refY", 5).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("circle").attr("cx", "5").attr("cy", "5").attr("r", "5").attr("class", "arrowMarkerPath").style("stroke-width", 1).style("stroke-dasharray", "1,0");
|
||||
}, "circle");
|
||||
var cross = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("marker").attr("id", id + "_" + type + "-crossEnd").attr("class", "marker cross " + type).attr("viewBox", "0 0 11 11").attr("refX", 12).attr("refY", 5.2).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("path").attr("d", "M 1,1 l 9,9 M 10,1 l -9,9").attr("class", "arrowMarkerPath").style("stroke-width", 2).style("stroke-dasharray", "1,0");
|
||||
elem.append("marker").attr("id", id + "_" + type + "-crossStart").attr("class", "marker cross " + type).attr("viewBox", "0 0 11 11").attr("refX", -1).attr("refY", 5.2).attr("markerUnits", "userSpaceOnUse").attr("markerWidth", 11).attr("markerHeight", 11).attr("orient", "auto").append("path").attr("d", "M 1,1 l 9,9 M 10,1 l -9,9").attr("class", "arrowMarkerPath").style("stroke-width", 2).style("stroke-dasharray", "1,0");
|
||||
}, "cross");
|
||||
var barb = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-barbEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 14).attr("markerUnits", "userSpaceOnUse").attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
|
||||
}, "barb");
|
||||
var only_one = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-onlyOneStart").attr("class", "marker onlyOne " + type).attr("refX", 0).attr("refY", 9).attr("markerWidth", 18).attr("markerHeight", 18).attr("orient", "auto").append("path").attr("d", "M9,0 L9,18 M15,0 L15,18");
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-onlyOneEnd").attr("class", "marker onlyOne " + type).attr("refX", 18).attr("refY", 9).attr("markerWidth", 18).attr("markerHeight", 18).attr("orient", "auto").append("path").attr("d", "M3,0 L3,18 M9,0 L9,18");
|
||||
}, "only_one");
|
||||
var zero_or_one = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
const startMarker = elem.append("defs").append("marker").attr("id", id + "_" + type + "-zeroOrOneStart").attr("class", "marker zeroOrOne " + type).attr("refX", 0).attr("refY", 9).attr("markerWidth", 30).attr("markerHeight", 18).attr("orient", "auto");
|
||||
startMarker.append("circle").attr("fill", "white").attr("cx", 21).attr("cy", 9).attr("r", 6);
|
||||
startMarker.append("path").attr("d", "M9,0 L9,18");
|
||||
const endMarker = elem.append("defs").append("marker").attr("id", id + "_" + type + "-zeroOrOneEnd").attr("class", "marker zeroOrOne " + type).attr("refX", 30).attr("refY", 9).attr("markerWidth", 30).attr("markerHeight", 18).attr("orient", "auto");
|
||||
endMarker.append("circle").attr("fill", "white").attr("cx", 9).attr("cy", 9).attr("r", 6);
|
||||
endMarker.append("path").attr("d", "M21,0 L21,18");
|
||||
}, "zero_or_one");
|
||||
var one_or_more = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-oneOrMoreStart").attr("class", "marker oneOrMore " + type).attr("refX", 18).attr("refY", 18).attr("markerWidth", 45).attr("markerHeight", 36).attr("orient", "auto").append("path").attr("d", "M0,18 Q 18,0 36,18 Q 18,36 0,18 M42,9 L42,27");
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-oneOrMoreEnd").attr("class", "marker oneOrMore " + type).attr("refX", 27).attr("refY", 18).attr("markerWidth", 45).attr("markerHeight", 36).attr("orient", "auto").append("path").attr("d", "M3,9 L3,27 M9,18 Q27,0 45,18 Q27,36 9,18");
|
||||
}, "one_or_more");
|
||||
var zero_or_more = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
const startMarker = elem.append("defs").append("marker").attr("id", id + "_" + type + "-zeroOrMoreStart").attr("class", "marker zeroOrMore " + type).attr("refX", 18).attr("refY", 18).attr("markerWidth", 57).attr("markerHeight", 36).attr("orient", "auto");
|
||||
startMarker.append("circle").attr("fill", "white").attr("cx", 48).attr("cy", 18).attr("r", 6);
|
||||
startMarker.append("path").attr("d", "M0,18 Q18,0 36,18 Q18,36 0,18");
|
||||
const endMarker = elem.append("defs").append("marker").attr("id", id + "_" + type + "-zeroOrMoreEnd").attr("class", "marker zeroOrMore " + type).attr("refX", 39).attr("refY", 18).attr("markerWidth", 57).attr("markerHeight", 36).attr("orient", "auto");
|
||||
endMarker.append("circle").attr("fill", "white").attr("cx", 9).attr("cy", 18).attr("r", 6);
|
||||
endMarker.append("path").attr("d", "M21,18 Q39,0 57,18 Q39,36 21,18");
|
||||
}, "zero_or_more");
|
||||
var requirement_arrow = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
elem.append("defs").append("marker").attr("id", id + "_" + type + "-requirement_arrowEnd").attr("refX", 20).attr("refY", 10).attr("markerWidth", 20).attr("markerHeight", 20).attr("orient", "auto").append("path").attr(
|
||||
"d",
|
||||
`M0,0
|
||||
L20,10
|
||||
M20,10
|
||||
L0,20`
|
||||
);
|
||||
}, "requirement_arrow");
|
||||
var requirement_contains = /* @__PURE__ */ __name((elem, type, id) => {
|
||||
const containsNode = elem.append("defs").append("marker").attr("id", id + "_" + type + "-requirement_containsStart").attr("refX", 0).attr("refY", 10).attr("markerWidth", 20).attr("markerHeight", 20).attr("orient", "auto").append("g");
|
||||
containsNode.append("circle").attr("cx", 10).attr("cy", 10).attr("r", 9).attr("fill", "none");
|
||||
containsNode.append("line").attr("x1", 1).attr("x2", 19).attr("y1", 10).attr("y2", 10);
|
||||
containsNode.append("line").attr("y1", 1).attr("y2", 19).attr("x1", 10).attr("x2", 10);
|
||||
}, "requirement_contains");
|
||||
var markers = {
|
||||
extension,
|
||||
composition,
|
||||
aggregation,
|
||||
dependency,
|
||||
lollipop,
|
||||
point,
|
||||
circle,
|
||||
cross,
|
||||
barb,
|
||||
only_one,
|
||||
zero_or_one,
|
||||
one_or_more,
|
||||
zero_or_more,
|
||||
requirement_arrow,
|
||||
requirement_contains
|
||||
};
|
||||
var markers_default = insertMarkers;
|
||||
|
||||
export {
|
||||
clear,
|
||||
insertEdgeLabel,
|
||||
positionEdgeLabel,
|
||||
insertEdge,
|
||||
markers_default
|
||||
};
|
||||
Reference in New Issue
Block a user