@readme/markdown 11.1.1 → 11.2.0
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 +3 -3
- 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
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
exports.id =
|
|
3
|
-
exports.ids = [
|
|
2
|
+
exports.id = 483;
|
|
3
|
+
exports.ids = [483];
|
|
4
4
|
exports.modules = {
|
|
5
5
|
|
|
6
|
-
/***/
|
|
6
|
+
/***/ 5054:
|
|
7
7
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
8
|
|
|
9
9
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10
10
|
/* harmony export */ S: () => (/* binding */ populateCommonDb)
|
|
11
11
|
/* harmony export */ });
|
|
12
|
-
/* harmony import */ var
|
|
12
|
+
/* harmony import */ var _chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(416);
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
// src/diagrams/common/populateCommonDb.ts
|
|
@@ -24,25 +24,27 @@ function populateCommonDb(ast, db) {
|
|
|
24
24
|
db.setDiagramTitle?.(ast.title);
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
(0,
|
|
27
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(populateCommonDb, "populateCommonDb");
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
/***/ }),
|
|
33
33
|
|
|
34
|
-
/***/
|
|
34
|
+
/***/ 4483:
|
|
35
35
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
36
36
|
|
|
37
37
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
38
38
|
/* harmony export */ diagram: () => (/* binding */ diagram)
|
|
39
39
|
/* harmony export */ });
|
|
40
|
-
/* harmony import */ var
|
|
41
|
-
/* harmony import */ var
|
|
42
|
-
/* harmony import */ var
|
|
43
|
-
/* harmony import */ var
|
|
44
|
-
/* harmony import */ var
|
|
45
|
-
/* harmony import */ var
|
|
40
|
+
/* harmony import */ var _chunk_EXTU4WIE_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9479);
|
|
41
|
+
/* harmony import */ var _chunk_4BX2VUAB_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5054);
|
|
42
|
+
/* harmony import */ var _chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9131);
|
|
43
|
+
/* harmony import */ var _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6399);
|
|
44
|
+
/* harmony import */ var _chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(416);
|
|
45
|
+
/* harmony import */ var _mermaid_js_parser__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4010);
|
|
46
|
+
/* harmony import */ var d3__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(796);
|
|
47
|
+
|
|
46
48
|
|
|
47
49
|
|
|
48
50
|
|
|
@@ -52,7 +54,7 @@ function populateCommonDb(ast, db) {
|
|
|
52
54
|
|
|
53
55
|
|
|
54
56
|
// src/diagrams/pie/pieDb.ts
|
|
55
|
-
var DEFAULT_PIE_CONFIG =
|
|
57
|
+
var DEFAULT_PIE_CONFIG = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .defaultConfig_default */ .UI.pie;
|
|
56
58
|
var DEFAULT_PIE_DB = {
|
|
57
59
|
sections: /* @__PURE__ */ new Map(),
|
|
58
60
|
showData: false,
|
|
@@ -61,32 +63,37 @@ var DEFAULT_PIE_DB = {
|
|
|
61
63
|
var sections = DEFAULT_PIE_DB.sections;
|
|
62
64
|
var showData = DEFAULT_PIE_DB.showData;
|
|
63
65
|
var config = structuredClone(DEFAULT_PIE_CONFIG);
|
|
64
|
-
var getConfig2 = /* @__PURE__ */ (0,
|
|
65
|
-
var clear2 = /* @__PURE__ */ (0,
|
|
66
|
+
var getConfig2 = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)(() => structuredClone(config), "getConfig");
|
|
67
|
+
var clear2 = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)(() => {
|
|
66
68
|
sections = /* @__PURE__ */ new Map();
|
|
67
69
|
showData = DEFAULT_PIE_DB.showData;
|
|
68
|
-
(0,
|
|
70
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .clear */ .IU)();
|
|
69
71
|
}, "clear");
|
|
70
|
-
var addSection = /* @__PURE__ */ (0,
|
|
72
|
+
var addSection = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)(({ label, value }) => {
|
|
73
|
+
if (value < 0) {
|
|
74
|
+
throw new Error(
|
|
75
|
+
`"${label}" has invalid value: ${value}. Negative values are not allowed in pie charts. All slice values must be >= 0.`
|
|
76
|
+
);
|
|
77
|
+
}
|
|
71
78
|
if (!sections.has(label)) {
|
|
72
79
|
sections.set(label, value);
|
|
73
|
-
|
|
80
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .log */ .Rm.debug(`added new section: ${label}, with value: ${value}`);
|
|
74
81
|
}
|
|
75
82
|
}, "addSection");
|
|
76
|
-
var getSections = /* @__PURE__ */ (0,
|
|
77
|
-
var setShowData = /* @__PURE__ */ (0,
|
|
83
|
+
var getSections = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)(() => sections, "getSections");
|
|
84
|
+
var setShowData = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)((toggle) => {
|
|
78
85
|
showData = toggle;
|
|
79
86
|
}, "setShowData");
|
|
80
|
-
var getShowData = /* @__PURE__ */ (0,
|
|
87
|
+
var getShowData = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)(() => showData, "getShowData");
|
|
81
88
|
var db = {
|
|
82
89
|
getConfig: getConfig2,
|
|
83
90
|
clear: clear2,
|
|
84
|
-
setDiagramTitle:
|
|
85
|
-
getDiagramTitle:
|
|
86
|
-
setAccTitle:
|
|
87
|
-
getAccTitle:
|
|
88
|
-
setAccDescription:
|
|
89
|
-
getAccDescription:
|
|
91
|
+
setDiagramTitle: _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .setDiagramTitle */ .ke,
|
|
92
|
+
getDiagramTitle: _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getDiagramTitle */ .ab,
|
|
93
|
+
setAccTitle: _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .setAccTitle */ .SV,
|
|
94
|
+
getAccTitle: _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getAccTitle */ .iN,
|
|
95
|
+
setAccDescription: _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .setAccDescription */ .EI,
|
|
96
|
+
getAccDescription: _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getAccDescription */ .m7,
|
|
90
97
|
addSection,
|
|
91
98
|
getSections,
|
|
92
99
|
setShowData,
|
|
@@ -94,21 +101,21 @@ var db = {
|
|
|
94
101
|
};
|
|
95
102
|
|
|
96
103
|
// src/diagrams/pie/pieParser.ts
|
|
97
|
-
var populateDb = /* @__PURE__ */ (0,
|
|
98
|
-
(0,
|
|
104
|
+
var populateDb = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)((ast, db2) => {
|
|
105
|
+
(0,_chunk_4BX2VUAB_mjs__WEBPACK_IMPORTED_MODULE_1__/* .populateCommonDb */ .S)(ast, db2);
|
|
99
106
|
db2.setShowData(ast.showData);
|
|
100
107
|
ast.sections.map(db2.addSection);
|
|
101
108
|
}, "populateDb");
|
|
102
109
|
var parser = {
|
|
103
|
-
parse: /* @__PURE__ */ (0,
|
|
104
|
-
const ast = await (0,
|
|
105
|
-
|
|
110
|
+
parse: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)(async (input) => {
|
|
111
|
+
const ast = await (0,_mermaid_js_parser__WEBPACK_IMPORTED_MODULE_5__/* .parse */ .qg)("pie", input);
|
|
112
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .log */ .Rm.debug(ast);
|
|
106
113
|
populateDb(ast, db);
|
|
107
114
|
}, "parse")
|
|
108
115
|
};
|
|
109
116
|
|
|
110
117
|
// src/diagrams/pie/pieStyles.ts
|
|
111
|
-
var getStyles = /* @__PURE__ */ (0,
|
|
118
|
+
var getStyles = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)((options) => `
|
|
112
119
|
.pieCircle{
|
|
113
120
|
stroke: ${options.pieStrokeColor};
|
|
114
121
|
stroke-width : ${options.pieStrokeWidth};
|
|
@@ -141,40 +148,32 @@ var pieStyles_default = getStyles;
|
|
|
141
148
|
|
|
142
149
|
// src/diagrams/pie/pieRenderer.ts
|
|
143
150
|
|
|
144
|
-
var createPieArcs = /* @__PURE__ */ (0,
|
|
145
|
-
const
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
value: element[1]
|
|
149
|
-
};
|
|
150
|
-
}).sort((a, b) => {
|
|
151
|
-
return b.value - a.value;
|
|
152
|
-
});
|
|
153
|
-
const pie = (0,d3__WEBPACK_IMPORTED_MODULE_5__/* .pie */ .rLf)().value(
|
|
154
|
-
(d3Section) => d3Section.value
|
|
155
|
-
);
|
|
151
|
+
var createPieArcs = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)((sections2) => {
|
|
152
|
+
const sum = [...sections2.values()].reduce((acc, val) => acc + val, 0);
|
|
153
|
+
const pieData = [...sections2.entries()].map(([label, value]) => ({ label, value })).filter((d) => d.value / sum * 100 >= 1).sort((a, b) => b.value - a.value);
|
|
154
|
+
const pie = (0,d3__WEBPACK_IMPORTED_MODULE_6__/* .pie */ .rLf)().value((d) => d.value);
|
|
156
155
|
return pie(pieData);
|
|
157
156
|
}, "createPieArcs");
|
|
158
|
-
var draw = /* @__PURE__ */ (0,
|
|
159
|
-
|
|
157
|
+
var draw = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .__name */ .K2)((text, id, _version, diagObj) => {
|
|
158
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_4__/* .log */ .Rm.debug("rendering pie chart\n" + text);
|
|
160
159
|
const db2 = diagObj.db;
|
|
161
|
-
const globalConfig = (0,
|
|
162
|
-
const pieConfig = (0,
|
|
160
|
+
const globalConfig = (0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getConfig2 */ .D7)();
|
|
161
|
+
const pieConfig = (0,_chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_2__/* .cleanAndMerge */ .$t)(db2.getConfig(), globalConfig.pie);
|
|
163
162
|
const MARGIN = 40;
|
|
164
163
|
const LEGEND_RECT_SIZE = 18;
|
|
165
164
|
const LEGEND_SPACING = 4;
|
|
166
165
|
const height = 450;
|
|
167
166
|
const pieWidth = height;
|
|
168
|
-
const svg = (0,
|
|
167
|
+
const svg = (0,_chunk_EXTU4WIE_mjs__WEBPACK_IMPORTED_MODULE_0__/* .selectSvgElement */ .D)(id);
|
|
169
168
|
const group = svg.append("g");
|
|
170
169
|
group.attr("transform", "translate(" + pieWidth / 2 + "," + height / 2 + ")");
|
|
171
170
|
const { themeVariables } = globalConfig;
|
|
172
|
-
let [outerStrokeWidth] = (0,
|
|
171
|
+
let [outerStrokeWidth] = (0,_chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_2__/* .parseFontSize */ .I5)(themeVariables.pieOuterStrokeWidth);
|
|
173
172
|
outerStrokeWidth ??= 2;
|
|
174
173
|
const textPosition = pieConfig.textPosition;
|
|
175
174
|
const radius = Math.min(pieWidth, height) / 2 - MARGIN;
|
|
176
|
-
const arcGenerator = (0,
|
|
177
|
-
const labelArcGenerator = (0,
|
|
175
|
+
const arcGenerator = (0,d3__WEBPACK_IMPORTED_MODULE_6__/* .arc */ .JLW)().innerRadius(0).outerRadius(radius);
|
|
176
|
+
const labelArcGenerator = (0,d3__WEBPACK_IMPORTED_MODULE_6__/* .arc */ .JLW)().innerRadius(radius * textPosition).outerRadius(radius * textPosition);
|
|
178
177
|
group.append("circle").attr("cx", 0).attr("cy", 0).attr("r", radius + outerStrokeWidth / 2).attr("class", "pieOuterCircle");
|
|
179
178
|
const sections2 = db2.getSections();
|
|
180
179
|
const arcs = createPieArcs(sections2);
|
|
@@ -192,41 +191,45 @@ var draw = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_3__/*
|
|
|
192
191
|
themeVariables.pie11,
|
|
193
192
|
themeVariables.pie12
|
|
194
193
|
];
|
|
195
|
-
const color = (0,d3__WEBPACK_IMPORTED_MODULE_5__/* .scaleOrdinal */ .UMr)(myGeneratedColors);
|
|
196
|
-
group.selectAll("mySlices").data(arcs).enter().append("path").attr("d", arcGenerator).attr("fill", (datum) => {
|
|
197
|
-
return color(datum.data.label);
|
|
198
|
-
}).attr("class", "pieCircle");
|
|
199
194
|
let sum = 0;
|
|
200
195
|
sections2.forEach((section) => {
|
|
201
196
|
sum += section;
|
|
202
197
|
});
|
|
203
|
-
|
|
198
|
+
const filteredArcs = arcs.filter((datum) => (datum.data.value / sum * 100).toFixed(0) !== "0");
|
|
199
|
+
const color = (0,d3__WEBPACK_IMPORTED_MODULE_6__/* .scaleOrdinal */ .UMr)(myGeneratedColors);
|
|
200
|
+
group.selectAll("mySlices").data(filteredArcs).enter().append("path").attr("d", arcGenerator).attr("fill", (datum) => {
|
|
201
|
+
return color(datum.data.label);
|
|
202
|
+
}).attr("class", "pieCircle");
|
|
203
|
+
group.selectAll("mySlices").data(filteredArcs).enter().append("text").text((datum) => {
|
|
204
204
|
return (datum.data.value / sum * 100).toFixed(0) + "%";
|
|
205
205
|
}).attr("transform", (datum) => {
|
|
206
206
|
return "translate(" + labelArcGenerator.centroid(datum) + ")";
|
|
207
207
|
}).style("text-anchor", "middle").attr("class", "slice");
|
|
208
208
|
group.append("text").text(db2.getDiagramTitle()).attr("x", 0).attr("y", -(height - 50) / 2).attr("class", "pieTitleText");
|
|
209
|
-
const
|
|
209
|
+
const allSectionData = [...sections2.entries()].map(([label, value]) => ({
|
|
210
|
+
label,
|
|
211
|
+
value
|
|
212
|
+
}));
|
|
213
|
+
const legend = group.selectAll(".legend").data(allSectionData).enter().append("g").attr("class", "legend").attr("transform", (_datum, index) => {
|
|
210
214
|
const height2 = LEGEND_RECT_SIZE + LEGEND_SPACING;
|
|
211
|
-
const offset = height2 *
|
|
215
|
+
const offset = height2 * allSectionData.length / 2;
|
|
212
216
|
const horizontal = 12 * LEGEND_RECT_SIZE;
|
|
213
217
|
const vertical = index * height2 - offset;
|
|
214
218
|
return "translate(" + horizontal + "," + vertical + ")";
|
|
215
219
|
});
|
|
216
|
-
legend.append("rect").attr("width", LEGEND_RECT_SIZE).attr("height", LEGEND_RECT_SIZE).style("fill", color).style("stroke", color);
|
|
217
|
-
legend.
|
|
218
|
-
const { label, value } = datum.data;
|
|
220
|
+
legend.append("rect").attr("width", LEGEND_RECT_SIZE).attr("height", LEGEND_RECT_SIZE).style("fill", (d) => color(d.label)).style("stroke", (d) => color(d.label));
|
|
221
|
+
legend.append("text").attr("x", LEGEND_RECT_SIZE + LEGEND_SPACING).attr("y", LEGEND_RECT_SIZE - LEGEND_SPACING).text((d) => {
|
|
219
222
|
if (db2.getShowData()) {
|
|
220
|
-
return `${label} [${value}]`;
|
|
223
|
+
return `${d.label} [${d.value}]`;
|
|
221
224
|
}
|
|
222
|
-
return label;
|
|
225
|
+
return d.label;
|
|
223
226
|
});
|
|
224
227
|
const longestTextWidth = Math.max(
|
|
225
228
|
...legend.selectAll("text").nodes().map((node) => node?.getBoundingClientRect().width ?? 0)
|
|
226
229
|
);
|
|
227
230
|
const totalWidth = pieWidth + MARGIN + LEGEND_RECT_SIZE + LEGEND_SPACING + longestTextWidth;
|
|
228
231
|
svg.attr("viewBox", `0 0 ${totalWidth} ${height}`);
|
|
229
|
-
(0,
|
|
232
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_3__/* .configureSvgSize */ .a$)(svg, height, totalWidth, pieConfig.useMaxWidth);
|
|
230
233
|
}, "draw");
|
|
231
234
|
var renderer = { draw };
|
|
232
235
|
|
|
@@ -244,4 +247,4 @@ var diagram = {
|
|
|
244
247
|
|
|
245
248
|
};
|
|
246
249
|
;
|
|
247
|
-
//# sourceMappingURL=
|
|
250
|
+
//# sourceMappingURL=483.node.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"483.node.js","mappings":";;;;;;;;;;;;AAE8B;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAM;;AAIJ;;;;;;;;;;;;;;;;;;AClB4B;AAGA;AAIA;AAYA;AAIA;;AAE9B;AAC2C;;AAE3C;AACA,yBAAyB,gFAAqB;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,qEAAM;AACvC,6BAA6B,qEAAM;AACnC;AACA;AACA,EAAE,oEAAK;AACP,CAAC;AACD,iCAAiC,qEAAM,IAAI,cAAc;AACzD;AACA;AACA,UAAU,MAAM,uBAAuB,MAAM;AAC7C;AACA;AACA;AACA;AACA,IAAI,8DAAG,6BAA6B,MAAM,gBAAgB,MAAM;AAChE;AACA,CAAC;AACD,kCAAkC,qEAAM;AACxC,kCAAkC,qEAAM;AACxC;AACA,CAAC;AACD,kCAAkC,qEAAM;AACxC;AACA;AACA;AACA,iBAAiB;AACjB,iBAAiB;AACjB,aAAa;AACb,aAAa;AACb,mBAAmB;AACnB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;;AAEA;AACA,iCAAiC,qEAAM;AACvC,EAAE,8EAAgB;AAClB;AACA;AACA,CAAC;AACD;AACA,yBAAyB,qEAAM;AAC/B,sBAAsB,mEAAK;AAC3B,IAAI,8DAAG;AACP;AACA,GAAG;AACH;;AAEA;AACA,gCAAgC,qEAAM;AACtC;AACA,cAAc;AACd,qBAAqB;AACrB,gBAAgB;AAChB;AACA;AACA,cAAc;AACd,oBAAoB;AACpB;AACA;AACA;AACA;AACA,iBAAiB;AACjB,YAAY;AACZ,mBAAmB;AACnB;AACA;AACA,mBAAmB;AACnB,YAAY;AACZ,gBAAgB;AAChB;AACA;AACA;AACA,YAAY;AACZ,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;;AAEA;AACqD;AACrD,oCAAoC,qEAAM;AAC1C;AACA,sEAAsE,cAAc;AACpF,cAAc,kDAAK;AACnB;AACA,CAAC;AACD,2BAA2B,qEAAM;AACjC,EAAE,8DAAG;AACL;AACA,uBAAuB,yEAAS;AAChC,oBAAoB,4EAAa;AACjC;AACA;AACA;AACA;AACA;AACA,cAAc,8EAAgB;AAC9B;AACA;AACA,UAAU,iBAAiB;AAC3B,2BAA2B,4EAAa;AACxC;AACA;AACA;AACA,uBAAuB,kDAAG;AAC1B,4BAA4B,kDAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,gBAAgB,2DAAY;AAC5B;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,gBAAgB,SAAS,GAAG,QAAQ;AACpC;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,6BAA6B,YAAY,EAAE,OAAO;AAClD,EAAE,+EAAgB;AAClB,CAAC;AACD,iBAAiB;;AAEjB;AACA;AACA;AACA;AACA;AACA;AACA;AAGE","sources":["webpack://@readme/markdown/./node_modules/mermaid/dist/chunks/mermaid.core/chunk-4BX2VUAB.mjs","webpack://@readme/markdown/./node_modules/mermaid/dist/chunks/mermaid.core/pieDiagram-ADFJNKIX.mjs"],"sourcesContent":["import {\n __name\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/common/populateCommonDb.ts\nfunction populateCommonDb(ast, db) {\n if (ast.accDescr) {\n db.setAccDescription?.(ast.accDescr);\n }\n if (ast.accTitle) {\n db.setAccTitle?.(ast.accTitle);\n }\n if (ast.title) {\n db.setDiagramTitle?.(ast.title);\n }\n}\n__name(populateCommonDb, \"populateCommonDb\");\n\nexport {\n populateCommonDb\n};\n","import {\n selectSvgElement\n} from \"./chunk-EXTU4WIE.mjs\";\nimport {\n populateCommonDb\n} from \"./chunk-4BX2VUAB.mjs\";\nimport {\n cleanAndMerge,\n parseFontSize\n} from \"./chunk-S3R3BYOJ.mjs\";\nimport {\n clear,\n configureSvgSize,\n defaultConfig_default,\n getAccDescription,\n getAccTitle,\n getConfig2 as getConfig,\n getDiagramTitle,\n setAccDescription,\n setAccTitle,\n setDiagramTitle\n} from \"./chunk-ABZYJK2D.mjs\";\nimport {\n __name,\n log\n} from \"./chunk-AGHRB4JF.mjs\";\n\n// src/diagrams/pie/pieParser.ts\nimport { parse } from \"@mermaid-js/parser\";\n\n// src/diagrams/pie/pieDb.ts\nvar DEFAULT_PIE_CONFIG = defaultConfig_default.pie;\nvar DEFAULT_PIE_DB = {\n sections: /* @__PURE__ */ new Map(),\n showData: false,\n config: DEFAULT_PIE_CONFIG\n};\nvar sections = DEFAULT_PIE_DB.sections;\nvar showData = DEFAULT_PIE_DB.showData;\nvar config = structuredClone(DEFAULT_PIE_CONFIG);\nvar getConfig2 = /* @__PURE__ */ __name(() => structuredClone(config), \"getConfig\");\nvar clear2 = /* @__PURE__ */ __name(() => {\n sections = /* @__PURE__ */ new Map();\n showData = DEFAULT_PIE_DB.showData;\n clear();\n}, \"clear\");\nvar addSection = /* @__PURE__ */ __name(({ label, value }) => {\n if (value < 0) {\n throw new Error(\n `\"${label}\" has invalid value: ${value}. Negative values are not allowed in pie charts. All slice values must be >= 0.`\n );\n }\n if (!sections.has(label)) {\n sections.set(label, value);\n log.debug(`added new section: ${label}, with value: ${value}`);\n }\n}, \"addSection\");\nvar getSections = /* @__PURE__ */ __name(() => sections, \"getSections\");\nvar setShowData = /* @__PURE__ */ __name((toggle) => {\n showData = toggle;\n}, \"setShowData\");\nvar getShowData = /* @__PURE__ */ __name(() => showData, \"getShowData\");\nvar db = {\n getConfig: getConfig2,\n clear: clear2,\n setDiagramTitle,\n getDiagramTitle,\n setAccTitle,\n getAccTitle,\n setAccDescription,\n getAccDescription,\n addSection,\n getSections,\n setShowData,\n getShowData\n};\n\n// src/diagrams/pie/pieParser.ts\nvar populateDb = /* @__PURE__ */ __name((ast, db2) => {\n populateCommonDb(ast, db2);\n db2.setShowData(ast.showData);\n ast.sections.map(db2.addSection);\n}, \"populateDb\");\nvar parser = {\n parse: /* @__PURE__ */ __name(async (input) => {\n const ast = await parse(\"pie\", input);\n log.debug(ast);\n populateDb(ast, db);\n }, \"parse\")\n};\n\n// src/diagrams/pie/pieStyles.ts\nvar getStyles = /* @__PURE__ */ __name((options) => `\n .pieCircle{\n stroke: ${options.pieStrokeColor};\n stroke-width : ${options.pieStrokeWidth};\n opacity : ${options.pieOpacity};\n }\n .pieOuterCircle{\n stroke: ${options.pieOuterStrokeColor};\n stroke-width: ${options.pieOuterStrokeWidth};\n fill: none;\n }\n .pieTitleText {\n text-anchor: middle;\n font-size: ${options.pieTitleTextSize};\n fill: ${options.pieTitleTextColor};\n font-family: ${options.fontFamily};\n }\n .slice {\n font-family: ${options.fontFamily};\n fill: ${options.pieSectionTextColor};\n font-size:${options.pieSectionTextSize};\n // fill: white;\n }\n .legend text {\n fill: ${options.pieLegendTextColor};\n font-family: ${options.fontFamily};\n font-size: ${options.pieLegendTextSize};\n }\n`, \"getStyles\");\nvar pieStyles_default = getStyles;\n\n// src/diagrams/pie/pieRenderer.ts\nimport { arc, pie as d3pie, scaleOrdinal } from \"d3\";\nvar createPieArcs = /* @__PURE__ */ __name((sections2) => {\n const sum = [...sections2.values()].reduce((acc, val) => acc + val, 0);\n const pieData = [...sections2.entries()].map(([label, value]) => ({ label, value })).filter((d) => d.value / sum * 100 >= 1).sort((a, b) => b.value - a.value);\n const pie = d3pie().value((d) => d.value);\n return pie(pieData);\n}, \"createPieArcs\");\nvar draw = /* @__PURE__ */ __name((text, id, _version, diagObj) => {\n log.debug(\"rendering pie chart\\n\" + text);\n const db2 = diagObj.db;\n const globalConfig = getConfig();\n const pieConfig = cleanAndMerge(db2.getConfig(), globalConfig.pie);\n const MARGIN = 40;\n const LEGEND_RECT_SIZE = 18;\n const LEGEND_SPACING = 4;\n const height = 450;\n const pieWidth = height;\n const svg = selectSvgElement(id);\n const group = svg.append(\"g\");\n group.attr(\"transform\", \"translate(\" + pieWidth / 2 + \",\" + height / 2 + \")\");\n const { themeVariables } = globalConfig;\n let [outerStrokeWidth] = parseFontSize(themeVariables.pieOuterStrokeWidth);\n outerStrokeWidth ??= 2;\n const textPosition = pieConfig.textPosition;\n const radius = Math.min(pieWidth, height) / 2 - MARGIN;\n const arcGenerator = arc().innerRadius(0).outerRadius(radius);\n const labelArcGenerator = arc().innerRadius(radius * textPosition).outerRadius(radius * textPosition);\n group.append(\"circle\").attr(\"cx\", 0).attr(\"cy\", 0).attr(\"r\", radius + outerStrokeWidth / 2).attr(\"class\", \"pieOuterCircle\");\n const sections2 = db2.getSections();\n const arcs = createPieArcs(sections2);\n const myGeneratedColors = [\n themeVariables.pie1,\n themeVariables.pie2,\n themeVariables.pie3,\n themeVariables.pie4,\n themeVariables.pie5,\n themeVariables.pie6,\n themeVariables.pie7,\n themeVariables.pie8,\n themeVariables.pie9,\n themeVariables.pie10,\n themeVariables.pie11,\n themeVariables.pie12\n ];\n let sum = 0;\n sections2.forEach((section) => {\n sum += section;\n });\n const filteredArcs = arcs.filter((datum) => (datum.data.value / sum * 100).toFixed(0) !== \"0\");\n const color = scaleOrdinal(myGeneratedColors);\n group.selectAll(\"mySlices\").data(filteredArcs).enter().append(\"path\").attr(\"d\", arcGenerator).attr(\"fill\", (datum) => {\n return color(datum.data.label);\n }).attr(\"class\", \"pieCircle\");\n group.selectAll(\"mySlices\").data(filteredArcs).enter().append(\"text\").text((datum) => {\n return (datum.data.value / sum * 100).toFixed(0) + \"%\";\n }).attr(\"transform\", (datum) => {\n return \"translate(\" + labelArcGenerator.centroid(datum) + \")\";\n }).style(\"text-anchor\", \"middle\").attr(\"class\", \"slice\");\n group.append(\"text\").text(db2.getDiagramTitle()).attr(\"x\", 0).attr(\"y\", -(height - 50) / 2).attr(\"class\", \"pieTitleText\");\n const allSectionData = [...sections2.entries()].map(([label, value]) => ({\n label,\n value\n }));\n const legend = group.selectAll(\".legend\").data(allSectionData).enter().append(\"g\").attr(\"class\", \"legend\").attr(\"transform\", (_datum, index) => {\n const height2 = LEGEND_RECT_SIZE + LEGEND_SPACING;\n const offset = height2 * allSectionData.length / 2;\n const horizontal = 12 * LEGEND_RECT_SIZE;\n const vertical = index * height2 - offset;\n return \"translate(\" + horizontal + \",\" + vertical + \")\";\n });\n legend.append(\"rect\").attr(\"width\", LEGEND_RECT_SIZE).attr(\"height\", LEGEND_RECT_SIZE).style(\"fill\", (d) => color(d.label)).style(\"stroke\", (d) => color(d.label));\n legend.append(\"text\").attr(\"x\", LEGEND_RECT_SIZE + LEGEND_SPACING).attr(\"y\", LEGEND_RECT_SIZE - LEGEND_SPACING).text((d) => {\n if (db2.getShowData()) {\n return `${d.label} [${d.value}]`;\n }\n return d.label;\n });\n const longestTextWidth = Math.max(\n ...legend.selectAll(\"text\").nodes().map((node) => node?.getBoundingClientRect().width ?? 0)\n );\n const totalWidth = pieWidth + MARGIN + LEGEND_RECT_SIZE + LEGEND_SPACING + longestTextWidth;\n svg.attr(\"viewBox\", `0 0 ${totalWidth} ${height}`);\n configureSvgSize(svg, height, totalWidth, pieConfig.useMaxWidth);\n}, \"draw\");\nvar renderer = { draw };\n\n// src/diagrams/pie/pieDiagram.ts\nvar diagram = {\n parser,\n db,\n renderer,\n styles: pieStyles_default\n};\nexport {\n diagram\n};\n"],"names":[],"sourceRoot":""}
|