@readme/markdown 11.1.1 → 11.1.2
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/Code/index.tsx +4 -3
- package/components/CodeTabs/index.tsx +5 -2
- package/dist/10.node.js +419 -207
- package/dist/10.node.js.map +1 -1
- package/dist/101.node.js +23 -0
- package/dist/101.node.js.map +1 -0
- package/dist/109.node.js +63 -0
- package/dist/109.node.js.map +1 -0
- package/dist/197.node.js +63 -0
- package/dist/197.node.js.map +1 -0
- package/dist/213.node.js +23 -0
- package/dist/213.node.js.map +1 -0
- package/dist/{580.node.js → 259.node.js} +98 -79
- package/dist/259.node.js.map +1 -0
- package/dist/339.node.js +4 -4
- package/dist/{912.node.js → 356.node.js} +154 -150
- package/dist/356.node.js.map +1 -0
- package/dist/357.node.js +1352 -0
- package/dist/357.node.js.map +1 -0
- package/dist/387.node.js +23 -0
- package/dist/387.node.js.map +1 -0
- package/dist/398.node.js +63 -0
- package/dist/398.node.js.map +1 -0
- package/dist/{805.node.js → 405.node.js} +110 -91
- package/dist/405.node.js.map +1 -0
- package/dist/{23.node.js → 434.node.js} +178 -118
- package/dist/434.node.js.map +1 -0
- package/dist/{550.node.js → 470.node.js} +105 -80
- package/dist/470.node.js.map +1 -0
- package/dist/{870.node.js → 474.node.js} +84 -77
- package/dist/474.node.js.map +1 -0
- package/dist/{649.node.js → 483.node.js} +70 -67
- package/dist/483.node.js.map +1 -0
- package/dist/486.node.js +23865 -25247
- package/dist/486.node.js.map +1 -1
- package/dist/{982.node.js → 524.node.js} +124 -88
- package/dist/524.node.js.map +1 -0
- package/dist/53.node.js +506 -0
- package/dist/53.node.js.map +1 -0
- package/dist/{898.node.js → 561.node.js} +54 -52
- package/dist/561.node.js.map +1 -0
- package/dist/579.node.js +23 -0
- package/dist/579.node.js.map +1 -0
- package/dist/{881.node.js → 680.node.js} +202 -142
- package/dist/680.node.js.map +1 -0
- package/dist/{915.node.js → 7.node.js} +265 -1210
- package/dist/7.node.js.map +1 -0
- package/dist/{188.node.js → 705.node.js} +135 -132
- package/dist/705.node.js.map +1 -0
- package/dist/713.node.js +23 -0
- package/dist/713.node.js.map +1 -0
- package/dist/{135.node.js → 720.node.js} +230 -138
- package/dist/720.node.js.map +1 -0
- package/dist/{364.node.js → 763.node.js} +488 -432
- package/dist/763.node.js.map +1 -0
- package/dist/{572.node.js → 828.node.js} +229 -185
- package/dist/828.node.js.map +1 -0
- package/dist/{311.node.js → 834.node.js} +106 -104
- package/dist/834.node.js.map +1 -0
- package/dist/{359.node.js → 863.node.js} +290 -236
- package/dist/863.node.js.map +1 -0
- package/dist/872.node.js +630 -0
- package/dist/872.node.js.map +1 -0
- package/dist/879.node.js +61 -0
- package/dist/879.node.js.map +1 -0
- package/dist/{371.node.js → 880.node.js} +401 -400
- package/dist/880.node.js.map +1 -0
- package/dist/{214.node.js → 894.node.js} +116 -114
- package/dist/894.node.js.map +1 -0
- package/dist/{890.node.js → 90.node.js} +134 -129
- package/dist/90.node.js.map +1 -0
- package/dist/{855.node.js → 901.node.js} +510 -522
- package/dist/901.node.js.map +1 -0
- package/dist/903.node.js +23 -0
- package/dist/903.node.js.map +1 -0
- package/dist/{38.node.js → 929.node.js} +920 -442
- package/dist/929.node.js.map +1 -0
- package/dist/941.node.js +23 -0
- package/dist/941.node.js.map +1 -0
- package/dist/995.node.js +2 -2
- package/dist/hooks/useHydrated/index.d.ts +6 -0
- package/dist/main.js +26 -8
- package/dist/main.node.js +32 -6
- package/dist/main.node.js.map +1 -1
- package/package.json +2 -2
- package/dist/122.node.js +0 -23
- package/dist/122.node.js.map +0 -1
- package/dist/135.node.js.map +0 -1
- package/dist/136.node.js +0 -23
- package/dist/136.node.js.map +0 -1
- package/dist/188.node.js.map +0 -1
- package/dist/214.node.js.map +0 -1
- package/dist/23.node.js.map +0 -1
- package/dist/311.node.js.map +0 -1
- package/dist/354.node.js +0 -23
- package/dist/354.node.js.map +0 -1
- package/dist/359.node.js.map +0 -1
- package/dist/364.node.js.map +0 -1
- package/dist/371.node.js.map +0 -1
- package/dist/38.node.js.map +0 -1
- package/dist/391.node.js +0 -522
- package/dist/391.node.js.map +0 -1
- package/dist/462.node.js +0 -23
- package/dist/462.node.js.map +0 -1
- package/dist/48.node.js +0 -57
- package/dist/48.node.js.map +0 -1
- package/dist/537.node.js +0 -59
- package/dist/537.node.js.map +0 -1
- package/dist/550.node.js.map +0 -1
- package/dist/572.node.js.map +0 -1
- package/dist/580.node.js.map +0 -1
- package/dist/649.node.js.map +0 -1
- package/dist/740.node.js +0 -23
- package/dist/740.node.js.map +0 -1
- package/dist/741.node.js +0 -23
- package/dist/741.node.js.map +0 -1
- package/dist/779.node.js +0 -57
- package/dist/779.node.js.map +0 -1
- package/dist/805.node.js.map +0 -1
- package/dist/855.node.js.map +0 -1
- package/dist/870.node.js.map +0 -1
- package/dist/874.node.js +0 -57
- package/dist/874.node.js.map +0 -1
- package/dist/881.node.js.map +0 -1
- package/dist/890.node.js.map +0 -1
- package/dist/898.node.js.map +0 -1
- package/dist/912.node.js.map +0 -1
- package/dist/915.node.js.map +0 -1
- package/dist/982.node.js.map +0 -1
package/dist/872.node.js
ADDED
|
@@ -0,0 +1,630 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.id = 872;
|
|
3
|
+
exports.ids = [872];
|
|
4
|
+
exports.modules = {
|
|
5
|
+
|
|
6
|
+
/***/ 5054:
|
|
7
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
|
+
|
|
9
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
|
+
/* harmony export */ S: () => (/* binding */ populateCommonDb)
|
|
11
|
+
/* harmony export */ });
|
|
12
|
+
/* harmony import */ var _chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(416);
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
// src/diagrams/common/populateCommonDb.ts
|
|
16
|
+
function populateCommonDb(ast, db) {
|
|
17
|
+
if (ast.accDescr) {
|
|
18
|
+
db.setAccDescription?.(ast.accDescr);
|
|
19
|
+
}
|
|
20
|
+
if (ast.accTitle) {
|
|
21
|
+
db.setAccTitle?.(ast.accTitle);
|
|
22
|
+
}
|
|
23
|
+
if (ast.title) {
|
|
24
|
+
db.setDiagramTitle?.(ast.title);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(populateCommonDb, "populateCommonDb");
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
/***/ }),
|
|
33
|
+
|
|
34
|
+
/***/ 7925:
|
|
35
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
36
|
+
|
|
37
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
38
|
+
/* harmony export */ P: () => (/* binding */ setupViewPortForSVG)
|
|
39
|
+
/* harmony export */ });
|
|
40
|
+
/* harmony import */ var _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6399);
|
|
41
|
+
/* harmony import */ var _chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(416);
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
// src/rendering-util/setupViewPortForSVG.ts
|
|
46
|
+
var setupViewPortForSVG = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_1__/* .__name */ .K2)((svg, padding, cssDiagram, useMaxWidth) => {
|
|
47
|
+
svg.attr("class", cssDiagram);
|
|
48
|
+
const { width, height, x, y } = calculateDimensionsWithPadding(svg, padding);
|
|
49
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_0__/* .configureSvgSize */ .a$)(svg, height, width, useMaxWidth);
|
|
50
|
+
const viewBox = createViewBox(x, y, width, height, padding);
|
|
51
|
+
svg.attr("viewBox", viewBox);
|
|
52
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_1__/* .log */ .Rm.debug(`viewBox configured: ${viewBox} with padding: ${padding}`);
|
|
53
|
+
}, "setupViewPortForSVG");
|
|
54
|
+
var calculateDimensionsWithPadding = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_1__/* .__name */ .K2)((svg, padding) => {
|
|
55
|
+
const bounds = svg.node()?.getBBox() || { width: 0, height: 0, x: 0, y: 0 };
|
|
56
|
+
return {
|
|
57
|
+
width: bounds.width + padding * 2,
|
|
58
|
+
height: bounds.height + padding * 2,
|
|
59
|
+
x: bounds.x,
|
|
60
|
+
y: bounds.y
|
|
61
|
+
};
|
|
62
|
+
}, "calculateDimensionsWithPadding");
|
|
63
|
+
var createViewBox = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_1__/* .__name */ .K2)((x, y, width, height, padding) => {
|
|
64
|
+
return `${x - padding} ${y - padding} ${width} ${height}`;
|
|
65
|
+
}, "createViewBox");
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
/***/ }),
|
|
71
|
+
|
|
72
|
+
/***/ 872:
|
|
73
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
74
|
+
|
|
75
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
76
|
+
/* harmony export */ diagram: () => (/* binding */ diagram)
|
|
77
|
+
/* harmony export */ });
|
|
78
|
+
/* harmony import */ var _chunk_EXTU4WIE_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9479);
|
|
79
|
+
/* harmony import */ var _chunk_QN33PNHL_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7925);
|
|
80
|
+
/* harmony import */ var _chunk_ATLVNIR6_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5750);
|
|
81
|
+
/* harmony import */ var _chunk_4BX2VUAB_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5054);
|
|
82
|
+
/* harmony import */ var _chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9131);
|
|
83
|
+
/* harmony import */ var _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6399);
|
|
84
|
+
/* harmony import */ var _chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(416);
|
|
85
|
+
/* harmony import */ var _mermaid_js_parser__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4010);
|
|
86
|
+
/* harmony import */ var d3__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(796);
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
// src/diagrams/treemap/db.ts
|
|
96
|
+
var TreeMapDB = class {
|
|
97
|
+
constructor() {
|
|
98
|
+
this.nodes = [];
|
|
99
|
+
this.levels = /* @__PURE__ */ new Map();
|
|
100
|
+
this.outerNodes = [];
|
|
101
|
+
this.classes = /* @__PURE__ */ new Map();
|
|
102
|
+
this.setAccTitle = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .setAccTitle */ .SV;
|
|
103
|
+
this.getAccTitle = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .getAccTitle */ .iN;
|
|
104
|
+
this.setDiagramTitle = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .setDiagramTitle */ .ke;
|
|
105
|
+
this.getDiagramTitle = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .getDiagramTitle */ .ab;
|
|
106
|
+
this.getAccDescription = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .getAccDescription */ .m7;
|
|
107
|
+
this.setAccDescription = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .setAccDescription */ .EI;
|
|
108
|
+
}
|
|
109
|
+
static {
|
|
110
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(this, "TreeMapDB");
|
|
111
|
+
}
|
|
112
|
+
getNodes() {
|
|
113
|
+
return this.nodes;
|
|
114
|
+
}
|
|
115
|
+
getConfig() {
|
|
116
|
+
const defaultConfig = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .defaultConfig_default */ .UI;
|
|
117
|
+
const userConfig = (0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .getConfig */ .zj)();
|
|
118
|
+
return (0,_chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_4__/* .cleanAndMerge */ .$t)({
|
|
119
|
+
...defaultConfig.treemap,
|
|
120
|
+
...userConfig.treemap ?? {}
|
|
121
|
+
});
|
|
122
|
+
}
|
|
123
|
+
addNode(node, level) {
|
|
124
|
+
this.nodes.push(node);
|
|
125
|
+
this.levels.set(node, level);
|
|
126
|
+
if (level === 0) {
|
|
127
|
+
this.outerNodes.push(node);
|
|
128
|
+
this.root ??= node;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
getRoot() {
|
|
132
|
+
return { name: "", children: this.outerNodes };
|
|
133
|
+
}
|
|
134
|
+
addClass(id, _style) {
|
|
135
|
+
const styleClass = this.classes.get(id) ?? { id, styles: [], textStyles: [] };
|
|
136
|
+
const styles = _style.replace(/\\,/g, "\xA7\xA7\xA7").replace(/,/g, ";").replace(/§§§/g, ",").split(";");
|
|
137
|
+
if (styles) {
|
|
138
|
+
styles.forEach((s) => {
|
|
139
|
+
if ((0,_chunk_ATLVNIR6_mjs__WEBPACK_IMPORTED_MODULE_2__/* .isLabelStyle */ .KX)(s)) {
|
|
140
|
+
if (styleClass?.textStyles) {
|
|
141
|
+
styleClass.textStyles.push(s);
|
|
142
|
+
} else {
|
|
143
|
+
styleClass.textStyles = [s];
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
if (styleClass?.styles) {
|
|
147
|
+
styleClass.styles.push(s);
|
|
148
|
+
} else {
|
|
149
|
+
styleClass.styles = [s];
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
this.classes.set(id, styleClass);
|
|
154
|
+
}
|
|
155
|
+
getClasses() {
|
|
156
|
+
return this.classes;
|
|
157
|
+
}
|
|
158
|
+
getStylesForClass(classSelector) {
|
|
159
|
+
return this.classes.get(classSelector)?.styles ?? [];
|
|
160
|
+
}
|
|
161
|
+
clear() {
|
|
162
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .clear */ .IU)();
|
|
163
|
+
this.nodes = [];
|
|
164
|
+
this.levels = /* @__PURE__ */ new Map();
|
|
165
|
+
this.outerNodes = [];
|
|
166
|
+
this.classes = /* @__PURE__ */ new Map();
|
|
167
|
+
this.root = void 0;
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
// src/diagrams/treemap/parser.ts
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
// src/diagrams/treemap/utils.ts
|
|
175
|
+
function buildHierarchy(items) {
|
|
176
|
+
if (!items.length) {
|
|
177
|
+
return [];
|
|
178
|
+
}
|
|
179
|
+
const root = [];
|
|
180
|
+
const stack = [];
|
|
181
|
+
items.forEach((item) => {
|
|
182
|
+
const node = {
|
|
183
|
+
name: item.name,
|
|
184
|
+
children: item.type === "Leaf" ? void 0 : []
|
|
185
|
+
};
|
|
186
|
+
node.classSelector = item?.classSelector;
|
|
187
|
+
if (item?.cssCompiledStyles) {
|
|
188
|
+
node.cssCompiledStyles = [item.cssCompiledStyles];
|
|
189
|
+
}
|
|
190
|
+
if (item.type === "Leaf" && item.value !== void 0) {
|
|
191
|
+
node.value = item.value;
|
|
192
|
+
}
|
|
193
|
+
while (stack.length > 0 && stack[stack.length - 1].level >= item.level) {
|
|
194
|
+
stack.pop();
|
|
195
|
+
}
|
|
196
|
+
if (stack.length === 0) {
|
|
197
|
+
root.push(node);
|
|
198
|
+
} else {
|
|
199
|
+
const parent = stack[stack.length - 1].node;
|
|
200
|
+
if (parent.children) {
|
|
201
|
+
parent.children.push(node);
|
|
202
|
+
} else {
|
|
203
|
+
parent.children = [node];
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
if (item.type !== "Leaf") {
|
|
207
|
+
stack.push({ node, level: item.level });
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
return root;
|
|
211
|
+
}
|
|
212
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(buildHierarchy, "buildHierarchy");
|
|
213
|
+
|
|
214
|
+
// src/diagrams/treemap/parser.ts
|
|
215
|
+
var populate = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((ast, db) => {
|
|
216
|
+
(0,_chunk_4BX2VUAB_mjs__WEBPACK_IMPORTED_MODULE_3__/* .populateCommonDb */ .S)(ast, db);
|
|
217
|
+
const items = [];
|
|
218
|
+
for (const row of ast.TreemapRows ?? []) {
|
|
219
|
+
if (row.$type === "ClassDefStatement") {
|
|
220
|
+
db.addClass(row.className ?? "", row.styleText ?? "");
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
for (const row of ast.TreemapRows ?? []) {
|
|
224
|
+
const item = row.item;
|
|
225
|
+
if (!item) {
|
|
226
|
+
continue;
|
|
227
|
+
}
|
|
228
|
+
const level = row.indent ? parseInt(row.indent) : 0;
|
|
229
|
+
const name = getItemName(item);
|
|
230
|
+
const styles = item.classSelector ? db.getStylesForClass(item.classSelector) : [];
|
|
231
|
+
const cssCompiledStyles = styles.length > 0 ? styles.join(";") : void 0;
|
|
232
|
+
const itemData = {
|
|
233
|
+
level,
|
|
234
|
+
name,
|
|
235
|
+
type: item.$type,
|
|
236
|
+
value: item.value,
|
|
237
|
+
classSelector: item.classSelector,
|
|
238
|
+
cssCompiledStyles
|
|
239
|
+
};
|
|
240
|
+
items.push(itemData);
|
|
241
|
+
}
|
|
242
|
+
const hierarchyNodes = buildHierarchy(items);
|
|
243
|
+
const addNodesRecursively = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((nodes, level) => {
|
|
244
|
+
for (const node of nodes) {
|
|
245
|
+
db.addNode(node, level);
|
|
246
|
+
if (node.children && node.children.length > 0) {
|
|
247
|
+
addNodesRecursively(node.children, level + 1);
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
}, "addNodesRecursively");
|
|
251
|
+
addNodesRecursively(hierarchyNodes, 0);
|
|
252
|
+
}, "populate");
|
|
253
|
+
var getItemName = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((item) => {
|
|
254
|
+
return item.name ? String(item.name) : "";
|
|
255
|
+
}, "getItemName");
|
|
256
|
+
var parser = {
|
|
257
|
+
// @ts-expect-error - TreeMapDB is not assignable to DiagramDB
|
|
258
|
+
parser: { yy: void 0 },
|
|
259
|
+
parse: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(async (text) => {
|
|
260
|
+
try {
|
|
261
|
+
const parseFunc = _mermaid_js_parser__WEBPACK_IMPORTED_MODULE_7__/* .parse */ .qg;
|
|
262
|
+
const ast = await parseFunc("treemap", text);
|
|
263
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .log */ .Rm.debug("Treemap AST:", ast);
|
|
264
|
+
const db = parser.parser?.yy;
|
|
265
|
+
if (!(db instanceof TreeMapDB)) {
|
|
266
|
+
throw new Error(
|
|
267
|
+
"parser.parser?.yy was not a TreemapDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues."
|
|
268
|
+
);
|
|
269
|
+
}
|
|
270
|
+
populate(ast, db);
|
|
271
|
+
} catch (error) {
|
|
272
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .log */ .Rm.error("Error parsing treemap:", error);
|
|
273
|
+
throw error;
|
|
274
|
+
}
|
|
275
|
+
}, "parse")
|
|
276
|
+
};
|
|
277
|
+
|
|
278
|
+
// src/diagrams/treemap/renderer.ts
|
|
279
|
+
|
|
280
|
+
var DEFAULT_INNER_PADDING = 10;
|
|
281
|
+
var SECTION_INNER_PADDING = 10;
|
|
282
|
+
var SECTION_HEADER_HEIGHT = 25;
|
|
283
|
+
var draw = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((_text, id, _version, diagram2) => {
|
|
284
|
+
const treemapDb = diagram2.db;
|
|
285
|
+
const config = treemapDb.getConfig();
|
|
286
|
+
const treemapInnerPadding = config.padding ?? DEFAULT_INNER_PADDING;
|
|
287
|
+
const title = treemapDb.getDiagramTitle();
|
|
288
|
+
const root = treemapDb.getRoot();
|
|
289
|
+
const { themeVariables } = (0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .getConfig */ .zj)();
|
|
290
|
+
if (!root) {
|
|
291
|
+
return;
|
|
292
|
+
}
|
|
293
|
+
const titleHeight = title ? 30 : 0;
|
|
294
|
+
const svg = (0,_chunk_EXTU4WIE_mjs__WEBPACK_IMPORTED_MODULE_0__/* .selectSvgElement */ .D)(id);
|
|
295
|
+
const width = config.nodeWidth ? config.nodeWidth * SECTION_INNER_PADDING : 960;
|
|
296
|
+
const height = config.nodeHeight ? config.nodeHeight * SECTION_INNER_PADDING : 500;
|
|
297
|
+
const svgWidth = width;
|
|
298
|
+
const svgHeight = height + titleHeight;
|
|
299
|
+
svg.attr("viewBox", `0 0 ${svgWidth} ${svgHeight}`);
|
|
300
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_5__/* .configureSvgSize */ .a$)(svg, svgHeight, svgWidth, config.useMaxWidth);
|
|
301
|
+
let valueFormat;
|
|
302
|
+
try {
|
|
303
|
+
const formatStr = config.valueFormat || ",";
|
|
304
|
+
if (formatStr === "$0,0") {
|
|
305
|
+
valueFormat = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((value) => "$" + (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .format */ .GPZ)(",")(value), "valueFormat");
|
|
306
|
+
} else if (formatStr.startsWith("$") && formatStr.includes(",")) {
|
|
307
|
+
const precision = /\.\d+/.exec(formatStr);
|
|
308
|
+
const precisionStr = precision ? precision[0] : "";
|
|
309
|
+
valueFormat = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((value) => "$" + (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .format */ .GPZ)("," + precisionStr)(value), "valueFormat");
|
|
310
|
+
} else if (formatStr.startsWith("$")) {
|
|
311
|
+
const restOfFormat = formatStr.substring(1);
|
|
312
|
+
valueFormat = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((value) => "$" + (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .format */ .GPZ)(restOfFormat || "")(value), "valueFormat");
|
|
313
|
+
} else {
|
|
314
|
+
valueFormat = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .format */ .GPZ)(formatStr);
|
|
315
|
+
}
|
|
316
|
+
} catch (error) {
|
|
317
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .log */ .Rm.error("Error creating format function:", error);
|
|
318
|
+
valueFormat = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .format */ .GPZ)(",");
|
|
319
|
+
}
|
|
320
|
+
const colorScale = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .scaleOrdinal */ .UMr)().range([
|
|
321
|
+
"transparent",
|
|
322
|
+
themeVariables.cScale0,
|
|
323
|
+
themeVariables.cScale1,
|
|
324
|
+
themeVariables.cScale2,
|
|
325
|
+
themeVariables.cScale3,
|
|
326
|
+
themeVariables.cScale4,
|
|
327
|
+
themeVariables.cScale5,
|
|
328
|
+
themeVariables.cScale6,
|
|
329
|
+
themeVariables.cScale7,
|
|
330
|
+
themeVariables.cScale8,
|
|
331
|
+
themeVariables.cScale9,
|
|
332
|
+
themeVariables.cScale10,
|
|
333
|
+
themeVariables.cScale11
|
|
334
|
+
]);
|
|
335
|
+
const colorScalePeer = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .scaleOrdinal */ .UMr)().range([
|
|
336
|
+
"transparent",
|
|
337
|
+
themeVariables.cScalePeer0,
|
|
338
|
+
themeVariables.cScalePeer1,
|
|
339
|
+
themeVariables.cScalePeer2,
|
|
340
|
+
themeVariables.cScalePeer3,
|
|
341
|
+
themeVariables.cScalePeer4,
|
|
342
|
+
themeVariables.cScalePeer5,
|
|
343
|
+
themeVariables.cScalePeer6,
|
|
344
|
+
themeVariables.cScalePeer7,
|
|
345
|
+
themeVariables.cScalePeer8,
|
|
346
|
+
themeVariables.cScalePeer9,
|
|
347
|
+
themeVariables.cScalePeer10,
|
|
348
|
+
themeVariables.cScalePeer11
|
|
349
|
+
]);
|
|
350
|
+
const colorScaleLabel = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .scaleOrdinal */ .UMr)().range([
|
|
351
|
+
themeVariables.cScaleLabel0,
|
|
352
|
+
themeVariables.cScaleLabel1,
|
|
353
|
+
themeVariables.cScaleLabel2,
|
|
354
|
+
themeVariables.cScaleLabel3,
|
|
355
|
+
themeVariables.cScaleLabel4,
|
|
356
|
+
themeVariables.cScaleLabel5,
|
|
357
|
+
themeVariables.cScaleLabel6,
|
|
358
|
+
themeVariables.cScaleLabel7,
|
|
359
|
+
themeVariables.cScaleLabel8,
|
|
360
|
+
themeVariables.cScaleLabel9,
|
|
361
|
+
themeVariables.cScaleLabel10,
|
|
362
|
+
themeVariables.cScaleLabel11
|
|
363
|
+
]);
|
|
364
|
+
if (title) {
|
|
365
|
+
svg.append("text").attr("x", svgWidth / 2).attr("y", titleHeight / 2).attr("class", "treemapTitle").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(title);
|
|
366
|
+
}
|
|
367
|
+
const g = svg.append("g").attr("transform", `translate(0, ${titleHeight})`).attr("class", "treemapContainer");
|
|
368
|
+
const hierarchyRoot = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .hierarchy */ .Sk5)(root).sum((d) => d.value ?? 0).sort((a, b) => (b.value ?? 0) - (a.value ?? 0));
|
|
369
|
+
const treemapLayout = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .treemap */ .hkb)().size([width, height]).paddingTop(
|
|
370
|
+
(d) => d.children && d.children.length > 0 ? SECTION_HEADER_HEIGHT + SECTION_INNER_PADDING : 0
|
|
371
|
+
).paddingInner(treemapInnerPadding).paddingLeft((d) => d.children && d.children.length > 0 ? SECTION_INNER_PADDING : 0).paddingRight((d) => d.children && d.children.length > 0 ? SECTION_INNER_PADDING : 0).paddingBottom((d) => d.children && d.children.length > 0 ? SECTION_INNER_PADDING : 0).round(true);
|
|
372
|
+
const treemapData = treemapLayout(hierarchyRoot);
|
|
373
|
+
const branchNodes = treemapData.descendants().filter((d) => d.children && d.children.length > 0);
|
|
374
|
+
const sections = g.selectAll(".treemapSection").data(branchNodes).enter().append("g").attr("class", "treemapSection").attr("transform", (d) => `translate(${d.x0},${d.y0})`);
|
|
375
|
+
sections.append("rect").attr("width", (d) => d.x1 - d.x0).attr("height", SECTION_HEADER_HEIGHT).attr("class", "treemapSectionHeader").attr("fill", "none").attr("fill-opacity", 0.6).attr("stroke-width", 0.6).attr("style", (d) => {
|
|
376
|
+
if (d.depth === 0) {
|
|
377
|
+
return "display: none;";
|
|
378
|
+
}
|
|
379
|
+
return "";
|
|
380
|
+
});
|
|
381
|
+
sections.append("clipPath").attr("id", (_d, i) => `clip-section-${id}-${i}`).append("rect").attr("width", (d) => Math.max(0, d.x1 - d.x0 - 12)).attr("height", SECTION_HEADER_HEIGHT);
|
|
382
|
+
sections.append("rect").attr("width", (d) => d.x1 - d.x0).attr("height", (d) => d.y1 - d.y0).attr("class", (_d, i) => {
|
|
383
|
+
return `treemapSection section${i}`;
|
|
384
|
+
}).attr("fill", (d) => colorScale(d.data.name)).attr("fill-opacity", 0.6).attr("stroke", (d) => colorScalePeer(d.data.name)).attr("stroke-width", 2).attr("stroke-opacity", 0.4).attr("style", (d) => {
|
|
385
|
+
if (d.depth === 0) {
|
|
386
|
+
return "display: none;";
|
|
387
|
+
}
|
|
388
|
+
const styles = (0,_chunk_ATLVNIR6_mjs__WEBPACK_IMPORTED_MODULE_2__/* .styles2String */ .GX)({ cssCompiledStyles: d.data.cssCompiledStyles });
|
|
389
|
+
return styles.nodeStyles + ";" + styles.borderStyles.join(";");
|
|
390
|
+
});
|
|
391
|
+
sections.append("text").attr("class", "treemapSectionLabel").attr("x", 6).attr("y", SECTION_HEADER_HEIGHT / 2).attr("dominant-baseline", "middle").text((d) => d.depth === 0 ? "" : d.data.name).attr("font-weight", "bold").attr("style", (d) => {
|
|
392
|
+
if (d.depth === 0) {
|
|
393
|
+
return "display: none;";
|
|
394
|
+
}
|
|
395
|
+
const labelStyles = "dominant-baseline: middle; font-size: 12px; fill:" + colorScaleLabel(d.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;";
|
|
396
|
+
const styles = (0,_chunk_ATLVNIR6_mjs__WEBPACK_IMPORTED_MODULE_2__/* .styles2String */ .GX)({ cssCompiledStyles: d.data.cssCompiledStyles });
|
|
397
|
+
return labelStyles + styles.labelStyles.replace("color:", "fill:");
|
|
398
|
+
}).each(function(d) {
|
|
399
|
+
if (d.depth === 0) {
|
|
400
|
+
return;
|
|
401
|
+
}
|
|
402
|
+
const self = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .select */ .Ltv)(this);
|
|
403
|
+
const originalText = d.data.name;
|
|
404
|
+
self.text(originalText);
|
|
405
|
+
const totalHeaderWidth = d.x1 - d.x0;
|
|
406
|
+
const labelXPosition = 6;
|
|
407
|
+
let spaceForTextContent;
|
|
408
|
+
if (config.showValues !== false && d.value) {
|
|
409
|
+
const valueEndsAtXRelative = totalHeaderWidth - 10;
|
|
410
|
+
const estimatedValueTextActualWidth = 30;
|
|
411
|
+
const gapBetweenLabelAndValue = 10;
|
|
412
|
+
const labelMustEndBeforeX = valueEndsAtXRelative - estimatedValueTextActualWidth - gapBetweenLabelAndValue;
|
|
413
|
+
spaceForTextContent = labelMustEndBeforeX - labelXPosition;
|
|
414
|
+
} else {
|
|
415
|
+
const labelOwnRightPadding = 6;
|
|
416
|
+
spaceForTextContent = totalHeaderWidth - labelXPosition - labelOwnRightPadding;
|
|
417
|
+
}
|
|
418
|
+
const minimumWidthToDisplay = 15;
|
|
419
|
+
const actualAvailableWidth = Math.max(minimumWidthToDisplay, spaceForTextContent);
|
|
420
|
+
const textNode = self.node();
|
|
421
|
+
const currentTextContentLength = textNode.getComputedTextLength();
|
|
422
|
+
if (currentTextContentLength > actualAvailableWidth) {
|
|
423
|
+
const ellipsis = "...";
|
|
424
|
+
let currentTruncatedText = originalText;
|
|
425
|
+
while (currentTruncatedText.length > 0) {
|
|
426
|
+
currentTruncatedText = originalText.substring(0, currentTruncatedText.length - 1);
|
|
427
|
+
if (currentTruncatedText.length === 0) {
|
|
428
|
+
self.text(ellipsis);
|
|
429
|
+
if (textNode.getComputedTextLength() > actualAvailableWidth) {
|
|
430
|
+
self.text("");
|
|
431
|
+
}
|
|
432
|
+
break;
|
|
433
|
+
}
|
|
434
|
+
self.text(currentTruncatedText + ellipsis);
|
|
435
|
+
if (textNode.getComputedTextLength() <= actualAvailableWidth) {
|
|
436
|
+
break;
|
|
437
|
+
}
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
});
|
|
441
|
+
if (config.showValues !== false) {
|
|
442
|
+
sections.append("text").attr("class", "treemapSectionValue").attr("x", (d) => d.x1 - d.x0 - 10).attr("y", SECTION_HEADER_HEIGHT / 2).attr("text-anchor", "end").attr("dominant-baseline", "middle").text((d) => d.value ? valueFormat(d.value) : "").attr("font-style", "italic").attr("style", (d) => {
|
|
443
|
+
if (d.depth === 0) {
|
|
444
|
+
return "display: none;";
|
|
445
|
+
}
|
|
446
|
+
const labelStyles = "text-anchor: end; dominant-baseline: middle; font-size: 10px; fill:" + colorScaleLabel(d.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;";
|
|
447
|
+
const styles = (0,_chunk_ATLVNIR6_mjs__WEBPACK_IMPORTED_MODULE_2__/* .styles2String */ .GX)({ cssCompiledStyles: d.data.cssCompiledStyles });
|
|
448
|
+
return labelStyles + styles.labelStyles.replace("color:", "fill:");
|
|
449
|
+
});
|
|
450
|
+
}
|
|
451
|
+
const leafNodes = treemapData.leaves();
|
|
452
|
+
const cell = g.selectAll(".treemapLeafGroup").data(leafNodes).enter().append("g").attr("class", (d, i) => {
|
|
453
|
+
return `treemapNode treemapLeafGroup leaf${i}${d.data.classSelector ? ` ${d.data.classSelector}` : ""}x`;
|
|
454
|
+
}).attr("transform", (d) => `translate(${d.x0},${d.y0})`);
|
|
455
|
+
cell.append("rect").attr("width", (d) => d.x1 - d.x0).attr("height", (d) => d.y1 - d.y0).attr("class", "treemapLeaf").attr("fill", (d) => {
|
|
456
|
+
return d.parent ? colorScale(d.parent.data.name) : colorScale(d.data.name);
|
|
457
|
+
}).attr("style", (d) => {
|
|
458
|
+
const styles = (0,_chunk_ATLVNIR6_mjs__WEBPACK_IMPORTED_MODULE_2__/* .styles2String */ .GX)({ cssCompiledStyles: d.data.cssCompiledStyles });
|
|
459
|
+
return styles.nodeStyles;
|
|
460
|
+
}).attr("fill-opacity", 0.3).attr("stroke", (d) => {
|
|
461
|
+
return d.parent ? colorScale(d.parent.data.name) : colorScale(d.data.name);
|
|
462
|
+
}).attr("stroke-width", 3);
|
|
463
|
+
cell.append("clipPath").attr("id", (_d, i) => `clip-${id}-${i}`).append("rect").attr("width", (d) => Math.max(0, d.x1 - d.x0 - 4)).attr("height", (d) => Math.max(0, d.y1 - d.y0 - 4));
|
|
464
|
+
const leafLabels = cell.append("text").attr("class", "treemapLabel").attr("x", (d) => (d.x1 - d.x0) / 2).attr("y", (d) => (d.y1 - d.y0) / 2).attr("style", (d) => {
|
|
465
|
+
const labelStyles = "text-anchor: middle; dominant-baseline: middle; font-size: 38px;fill:" + colorScaleLabel(d.data.name) + ";";
|
|
466
|
+
const styles = (0,_chunk_ATLVNIR6_mjs__WEBPACK_IMPORTED_MODULE_2__/* .styles2String */ .GX)({ cssCompiledStyles: d.data.cssCompiledStyles });
|
|
467
|
+
return labelStyles + styles.labelStyles.replace("color:", "fill:");
|
|
468
|
+
}).attr("clip-path", (_d, i) => `url(#clip-${id}-${i})`).text((d) => d.data.name);
|
|
469
|
+
leafLabels.each(function(d) {
|
|
470
|
+
const self = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .select */ .Ltv)(this);
|
|
471
|
+
const nodeWidth = d.x1 - d.x0;
|
|
472
|
+
const nodeHeight = d.y1 - d.y0;
|
|
473
|
+
const textNode = self.node();
|
|
474
|
+
const padding = 4;
|
|
475
|
+
const availableWidth = nodeWidth - 2 * padding;
|
|
476
|
+
const availableHeight = nodeHeight - 2 * padding;
|
|
477
|
+
if (availableWidth < 10 || availableHeight < 10) {
|
|
478
|
+
self.style("display", "none");
|
|
479
|
+
return;
|
|
480
|
+
}
|
|
481
|
+
let currentLabelFontSize = parseInt(self.style("font-size"), 10);
|
|
482
|
+
const minLabelFontSize = 8;
|
|
483
|
+
const originalValueRelFontSize = 28;
|
|
484
|
+
const valueScaleFactor = 0.6;
|
|
485
|
+
const minValueFontSize = 6;
|
|
486
|
+
const spacingBetweenLabelAndValue = 2;
|
|
487
|
+
while (textNode.getComputedTextLength() > availableWidth && currentLabelFontSize > minLabelFontSize) {
|
|
488
|
+
currentLabelFontSize--;
|
|
489
|
+
self.style("font-size", `${currentLabelFontSize}px`);
|
|
490
|
+
}
|
|
491
|
+
let prospectiveValueFontSize = Math.max(
|
|
492
|
+
minValueFontSize,
|
|
493
|
+
Math.min(originalValueRelFontSize, Math.round(currentLabelFontSize * valueScaleFactor))
|
|
494
|
+
);
|
|
495
|
+
let combinedHeight = currentLabelFontSize + spacingBetweenLabelAndValue + prospectiveValueFontSize;
|
|
496
|
+
while (combinedHeight > availableHeight && currentLabelFontSize > minLabelFontSize) {
|
|
497
|
+
currentLabelFontSize--;
|
|
498
|
+
prospectiveValueFontSize = Math.max(
|
|
499
|
+
minValueFontSize,
|
|
500
|
+
Math.min(originalValueRelFontSize, Math.round(currentLabelFontSize * valueScaleFactor))
|
|
501
|
+
);
|
|
502
|
+
if (prospectiveValueFontSize < minValueFontSize && currentLabelFontSize === minLabelFontSize) {
|
|
503
|
+
break;
|
|
504
|
+
}
|
|
505
|
+
self.style("font-size", `${currentLabelFontSize}px`);
|
|
506
|
+
combinedHeight = currentLabelFontSize + spacingBetweenLabelAndValue + prospectiveValueFontSize;
|
|
507
|
+
if (prospectiveValueFontSize <= minValueFontSize && combinedHeight > availableHeight) {
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
self.style("font-size", `${currentLabelFontSize}px`);
|
|
511
|
+
if (textNode.getComputedTextLength() > availableWidth || currentLabelFontSize < minLabelFontSize || availableHeight < currentLabelFontSize) {
|
|
512
|
+
self.style("display", "none");
|
|
513
|
+
}
|
|
514
|
+
});
|
|
515
|
+
if (config.showValues !== false) {
|
|
516
|
+
const leafValues = cell.append("text").attr("class", "treemapValue").attr("x", (d) => (d.x1 - d.x0) / 2).attr("y", function(d) {
|
|
517
|
+
return (d.y1 - d.y0) / 2;
|
|
518
|
+
}).attr("style", (d) => {
|
|
519
|
+
const labelStyles = "text-anchor: middle; dominant-baseline: hanging; font-size: 28px;fill:" + colorScaleLabel(d.data.name) + ";";
|
|
520
|
+
const styles = (0,_chunk_ATLVNIR6_mjs__WEBPACK_IMPORTED_MODULE_2__/* .styles2String */ .GX)({ cssCompiledStyles: d.data.cssCompiledStyles });
|
|
521
|
+
return labelStyles + styles.labelStyles.replace("color:", "fill:");
|
|
522
|
+
}).attr("clip-path", (_d, i) => `url(#clip-${id}-${i})`).text((d) => d.value ? valueFormat(d.value) : "");
|
|
523
|
+
leafValues.each(function(d) {
|
|
524
|
+
const valueTextElement = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .select */ .Ltv)(this);
|
|
525
|
+
const parentCellNode = this.parentNode;
|
|
526
|
+
if (!parentCellNode) {
|
|
527
|
+
valueTextElement.style("display", "none");
|
|
528
|
+
return;
|
|
529
|
+
}
|
|
530
|
+
const labelElement = (0,d3__WEBPACK_IMPORTED_MODULE_8__/* .select */ .Ltv)(parentCellNode).select(".treemapLabel");
|
|
531
|
+
if (labelElement.empty() || labelElement.style("display") === "none") {
|
|
532
|
+
valueTextElement.style("display", "none");
|
|
533
|
+
return;
|
|
534
|
+
}
|
|
535
|
+
const finalLabelFontSize = parseFloat(labelElement.style("font-size"));
|
|
536
|
+
const originalValueFontSize = 28;
|
|
537
|
+
const valueScaleFactor = 0.6;
|
|
538
|
+
const minValueFontSize = 6;
|
|
539
|
+
const spacingBetweenLabelAndValue = 2;
|
|
540
|
+
const actualValueFontSize = Math.max(
|
|
541
|
+
minValueFontSize,
|
|
542
|
+
Math.min(originalValueFontSize, Math.round(finalLabelFontSize * valueScaleFactor))
|
|
543
|
+
);
|
|
544
|
+
valueTextElement.style("font-size", `${actualValueFontSize}px`);
|
|
545
|
+
const labelCenterY = (d.y1 - d.y0) / 2;
|
|
546
|
+
const valueTopActualY = labelCenterY + finalLabelFontSize / 2 + spacingBetweenLabelAndValue;
|
|
547
|
+
valueTextElement.attr("y", valueTopActualY);
|
|
548
|
+
const nodeWidth = d.x1 - d.x0;
|
|
549
|
+
const nodeTotalHeight = d.y1 - d.y0;
|
|
550
|
+
const cellBottomPadding = 4;
|
|
551
|
+
const maxValueBottomY = nodeTotalHeight - cellBottomPadding;
|
|
552
|
+
const availableWidthForValue = nodeWidth - 2 * 4;
|
|
553
|
+
if (valueTextElement.node().getComputedTextLength() > availableWidthForValue || valueTopActualY + actualValueFontSize > maxValueBottomY || actualValueFontSize < minValueFontSize) {
|
|
554
|
+
valueTextElement.style("display", "none");
|
|
555
|
+
} else {
|
|
556
|
+
valueTextElement.style("display", null);
|
|
557
|
+
}
|
|
558
|
+
});
|
|
559
|
+
}
|
|
560
|
+
const diagramPadding = config.diagramPadding ?? 8;
|
|
561
|
+
(0,_chunk_QN33PNHL_mjs__WEBPACK_IMPORTED_MODULE_1__/* .setupViewPortForSVG */ .P)(svg, diagramPadding, "flowchart", config?.useMaxWidth || false);
|
|
562
|
+
}, "draw");
|
|
563
|
+
var getClasses = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function(_text, diagramObj) {
|
|
564
|
+
return diagramObj.db.getClasses();
|
|
565
|
+
}, "getClasses");
|
|
566
|
+
var renderer = { draw, getClasses };
|
|
567
|
+
|
|
568
|
+
// src/diagrams/treemap/styles.ts
|
|
569
|
+
var defaultTreemapStyleOptions = {
|
|
570
|
+
sectionStrokeColor: "black",
|
|
571
|
+
sectionStrokeWidth: "1",
|
|
572
|
+
sectionFillColor: "#efefef",
|
|
573
|
+
leafStrokeColor: "black",
|
|
574
|
+
leafStrokeWidth: "1",
|
|
575
|
+
leafFillColor: "#efefef",
|
|
576
|
+
labelColor: "black",
|
|
577
|
+
labelFontSize: "12px",
|
|
578
|
+
valueFontSize: "10px",
|
|
579
|
+
valueColor: "black",
|
|
580
|
+
titleColor: "black",
|
|
581
|
+
titleFontSize: "14px"
|
|
582
|
+
};
|
|
583
|
+
var getStyles = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(({
|
|
584
|
+
treemap: treemap2
|
|
585
|
+
} = {}) => {
|
|
586
|
+
const options = (0,_chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_4__/* .cleanAndMerge */ .$t)(defaultTreemapStyleOptions, treemap2);
|
|
587
|
+
return `
|
|
588
|
+
.treemapNode.section {
|
|
589
|
+
stroke: ${options.sectionStrokeColor};
|
|
590
|
+
stroke-width: ${options.sectionStrokeWidth};
|
|
591
|
+
fill: ${options.sectionFillColor};
|
|
592
|
+
}
|
|
593
|
+
.treemapNode.leaf {
|
|
594
|
+
stroke: ${options.leafStrokeColor};
|
|
595
|
+
stroke-width: ${options.leafStrokeWidth};
|
|
596
|
+
fill: ${options.leafFillColor};
|
|
597
|
+
}
|
|
598
|
+
.treemapLabel {
|
|
599
|
+
fill: ${options.labelColor};
|
|
600
|
+
font-size: ${options.labelFontSize};
|
|
601
|
+
}
|
|
602
|
+
.treemapValue {
|
|
603
|
+
fill: ${options.valueColor};
|
|
604
|
+
font-size: ${options.valueFontSize};
|
|
605
|
+
}
|
|
606
|
+
.treemapTitle {
|
|
607
|
+
fill: ${options.titleColor};
|
|
608
|
+
font-size: ${options.titleFontSize};
|
|
609
|
+
}
|
|
610
|
+
`;
|
|
611
|
+
}, "getStyles");
|
|
612
|
+
var styles_default = getStyles;
|
|
613
|
+
|
|
614
|
+
// src/diagrams/treemap/diagram.ts
|
|
615
|
+
var diagram = {
|
|
616
|
+
parser,
|
|
617
|
+
get db() {
|
|
618
|
+
return new TreeMapDB();
|
|
619
|
+
},
|
|
620
|
+
renderer,
|
|
621
|
+
styles: styles_default
|
|
622
|
+
};
|
|
623
|
+
|
|
624
|
+
|
|
625
|
+
|
|
626
|
+
/***/ })
|
|
627
|
+
|
|
628
|
+
};
|
|
629
|
+
;
|
|
630
|
+
//# sourceMappingURL=872.node.js.map
|