@readme/markdown 9.2.2 → 9.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/TutorialTile.tsx +46 -0
- package/components/index.ts +1 -0
- package/dist/10.node.js +20064 -19229
- package/dist/10.node.js.map +1 -1
- package/dist/122.node.js +23 -0
- package/dist/122.node.js.map +1 -0
- package/dist/{17.node.js → 135.node.js} +109 -110
- package/dist/135.node.js.map +1 -0
- package/dist/136.node.js +23 -0
- package/dist/136.node.js.map +1 -0
- package/dist/{52.node.js → 188.node.js} +211 -196
- package/dist/188.node.js.map +1 -0
- package/dist/214.node.js +1280 -0
- package/dist/214.node.js.map +1 -0
- package/dist/23.node.js +2563 -0
- package/dist/23.node.js.map +1 -0
- package/dist/{867.node.js → 311.node.js} +95 -95
- package/dist/{867.node.js.map → 311.node.js.map} +1 -1
- package/dist/{940.node.js → 339.node.js} +3 -75
- package/dist/339.node.js.map +1 -0
- package/dist/354.node.js +23 -0
- package/dist/354.node.js.map +1 -0
- package/dist/359.node.js +2001 -0
- package/dist/359.node.js.map +1 -0
- package/dist/364.node.js +4435 -0
- package/dist/364.node.js.map +1 -0
- package/dist/{429.node.js → 371.node.js} +196 -139
- package/dist/371.node.js.map +1 -0
- package/dist/{687.node.js → 38.node.js} +761 -761
- package/dist/38.node.js.map +1 -0
- package/dist/391.node.js +522 -0
- package/dist/391.node.js.map +1 -0
- package/dist/462.node.js +23 -0
- package/dist/462.node.js.map +1 -0
- package/dist/48.node.js +57 -0
- package/dist/48.node.js.map +1 -0
- package/dist/486.node.js +16267 -14851
- package/dist/486.node.js.map +1 -1
- package/dist/537.node.js +59 -0
- package/dist/537.node.js.map +1 -0
- package/dist/550.node.js +201 -1408
- package/dist/550.node.js.map +1 -1
- package/dist/{403.node.js → 572.node.js} +118 -118
- package/dist/572.node.js.map +1 -0
- package/dist/580.node.js +1324 -0
- package/dist/580.node.js.map +1 -0
- package/dist/{952.node.js → 649.node.js} +39 -39
- package/dist/{952.node.js.map → 649.node.js.map} +1 -1
- package/dist/740.node.js +23 -0
- package/dist/740.node.js.map +1 -0
- package/dist/741.node.js +23 -0
- package/dist/741.node.js.map +1 -0
- package/dist/779.node.js +57 -0
- package/dist/779.node.js.map +1 -0
- package/dist/805.node.js +1355 -0
- package/dist/805.node.js.map +1 -0
- package/dist/{246.node.js → 855.node.js} +671 -495
- package/dist/855.node.js.map +1 -0
- package/dist/{11.node.js → 870.node.js} +70 -63
- package/dist/870.node.js.map +1 -0
- package/dist/874.node.js +57 -0
- package/dist/874.node.js.map +1 -0
- package/dist/881.node.js +1344 -720
- package/dist/881.node.js.map +1 -1
- package/dist/{906.node.js → 890.node.js} +147 -147
- package/dist/{906.node.js.map → 890.node.js.map} +1 -1
- package/dist/898.node.js +361 -0
- package/dist/898.node.js.map +1 -0
- package/dist/{551.node.js → 912.node.js} +133 -133
- package/dist/{551.node.js.map → 912.node.js.map} +1 -1
- package/dist/{745.node.js → 915.node.js} +86 -85
- package/dist/915.node.js.map +1 -0
- package/dist/982.node.js +1132 -0
- package/dist/982.node.js.map +1 -0
- package/dist/995.node.js +189 -159
- package/dist/995.node.js.map +1 -1
- package/dist/components/TutorialTile.d.ts +3 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/example/RenderError.d.ts +1 -1
- package/dist/lib/plain.d.ts +1 -1
- package/dist/main.js +1921 -332
- package/dist/main.node.js +1912 -333
- package/dist/main.node.js.map +1 -1
- package/package.json +1 -2
- package/dist/11.node.js.map +0 -1
- package/dist/120.node.js +0 -23
- package/dist/120.node.js.map +0 -1
- package/dist/134.node.js +0 -23
- package/dist/134.node.js.map +0 -1
- package/dist/150.node.js +0 -1892
- package/dist/150.node.js.map +0 -1
- package/dist/17.node.js.map +0 -1
- package/dist/246.node.js.map +0 -1
- package/dist/351.node.js +0 -2404
- package/dist/351.node.js.map +0 -1
- package/dist/366.node.js +0 -1185
- package/dist/366.node.js.map +0 -1
- package/dist/403.node.js.map +0 -1
- package/dist/429.node.js.map +0 -1
- package/dist/485.node.js +0 -518
- package/dist/485.node.js.map +0 -1
- package/dist/488.node.js +0 -59
- package/dist/488.node.js.map +0 -1
- package/dist/510.node.js +0 -250
- package/dist/510.node.js.map +0 -1
- package/dist/52.node.js.map +0 -1
- package/dist/617.node.js +0 -23
- package/dist/617.node.js.map +0 -1
- package/dist/687.node.js.map +0 -1
- package/dist/745.node.js.map +0 -1
- package/dist/775.node.js +0 -1904
- package/dist/775.node.js.map +0 -1
- package/dist/788.node.js +0 -1025
- package/dist/788.node.js.map +0 -1
- package/dist/81.node.js +0 -386
- package/dist/81.node.js.map +0 -1
- package/dist/849.node.js +0 -2590
- package/dist/849.node.js.map +0 -1
- package/dist/863.node.js +0 -23
- package/dist/863.node.js.map +0 -1
- package/dist/885.node.js +0 -52
- package/dist/885.node.js.map +0 -1
- package/dist/896.node.js +0 -1617
- package/dist/896.node.js.map +0 -1
- package/dist/91.node.js +0 -23
- package/dist/91.node.js.map +0 -1
- package/dist/940.node.js.map +0 -1
package/dist/391.node.js
ADDED
|
@@ -0,0 +1,522 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.id = 391;
|
|
3
|
+
exports.ids = [391];
|
|
4
|
+
exports.modules = {
|
|
5
|
+
|
|
6
|
+
/***/ 8391:
|
|
7
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
|
+
|
|
9
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
|
+
/* harmony export */ diagram: () => (/* binding */ diagram)
|
|
11
|
+
/* harmony export */ });
|
|
12
|
+
/* harmony import */ var _chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8855);
|
|
13
|
+
/* harmony import */ var _chunk_RZ5BOZE2_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5051);
|
|
14
|
+
/* harmony import */ var _chunk_TYCBKAJE_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4065);
|
|
15
|
+
/* harmony import */ var _chunk_IIMUDSI4_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3416);
|
|
16
|
+
/* harmony import */ var _chunk_VV3M67IP_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4746);
|
|
17
|
+
/* harmony import */ var _chunk_HRU6DDCH_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(778);
|
|
18
|
+
/* harmony import */ var _chunk_K557N5IZ_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7590);
|
|
19
|
+
/* harmony import */ var _chunk_H2D2JQ3I_mjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4059);
|
|
20
|
+
/* harmony import */ var _chunk_C3MQ5ANM_mjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6499);
|
|
21
|
+
/* harmony import */ var _chunk_O4NI6UNU_mjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(8430);
|
|
22
|
+
/* harmony import */ var _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(3804);
|
|
23
|
+
/* harmony import */ var d3__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8066);
|
|
24
|
+
/* harmony import */ var dagre_d3_es_src_dagre_index_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(995);
|
|
25
|
+
/* harmony import */ var dagre_d3_es_src_graphlib_index_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(4416);
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
// src/diagrams/state/stateRenderer.js
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
// src/diagrams/state/shapes.js
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
// src/diagrams/state/id-cache.js
|
|
47
|
+
var idCache = {};
|
|
48
|
+
var set = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((key, val) => {
|
|
49
|
+
idCache[key] = val;
|
|
50
|
+
}, "set");
|
|
51
|
+
var get = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((k) => idCache[k], "get");
|
|
52
|
+
var keys = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(() => Object.keys(idCache), "keys");
|
|
53
|
+
var size = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(() => keys().length, "size");
|
|
54
|
+
var id_cache_default = {
|
|
55
|
+
get,
|
|
56
|
+
set,
|
|
57
|
+
keys,
|
|
58
|
+
size
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
// src/diagrams/state/shapes.js
|
|
62
|
+
var drawStartState = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((g) => g.append("circle").attr("class", "start-state").attr("r", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit).attr("cx", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit).attr("cy", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit), "drawStartState");
|
|
63
|
+
var drawDivider = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((g) => g.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight).attr("class", "divider").attr("x2", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider");
|
|
64
|
+
var drawSimpleState = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((g, stateDef) => {
|
|
65
|
+
const state = g.append("text").attr("x", 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("y", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("font-size", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.fontSize).attr("class", "state-title").text(stateDef.id);
|
|
66
|
+
const classBox = state.node().getBBox();
|
|
67
|
+
g.insert("rect", ":first-child").attr("x", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("y", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("width", classBox.width + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("height", classBox.height + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("rx", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.radius);
|
|
68
|
+
return state;
|
|
69
|
+
}, "drawSimpleState");
|
|
70
|
+
var drawDescrState = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((g, stateDef) => {
|
|
71
|
+
const addTspan = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(function(textEl, txt, isFirst2) {
|
|
72
|
+
const tSpan = textEl.append("tspan").attr("x", 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).text(txt);
|
|
73
|
+
if (!isFirst2) {
|
|
74
|
+
tSpan.attr("dy", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight);
|
|
75
|
+
}
|
|
76
|
+
}, "addTspan");
|
|
77
|
+
const title = g.append("text").attr("x", 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("y", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight + 1.3 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("font-size", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.fontSize).attr("class", "state-title").text(stateDef.descriptions[0]);
|
|
78
|
+
const titleBox = title.node().getBBox();
|
|
79
|
+
const titleHeight = titleBox.height;
|
|
80
|
+
const description = g.append("text").attr("x", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr(
|
|
81
|
+
"y",
|
|
82
|
+
titleHeight + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding * 0.4 + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.dividerMargin + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight
|
|
83
|
+
).attr("class", "state-description");
|
|
84
|
+
let isFirst = true;
|
|
85
|
+
let isSecond = true;
|
|
86
|
+
stateDef.descriptions.forEach(function(descr) {
|
|
87
|
+
if (!isFirst) {
|
|
88
|
+
addTspan(description, descr, isSecond);
|
|
89
|
+
isSecond = false;
|
|
90
|
+
}
|
|
91
|
+
isFirst = false;
|
|
92
|
+
});
|
|
93
|
+
const descrLine = g.append("line").attr("x1", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("y1", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding + titleHeight + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.dividerMargin / 2).attr("y2", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding + titleHeight + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.dividerMargin / 2).attr("class", "descr-divider");
|
|
94
|
+
const descrBox = description.node().getBBox();
|
|
95
|
+
const width = Math.max(descrBox.width, titleBox.width);
|
|
96
|
+
descrLine.attr("x2", width + 3 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding);
|
|
97
|
+
g.insert("rect", ":first-child").attr("x", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("y", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("width", width + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("height", descrBox.height + titleHeight + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("rx", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.radius);
|
|
98
|
+
return g;
|
|
99
|
+
}, "drawDescrState");
|
|
100
|
+
var addTitleAndBox = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((g, stateDef, altBkg) => {
|
|
101
|
+
const pad = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding;
|
|
102
|
+
const dblPad = 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding;
|
|
103
|
+
const orgBox = g.node().getBBox();
|
|
104
|
+
const orgWidth = orgBox.width;
|
|
105
|
+
const orgX = orgBox.x;
|
|
106
|
+
const title = g.append("text").attr("x", 0).attr("y", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.titleShift).attr("font-size", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.fontSize).attr("class", "state-title").text(stateDef.id);
|
|
107
|
+
const titleBox = title.node().getBBox();
|
|
108
|
+
const titleWidth = titleBox.width + dblPad;
|
|
109
|
+
let width = Math.max(titleWidth, orgWidth);
|
|
110
|
+
if (width === orgWidth) {
|
|
111
|
+
width = width + dblPad;
|
|
112
|
+
}
|
|
113
|
+
let startX;
|
|
114
|
+
const graphBox = g.node().getBBox();
|
|
115
|
+
if (stateDef.doc) {
|
|
116
|
+
}
|
|
117
|
+
startX = orgX - pad;
|
|
118
|
+
if (titleWidth > orgWidth) {
|
|
119
|
+
startX = (orgWidth - width) / 2 + pad;
|
|
120
|
+
}
|
|
121
|
+
if (Math.abs(orgX - graphBox.x) < pad && titleWidth > orgWidth) {
|
|
122
|
+
startX = orgX - (titleWidth - orgWidth) / 2;
|
|
123
|
+
}
|
|
124
|
+
const lineY = 1 - (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight;
|
|
125
|
+
g.insert("rect", ":first-child").attr("x", startX).attr("y", lineY).attr("class", altBkg ? "alt-composit" : "composit").attr("width", width).attr(
|
|
126
|
+
"height",
|
|
127
|
+
graphBox.height + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.titleShift + 1
|
|
128
|
+
).attr("rx", "0");
|
|
129
|
+
title.attr("x", startX + pad);
|
|
130
|
+
if (titleWidth <= orgWidth) {
|
|
131
|
+
title.attr("x", orgX + (width - dblPad) / 2 - titleWidth / 2 + pad);
|
|
132
|
+
}
|
|
133
|
+
g.insert("rect", ":first-child").attr("x", startX).attr(
|
|
134
|
+
"y",
|
|
135
|
+
(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.titleShift - (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight - (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding
|
|
136
|
+
).attr("width", width).attr("height", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight * 3).attr("rx", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.radius);
|
|
137
|
+
g.insert("rect", ":first-child").attr("x", startX).attr(
|
|
138
|
+
"y",
|
|
139
|
+
(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.titleShift - (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight - (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding
|
|
140
|
+
).attr("width", width).attr("height", graphBox.height + 3 + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.textHeight).attr("rx", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.radius);
|
|
141
|
+
return g;
|
|
142
|
+
}, "addTitleAndBox");
|
|
143
|
+
var drawEndState = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((g) => {
|
|
144
|
+
g.append("circle").attr("class", "end-state-outer").attr("r", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.miniPadding).attr(
|
|
145
|
+
"cx",
|
|
146
|
+
(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.miniPadding
|
|
147
|
+
).attr(
|
|
148
|
+
"cy",
|
|
149
|
+
(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.miniPadding
|
|
150
|
+
);
|
|
151
|
+
return g.append("circle").attr("class", "end-state-inner").attr("r", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit).attr("cx", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit + 2).attr("cy", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.sizeUnit + 2);
|
|
152
|
+
}, "drawEndState");
|
|
153
|
+
var drawForkJoinState = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((g, stateDef) => {
|
|
154
|
+
let width = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.forkWidth;
|
|
155
|
+
let height = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.forkHeight;
|
|
156
|
+
if (stateDef.parentId) {
|
|
157
|
+
let tmp = width;
|
|
158
|
+
width = height;
|
|
159
|
+
height = tmp;
|
|
160
|
+
}
|
|
161
|
+
return g.append("rect").style("stroke", "black").style("fill", "black").attr("width", width).attr("height", height).attr("x", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("y", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding);
|
|
162
|
+
}, "drawForkJoinState");
|
|
163
|
+
var _drawLongText = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((_text, x, y, g) => {
|
|
164
|
+
let textHeight = 0;
|
|
165
|
+
const textElem = g.append("text");
|
|
166
|
+
textElem.style("text-anchor", "start");
|
|
167
|
+
textElem.attr("class", "noteText");
|
|
168
|
+
let text = _text.replace(/\r\n/g, "<br/>");
|
|
169
|
+
text = text.replace(/\n/g, "<br/>");
|
|
170
|
+
const lines = text.split(_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .common_default */ .Y2.lineBreakRegex);
|
|
171
|
+
let tHeight = 1.25 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.noteMargin;
|
|
172
|
+
for (const line2 of lines) {
|
|
173
|
+
const txt = line2.trim();
|
|
174
|
+
if (txt.length > 0) {
|
|
175
|
+
const span = textElem.append("tspan");
|
|
176
|
+
span.text(txt);
|
|
177
|
+
if (tHeight === 0) {
|
|
178
|
+
const textBounds = span.node().getBBox();
|
|
179
|
+
tHeight += textBounds.height;
|
|
180
|
+
}
|
|
181
|
+
textHeight += tHeight;
|
|
182
|
+
span.attr("x", x + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.noteMargin);
|
|
183
|
+
span.attr("y", y + textHeight + 1.25 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.noteMargin);
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
return { textWidth: textElem.node().getBBox().width, textHeight };
|
|
187
|
+
}, "_drawLongText");
|
|
188
|
+
var drawNote = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((text, g) => {
|
|
189
|
+
g.attr("class", "state-note");
|
|
190
|
+
const note = g.append("rect").attr("x", 0).attr("y", (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding);
|
|
191
|
+
const rectElem = g.append("g");
|
|
192
|
+
const { textWidth, textHeight } = _drawLongText(text, 0, 0, rectElem);
|
|
193
|
+
note.attr("height", textHeight + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.noteMargin);
|
|
194
|
+
note.attr("width", textWidth + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.noteMargin * 2);
|
|
195
|
+
return note;
|
|
196
|
+
}, "drawNote");
|
|
197
|
+
var drawState = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(function(elem, stateDef) {
|
|
198
|
+
const id = stateDef.id;
|
|
199
|
+
const stateInfo = {
|
|
200
|
+
id,
|
|
201
|
+
label: stateDef.id,
|
|
202
|
+
width: 0,
|
|
203
|
+
height: 0
|
|
204
|
+
};
|
|
205
|
+
const g = elem.append("g").attr("id", id).attr("class", "stateGroup");
|
|
206
|
+
if (stateDef.type === "start") {
|
|
207
|
+
drawStartState(g);
|
|
208
|
+
}
|
|
209
|
+
if (stateDef.type === "end") {
|
|
210
|
+
drawEndState(g);
|
|
211
|
+
}
|
|
212
|
+
if (stateDef.type === "fork" || stateDef.type === "join") {
|
|
213
|
+
drawForkJoinState(g, stateDef);
|
|
214
|
+
}
|
|
215
|
+
if (stateDef.type === "note") {
|
|
216
|
+
drawNote(stateDef.note.text, g);
|
|
217
|
+
}
|
|
218
|
+
if (stateDef.type === "divider") {
|
|
219
|
+
drawDivider(g);
|
|
220
|
+
}
|
|
221
|
+
if (stateDef.type === "default" && stateDef.descriptions.length === 0) {
|
|
222
|
+
drawSimpleState(g, stateDef);
|
|
223
|
+
}
|
|
224
|
+
if (stateDef.type === "default" && stateDef.descriptions.length > 0) {
|
|
225
|
+
drawDescrState(g, stateDef);
|
|
226
|
+
}
|
|
227
|
+
const stateBox = g.node().getBBox();
|
|
228
|
+
stateInfo.width = stateBox.width + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding;
|
|
229
|
+
stateInfo.height = stateBox.height + 2 * (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding;
|
|
230
|
+
id_cache_default.set(id, stateInfo);
|
|
231
|
+
return stateInfo;
|
|
232
|
+
}, "drawState");
|
|
233
|
+
var edgeCount = 0;
|
|
234
|
+
var drawEdge = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(function(elem, path, relation) {
|
|
235
|
+
const getRelationType = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(function(type) {
|
|
236
|
+
switch (type) {
|
|
237
|
+
case _chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__/* .StateDB */ .u4.relationType.AGGREGATION:
|
|
238
|
+
return "aggregation";
|
|
239
|
+
case _chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__/* .StateDB */ .u4.relationType.EXTENSION:
|
|
240
|
+
return "extension";
|
|
241
|
+
case _chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__/* .StateDB */ .u4.relationType.COMPOSITION:
|
|
242
|
+
return "composition";
|
|
243
|
+
case _chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__/* .StateDB */ .u4.relationType.DEPENDENCY:
|
|
244
|
+
return "dependency";
|
|
245
|
+
}
|
|
246
|
+
}, "getRelationType");
|
|
247
|
+
path.points = path.points.filter((p) => !Number.isNaN(p.y));
|
|
248
|
+
const lineData = path.points;
|
|
249
|
+
const lineFunction = (0,d3__WEBPACK_IMPORTED_MODULE_11__/* .line */ .n8j)().x(function(d) {
|
|
250
|
+
return d.x;
|
|
251
|
+
}).y(function(d) {
|
|
252
|
+
return d.y;
|
|
253
|
+
}).curve(d3__WEBPACK_IMPORTED_MODULE_11__/* .curveBasis */ .qrM);
|
|
254
|
+
const svgPath = elem.append("path").attr("d", lineFunction(lineData)).attr("id", "edge" + edgeCount).attr("class", "transition");
|
|
255
|
+
let url = "";
|
|
256
|
+
if ((0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.arrowMarkerAbsolute) {
|
|
257
|
+
url = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search;
|
|
258
|
+
url = url.replace(/\(/g, "\\(");
|
|
259
|
+
url = url.replace(/\)/g, "\\)");
|
|
260
|
+
}
|
|
261
|
+
svgPath.attr(
|
|
262
|
+
"marker-end",
|
|
263
|
+
"url(" + url + "#" + getRelationType(_chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__/* .StateDB */ .u4.relationType.DEPENDENCY) + "End)"
|
|
264
|
+
);
|
|
265
|
+
if (relation.title !== void 0) {
|
|
266
|
+
const label = elem.append("g").attr("class", "stateLabel");
|
|
267
|
+
const { x, y } = _chunk_O4NI6UNU_mjs__WEBPACK_IMPORTED_MODULE_9__/* .utils_default */ ._K.calcLabelPosition(path.points);
|
|
268
|
+
const rows = _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .common_default */ .Y2.getRows(relation.title);
|
|
269
|
+
let titleHeight = 0;
|
|
270
|
+
const titleRows = [];
|
|
271
|
+
let maxWidth = 0;
|
|
272
|
+
let minX = 0;
|
|
273
|
+
for (let i = 0; i <= rows.length; i++) {
|
|
274
|
+
const title = label.append("text").attr("text-anchor", "middle").text(rows[i]).attr("x", x).attr("y", y + titleHeight);
|
|
275
|
+
const boundsTmp = title.node().getBBox();
|
|
276
|
+
maxWidth = Math.max(maxWidth, boundsTmp.width);
|
|
277
|
+
minX = Math.min(minX, boundsTmp.x);
|
|
278
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.info(boundsTmp.x, x, y + titleHeight);
|
|
279
|
+
if (titleHeight === 0) {
|
|
280
|
+
const titleBox = title.node().getBBox();
|
|
281
|
+
titleHeight = titleBox.height;
|
|
282
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.info("Title height", titleHeight, y);
|
|
283
|
+
}
|
|
284
|
+
titleRows.push(title);
|
|
285
|
+
}
|
|
286
|
+
let boxHeight = titleHeight * rows.length;
|
|
287
|
+
if (rows.length > 1) {
|
|
288
|
+
const heightAdj = (rows.length - 1) * titleHeight * 0.5;
|
|
289
|
+
titleRows.forEach((title, i) => title.attr("y", y + i * titleHeight - heightAdj));
|
|
290
|
+
boxHeight = titleHeight * rows.length;
|
|
291
|
+
}
|
|
292
|
+
const bounds = label.node().getBBox();
|
|
293
|
+
label.insert("rect", ":first-child").attr("class", "box").attr("x", x - maxWidth / 2 - (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding / 2).attr("y", y - boxHeight / 2 - (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding / 2 - 3.5).attr("width", maxWidth + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding).attr("height", boxHeight + (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state.padding);
|
|
294
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.info(bounds);
|
|
295
|
+
}
|
|
296
|
+
edgeCount++;
|
|
297
|
+
}, "drawEdge");
|
|
298
|
+
|
|
299
|
+
// src/diagrams/state/stateRenderer.js
|
|
300
|
+
var conf;
|
|
301
|
+
var transformationLog = {};
|
|
302
|
+
var setConf = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(function() {
|
|
303
|
+
}, "setConf");
|
|
304
|
+
var insertMarkers = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(function(elem) {
|
|
305
|
+
elem.append("defs").append("marker").attr("id", "dependencyEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
|
|
306
|
+
}, "insertMarkers");
|
|
307
|
+
var draw = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)(function(text, id, _version, diagObj) {
|
|
308
|
+
conf = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().state;
|
|
309
|
+
const securityLevel = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .getConfig2 */ .D7)().securityLevel;
|
|
310
|
+
let sandboxElement;
|
|
311
|
+
if (securityLevel === "sandbox") {
|
|
312
|
+
sandboxElement = (0,d3__WEBPACK_IMPORTED_MODULE_11__/* .select */ .Ltv)("#i" + id);
|
|
313
|
+
}
|
|
314
|
+
const root = securityLevel === "sandbox" ? (0,d3__WEBPACK_IMPORTED_MODULE_11__/* .select */ .Ltv)(sandboxElement.nodes()[0].contentDocument.body) : (0,d3__WEBPACK_IMPORTED_MODULE_11__/* .select */ .Ltv)("body");
|
|
315
|
+
const doc = securityLevel === "sandbox" ? sandboxElement.nodes()[0].contentDocument : document;
|
|
316
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.debug("Rendering diagram " + text);
|
|
317
|
+
const diagram2 = root.select(`[id='${id}']`);
|
|
318
|
+
insertMarkers(diagram2);
|
|
319
|
+
const rootDoc = diagObj.db.getRootDoc();
|
|
320
|
+
renderDoc(rootDoc, diagram2, void 0, false, root, doc, diagObj);
|
|
321
|
+
const padding = conf.padding;
|
|
322
|
+
const bounds = diagram2.node().getBBox();
|
|
323
|
+
const width = bounds.width + padding * 2;
|
|
324
|
+
const height = bounds.height + padding * 2;
|
|
325
|
+
const svgWidth = width * 1.75;
|
|
326
|
+
(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .configureSvgSize */ .a$)(diagram2, height, svgWidth, conf.useMaxWidth);
|
|
327
|
+
diagram2.attr(
|
|
328
|
+
"viewBox",
|
|
329
|
+
`${bounds.x - conf.padding} ${bounds.y - conf.padding} ` + width + " " + height
|
|
330
|
+
);
|
|
331
|
+
}, "draw");
|
|
332
|
+
var getLabelWidth = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((text) => {
|
|
333
|
+
return text ? text.length * conf.fontSizeFactor : 1;
|
|
334
|
+
}, "getLabelWidth");
|
|
335
|
+
var renderDoc = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((doc, diagram2, parentId, altBkg, root, domDocument, diagObj) => {
|
|
336
|
+
const graph = new dagre_d3_es_src_graphlib_index_js__WEBPACK_IMPORTED_MODULE_13__/* .Graph */ .T({
|
|
337
|
+
compound: true,
|
|
338
|
+
multigraph: true
|
|
339
|
+
});
|
|
340
|
+
let i;
|
|
341
|
+
let edgeFreeDoc = true;
|
|
342
|
+
for (i = 0; i < doc.length; i++) {
|
|
343
|
+
if (doc[i].stmt === "relation") {
|
|
344
|
+
edgeFreeDoc = false;
|
|
345
|
+
break;
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
if (parentId) {
|
|
349
|
+
graph.setGraph({
|
|
350
|
+
rankdir: "LR",
|
|
351
|
+
multigraph: true,
|
|
352
|
+
compound: true,
|
|
353
|
+
// acyclicer: 'greedy',
|
|
354
|
+
ranker: "tight-tree",
|
|
355
|
+
ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,
|
|
356
|
+
nodeSep: edgeFreeDoc ? 1 : 50,
|
|
357
|
+
isMultiGraph: true
|
|
358
|
+
// ranksep: 5,
|
|
359
|
+
// nodesep: 1
|
|
360
|
+
});
|
|
361
|
+
} else {
|
|
362
|
+
graph.setGraph({
|
|
363
|
+
rankdir: "TB",
|
|
364
|
+
multigraph: true,
|
|
365
|
+
compound: true,
|
|
366
|
+
// isCompound: true,
|
|
367
|
+
// acyclicer: 'greedy',
|
|
368
|
+
// ranker: 'longest-path'
|
|
369
|
+
ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,
|
|
370
|
+
nodeSep: edgeFreeDoc ? 1 : 50,
|
|
371
|
+
ranker: "tight-tree",
|
|
372
|
+
// ranker: 'network-simplex'
|
|
373
|
+
isMultiGraph: true
|
|
374
|
+
});
|
|
375
|
+
}
|
|
376
|
+
graph.setDefaultEdgeLabel(function() {
|
|
377
|
+
return {};
|
|
378
|
+
});
|
|
379
|
+
const states = diagObj.db.getStates();
|
|
380
|
+
const relations = diagObj.db.getRelations();
|
|
381
|
+
const keys2 = Object.keys(states);
|
|
382
|
+
let first = true;
|
|
383
|
+
for (const key of keys2) {
|
|
384
|
+
const stateDef = states[key];
|
|
385
|
+
if (parentId) {
|
|
386
|
+
stateDef.parentId = parentId;
|
|
387
|
+
}
|
|
388
|
+
let node;
|
|
389
|
+
if (stateDef.doc) {
|
|
390
|
+
let sub = diagram2.append("g").attr("id", stateDef.id).attr("class", "stateGroup");
|
|
391
|
+
node = renderDoc(stateDef.doc, sub, stateDef.id, !altBkg, root, domDocument, diagObj);
|
|
392
|
+
if (first) {
|
|
393
|
+
sub = addTitleAndBox(sub, stateDef, altBkg);
|
|
394
|
+
let boxBounds = sub.node().getBBox();
|
|
395
|
+
node.width = boxBounds.width;
|
|
396
|
+
node.height = boxBounds.height + conf.padding / 2;
|
|
397
|
+
transformationLog[stateDef.id] = { y: conf.compositTitleSize };
|
|
398
|
+
} else {
|
|
399
|
+
let boxBounds = sub.node().getBBox();
|
|
400
|
+
node.width = boxBounds.width;
|
|
401
|
+
node.height = boxBounds.height;
|
|
402
|
+
}
|
|
403
|
+
} else {
|
|
404
|
+
node = drawState(diagram2, stateDef, graph);
|
|
405
|
+
}
|
|
406
|
+
if (stateDef.note) {
|
|
407
|
+
const noteDef = {
|
|
408
|
+
descriptions: [],
|
|
409
|
+
id: stateDef.id + "-note",
|
|
410
|
+
note: stateDef.note,
|
|
411
|
+
type: "note"
|
|
412
|
+
};
|
|
413
|
+
const note = drawState(diagram2, noteDef, graph);
|
|
414
|
+
if (stateDef.note.position === "left of") {
|
|
415
|
+
graph.setNode(node.id + "-note", note);
|
|
416
|
+
graph.setNode(node.id, node);
|
|
417
|
+
} else {
|
|
418
|
+
graph.setNode(node.id, node);
|
|
419
|
+
graph.setNode(node.id + "-note", note);
|
|
420
|
+
}
|
|
421
|
+
graph.setParent(node.id, node.id + "-group");
|
|
422
|
+
graph.setParent(node.id + "-note", node.id + "-group");
|
|
423
|
+
} else {
|
|
424
|
+
graph.setNode(node.id, node);
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.debug("Count=", graph.nodeCount(), graph);
|
|
428
|
+
let cnt = 0;
|
|
429
|
+
relations.forEach(function(relation) {
|
|
430
|
+
cnt++;
|
|
431
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.debug("Setting edge", relation);
|
|
432
|
+
graph.setEdge(
|
|
433
|
+
relation.id1,
|
|
434
|
+
relation.id2,
|
|
435
|
+
{
|
|
436
|
+
relation,
|
|
437
|
+
width: getLabelWidth(relation.title),
|
|
438
|
+
height: conf.labelHeight * _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .common_default */ .Y2.getRows(relation.title).length,
|
|
439
|
+
labelpos: "c"
|
|
440
|
+
},
|
|
441
|
+
"id" + cnt
|
|
442
|
+
);
|
|
443
|
+
});
|
|
444
|
+
(0,dagre_d3_es_src_dagre_index_js__WEBPACK_IMPORTED_MODULE_12__/* .layout */ .Zp)(graph);
|
|
445
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.debug("Graph after layout", graph.nodes());
|
|
446
|
+
const svgElem = diagram2.node();
|
|
447
|
+
graph.nodes().forEach(function(v) {
|
|
448
|
+
if (v !== void 0 && graph.node(v) !== void 0) {
|
|
449
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.warn("Node " + v + ": " + JSON.stringify(graph.node(v)));
|
|
450
|
+
root.select("#" + svgElem.id + " #" + v).attr(
|
|
451
|
+
"transform",
|
|
452
|
+
"translate(" + (graph.node(v).x - graph.node(v).width / 2) + "," + (graph.node(v).y + (transformationLog[v] ? transformationLog[v].y : 0) - graph.node(v).height / 2) + " )"
|
|
453
|
+
);
|
|
454
|
+
root.select("#" + svgElem.id + " #" + v).attr("data-x-shift", graph.node(v).x - graph.node(v).width / 2);
|
|
455
|
+
const dividers = domDocument.querySelectorAll("#" + svgElem.id + " #" + v + " .divider");
|
|
456
|
+
dividers.forEach((divider) => {
|
|
457
|
+
const parent = divider.parentElement;
|
|
458
|
+
let pWidth = 0;
|
|
459
|
+
let pShift = 0;
|
|
460
|
+
if (parent) {
|
|
461
|
+
if (parent.parentElement) {
|
|
462
|
+
pWidth = parent.parentElement.getBBox().width;
|
|
463
|
+
}
|
|
464
|
+
pShift = parseInt(parent.getAttribute("data-x-shift"), 10);
|
|
465
|
+
if (Number.isNaN(pShift)) {
|
|
466
|
+
pShift = 0;
|
|
467
|
+
}
|
|
468
|
+
}
|
|
469
|
+
divider.setAttribute("x1", 0 - pShift + 8);
|
|
470
|
+
divider.setAttribute("x2", pWidth - pShift - 8);
|
|
471
|
+
});
|
|
472
|
+
} else {
|
|
473
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.debug("No Node " + v + ": " + JSON.stringify(graph.node(v)));
|
|
474
|
+
}
|
|
475
|
+
});
|
|
476
|
+
let stateBox = svgElem.getBBox();
|
|
477
|
+
graph.edges().forEach(function(e) {
|
|
478
|
+
if (e !== void 0 && graph.edge(e) !== void 0) {
|
|
479
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.debug("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(graph.edge(e)));
|
|
480
|
+
drawEdge(diagram2, graph.edge(e), graph.edge(e).relation);
|
|
481
|
+
}
|
|
482
|
+
});
|
|
483
|
+
stateBox = svgElem.getBBox();
|
|
484
|
+
const stateInfo = {
|
|
485
|
+
id: parentId ? parentId : "root",
|
|
486
|
+
label: parentId ? parentId : "root",
|
|
487
|
+
width: 0,
|
|
488
|
+
height: 0
|
|
489
|
+
};
|
|
490
|
+
stateInfo.width = stateBox.width + 2 * conf.padding;
|
|
491
|
+
stateInfo.height = stateBox.height + 2 * conf.padding;
|
|
492
|
+
_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .log */ .Rm.debug("Doc rendered", stateInfo, graph);
|
|
493
|
+
return stateInfo;
|
|
494
|
+
}, "renderDoc");
|
|
495
|
+
var stateRenderer_default = {
|
|
496
|
+
setConf,
|
|
497
|
+
draw
|
|
498
|
+
};
|
|
499
|
+
|
|
500
|
+
// src/diagrams/state/stateDiagram.ts
|
|
501
|
+
var diagram = {
|
|
502
|
+
parser: _chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__/* .stateDiagram_default */ .Zk,
|
|
503
|
+
get db() {
|
|
504
|
+
return new _chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__/* .StateDB */ .u4(1);
|
|
505
|
+
},
|
|
506
|
+
renderer: stateRenderer_default,
|
|
507
|
+
styles: _chunk_AEK57VVT_mjs__WEBPACK_IMPORTED_MODULE_0__/* .styles_default */ .tM,
|
|
508
|
+
init: /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_10__/* .__name */ .K2)((cnf) => {
|
|
509
|
+
if (!cnf.state) {
|
|
510
|
+
cnf.state = {};
|
|
511
|
+
}
|
|
512
|
+
cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;
|
|
513
|
+
}, "init")
|
|
514
|
+
};
|
|
515
|
+
|
|
516
|
+
|
|
517
|
+
|
|
518
|
+
/***/ })
|
|
519
|
+
|
|
520
|
+
};
|
|
521
|
+
;
|
|
522
|
+
//# sourceMappingURL=391.node.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"391.node.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAI8B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAOA;;AAE9B;AAC4B;AAC2C;AACT;;AAE9D;AACsC;;AAEtC;AACA;AACA,0BAA0B,sEAAM;AAChC;AACA,CAAC;AACD,0BAA0B,sEAAM;AAChC,2BAA2B,sEAAM;AACjC,2BAA2B,sEAAM;AACjC;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,qCAAqC,sEAAM,kEAAkE,0EAAS,8BAA8B,0EAAS,mBAAmB,0EAAS,8BAA8B,0EAAS,mBAAmB,0EAAS;AAC5P,kCAAkC,sEAAM,2FAA2F,0EAAS,yDAAyD,0EAAS;AAC9M,sCAAsC,sEAAM;AAC5C,+CAA+C,0EAAS,4BAA4B,0EAAS,0BAA0B,0EAAS,oCAAoC,0EAAS;AAC7K;AACA,6CAA6C,0EAAS,4BAA4B,0EAAS,qDAAqD,0EAAS,uDAAuD,0EAAS,6BAA6B,0EAAS;AAC/P;AACA,CAAC;AACD,qCAAqC,sEAAM;AAC3C,mCAAmC,sEAAM;AACzC,uDAAuD,0EAAS;AAChE;AACA,uBAAuB,0EAAS;AAChC;AACA,GAAG;AACH,+CAA+C,0EAAS,4BAA4B,0EAAS,4BAA4B,0EAAS,oCAAoC,0EAAS;AAC/K;AACA;AACA,iDAAiD,0EAAS;AAC1D;AACA,kBAAkB,0EAAS,yBAAyB,0EAAS,yBAAyB,0EAAS;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,gDAAgD,0EAAS,6BAA6B,0EAAS,iCAAiC,0EAAS,uCAAuC,0EAAS,iCAAiC,0EAAS;AACnO;AACA;AACA,mCAAmC,0EAAS;AAC5C,6CAA6C,0EAAS,4BAA4B,0EAAS,4CAA4C,0EAAS,qEAAqE,0EAAS,6BAA6B,0EAAS;AACpQ;AACA,CAAC;AACD,qCAAqC,sEAAM;AAC3C,cAAc,0EAAS;AACvB,qBAAqB,0EAAS;AAC9B;AACA;AACA;AACA,wDAAwD,0EAAS,uCAAuC,0EAAS;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0EAAS;AAC7B;AACA;AACA,sBAAsB,0EAAS,sBAAsB,0EAAS;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,0EAAS,sBAAsB,0EAAS,sBAAsB,0EAAS;AAC3E,wCAAwC,0EAAS,oCAAoC,0EAAS;AAC9F;AACA;AACA,IAAI,0EAAS,sBAAsB,0EAAS,sBAAsB,0EAAS;AAC3E,kEAAkE,0EAAS,gCAAgC,0EAAS;AACpH;AACA,CAAC;AACD,mCAAmC,sEAAM;AACzC,gEAAgE,0EAAS,oBAAoB,0EAAS;AACtG;AACA,IAAI,0EAAS,mBAAmB,0EAAS,oBAAoB,0EAAS;AACtE;AACA;AACA,IAAI,0EAAS,mBAAmB,0EAAS,oBAAoB,0EAAS;AACtE;AACA,uEAAuE,0EAAS,8BAA8B,0EAAS,mBAAmB,0EAAS,kCAAkC,0EAAS,mBAAmB,0EAAS;AAC1N,CAAC;AACD,wCAAwC,sEAAM;AAC9C,cAAc,0EAAS;AACvB,eAAe,0EAAS;AACxB;AACA;AACA;AACA;AACA;AACA,gIAAgI,0EAAS,4BAA4B,0EAAS;AAC9K,CAAC;AACD,oCAAoC,sEAAM;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,0EAAc;AACzC,uBAAuB,0EAAS;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,0EAAS;AAClC,6CAA6C,0EAAS;AACtD;AACA;AACA,WAAW;AACX,CAAC;AACD,+BAA+B,sEAAM;AACrC;AACA,uDAAuD,0EAAS;AAChE;AACA,UAAU,wBAAwB;AAClC,uCAAuC,0EAAS;AAChD,iCAAiC,0EAAS;AAC1C;AACA,CAAC;AACD,gCAAgC,sEAAM;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC,0EAAS;AAClD,2CAA2C,0EAAS;AACpD;AACA;AACA,CAAC;AACD;AACA,+BAA+B,sEAAM;AACrC,0CAA0C,sEAAM;AAChD;AACA,WAAW,kEAAO;AAClB;AACA,WAAW,kEAAO;AAClB;AACA,WAAW,kEAAO;AAClB;AACA,WAAW,kEAAO;AAClB;AACA;AACA,GAAG;AACH;AACA;AACA,uBAAuB,oDAAI;AAC3B;AACA,GAAG;AACH;AACA,GAAG,QAAQ,sDAAU;AACrB;AACA;AACA,MAAM,0EAAS;AACf;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC,kEAAO;AAChD;AACA;AACA;AACA,YAAY,OAAO,EAAE,wEAAa;AAClC,iBAAiB,0EAAc;AAC/B;AACA;AACA;AACA;AACA,oBAAoB,kBAAkB;AACtC;AACA;AACA;AACA;AACA,MAAM,+DAAG;AACT;AACA;AACA;AACA,QAAQ,+DAAG;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2FAA2F,0EAAS,oDAAoD,0EAAS,qDAAqD,0EAAS,6CAA6C,0EAAS;AACrR,IAAI,+DAAG;AACP;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA,8BAA8B,sEAAM;AACpC,CAAC;AACD,oCAAoC,sEAAM;AAC1C;AACA,CAAC;AACD,2BAA2B,sEAAM;AACjC,SAAS,0EAAS;AAClB,wBAAwB,0EAAS;AACjC;AACA;AACA,qBAAqB,sDAAM;AAC3B;AACA,6CAA6C,sDAAM,mDAAmD,sDAAM;AAC5G;AACA,EAAE,+DAAG;AACL,uCAAuC,GAAG;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,gFAAgB;AAClB;AACA;AACA,OAAO,0BAA0B,EAAE,yBAAyB;AAC5D;AACA,CAAC;AACD,oCAAoC,sEAAM;AAC1C;AACA,CAAC;AACD,gCAAgC,sEAAM;AACtC,oBAAoB,8EAAc;AAClC;AACA;AACA,GAAG;AACH;AACA;AACA,cAAc,gBAAgB;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,QAAQ;AACR;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,EAAE,+DAAG;AACL;AACA;AACA;AACA,IAAI,+DAAG;AACP;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,0EAAc;AACjD;AACA,OAAO;AACP;AACA;AACA,GAAG;AACH,EAAE,iFAAW;AACb,EAAE,+DAAG;AACL;AACA;AACA;AACA,MAAM,+DAAG;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,MAAM;AACN,MAAM,+DAAG;AACT;AACA,GAAG;AACH;AACA;AACA;AACA,MAAM,+DAAG;AACT;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,+DAAG;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;;AAEA;AACA;AACA,UAAU,+EAAoB;AAC9B;AACA,eAAe,kEAAO;AACtB,GAAG;AACH;AACA,UAAU,yEAAc;AACxB,wBAAwB,sEAAM;AAC9B;AACA;AACA;AACA;AACA,GAAG;AACH;AAGE","sources":["webpack://@readme/markdown/./node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-DGXRK772.mjs"],"sourcesContent":["import {\n StateDB,\n stateDiagram_default,\n styles_default\n} from \"./chunk-AEK57VVT.mjs\";\nimport \"./chunk-RZ5BOZE2.mjs\";\nimport \"./chunk-TYCBKAJE.mjs\";\nimport \"./chunk-IIMUDSI4.mjs\";\nimport \"./chunk-VV3M67IP.mjs\";\nimport \"./chunk-HRU6DDCH.mjs\";\nimport \"./chunk-K557N5IZ.mjs\";\nimport \"./chunk-H2D2JQ3I.mjs\";\nimport \"./chunk-C3MQ5ANM.mjs\";\nimport {\n utils_default\n} from \"./chunk-O4NI6UNU.mjs\";\nimport {\n __name,\n common_default,\n configureSvgSize,\n getConfig2 as getConfig,\n log\n} from \"./chunk-YTJNT7DU.mjs\";\n\n// src/diagrams/state/stateRenderer.js\nimport { select } from \"d3\";\nimport { layout as dagreLayout } from \"dagre-d3-es/src/dagre/index.js\";\nimport * as graphlib from \"dagre-d3-es/src/graphlib/index.js\";\n\n// src/diagrams/state/shapes.js\nimport { line, curveBasis } from \"d3\";\n\n// src/diagrams/state/id-cache.js\nvar idCache = {};\nvar set = /* @__PURE__ */ __name((key, val) => {\n idCache[key] = val;\n}, \"set\");\nvar get = /* @__PURE__ */ __name((k) => idCache[k], \"get\");\nvar keys = /* @__PURE__ */ __name(() => Object.keys(idCache), \"keys\");\nvar size = /* @__PURE__ */ __name(() => keys().length, \"size\");\nvar id_cache_default = {\n get,\n set,\n keys,\n size\n};\n\n// src/diagrams/state/shapes.js\nvar drawStartState = /* @__PURE__ */ __name((g) => g.append(\"circle\").attr(\"class\", \"start-state\").attr(\"r\", getConfig().state.sizeUnit).attr(\"cx\", getConfig().state.padding + getConfig().state.sizeUnit).attr(\"cy\", getConfig().state.padding + getConfig().state.sizeUnit), \"drawStartState\");\nvar drawDivider = /* @__PURE__ */ __name((g) => g.append(\"line\").style(\"stroke\", \"grey\").style(\"stroke-dasharray\", \"3\").attr(\"x1\", getConfig().state.textHeight).attr(\"class\", \"divider\").attr(\"x2\", getConfig().state.textHeight * 2).attr(\"y1\", 0).attr(\"y2\", 0), \"drawDivider\");\nvar drawSimpleState = /* @__PURE__ */ __name((g, stateDef) => {\n const state = g.append(\"text\").attr(\"x\", 2 * getConfig().state.padding).attr(\"y\", getConfig().state.textHeight + 2 * getConfig().state.padding).attr(\"font-size\", getConfig().state.fontSize).attr(\"class\", \"state-title\").text(stateDef.id);\n const classBox = state.node().getBBox();\n g.insert(\"rect\", \":first-child\").attr(\"x\", getConfig().state.padding).attr(\"y\", getConfig().state.padding).attr(\"width\", classBox.width + 2 * getConfig().state.padding).attr(\"height\", classBox.height + 2 * getConfig().state.padding).attr(\"rx\", getConfig().state.radius);\n return state;\n}, \"drawSimpleState\");\nvar drawDescrState = /* @__PURE__ */ __name((g, stateDef) => {\n const addTspan = /* @__PURE__ */ __name(function(textEl, txt, isFirst2) {\n const tSpan = textEl.append(\"tspan\").attr(\"x\", 2 * getConfig().state.padding).text(txt);\n if (!isFirst2) {\n tSpan.attr(\"dy\", getConfig().state.textHeight);\n }\n }, \"addTspan\");\n const title = g.append(\"text\").attr(\"x\", 2 * getConfig().state.padding).attr(\"y\", getConfig().state.textHeight + 1.3 * getConfig().state.padding).attr(\"font-size\", getConfig().state.fontSize).attr(\"class\", \"state-title\").text(stateDef.descriptions[0]);\n const titleBox = title.node().getBBox();\n const titleHeight = titleBox.height;\n const description = g.append(\"text\").attr(\"x\", getConfig().state.padding).attr(\n \"y\",\n titleHeight + getConfig().state.padding * 0.4 + getConfig().state.dividerMargin + getConfig().state.textHeight\n ).attr(\"class\", \"state-description\");\n let isFirst = true;\n let isSecond = true;\n stateDef.descriptions.forEach(function(descr) {\n if (!isFirst) {\n addTspan(description, descr, isSecond);\n isSecond = false;\n }\n isFirst = false;\n });\n const descrLine = g.append(\"line\").attr(\"x1\", getConfig().state.padding).attr(\"y1\", getConfig().state.padding + titleHeight + getConfig().state.dividerMargin / 2).attr(\"y2\", getConfig().state.padding + titleHeight + getConfig().state.dividerMargin / 2).attr(\"class\", \"descr-divider\");\n const descrBox = description.node().getBBox();\n const width = Math.max(descrBox.width, titleBox.width);\n descrLine.attr(\"x2\", width + 3 * getConfig().state.padding);\n g.insert(\"rect\", \":first-child\").attr(\"x\", getConfig().state.padding).attr(\"y\", getConfig().state.padding).attr(\"width\", width + 2 * getConfig().state.padding).attr(\"height\", descrBox.height + titleHeight + 2 * getConfig().state.padding).attr(\"rx\", getConfig().state.radius);\n return g;\n}, \"drawDescrState\");\nvar addTitleAndBox = /* @__PURE__ */ __name((g, stateDef, altBkg) => {\n const pad = getConfig().state.padding;\n const dblPad = 2 * getConfig().state.padding;\n const orgBox = g.node().getBBox();\n const orgWidth = orgBox.width;\n const orgX = orgBox.x;\n const title = g.append(\"text\").attr(\"x\", 0).attr(\"y\", getConfig().state.titleShift).attr(\"font-size\", getConfig().state.fontSize).attr(\"class\", \"state-title\").text(stateDef.id);\n const titleBox = title.node().getBBox();\n const titleWidth = titleBox.width + dblPad;\n let width = Math.max(titleWidth, orgWidth);\n if (width === orgWidth) {\n width = width + dblPad;\n }\n let startX;\n const graphBox = g.node().getBBox();\n if (stateDef.doc) {\n }\n startX = orgX - pad;\n if (titleWidth > orgWidth) {\n startX = (orgWidth - width) / 2 + pad;\n }\n if (Math.abs(orgX - graphBox.x) < pad && titleWidth > orgWidth) {\n startX = orgX - (titleWidth - orgWidth) / 2;\n }\n const lineY = 1 - getConfig().state.textHeight;\n g.insert(\"rect\", \":first-child\").attr(\"x\", startX).attr(\"y\", lineY).attr(\"class\", altBkg ? \"alt-composit\" : \"composit\").attr(\"width\", width).attr(\n \"height\",\n graphBox.height + getConfig().state.textHeight + getConfig().state.titleShift + 1\n ).attr(\"rx\", \"0\");\n title.attr(\"x\", startX + pad);\n if (titleWidth <= orgWidth) {\n title.attr(\"x\", orgX + (width - dblPad) / 2 - titleWidth / 2 + pad);\n }\n g.insert(\"rect\", \":first-child\").attr(\"x\", startX).attr(\n \"y\",\n getConfig().state.titleShift - getConfig().state.textHeight - getConfig().state.padding\n ).attr(\"width\", width).attr(\"height\", getConfig().state.textHeight * 3).attr(\"rx\", getConfig().state.radius);\n g.insert(\"rect\", \":first-child\").attr(\"x\", startX).attr(\n \"y\",\n getConfig().state.titleShift - getConfig().state.textHeight - getConfig().state.padding\n ).attr(\"width\", width).attr(\"height\", graphBox.height + 3 + 2 * getConfig().state.textHeight).attr(\"rx\", getConfig().state.radius);\n return g;\n}, \"addTitleAndBox\");\nvar drawEndState = /* @__PURE__ */ __name((g) => {\n g.append(\"circle\").attr(\"class\", \"end-state-outer\").attr(\"r\", getConfig().state.sizeUnit + getConfig().state.miniPadding).attr(\n \"cx\",\n getConfig().state.padding + getConfig().state.sizeUnit + getConfig().state.miniPadding\n ).attr(\n \"cy\",\n getConfig().state.padding + getConfig().state.sizeUnit + getConfig().state.miniPadding\n );\n return g.append(\"circle\").attr(\"class\", \"end-state-inner\").attr(\"r\", getConfig().state.sizeUnit).attr(\"cx\", getConfig().state.padding + getConfig().state.sizeUnit + 2).attr(\"cy\", getConfig().state.padding + getConfig().state.sizeUnit + 2);\n}, \"drawEndState\");\nvar drawForkJoinState = /* @__PURE__ */ __name((g, stateDef) => {\n let width = getConfig().state.forkWidth;\n let height = getConfig().state.forkHeight;\n if (stateDef.parentId) {\n let tmp = width;\n width = height;\n height = tmp;\n }\n return g.append(\"rect\").style(\"stroke\", \"black\").style(\"fill\", \"black\").attr(\"width\", width).attr(\"height\", height).attr(\"x\", getConfig().state.padding).attr(\"y\", getConfig().state.padding);\n}, \"drawForkJoinState\");\nvar _drawLongText = /* @__PURE__ */ __name((_text, x, y, g) => {\n let textHeight = 0;\n const textElem = g.append(\"text\");\n textElem.style(\"text-anchor\", \"start\");\n textElem.attr(\"class\", \"noteText\");\n let text = _text.replace(/\\r\\n/g, \"<br/>\");\n text = text.replace(/\\n/g, \"<br/>\");\n const lines = text.split(common_default.lineBreakRegex);\n let tHeight = 1.25 * getConfig().state.noteMargin;\n for (const line2 of lines) {\n const txt = line2.trim();\n if (txt.length > 0) {\n const span = textElem.append(\"tspan\");\n span.text(txt);\n if (tHeight === 0) {\n const textBounds = span.node().getBBox();\n tHeight += textBounds.height;\n }\n textHeight += tHeight;\n span.attr(\"x\", x + getConfig().state.noteMargin);\n span.attr(\"y\", y + textHeight + 1.25 * getConfig().state.noteMargin);\n }\n }\n return { textWidth: textElem.node().getBBox().width, textHeight };\n}, \"_drawLongText\");\nvar drawNote = /* @__PURE__ */ __name((text, g) => {\n g.attr(\"class\", \"state-note\");\n const note = g.append(\"rect\").attr(\"x\", 0).attr(\"y\", getConfig().state.padding);\n const rectElem = g.append(\"g\");\n const { textWidth, textHeight } = _drawLongText(text, 0, 0, rectElem);\n note.attr(\"height\", textHeight + 2 * getConfig().state.noteMargin);\n note.attr(\"width\", textWidth + getConfig().state.noteMargin * 2);\n return note;\n}, \"drawNote\");\nvar drawState = /* @__PURE__ */ __name(function(elem, stateDef) {\n const id = stateDef.id;\n const stateInfo = {\n id,\n label: stateDef.id,\n width: 0,\n height: 0\n };\n const g = elem.append(\"g\").attr(\"id\", id).attr(\"class\", \"stateGroup\");\n if (stateDef.type === \"start\") {\n drawStartState(g);\n }\n if (stateDef.type === \"end\") {\n drawEndState(g);\n }\n if (stateDef.type === \"fork\" || stateDef.type === \"join\") {\n drawForkJoinState(g, stateDef);\n }\n if (stateDef.type === \"note\") {\n drawNote(stateDef.note.text, g);\n }\n if (stateDef.type === \"divider\") {\n drawDivider(g);\n }\n if (stateDef.type === \"default\" && stateDef.descriptions.length === 0) {\n drawSimpleState(g, stateDef);\n }\n if (stateDef.type === \"default\" && stateDef.descriptions.length > 0) {\n drawDescrState(g, stateDef);\n }\n const stateBox = g.node().getBBox();\n stateInfo.width = stateBox.width + 2 * getConfig().state.padding;\n stateInfo.height = stateBox.height + 2 * getConfig().state.padding;\n id_cache_default.set(id, stateInfo);\n return stateInfo;\n}, \"drawState\");\nvar edgeCount = 0;\nvar drawEdge = /* @__PURE__ */ __name(function(elem, path, relation) {\n const getRelationType = /* @__PURE__ */ __name(function(type) {\n switch (type) {\n case StateDB.relationType.AGGREGATION:\n return \"aggregation\";\n case StateDB.relationType.EXTENSION:\n return \"extension\";\n case StateDB.relationType.COMPOSITION:\n return \"composition\";\n case StateDB.relationType.DEPENDENCY:\n return \"dependency\";\n }\n }, \"getRelationType\");\n path.points = path.points.filter((p) => !Number.isNaN(p.y));\n const lineData = path.points;\n const lineFunction = line().x(function(d) {\n return d.x;\n }).y(function(d) {\n return d.y;\n }).curve(curveBasis);\n const svgPath = elem.append(\"path\").attr(\"d\", lineFunction(lineData)).attr(\"id\", \"edge\" + edgeCount).attr(\"class\", \"transition\");\n let url = \"\";\n if (getConfig().state.arrowMarkerAbsolute) {\n url = window.location.protocol + \"//\" + window.location.host + window.location.pathname + window.location.search;\n url = url.replace(/\\(/g, \"\\\\(\");\n url = url.replace(/\\)/g, \"\\\\)\");\n }\n svgPath.attr(\n \"marker-end\",\n \"url(\" + url + \"#\" + getRelationType(StateDB.relationType.DEPENDENCY) + \"End)\"\n );\n if (relation.title !== void 0) {\n const label = elem.append(\"g\").attr(\"class\", \"stateLabel\");\n const { x, y } = utils_default.calcLabelPosition(path.points);\n const rows = common_default.getRows(relation.title);\n let titleHeight = 0;\n const titleRows = [];\n let maxWidth = 0;\n let minX = 0;\n for (let i = 0; i <= rows.length; i++) {\n const title = label.append(\"text\").attr(\"text-anchor\", \"middle\").text(rows[i]).attr(\"x\", x).attr(\"y\", y + titleHeight);\n const boundsTmp = title.node().getBBox();\n maxWidth = Math.max(maxWidth, boundsTmp.width);\n minX = Math.min(minX, boundsTmp.x);\n log.info(boundsTmp.x, x, y + titleHeight);\n if (titleHeight === 0) {\n const titleBox = title.node().getBBox();\n titleHeight = titleBox.height;\n log.info(\"Title height\", titleHeight, y);\n }\n titleRows.push(title);\n }\n let boxHeight = titleHeight * rows.length;\n if (rows.length > 1) {\n const heightAdj = (rows.length - 1) * titleHeight * 0.5;\n titleRows.forEach((title, i) => title.attr(\"y\", y + i * titleHeight - heightAdj));\n boxHeight = titleHeight * rows.length;\n }\n const bounds = label.node().getBBox();\n label.insert(\"rect\", \":first-child\").attr(\"class\", \"box\").attr(\"x\", x - maxWidth / 2 - getConfig().state.padding / 2).attr(\"y\", y - boxHeight / 2 - getConfig().state.padding / 2 - 3.5).attr(\"width\", maxWidth + getConfig().state.padding).attr(\"height\", boxHeight + getConfig().state.padding);\n log.info(bounds);\n }\n edgeCount++;\n}, \"drawEdge\");\n\n// src/diagrams/state/stateRenderer.js\nvar conf;\nvar transformationLog = {};\nvar setConf = /* @__PURE__ */ __name(function() {\n}, \"setConf\");\nvar insertMarkers = /* @__PURE__ */ __name(function(elem) {\n elem.append(\"defs\").append(\"marker\").attr(\"id\", \"dependencyEnd\").attr(\"refX\", 19).attr(\"refY\", 7).attr(\"markerWidth\", 20).attr(\"markerHeight\", 28).attr(\"orient\", \"auto\").append(\"path\").attr(\"d\", \"M 19,7 L9,13 L14,7 L9,1 Z\");\n}, \"insertMarkers\");\nvar draw = /* @__PURE__ */ __name(function(text, id, _version, diagObj) {\n conf = getConfig().state;\n const securityLevel = getConfig().securityLevel;\n let sandboxElement;\n if (securityLevel === \"sandbox\") {\n sandboxElement = select(\"#i\" + id);\n }\n const root = securityLevel === \"sandbox\" ? select(sandboxElement.nodes()[0].contentDocument.body) : select(\"body\");\n const doc = securityLevel === \"sandbox\" ? sandboxElement.nodes()[0].contentDocument : document;\n log.debug(\"Rendering diagram \" + text);\n const diagram2 = root.select(`[id='${id}']`);\n insertMarkers(diagram2);\n const rootDoc = diagObj.db.getRootDoc();\n renderDoc(rootDoc, diagram2, void 0, false, root, doc, diagObj);\n const padding = conf.padding;\n const bounds = diagram2.node().getBBox();\n const width = bounds.width + padding * 2;\n const height = bounds.height + padding * 2;\n const svgWidth = width * 1.75;\n configureSvgSize(diagram2, height, svgWidth, conf.useMaxWidth);\n diagram2.attr(\n \"viewBox\",\n `${bounds.x - conf.padding} ${bounds.y - conf.padding} ` + width + \" \" + height\n );\n}, \"draw\");\nvar getLabelWidth = /* @__PURE__ */ __name((text) => {\n return text ? text.length * conf.fontSizeFactor : 1;\n}, \"getLabelWidth\");\nvar renderDoc = /* @__PURE__ */ __name((doc, diagram2, parentId, altBkg, root, domDocument, diagObj) => {\n const graph = new graphlib.Graph({\n compound: true,\n multigraph: true\n });\n let i;\n let edgeFreeDoc = true;\n for (i = 0; i < doc.length; i++) {\n if (doc[i].stmt === \"relation\") {\n edgeFreeDoc = false;\n break;\n }\n }\n if (parentId) {\n graph.setGraph({\n rankdir: \"LR\",\n multigraph: true,\n compound: true,\n // acyclicer: 'greedy',\n ranker: \"tight-tree\",\n ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,\n nodeSep: edgeFreeDoc ? 1 : 50,\n isMultiGraph: true\n // ranksep: 5,\n // nodesep: 1\n });\n } else {\n graph.setGraph({\n rankdir: \"TB\",\n multigraph: true,\n compound: true,\n // isCompound: true,\n // acyclicer: 'greedy',\n // ranker: 'longest-path'\n ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,\n nodeSep: edgeFreeDoc ? 1 : 50,\n ranker: \"tight-tree\",\n // ranker: 'network-simplex'\n isMultiGraph: true\n });\n }\n graph.setDefaultEdgeLabel(function() {\n return {};\n });\n const states = diagObj.db.getStates();\n const relations = diagObj.db.getRelations();\n const keys2 = Object.keys(states);\n let first = true;\n for (const key of keys2) {\n const stateDef = states[key];\n if (parentId) {\n stateDef.parentId = parentId;\n }\n let node;\n if (stateDef.doc) {\n let sub = diagram2.append(\"g\").attr(\"id\", stateDef.id).attr(\"class\", \"stateGroup\");\n node = renderDoc(stateDef.doc, sub, stateDef.id, !altBkg, root, domDocument, diagObj);\n if (first) {\n sub = addTitleAndBox(sub, stateDef, altBkg);\n let boxBounds = sub.node().getBBox();\n node.width = boxBounds.width;\n node.height = boxBounds.height + conf.padding / 2;\n transformationLog[stateDef.id] = { y: conf.compositTitleSize };\n } else {\n let boxBounds = sub.node().getBBox();\n node.width = boxBounds.width;\n node.height = boxBounds.height;\n }\n } else {\n node = drawState(diagram2, stateDef, graph);\n }\n if (stateDef.note) {\n const noteDef = {\n descriptions: [],\n id: stateDef.id + \"-note\",\n note: stateDef.note,\n type: \"note\"\n };\n const note = drawState(diagram2, noteDef, graph);\n if (stateDef.note.position === \"left of\") {\n graph.setNode(node.id + \"-note\", note);\n graph.setNode(node.id, node);\n } else {\n graph.setNode(node.id, node);\n graph.setNode(node.id + \"-note\", note);\n }\n graph.setParent(node.id, node.id + \"-group\");\n graph.setParent(node.id + \"-note\", node.id + \"-group\");\n } else {\n graph.setNode(node.id, node);\n }\n }\n log.debug(\"Count=\", graph.nodeCount(), graph);\n let cnt = 0;\n relations.forEach(function(relation) {\n cnt++;\n log.debug(\"Setting edge\", relation);\n graph.setEdge(\n relation.id1,\n relation.id2,\n {\n relation,\n width: getLabelWidth(relation.title),\n height: conf.labelHeight * common_default.getRows(relation.title).length,\n labelpos: \"c\"\n },\n \"id\" + cnt\n );\n });\n dagreLayout(graph);\n log.debug(\"Graph after layout\", graph.nodes());\n const svgElem = diagram2.node();\n graph.nodes().forEach(function(v) {\n if (v !== void 0 && graph.node(v) !== void 0) {\n log.warn(\"Node \" + v + \": \" + JSON.stringify(graph.node(v)));\n root.select(\"#\" + svgElem.id + \" #\" + v).attr(\n \"transform\",\n \"translate(\" + (graph.node(v).x - graph.node(v).width / 2) + \",\" + (graph.node(v).y + (transformationLog[v] ? transformationLog[v].y : 0) - graph.node(v).height / 2) + \" )\"\n );\n root.select(\"#\" + svgElem.id + \" #\" + v).attr(\"data-x-shift\", graph.node(v).x - graph.node(v).width / 2);\n const dividers = domDocument.querySelectorAll(\"#\" + svgElem.id + \" #\" + v + \" .divider\");\n dividers.forEach((divider) => {\n const parent = divider.parentElement;\n let pWidth = 0;\n let pShift = 0;\n if (parent) {\n if (parent.parentElement) {\n pWidth = parent.parentElement.getBBox().width;\n }\n pShift = parseInt(parent.getAttribute(\"data-x-shift\"), 10);\n if (Number.isNaN(pShift)) {\n pShift = 0;\n }\n }\n divider.setAttribute(\"x1\", 0 - pShift + 8);\n divider.setAttribute(\"x2\", pWidth - pShift - 8);\n });\n } else {\n log.debug(\"No Node \" + v + \": \" + JSON.stringify(graph.node(v)));\n }\n });\n let stateBox = svgElem.getBBox();\n graph.edges().forEach(function(e) {\n if (e !== void 0 && graph.edge(e) !== void 0) {\n log.debug(\"Edge \" + e.v + \" -> \" + e.w + \": \" + JSON.stringify(graph.edge(e)));\n drawEdge(diagram2, graph.edge(e), graph.edge(e).relation);\n }\n });\n stateBox = svgElem.getBBox();\n const stateInfo = {\n id: parentId ? parentId : \"root\",\n label: parentId ? parentId : \"root\",\n width: 0,\n height: 0\n };\n stateInfo.width = stateBox.width + 2 * conf.padding;\n stateInfo.height = stateBox.height + 2 * conf.padding;\n log.debug(\"Doc rendered\", stateInfo, graph);\n return stateInfo;\n}, \"renderDoc\");\nvar stateRenderer_default = {\n setConf,\n draw\n};\n\n// src/diagrams/state/stateDiagram.ts\nvar diagram = {\n parser: stateDiagram_default,\n get db() {\n return new StateDB(1);\n },\n renderer: stateRenderer_default,\n styles: styles_default,\n init: /* @__PURE__ */ __name((cnf) => {\n if (!cnf.state) {\n cnf.state = {};\n }\n cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n }, \"init\")\n};\nexport {\n diagram\n};\n"],"names":[],"sourceRoot":""}
|
package/dist/462.node.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.id = 462;
|
|
3
|
+
exports.ids = [462];
|
|
4
|
+
exports.modules = {
|
|
5
|
+
|
|
6
|
+
/***/ 1462:
|
|
7
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
|
+
|
|
9
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
|
+
/* harmony export */ createPieServices: () => (/* reexport safe */ _chunk_ROXG7S4E_mjs__WEBPACK_IMPORTED_MODULE_0__.f)
|
|
11
|
+
/* harmony export */ });
|
|
12
|
+
/* harmony import */ var _chunk_ROXG7S4E_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2409);
|
|
13
|
+
/* harmony import */ var _chunk_7PKI6E2E_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2156);
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
/***/ })
|
|
20
|
+
|
|
21
|
+
};
|
|
22
|
+
;
|
|
23
|
+
//# sourceMappingURL=462.node.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"462.node.js","mappings":";;;;;;;;;;;;;AAG8B;AACA;AAI5B","sources":["webpack://@readme/markdown/./node_modules/@mermaid-js/parser/dist/chunks/mermaid-parser.core/pie-R6RNRRYF.mjs"],"sourcesContent":["import {\n PieModule,\n createPieServices\n} from \"./chunk-ROXG7S4E.mjs\";\nimport \"./chunk-7PKI6E2E.mjs\";\nexport {\n PieModule,\n createPieServices\n};\n"],"names":[],"sourceRoot":""}
|