@oxide/design-system 1.7.6 → 1.7.7--canary.87d60df.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/dist/architecture-I3QFYML2-YZWO3N3B.js +14 -0
- package/components/dist/architecture-I3QFYML2-YZWO3N3B.js.map +1 -0
- package/components/dist/architectureDiagram-UYN6MBPD-HXPGIDN7.js +8846 -0
- package/components/dist/architectureDiagram-UYN6MBPD-HXPGIDN7.js.map +1 -0
- package/components/dist/asciidoc.css +1 -1
- package/components/dist/blockDiagram-ZHA2E4KO-OAYYKCLF.js +3721 -0
- package/components/dist/blockDiagram-ZHA2E4KO-OAYYKCLF.js.map +1 -0
- package/components/dist/c4Diagram-6F5ED5ID-TBHFK2XY.js +2599 -0
- package/components/dist/c4Diagram-6F5ED5ID-TBHFK2XY.js.map +1 -0
- package/components/dist/chunk-2DDKDUUO.js +439 -0
- package/components/dist/chunk-2DDKDUUO.js.map +1 -0
- package/components/dist/chunk-2NHDMTP7.js +26905 -0
- package/components/dist/chunk-2NHDMTP7.js.map +1 -0
- package/components/dist/chunk-4IJS44L3.js +22 -0
- package/components/dist/chunk-4IJS44L3.js.map +1 -0
- package/components/dist/chunk-562WOS3Z.js +1109 -0
- package/components/dist/chunk-562WOS3Z.js.map +1 -0
- package/components/dist/chunk-6UD2HOKB.js +17082 -0
- package/components/dist/chunk-6UD2HOKB.js.map +1 -0
- package/components/dist/chunk-76BOQ7BT.js +63 -0
- package/components/dist/chunk-76BOQ7BT.js.map +1 -0
- package/components/dist/chunk-7I5DT373.js +97 -0
- package/components/dist/chunk-7I5DT373.js.map +1 -0
- package/components/dist/chunk-BPREMNVP.js +1875 -0
- package/components/dist/chunk-BPREMNVP.js.map +1 -0
- package/components/dist/chunk-BVYAEHG3.js +122 -0
- package/components/dist/chunk-BVYAEHG3.js.map +1 -0
- package/components/dist/chunk-BW7DFBOS.js +152 -0
- package/components/dist/chunk-BW7DFBOS.js.map +1 -0
- package/components/dist/chunk-EZG2MNHW.js +59 -0
- package/components/dist/chunk-EZG2MNHW.js.map +1 -0
- package/components/dist/chunk-G6QWNAHJ.js +43 -0
- package/components/dist/chunk-G6QWNAHJ.js.map +1 -0
- package/components/dist/chunk-H72D3HRR.js +1244 -0
- package/components/dist/chunk-H72D3HRR.js.map +1 -0
- package/components/dist/chunk-K532NZMW.js +46 -0
- package/components/dist/chunk-K532NZMW.js.map +1 -0
- package/components/dist/chunk-LC3BX2KL.js +25 -0
- package/components/dist/chunk-LC3BX2KL.js.map +1 -0
- package/components/dist/chunk-LQ2ABR7F.js +5665 -0
- package/components/dist/chunk-LQ2ABR7F.js.map +1 -0
- package/components/dist/chunk-M6L3MM6K.js +22 -0
- package/components/dist/chunk-M6L3MM6K.js.map +1 -0
- package/components/dist/chunk-MWA4PRRW.js +122 -0
- package/components/dist/chunk-MWA4PRRW.js.map +1 -0
- package/components/dist/chunk-ND3FLKHU.js +570 -0
- package/components/dist/chunk-ND3FLKHU.js.map +1 -0
- package/components/dist/chunk-NIVHLOPB.js +2621 -0
- package/components/dist/chunk-NIVHLOPB.js.map +1 -0
- package/components/dist/chunk-R6F6FFK7.js +65 -0
- package/components/dist/chunk-R6F6FFK7.js.map +1 -0
- package/components/dist/chunk-RN5R3L7O.js +2041 -0
- package/components/dist/chunk-RN5R3L7O.js.map +1 -0
- package/components/dist/chunk-RWDBBMDN.js +10910 -0
- package/components/dist/chunk-RWDBBMDN.js.map +1 -0
- package/components/dist/chunk-T7HPDS4Z.js +573 -0
- package/components/dist/chunk-T7HPDS4Z.js.map +1 -0
- package/components/dist/chunk-TG4YEU4Q.js +23 -0
- package/components/dist/chunk-TG4YEU4Q.js.map +1 -0
- package/components/dist/chunk-U5WCXBW2.js +48 -0
- package/components/dist/chunk-U5WCXBW2.js.map +1 -0
- package/components/dist/chunk-V6PWN6OH.js +1875 -0
- package/components/dist/chunk-V6PWN6OH.js.map +1 -0
- package/components/dist/chunk-VLTHNCSD.js +48 -0
- package/components/dist/chunk-VLTHNCSD.js.map +1 -0
- package/components/dist/chunk-WDK4G4UR.js +2791 -0
- package/components/dist/chunk-WDK4G4UR.js.map +1 -0
- package/components/dist/chunk-WLVQWTC6.js +77 -0
- package/components/dist/chunk-WLVQWTC6.js.map +1 -0
- package/components/dist/chunk-YDLS5R4M.js +48 -0
- package/components/dist/chunk-YDLS5R4M.js.map +1 -0
- package/components/dist/chunk-YGFBWU2Q.js +7 -0
- package/components/dist/chunk-YGFBWU2Q.js.map +1 -0
- package/components/dist/chunk-ZBL4CWCH.js +2120 -0
- package/components/dist/chunk-ZBL4CWCH.js.map +1 -0
- package/components/dist/classDiagram-LNE6IOMH-VRQHEQWM.js +40 -0
- package/components/dist/classDiagram-LNE6IOMH-VRQHEQWM.js.map +1 -0
- package/components/dist/classDiagram-v2-MQ7JQ4JX-5GB4NXXM.js +40 -0
- package/components/dist/classDiagram-v2-MQ7JQ4JX-5GB4NXXM.js.map +1 -0
- package/components/dist/dagre-4EVJKHTY-XW45LMKR.js +734 -0
- package/components/dist/dagre-4EVJKHTY-XW45LMKR.js.map +1 -0
- package/components/dist/diagram-QW4FP2JN-J2YMUPB5.js +226 -0
- package/components/dist/diagram-QW4FP2JN-J2YMUPB5.js.map +1 -0
- package/components/dist/erDiagram-6RL3IURR-HQULDVJI.js +1381 -0
- package/components/dist/erDiagram-6RL3IURR-HQULDVJI.js.map +1 -0
- package/components/dist/flowDiagram-7ASYPVHJ-2542732I.js +2349 -0
- package/components/dist/flowDiagram-7ASYPVHJ-2542732I.js.map +1 -0
- package/components/dist/ganttDiagram-NTVNEXSI-V66YQQB3.js +2413 -0
- package/components/dist/ganttDiagram-NTVNEXSI-V66YQQB3.js.map +1 -0
- package/components/dist/gitGraph-YCYPL57B-AAXPWQN7.js +14 -0
- package/components/dist/gitGraph-YCYPL57B-AAXPWQN7.js.map +1 -0
- package/components/dist/gitGraphDiagram-NRZ2UAAF-5DU6QMYZ.js +1763 -0
- package/components/dist/gitGraphDiagram-NRZ2UAAF-5DU6QMYZ.js.map +1 -0
- package/components/dist/index.d.ts +54 -3
- package/components/dist/index.js +3794 -226
- package/components/dist/index.js.map +1 -1
- package/components/dist/info-46DW6VJ7-43TTIEYF.js +14 -0
- package/components/dist/info-46DW6VJ7-43TTIEYF.js.map +1 -0
- package/components/dist/infoDiagram-A4XQUW5V-UZERSQDI.js +54 -0
- package/components/dist/infoDiagram-A4XQUW5V-UZERSQDI.js.map +1 -0
- package/components/dist/journeyDiagram-G5WM74LC-RVKMRGRW.js +1244 -0
- package/components/dist/journeyDiagram-G5WM74LC-RVKMRGRW.js.map +1 -0
- package/components/dist/kanban-definition-QRCXZQQD-NWU5I3TK.js +1119 -0
- package/components/dist/kanban-definition-QRCXZQQD-NWU5I3TK.js.map +1 -0
- package/components/dist/katex-WNZY3CE5.js +14484 -0
- package/components/dist/katex-WNZY3CE5.js.map +1 -0
- package/components/dist/mindmap-definition-GWI6TPTV-MISEH6LG.js +6013 -0
- package/components/dist/mindmap-definition-GWI6TPTV-MISEH6LG.js.map +1 -0
- package/components/dist/packet-W2GHVCYJ-FBZCFIPR.js +14 -0
- package/components/dist/packet-W2GHVCYJ-FBZCFIPR.js.map +1 -0
- package/components/dist/pie-BEWT4RHE-UFFBBCXM.js +14 -0
- package/components/dist/pie-BEWT4RHE-UFFBBCXM.js.map +1 -0
- package/components/dist/pieDiagram-YF2LJOPJ-IXEVHPCM.js +223 -0
- package/components/dist/pieDiagram-YF2LJOPJ-IXEVHPCM.js.map +1 -0
- package/components/dist/quadrantDiagram-OS5C2QUG-MW26UCZV.js +1408 -0
- package/components/dist/quadrantDiagram-OS5C2QUG-MW26UCZV.js.map +1 -0
- package/components/dist/requirementDiagram-MIRIMTAZ-BX24AAHL.js +1175 -0
- package/components/dist/requirementDiagram-MIRIMTAZ-BX24AAHL.js.map +1 -0
- package/components/dist/sankeyDiagram-Y46BX6SQ-5RKUGG63.js +1278 -0
- package/components/dist/sankeyDiagram-Y46BX6SQ-5RKUGG63.js.map +1 -0
- package/components/dist/sequenceDiagram-G6AWOVSC-2T3JBUZ2.js +3529 -0
- package/components/dist/sequenceDiagram-G6AWOVSC-2T3JBUZ2.js.map +1 -0
- package/components/dist/stateDiagram-MAYHULR4-HZ5EGLPA.js +505 -0
- package/components/dist/stateDiagram-MAYHULR4-HZ5EGLPA.js.map +1 -0
- package/components/dist/stateDiagram-v2-4JROLMXI-DN2FEZV3.js +40 -0
- package/components/dist/stateDiagram-v2-4JROLMXI-DN2FEZV3.js.map +1 -0
- package/components/dist/timeline-definition-U7ZMHBDA-GB6AKKW4.js +1260 -0
- package/components/dist/timeline-definition-U7ZMHBDA-GB6AKKW4.js.map +1 -0
- package/components/dist/xychartDiagram-6QU3TZC5-BFFLEHUP.js +1877 -0
- package/components/dist/xychartDiagram-6QU3TZC5-BFFLEHUP.js.map +1 -0
- package/package.json +8 -2
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import {
|
|
2
|
+
PacketModule,
|
|
3
|
+
createPacketServices
|
|
4
|
+
} from "./chunk-VLTHNCSD.js";
|
|
5
|
+
import "./chunk-6UD2HOKB.js";
|
|
6
|
+
import "./chunk-ZBL4CWCH.js";
|
|
7
|
+
import "./chunk-BVYAEHG3.js";
|
|
8
|
+
import "./chunk-562WOS3Z.js";
|
|
9
|
+
import "./chunk-K532NZMW.js";
|
|
10
|
+
export {
|
|
11
|
+
PacketModule,
|
|
12
|
+
createPacketServices
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=packet-W2GHVCYJ-FBZCFIPR.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import {
|
|
2
|
+
PieModule,
|
|
3
|
+
createPieServices
|
|
4
|
+
} from "./chunk-EZG2MNHW.js";
|
|
5
|
+
import "./chunk-6UD2HOKB.js";
|
|
6
|
+
import "./chunk-ZBL4CWCH.js";
|
|
7
|
+
import "./chunk-BVYAEHG3.js";
|
|
8
|
+
import "./chunk-562WOS3Z.js";
|
|
9
|
+
import "./chunk-K532NZMW.js";
|
|
10
|
+
export {
|
|
11
|
+
PieModule,
|
|
12
|
+
createPieServices
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=pie-BEWT4RHE-UFFBBCXM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
import {
|
|
2
|
+
populateCommonDb
|
|
3
|
+
} from "./chunk-4IJS44L3.js";
|
|
4
|
+
import {
|
|
5
|
+
parse
|
|
6
|
+
} from "./chunk-R6F6FFK7.js";
|
|
7
|
+
import "./chunk-EZG2MNHW.js";
|
|
8
|
+
import "./chunk-76BOQ7BT.js";
|
|
9
|
+
import "./chunk-U5WCXBW2.js";
|
|
10
|
+
import {
|
|
11
|
+
selectSvgElement
|
|
12
|
+
} from "./chunk-TG4YEU4Q.js";
|
|
13
|
+
import {
|
|
14
|
+
cleanAndMerge,
|
|
15
|
+
parseFontSize
|
|
16
|
+
} from "./chunk-T7HPDS4Z.js";
|
|
17
|
+
import "./chunk-7I5DT373.js";
|
|
18
|
+
import {
|
|
19
|
+
__name,
|
|
20
|
+
arc_default,
|
|
21
|
+
clear,
|
|
22
|
+
configureSvgSize,
|
|
23
|
+
defaultConfig_default,
|
|
24
|
+
getAccDescription,
|
|
25
|
+
getAccTitle,
|
|
26
|
+
getConfig2,
|
|
27
|
+
getDiagramTitle,
|
|
28
|
+
log,
|
|
29
|
+
ordinal,
|
|
30
|
+
pie_default,
|
|
31
|
+
setAccDescription,
|
|
32
|
+
setAccTitle,
|
|
33
|
+
setDiagramTitle
|
|
34
|
+
} from "./chunk-RWDBBMDN.js";
|
|
35
|
+
import "./chunk-YDLS5R4M.js";
|
|
36
|
+
import "./chunk-VLTHNCSD.js";
|
|
37
|
+
import "./chunk-6UD2HOKB.js";
|
|
38
|
+
import "./chunk-ZBL4CWCH.js";
|
|
39
|
+
import "./chunk-BVYAEHG3.js";
|
|
40
|
+
import "./chunk-562WOS3Z.js";
|
|
41
|
+
import "./chunk-K532NZMW.js";
|
|
42
|
+
|
|
43
|
+
// node_modules/mermaid/dist/chunks/mermaid.core/pieDiagram-YF2LJOPJ.mjs
|
|
44
|
+
var DEFAULT_PIE_CONFIG = defaultConfig_default.pie;
|
|
45
|
+
var DEFAULT_PIE_DB = {
|
|
46
|
+
sections: /* @__PURE__ */ new Map(),
|
|
47
|
+
showData: false,
|
|
48
|
+
config: DEFAULT_PIE_CONFIG
|
|
49
|
+
};
|
|
50
|
+
var sections = DEFAULT_PIE_DB.sections;
|
|
51
|
+
var showData = DEFAULT_PIE_DB.showData;
|
|
52
|
+
var config = structuredClone(DEFAULT_PIE_CONFIG);
|
|
53
|
+
var getConfig22 = /* @__PURE__ */ __name(() => structuredClone(config), "getConfig");
|
|
54
|
+
var clear2 = /* @__PURE__ */ __name(() => {
|
|
55
|
+
sections = /* @__PURE__ */ new Map();
|
|
56
|
+
showData = DEFAULT_PIE_DB.showData;
|
|
57
|
+
clear();
|
|
58
|
+
}, "clear");
|
|
59
|
+
var addSection = /* @__PURE__ */ __name(({ label, value }) => {
|
|
60
|
+
if (!sections.has(label)) {
|
|
61
|
+
sections.set(label, value);
|
|
62
|
+
log.debug(`added new section: ${label}, with value: ${value}`);
|
|
63
|
+
}
|
|
64
|
+
}, "addSection");
|
|
65
|
+
var getSections = /* @__PURE__ */ __name(() => sections, "getSections");
|
|
66
|
+
var setShowData = /* @__PURE__ */ __name((toggle) => {
|
|
67
|
+
showData = toggle;
|
|
68
|
+
}, "setShowData");
|
|
69
|
+
var getShowData = /* @__PURE__ */ __name(() => showData, "getShowData");
|
|
70
|
+
var db = {
|
|
71
|
+
getConfig: getConfig22,
|
|
72
|
+
clear: clear2,
|
|
73
|
+
setDiagramTitle,
|
|
74
|
+
getDiagramTitle,
|
|
75
|
+
setAccTitle,
|
|
76
|
+
getAccTitle,
|
|
77
|
+
setAccDescription,
|
|
78
|
+
getAccDescription,
|
|
79
|
+
addSection,
|
|
80
|
+
getSections,
|
|
81
|
+
setShowData,
|
|
82
|
+
getShowData
|
|
83
|
+
};
|
|
84
|
+
var populateDb = /* @__PURE__ */ __name((ast, db2) => {
|
|
85
|
+
populateCommonDb(ast, db2);
|
|
86
|
+
db2.setShowData(ast.showData);
|
|
87
|
+
ast.sections.map(db2.addSection);
|
|
88
|
+
}, "populateDb");
|
|
89
|
+
var parser = {
|
|
90
|
+
parse: /* @__PURE__ */ __name(async (input) => {
|
|
91
|
+
const ast = await parse("pie", input);
|
|
92
|
+
log.debug(ast);
|
|
93
|
+
populateDb(ast, db);
|
|
94
|
+
}, "parse")
|
|
95
|
+
};
|
|
96
|
+
var getStyles = /* @__PURE__ */ __name((options) => `
|
|
97
|
+
.pieCircle{
|
|
98
|
+
stroke: ${options.pieStrokeColor};
|
|
99
|
+
stroke-width : ${options.pieStrokeWidth};
|
|
100
|
+
opacity : ${options.pieOpacity};
|
|
101
|
+
}
|
|
102
|
+
.pieOuterCircle{
|
|
103
|
+
stroke: ${options.pieOuterStrokeColor};
|
|
104
|
+
stroke-width: ${options.pieOuterStrokeWidth};
|
|
105
|
+
fill: none;
|
|
106
|
+
}
|
|
107
|
+
.pieTitleText {
|
|
108
|
+
text-anchor: middle;
|
|
109
|
+
font-size: ${options.pieTitleTextSize};
|
|
110
|
+
fill: ${options.pieTitleTextColor};
|
|
111
|
+
font-family: ${options.fontFamily};
|
|
112
|
+
}
|
|
113
|
+
.slice {
|
|
114
|
+
font-family: ${options.fontFamily};
|
|
115
|
+
fill: ${options.pieSectionTextColor};
|
|
116
|
+
font-size:${options.pieSectionTextSize};
|
|
117
|
+
// fill: white;
|
|
118
|
+
}
|
|
119
|
+
.legend text {
|
|
120
|
+
fill: ${options.pieLegendTextColor};
|
|
121
|
+
font-family: ${options.fontFamily};
|
|
122
|
+
font-size: ${options.pieLegendTextSize};
|
|
123
|
+
}
|
|
124
|
+
`, "getStyles");
|
|
125
|
+
var pieStyles_default = getStyles;
|
|
126
|
+
var createPieArcs = /* @__PURE__ */ __name((sections2) => {
|
|
127
|
+
const pieData = [...sections2.entries()].map((element) => {
|
|
128
|
+
return {
|
|
129
|
+
label: element[0],
|
|
130
|
+
value: element[1]
|
|
131
|
+
};
|
|
132
|
+
}).sort((a, b) => {
|
|
133
|
+
return b.value - a.value;
|
|
134
|
+
});
|
|
135
|
+
const pie = pie_default().value(
|
|
136
|
+
(d3Section) => d3Section.value
|
|
137
|
+
);
|
|
138
|
+
return pie(pieData);
|
|
139
|
+
}, "createPieArcs");
|
|
140
|
+
var draw = /* @__PURE__ */ __name((text, id, _version, diagObj) => {
|
|
141
|
+
log.debug("rendering pie chart\n" + text);
|
|
142
|
+
const db2 = diagObj.db;
|
|
143
|
+
const globalConfig = getConfig2();
|
|
144
|
+
const pieConfig = cleanAndMerge(db2.getConfig(), globalConfig.pie);
|
|
145
|
+
const MARGIN = 40;
|
|
146
|
+
const LEGEND_RECT_SIZE = 18;
|
|
147
|
+
const LEGEND_SPACING = 4;
|
|
148
|
+
const height = 450;
|
|
149
|
+
const pieWidth = height;
|
|
150
|
+
const svg = selectSvgElement(id);
|
|
151
|
+
const group = svg.append("g");
|
|
152
|
+
group.attr("transform", "translate(" + pieWidth / 2 + "," + height / 2 + ")");
|
|
153
|
+
const { themeVariables } = globalConfig;
|
|
154
|
+
let [outerStrokeWidth] = parseFontSize(themeVariables.pieOuterStrokeWidth);
|
|
155
|
+
outerStrokeWidth ??= 2;
|
|
156
|
+
const textPosition = pieConfig.textPosition;
|
|
157
|
+
const radius = Math.min(pieWidth, height) / 2 - MARGIN;
|
|
158
|
+
const arcGenerator = arc_default().innerRadius(0).outerRadius(radius);
|
|
159
|
+
const labelArcGenerator = arc_default().innerRadius(radius * textPosition).outerRadius(radius * textPosition);
|
|
160
|
+
group.append("circle").attr("cx", 0).attr("cy", 0).attr("r", radius + outerStrokeWidth / 2).attr("class", "pieOuterCircle");
|
|
161
|
+
const sections2 = db2.getSections();
|
|
162
|
+
const arcs = createPieArcs(sections2);
|
|
163
|
+
const myGeneratedColors = [
|
|
164
|
+
themeVariables.pie1,
|
|
165
|
+
themeVariables.pie2,
|
|
166
|
+
themeVariables.pie3,
|
|
167
|
+
themeVariables.pie4,
|
|
168
|
+
themeVariables.pie5,
|
|
169
|
+
themeVariables.pie6,
|
|
170
|
+
themeVariables.pie7,
|
|
171
|
+
themeVariables.pie8,
|
|
172
|
+
themeVariables.pie9,
|
|
173
|
+
themeVariables.pie10,
|
|
174
|
+
themeVariables.pie11,
|
|
175
|
+
themeVariables.pie12
|
|
176
|
+
];
|
|
177
|
+
const color = ordinal(myGeneratedColors);
|
|
178
|
+
group.selectAll("mySlices").data(arcs).enter().append("path").attr("d", arcGenerator).attr("fill", (datum) => {
|
|
179
|
+
return color(datum.data.label);
|
|
180
|
+
}).attr("class", "pieCircle");
|
|
181
|
+
let sum = 0;
|
|
182
|
+
sections2.forEach((section) => {
|
|
183
|
+
sum += section;
|
|
184
|
+
});
|
|
185
|
+
group.selectAll("mySlices").data(arcs).enter().append("text").text((datum) => {
|
|
186
|
+
return (datum.data.value / sum * 100).toFixed(0) + "%";
|
|
187
|
+
}).attr("transform", (datum) => {
|
|
188
|
+
return "translate(" + labelArcGenerator.centroid(datum) + ")";
|
|
189
|
+
}).style("text-anchor", "middle").attr("class", "slice");
|
|
190
|
+
group.append("text").text(db2.getDiagramTitle()).attr("x", 0).attr("y", -(height - 50) / 2).attr("class", "pieTitleText");
|
|
191
|
+
const legend = group.selectAll(".legend").data(color.domain()).enter().append("g").attr("class", "legend").attr("transform", (_datum, index) => {
|
|
192
|
+
const height2 = LEGEND_RECT_SIZE + LEGEND_SPACING;
|
|
193
|
+
const offset = height2 * color.domain().length / 2;
|
|
194
|
+
const horizontal = 12 * LEGEND_RECT_SIZE;
|
|
195
|
+
const vertical = index * height2 - offset;
|
|
196
|
+
return "translate(" + horizontal + "," + vertical + ")";
|
|
197
|
+
});
|
|
198
|
+
legend.append("rect").attr("width", LEGEND_RECT_SIZE).attr("height", LEGEND_RECT_SIZE).style("fill", color).style("stroke", color);
|
|
199
|
+
legend.data(arcs).append("text").attr("x", LEGEND_RECT_SIZE + LEGEND_SPACING).attr("y", LEGEND_RECT_SIZE - LEGEND_SPACING).text((datum) => {
|
|
200
|
+
const { label, value } = datum.data;
|
|
201
|
+
if (db2.getShowData()) {
|
|
202
|
+
return `${label} [${value}]`;
|
|
203
|
+
}
|
|
204
|
+
return label;
|
|
205
|
+
});
|
|
206
|
+
const longestTextWidth = Math.max(
|
|
207
|
+
...legend.selectAll("text").nodes().map((node) => node?.getBoundingClientRect().width ?? 0)
|
|
208
|
+
);
|
|
209
|
+
const totalWidth = pieWidth + MARGIN + LEGEND_RECT_SIZE + LEGEND_SPACING + longestTextWidth;
|
|
210
|
+
svg.attr("viewBox", `0 0 ${totalWidth} ${height}`);
|
|
211
|
+
configureSvgSize(svg, height, totalWidth, pieConfig.useMaxWidth);
|
|
212
|
+
}, "draw");
|
|
213
|
+
var renderer = { draw };
|
|
214
|
+
var diagram = {
|
|
215
|
+
parser,
|
|
216
|
+
db,
|
|
217
|
+
renderer,
|
|
218
|
+
styles: pieStyles_default
|
|
219
|
+
};
|
|
220
|
+
export {
|
|
221
|
+
diagram
|
|
222
|
+
};
|
|
223
|
+
//# sourceMappingURL=pieDiagram-YF2LJOPJ-IXEVHPCM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../node_modules/mermaid/dist/chunks/mermaid.core/pieDiagram-YF2LJOPJ.mjs"],"sourcesContent":["import {\n populateCommonDb\n} from \"./chunk-TMUBEWPD.mjs\";\nimport {\n cleanAndMerge,\n parseFontSize\n} from \"./chunk-7DKRZKHE.mjs\";\nimport {\n selectSvgElement\n} from \"./chunk-EJ4ZWXGL.mjs\";\nimport {\n __name,\n clear,\n configureSvgSize,\n defaultConfig_default,\n getAccDescription,\n getAccTitle,\n getConfig2 as getConfig,\n getDiagramTitle,\n log,\n setAccDescription,\n setAccTitle,\n setDiagramTitle\n} from \"./chunk-6DBFFHIP.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 (!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 pieData = [...sections2.entries()].map((element) => {\n return {\n label: element[0],\n value: element[1]\n };\n }).sort((a, b) => {\n return b.value - a.value;\n });\n const pie = d3pie().value(\n (d3Section) => d3Section.value\n );\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 const color = scaleOrdinal(myGeneratedColors);\n group.selectAll(\"mySlices\").data(arcs).enter().append(\"path\").attr(\"d\", arcGenerator).attr(\"fill\", (datum) => {\n return color(datum.data.label);\n }).attr(\"class\", \"pieCircle\");\n let sum = 0;\n sections2.forEach((section) => {\n sum += section;\n });\n group.selectAll(\"mySlices\").data(arcs).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 legend = group.selectAll(\".legend\").data(color.domain()).enter().append(\"g\").attr(\"class\", \"legend\").attr(\"transform\", (_datum, index) => {\n const height2 = LEGEND_RECT_SIZE + LEGEND_SPACING;\n const offset = height2 * color.domain().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\", color).style(\"stroke\", color);\n legend.data(arcs).append(\"text\").attr(\"x\", LEGEND_RECT_SIZE + LEGEND_SPACING).attr(\"y\", LEGEND_RECT_SIZE - LEGEND_SPACING).text((datum) => {\n const { label, value } = datum.data;\n if (db2.getShowData()) {\n return `${label} [${value}]`;\n }\n return 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAI,qBAAqB,sBAAsB;AAC/C,IAAI,iBAAiB;AAAA,EACnB,UAA0B,oBAAI,IAAI;AAAA,EAClC,UAAU;AAAA,EACV,QAAQ;AACV;AACA,IAAI,WAAW,eAAe;AAC9B,IAAI,WAAW,eAAe;AAC9B,IAAI,SAAS,gBAAgB,kBAAkB;AAC/C,IAAIA,cAA6B,uBAAO,MAAM,gBAAgB,MAAM,GAAG,WAAW;AAClF,IAAI,SAAyB,uBAAO,MAAM;AACxC,aAA2B,oBAAI,IAAI;AACnC,aAAW,eAAe;AAC1B,QAAM;AACR,GAAG,OAAO;AACV,IAAI,aAA6B,uBAAO,CAAC,EAAE,OAAO,MAAM,MAAM;AAC5D,MAAI,CAAC,SAAS,IAAI,KAAK,GAAG;AACxB,aAAS,IAAI,OAAO,KAAK;AACzB,QAAI,MAAM,sBAAsB,KAAK,iBAAiB,KAAK,EAAE;AAAA,EAC/D;AACF,GAAG,YAAY;AACf,IAAI,cAA8B,uBAAO,MAAM,UAAU,aAAa;AACtE,IAAI,cAA8B,uBAAO,CAAC,WAAW;AACnD,aAAW;AACb,GAAG,aAAa;AAChB,IAAI,cAA8B,uBAAO,MAAM,UAAU,aAAa;AACtE,IAAI,KAAK;AAAA,EACP,WAAWA;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGA,IAAI,aAA6B,uBAAO,CAAC,KAAK,QAAQ;AACpD,mBAAiB,KAAK,GAAG;AACzB,MAAI,YAAY,IAAI,QAAQ;AAC5B,MAAI,SAAS,IAAI,IAAI,UAAU;AACjC,GAAG,YAAY;AACf,IAAI,SAAS;AAAA,EACX,OAAuB,uBAAO,OAAO,UAAU;AAC7C,UAAM,MAAM,MAAM,MAAM,OAAO,KAAK;AACpC,QAAI,MAAM,GAAG;AACb,eAAW,KAAK,EAAE;AAAA,EACpB,GAAG,OAAO;AACZ;AAGA,IAAI,YAA4B,uBAAO,CAAC,YAAY;AAAA;AAAA,cAEtC,QAAQ,cAAc;AAAA,qBACf,QAAQ,cAAc;AAAA,gBAC3B,QAAQ,UAAU;AAAA;AAAA;AAAA,cAGpB,QAAQ,mBAAmB;AAAA,oBACrB,QAAQ,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,iBAK9B,QAAQ,gBAAgB;AAAA,YAC7B,QAAQ,iBAAiB;AAAA,mBAClB,QAAQ,UAAU;AAAA;AAAA;AAAA,mBAGlB,QAAQ,UAAU;AAAA,YACzB,QAAQ,mBAAmB;AAAA,gBACvB,QAAQ,kBAAkB;AAAA;AAAA;AAAA;AAAA,YAI9B,QAAQ,kBAAkB;AAAA,mBACnB,QAAQ,UAAU;AAAA,iBACpB,QAAQ,iBAAiB;AAAA;AAAA,GAEvC,WAAW;AACd,IAAI,oBAAoB;AAIxB,IAAI,gBAAgC,uBAAO,CAAC,cAAc;AACxD,QAAM,UAAU,CAAC,GAAG,UAAU,QAAQ,CAAC,EAAE,IAAI,CAAC,YAAY;AACxD,WAAO;AAAA,MACL,OAAO,QAAQ,CAAC;AAAA,MAChB,OAAO,QAAQ,CAAC;AAAA,IAClB;AAAA,EACF,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM;AAChB,WAAO,EAAE,QAAQ,EAAE;AAAA,EACrB,CAAC;AACD,QAAM,MAAM,YAAM,EAAE;AAAA,IAClB,CAAC,cAAc,UAAU;AAAA,EAC3B;AACA,SAAO,IAAI,OAAO;AACpB,GAAG,eAAe;AAClB,IAAI,OAAuB,uBAAO,CAAC,MAAM,IAAI,UAAU,YAAY;AACjE,MAAI,MAAM,0BAA0B,IAAI;AACxC,QAAM,MAAM,QAAQ;AACpB,QAAM,eAAe,WAAU;AAC/B,QAAM,YAAY,cAAc,IAAI,UAAU,GAAG,aAAa,GAAG;AACjE,QAAM,SAAS;AACf,QAAM,mBAAmB;AACzB,QAAM,iBAAiB;AACvB,QAAM,SAAS;AACf,QAAM,WAAW;AACjB,QAAM,MAAM,iBAAiB,EAAE;AAC/B,QAAM,QAAQ,IAAI,OAAO,GAAG;AAC5B,QAAM,KAAK,aAAa,eAAe,WAAW,IAAI,MAAM,SAAS,IAAI,GAAG;AAC5E,QAAM,EAAE,eAAe,IAAI;AAC3B,MAAI,CAAC,gBAAgB,IAAI,cAAc,eAAe,mBAAmB;AACzE,uBAAqB;AACrB,QAAM,eAAe,UAAU;AAC/B,QAAM,SAAS,KAAK,IAAI,UAAU,MAAM,IAAI,IAAI;AAChD,QAAM,eAAe,YAAI,EAAE,YAAY,CAAC,EAAE,YAAY,MAAM;AAC5D,QAAM,oBAAoB,YAAI,EAAE,YAAY,SAAS,YAAY,EAAE,YAAY,SAAS,YAAY;AACpG,QAAM,OAAO,QAAQ,EAAE,KAAK,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,KAAK,KAAK,SAAS,mBAAmB,CAAC,EAAE,KAAK,SAAS,gBAAgB;AAC1H,QAAM,YAAY,IAAI,YAAY;AAClC,QAAM,OAAO,cAAc,SAAS;AACpC,QAAM,oBAAoB;AAAA,IACxB,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,IACf,eAAe;AAAA,EACjB;AACA,QAAM,QAAQ,QAAa,iBAAiB;AAC5C,QAAM,UAAU,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,MAAM,EAAE,KAAK,KAAK,YAAY,EAAE,KAAK,QAAQ,CAAC,UAAU;AAC5G,WAAO,MAAM,MAAM,KAAK,KAAK;AAAA,EAC/B,CAAC,EAAE,KAAK,SAAS,WAAW;AAC5B,MAAI,MAAM;AACV,YAAU,QAAQ,CAAC,YAAY;AAC7B,WAAO;AAAA,EACT,CAAC;AACD,QAAM,UAAU,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,MAAM,EAAE,KAAK,CAAC,UAAU;AAC5E,YAAQ,MAAM,KAAK,QAAQ,MAAM,KAAK,QAAQ,CAAC,IAAI;AAAA,EACrD,CAAC,EAAE,KAAK,aAAa,CAAC,UAAU;AAC9B,WAAO,eAAe,kBAAkB,SAAS,KAAK,IAAI;AAAA,EAC5D,CAAC,EAAE,MAAM,eAAe,QAAQ,EAAE,KAAK,SAAS,OAAO;AACvD,QAAM,OAAO,MAAM,EAAE,KAAK,IAAI,gBAAgB,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,KAAK,KAAK,EAAE,SAAS,MAAM,CAAC,EAAE,KAAK,SAAS,cAAc;AACxH,QAAM,SAAS,MAAM,UAAU,SAAS,EAAE,KAAK,MAAM,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,EAAE,KAAK,SAAS,QAAQ,EAAE,KAAK,aAAa,CAAC,QAAQ,UAAU;AAC9I,UAAM,UAAU,mBAAmB;AACnC,UAAM,SAAS,UAAU,MAAM,OAAO,EAAE,SAAS;AACjD,UAAM,aAAa,KAAK;AACxB,UAAM,WAAW,QAAQ,UAAU;AACnC,WAAO,eAAe,aAAa,MAAM,WAAW;AAAA,EACtD,CAAC;AACD,SAAO,OAAO,MAAM,EAAE,KAAK,SAAS,gBAAgB,EAAE,KAAK,UAAU,gBAAgB,EAAE,MAAM,QAAQ,KAAK,EAAE,MAAM,UAAU,KAAK;AACjI,SAAO,KAAK,IAAI,EAAE,OAAO,MAAM,EAAE,KAAK,KAAK,mBAAmB,cAAc,EAAE,KAAK,KAAK,mBAAmB,cAAc,EAAE,KAAK,CAAC,UAAU;AACzI,UAAM,EAAE,OAAO,MAAM,IAAI,MAAM;AAC/B,QAAI,IAAI,YAAY,GAAG;AACrB,aAAO,GAAG,KAAK,KAAK,KAAK;AAAA,IAC3B;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,mBAAmB,KAAK;AAAA,IAC5B,GAAG,OAAO,UAAU,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,MAAM,sBAAsB,EAAE,SAAS,CAAC;AAAA,EAC5F;AACA,QAAM,aAAa,WAAW,SAAS,mBAAmB,iBAAiB;AAC3E,MAAI,KAAK,WAAW,OAAO,UAAU,IAAI,MAAM,EAAE;AACjD,mBAAiB,KAAK,QAAQ,YAAY,UAAU,WAAW;AACjE,GAAG,MAAM;AACT,IAAI,WAAW,EAAE,KAAK;AAGtB,IAAI,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV;","names":["getConfig2"]}
|