hexagon-editor 0.1.4 → 0.1.6

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.
Files changed (118) hide show
  1. package/README.md +24 -11
  2. package/dist/MarkdownEditor.vue.d.ts +28 -26
  3. package/dist/MarkdownEditor.vue.d.ts.map +1 -1
  4. package/dist/{MarkdownEditorLinkForm-C7CGgA83.js → MarkdownEditorLinkForm-B9dEX3WT.js} +1 -1
  5. package/dist/{base-Bnv2-Te4.js → base-BPdMUtQo.js} +141 -137
  6. package/dist/components/MarkdownEditorToolbar.vue.d.ts +4 -3
  7. package/dist/components/MarkdownEditorToolbar.vue.d.ts.map +1 -1
  8. package/dist/configure.d.ts +0 -2
  9. package/dist/configure.d.ts.map +1 -1
  10. package/dist/configure.js +11 -12
  11. package/dist/core/basic-editor-markdown.d.ts.map +1 -1
  12. package/dist/core/basic-editor-renderers.d.ts +6 -4
  13. package/dist/core/basic-editor-renderers.d.ts.map +1 -1
  14. package/dist/core/basic-editor-types.d.ts +2 -0
  15. package/dist/core/basic-editor-types.d.ts.map +1 -1
  16. package/dist/core/basic-editor.d.ts +1 -1
  17. package/dist/core/basic-editor.d.ts.map +1 -1
  18. package/dist/core/index.d.ts +0 -2
  19. package/dist/core/index.d.ts.map +1 -1
  20. package/dist/core/markup-editor.d.ts.map +1 -1
  21. package/dist/core.js +28 -31
  22. package/dist/extensions.js +1 -1
  23. package/dist/forms/MarkdownEditorImageForm.vue.d.ts +2 -2
  24. package/dist/forms/MarkdownEditorImageForm.vue.d.ts.map +1 -1
  25. package/dist/forms/MarkdownEditorLinkForm.vue.d.ts +2 -2
  26. package/dist/forms/MarkdownEditorTextInput.vue.d.ts +2 -2
  27. package/dist/forms/MarkdownEditorTextInput.vue.d.ts.map +1 -1
  28. package/dist/forms.js +1 -1
  29. package/dist/{full-C-o2lPBX.js → full-Da8esvj2.js} +1 -1
  30. package/dist/{full-specs-Cl-ODShc.js → full-specs-hXKoMF-0.js} +1 -1
  31. package/dist/index-D_CMntQU.js +3173 -0
  32. package/dist/index.css +1 -1
  33. package/dist/index.d.ts +1 -1
  34. package/dist/index.d.ts.map +1 -1
  35. package/dist/index.js +3611 -1284
  36. package/dist/{markup-commands-BckOOKIe.js → markup-commands-BYsx8ADT.js} +1993 -1963
  37. package/dist/presets.js +2 -2
  38. package/dist/public-types.d.ts +22 -0
  39. package/dist/public-types.d.ts.map +1 -1
  40. package/dist/renderer/MarkdownRenderer.vue.d.ts +2 -0
  41. package/dist/renderer/MarkdownRenderer.vue.d.ts.map +1 -1
  42. package/dist/renderer/markdown.d.ts +2 -1
  43. package/dist/renderer/markdown.d.ts.map +1 -1
  44. package/dist/renderer.css +1 -1
  45. package/dist/renderer.js +142 -146
  46. package/package.json +106 -108
  47. package/dist/MarkdownEditorLinkForm.css +0 -1
  48. package/dist/abnfDiagram-N423BO3Z-DCf6sPky.js +0 -87
  49. package/dist/arc-y6UeoJpJ.js +0 -83
  50. package/dist/architectureDiagram-T3A2C74G-Cc3_3-cI.js +0 -4778
  51. package/dist/base.css +0 -1
  52. package/dist/blockDiagram-VBNYF7ZC-DWVLZwXY.js +0 -2419
  53. package/dist/c4Diagram-5PPSVZJV-CaIN7qay.js +0 -1577
  54. package/dist/channel-BwXGcavV.js +0 -5
  55. package/dist/chunk-2GRJ4B5K-O75udjPr.js +0 -68
  56. package/dist/chunk-2Q5K7J3B-CySL0lOA.js +0 -15
  57. package/dist/chunk-5RXB4S5H-BKPnLCOJ.js +0 -1408
  58. package/dist/chunk-5VM5RSS4--it1VJIv.js +0 -19
  59. package/dist/chunk-6Q2QTUOP-DNiML-50.js +0 -664
  60. package/dist/chunk-GF5L2VYU-z7A-k0-V.js +0 -1533
  61. package/dist/chunk-JWPE2WC7-DAjx3Kjr.js +0 -8
  62. package/dist/chunk-KBJHAD2P-D4R1VW0r.js +0 -19
  63. package/dist/chunk-RYQCIY6F-DmJAYxq8.js +0 -313
  64. package/dist/chunk-XXDRQBXY-CK913N-t.js +0 -8
  65. package/dist/classDiagram-JCYQIIEL-Djipq_HJ.js +0 -16
  66. package/dist/classDiagram-v2-OCEON4UE-Djipq_HJ.js +0 -16
  67. package/dist/core/optional-renderers.d.ts +0 -9
  68. package/dist/core/optional-renderers.d.ts.map +0 -1
  69. package/dist/cose-bilkent-JH36ORCC-CXuKFbXy.js +0 -2608
  70. package/dist/cynefin-VYW2F7L2-Bkk-F_Js.js +0 -23766
  71. package/dist/cynefinDiagram-MW4NZA55-DwOK40hm.js +0 -299
  72. package/dist/cytoscape.esm-3W4EOjxC.js +0 -18756
  73. package/dist/dagre-VZM6K2ZE-0VsGm8Ag.js +0 -340
  74. package/dist/defaultLocale-BgPVtth8.js +0 -171
  75. package/dist/diagram-7IWD3JNH-BrApu1hz.js +0 -350
  76. package/dist/diagram-B4RE2ZJO-CVXoBg2r.js +0 -461
  77. package/dist/diagram-LBJQPF4R-Dp0eSz2L.js +0 -142
  78. package/dist/diagram-Q27KOJAE-DWIltqIH.js +0 -528
  79. package/dist/diagram-UB23O5K3-B7z2Lj3K.js +0 -219
  80. package/dist/ebnfDiagram-BXEA7PRR-CYgE6z_2.js +0 -109
  81. package/dist/erDiagram-JOGREHBK-D3QWrPo-.js +0 -910
  82. package/dist/flowDiagram-UKHOOZJN-CfjPcHNW.js +0 -1638
  83. package/dist/ganttDiagram-PKOTCBZU-ECmaWI-9.js +0 -2711
  84. package/dist/gitGraphDiagram-DS77QQ5N-DgG1RGJ8.js +0 -815
  85. package/dist/graph-DAHC4kPm.js +0 -1545
  86. package/dist/infoDiagram-6WML65LV-B1Yl3nZV.js +0 -24
  87. package/dist/init-DjUOC4st.js +0 -16
  88. package/dist/ishikawaDiagram-WSZJBQD7-4sngaB5o.js +0 -621
  89. package/dist/journeyDiagram-NVQOT4AX-B_6AmR_j.js +0 -834
  90. package/dist/kanban-definition-27J2QSJJ-B8BO9o8J.js +0 -724
  91. package/dist/katex-ByXcxnHy.js +0 -14436
  92. package/dist/katex-DoRnZ_sp.js +0 -11682
  93. package/dist/layout-DBbo_M5I.js +0 -1519
  94. package/dist/linear-BEdRfKba.js +0 -259
  95. package/dist/map-DRdzG8Ho.js +0 -224
  96. package/dist/markup-commands.css +0 -1
  97. package/dist/mermaid.core-CR0bA2Wa.js +0 -16496
  98. package/dist/mindmap-definition-FAOFIHXS-DnPz807N.js +0 -827
  99. package/dist/optional-renderers-BalvqqvY.js +0 -11
  100. package/dist/ordinal-B6-f3MAq.js +0 -61
  101. package/dist/pegDiagram-VL7TDLO6-csGWlzs8.js +0 -95
  102. package/dist/pieDiagram-7S7Q4E2Y-Bqs8j5FX.js +0 -207
  103. package/dist/quadrantDiagram-CIZ2JOQS-jzP4lRrY.js +0 -1023
  104. package/dist/railroadDiagram-AXF67PYL-BSCyR24u.js +0 -77
  105. package/dist/renderer/mermaid-runtime.d.ts +0 -4
  106. package/dist/renderer/mermaid-runtime.d.ts.map +0 -1
  107. package/dist/requirementDiagram-LRYGKXZP-DmEkLYqX.js +0 -882
  108. package/dist/sankeyDiagram-W5VNT64P-CYvRYMTh.js +0 -847
  109. package/dist/sequenceDiagram-SI44F4Z6-CyWbDtPA.js +0 -2888
  110. package/dist/sizeCapture-X5ZJPWSS-xKhYCY84.js +0 -46
  111. package/dist/stateDiagram-OKZ733FA-DP44R2Dd.js +0 -263
  112. package/dist/stateDiagram-v2-UEYNNEHI-BvlOisND.js +0 -16
  113. package/dist/swimlanes-SLNWSIFB-BKFp8twH.js +0 -5332
  114. package/dist/swimlanesDiagram-ULZ7WXOC-CTvIFuHq.js +0 -13
  115. package/dist/timeline-definition-Z64GVDOM-B4137uIl.js +0 -1055
  116. package/dist/vennDiagram-T6HMQDX7-CPs8gXjx.js +0 -1578
  117. package/dist/wardleyDiagram-T6FBY63Y-BYp13hbI.js +0 -675
  118. package/dist/xychartDiagram-ELKLHX3M-DTT37K2u.js +0 -1388
@@ -1,19 +0,0 @@
1
- import { _ as e } from "./mermaid.core-CR0bA2Wa.js";
2
- var l = /* @__PURE__ */ e(() => `
3
- /* Font Awesome icon styling - consolidated */
4
- .label-icon {
5
- display: inline-block;
6
- height: 1em;
7
- overflow: visible;
8
- vertical-align: -0.125em;
9
- }
10
-
11
- .node .label-icon path {
12
- fill: currentColor;
13
- stroke: revert;
14
- stroke-width: revert;
15
- }
16
- `, "getIconStyles");
17
- export {
18
- l as g
19
- };
@@ -1,664 +0,0 @@
1
- import { _ as p, l as C, D as H, y as B, p as q, E as G, e as U, i as j, c as K } from "./mermaid.core-CR0bA2Wa.js";
2
- var A = "", M = "", O = "", D = [], b = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ p((e) => j(e, K()), "sanitizeText"), y = /* @__PURE__ */ p((e) => {
3
- switch (e.type) {
4
- case "terminal":
5
- return { ...e, value: v(e.value) };
6
- case "nonterminal":
7
- return { ...e, name: v(e.name) };
8
- case "sequence":
9
- return { ...e, elements: e.elements.map(y) };
10
- case "choice":
11
- return { ...e, alternatives: e.alternatives.map(y) };
12
- case "optional":
13
- return { ...e, element: y(e.element) };
14
- case "repetition":
15
- return {
16
- ...e,
17
- element: y(e.element),
18
- separator: e.separator ? y(e.separator) : void 0
19
- };
20
- case "special":
21
- return { ...e, text: v(e.text) };
22
- }
23
- }, "sanitizeAstNode"), J = /* @__PURE__ */ p(() => {
24
- A = "", M = "", O = "", D.length = 0, b.clear(), q(), C.debug("[Railroad] Database cleared");
25
- }, "clear"), Y = /* @__PURE__ */ p((e) => {
26
- A = v(e), C.debug("[Railroad] Title set:", e);
27
- }, "setTitle"), P = /* @__PURE__ */ p(() => A, "getTitle"), Q = /* @__PURE__ */ p((e) => {
28
- const i = {
29
- ...e,
30
- name: v(e.name),
31
- definition: y(e.definition),
32
- comment: e.comment ? v(e.comment) : void 0
33
- };
34
- C.debug("[Railroad] Adding rule:", i.name), b.has(i.name) && C.warn(`[Railroad] Rule '${i.name}' is already defined. Overwriting.`), D.push(i), b.set(i.name, i);
35
- }, "addRule"), Z = /* @__PURE__ */ p(() => D, "getRules"), V = /* @__PURE__ */ p((e) => b.get(e), "getRule"), ee = /* @__PURE__ */ p((e) => {
36
- M = v(e).replace(/^\s+/g, ""), C.debug("[Railroad] Accessibility title set:", e);
37
- }, "setAccTitle"), te = /* @__PURE__ */ p(() => M, "getAccTitle"), re = /* @__PURE__ */ p((e) => {
38
- O = v(e).replace(/\n\s+/g, `
39
- `), C.debug("[Railroad] Accessibility description set:", e);
40
- }, "setAccDescription"), ie = /* @__PURE__ */ p(() => O, "getAccDescription"), ne = Y, ae = P, oe = {
41
- clear: J,
42
- setTitle: Y,
43
- getTitle: P,
44
- addRule: Q,
45
- getRules: Z,
46
- getRule: V,
47
- setAccTitle: ee,
48
- getAccTitle: te,
49
- setAccDescription: re,
50
- getAccDescription: ie,
51
- setDiagramTitle: ne,
52
- getDiagramTitle: ae
53
- }, f = {
54
- // Layout
55
- compactMode: !1,
56
- // Spacing
57
- padding: 10,
58
- verticalSeparation: 8,
59
- horizontalSeparation: 10,
60
- arcRadius: 10,
61
- // Typography
62
- fontSize: 14,
63
- fontFamily: "monospace",
64
- // Colors - Terminal
65
- terminalFill: "#FFFFC0",
66
- terminalStroke: "#000000",
67
- terminalTextColor: "#000000",
68
- // Colors - Non-terminal
69
- nonTerminalFill: "#FFFFFF",
70
- nonTerminalStroke: "#000000",
71
- nonTerminalTextColor: "#000000",
72
- // Colors - Lines
73
- lineColor: "#000000",
74
- strokeWidth: 2,
75
- // Colors - Markers
76
- markerFill: "#000000",
77
- // Colors - Comment
78
- commentFill: "#E8E8E8",
79
- commentStroke: "#888888",
80
- commentTextColor: "#666666",
81
- // Colors - Special
82
- specialFill: "#F0E0FF",
83
- specialStroke: "#8800CC",
84
- // Other
85
- ruleNameColor: "#000066",
86
- showMarkers: !0,
87
- markerRadius: 5
88
- }, le = /^#(?:[\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$|^(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklab|oklch)\([\d\s%+,./-]+\)$|^[a-z]+$/i, se = /^[\w "',.-]+$/, de = /* @__PURE__ */ new Set([
89
- "compactMode",
90
- "padding",
91
- "verticalSeparation",
92
- "horizontalSeparation",
93
- "arcRadius",
94
- "fontSize",
95
- "fontFamily",
96
- "terminalFill",
97
- "terminalStroke",
98
- "terminalTextColor",
99
- "nonTerminalFill",
100
- "nonTerminalStroke",
101
- "nonTerminalTextColor",
102
- "lineColor",
103
- "strokeWidth",
104
- "markerFill",
105
- "commentFill",
106
- "commentStroke",
107
- "commentTextColor",
108
- "specialFill",
109
- "specialStroke",
110
- "ruleNameColor",
111
- "showMarkers",
112
- "markerRadius"
113
- ]), L = /* @__PURE__ */ p((e) => e ? Object.keys(e).every(
114
- (i) => i === "railroad" || de.has(i)
115
- ) : !1, "isRailroadStyleOptions"), ce = /* @__PURE__ */ p((e) => e ? "railroad" in e && e.railroad ? e.railroad : L(e) ? e : {} : {}, "extractRailroadOverrides"), me = /* @__PURE__ */ p((e) => {
116
- if (!e || L(e))
117
- return {};
118
- const {
119
- railroad: i,
120
- svgId: a,
121
- theme: n,
122
- look: t,
123
- ...r
124
- } = e;
125
- return r;
126
- }, "extractThemeOverrides"), m = /* @__PURE__ */ p((e, i) => {
127
- if (typeof e != "string")
128
- return i;
129
- const a = e.trim();
130
- return le.test(a) ? a : i;
131
- }, "sanitizeColorValue"), I = /* @__PURE__ */ p((e, i) => {
132
- if (typeof e != "string")
133
- return i;
134
- const a = e.trim();
135
- return se.test(a) ? a : i;
136
- }, "sanitizeFontFamilyValue"), F = /* @__PURE__ */ p((e, i) => {
137
- const a = typeof e == "number" ? e : typeof e == "string" ? Number.parseFloat(e) : Number.NaN;
138
- return Number.isFinite(a) && a >= 0 ? a : i;
139
- }, "sanitizeNumberValue"), he = /* @__PURE__ */ p((e) => {
140
- const i = typeof e == "number" ? e : typeof e == "string" ? Number.parseFloat(e) : Number.NaN;
141
- return Number.isFinite(i) && i > 0 ? i : void 0;
142
- }, "parseThemeFontSize"), pe = /* @__PURE__ */ p((e) => {
143
- const i = I(
144
- e.fontFamily,
145
- f.fontFamily
146
- ), a = he(e.fontSize) ?? f.fontSize;
147
- return {
148
- ...f,
149
- fontFamily: i,
150
- fontSize: a,
151
- terminalFill: m(
152
- e.secondBkg ?? e.secondaryColor,
153
- f.terminalFill
154
- ),
155
- terminalStroke: m(
156
- e.secondaryBorderColor ?? e.lineColor,
157
- f.terminalStroke
158
- ),
159
- terminalTextColor: m(
160
- e.secondaryTextColor ?? e.textColor,
161
- f.terminalTextColor
162
- ),
163
- nonTerminalFill: m(
164
- e.mainBkg ?? e.background,
165
- f.nonTerminalFill
166
- ),
167
- nonTerminalStroke: m(
168
- e.primaryBorderColor ?? e.lineColor,
169
- f.nonTerminalStroke
170
- ),
171
- nonTerminalTextColor: m(
172
- e.primaryTextColor ?? e.textColor,
173
- f.nonTerminalTextColor
174
- ),
175
- lineColor: m(e.lineColor, f.lineColor),
176
- markerFill: m(e.lineColor, f.markerFill),
177
- commentFill: m(
178
- e.labelBackground ?? e.tertiaryColor,
179
- f.commentFill
180
- ),
181
- commentStroke: m(
182
- e.tertiaryBorderColor ?? e.lineColor,
183
- f.commentStroke
184
- ),
185
- commentTextColor: m(
186
- e.tertiaryTextColor ?? e.textColor,
187
- f.commentTextColor
188
- ),
189
- specialFill: m(
190
- e.tertiaryColor ?? e.secondaryColor,
191
- f.specialFill
192
- ),
193
- specialStroke: m(
194
- e.tertiaryBorderColor ?? e.secondaryBorderColor,
195
- f.specialStroke
196
- ),
197
- ruleNameColor: m(
198
- e.titleColor ?? e.textColor,
199
- f.ruleNameColor
200
- )
201
- };
202
- }, "buildThemeDefaults"), E = /* @__PURE__ */ p((e) => {
203
- const i = B(), a = {
204
- ...G(),
205
- ...i.themeVariables ?? {},
206
- ...me(e)
207
- }, n = pe(a), t = {
208
- ...i.railroad ?? {},
209
- ...ce(e)
210
- };
211
- return {
212
- compactMode: t.compactMode ?? n.compactMode,
213
- padding: F(t.padding, n.padding),
214
- verticalSeparation: F(
215
- t.verticalSeparation,
216
- n.verticalSeparation
217
- ),
218
- horizontalSeparation: F(
219
- t.horizontalSeparation,
220
- n.horizontalSeparation
221
- ),
222
- arcRadius: F(t.arcRadius, n.arcRadius),
223
- fontSize: F(t.fontSize, n.fontSize),
224
- fontFamily: I(t.fontFamily, n.fontFamily),
225
- terminalFill: m(t.terminalFill, n.terminalFill),
226
- terminalStroke: m(
227
- t.terminalStroke,
228
- n.terminalStroke
229
- ),
230
- terminalTextColor: m(
231
- t.terminalTextColor,
232
- n.terminalTextColor
233
- ),
234
- nonTerminalFill: m(
235
- t.nonTerminalFill,
236
- n.nonTerminalFill
237
- ),
238
- nonTerminalStroke: m(
239
- t.nonTerminalStroke,
240
- n.nonTerminalStroke
241
- ),
242
- nonTerminalTextColor: m(
243
- t.nonTerminalTextColor,
244
- n.nonTerminalTextColor
245
- ),
246
- lineColor: m(t.lineColor, n.lineColor),
247
- strokeWidth: F(t.strokeWidth, n.strokeWidth),
248
- markerFill: m(t.markerFill, n.markerFill),
249
- commentFill: m(t.commentFill, n.commentFill),
250
- commentStroke: m(t.commentStroke, n.commentStroke),
251
- commentTextColor: m(
252
- t.commentTextColor,
253
- n.commentTextColor
254
- ),
255
- specialFill: m(t.specialFill, n.specialFill),
256
- specialStroke: m(t.specialStroke, n.specialStroke),
257
- ruleNameColor: m(t.ruleNameColor, n.ruleNameColor),
258
- showMarkers: t.showMarkers ?? n.showMarkers,
259
- markerRadius: F(t.markerRadius, n.markerRadius)
260
- };
261
- }, "buildRailroadStyleOptions"), Te = /* @__PURE__ */ p((e) => {
262
- const {
263
- fontFamily: i,
264
- fontSize: a,
265
- terminalFill: n,
266
- terminalStroke: t,
267
- terminalTextColor: r,
268
- nonTerminalFill: o,
269
- nonTerminalStroke: g,
270
- nonTerminalTextColor: l,
271
- lineColor: s,
272
- strokeWidth: h,
273
- markerFill: u,
274
- commentFill: c,
275
- commentStroke: w,
276
- commentTextColor: d,
277
- specialFill: T,
278
- specialStroke: z,
279
- ruleNameColor: S
280
- } = E(e);
281
- return `
282
- .railroad-diagram {
283
- font-family: ${i};
284
- font-size: ${a}px;
285
- }
286
-
287
- .railroad-terminal rect {
288
- fill: ${n};
289
- stroke: ${t};
290
- stroke-width: ${h}px;
291
- }
292
-
293
- .railroad-terminal text {
294
- fill: ${r};
295
- font-family: ${i};
296
- font-size: ${a}px;
297
- text-anchor: middle;
298
- dominant-baseline: middle;
299
- }
300
-
301
- .railroad-nonterminal rect {
302
- fill: ${o};
303
- stroke: ${g};
304
- stroke-width: ${h}px;
305
- }
306
-
307
- .railroad-nonterminal text {
308
- fill: ${l};
309
- font-family: ${i};
310
- font-size: ${a}px;
311
- text-anchor: middle;
312
- dominant-baseline: middle;
313
- }
314
-
315
- .railroad-line {
316
- stroke: ${s};
317
- stroke-width: ${h}px;
318
- fill: none;
319
- }
320
-
321
- .railroad-start circle,
322
- .railroad-end circle {
323
- fill: ${u};
324
- }
325
-
326
- .railroad-comment ellipse {
327
- fill: ${c};
328
- stroke: ${w};
329
- stroke-width: ${h}px;
330
- }
331
-
332
- .railroad-comment text {
333
- fill: ${d};
334
- font-style: italic;
335
- font-family: ${i};
336
- font-size: ${a}px;
337
- text-anchor: middle;
338
- dominant-baseline: middle;
339
- }
340
-
341
- .railroad-special rect {
342
- fill: ${T};
343
- stroke: ${z};
344
- stroke-width: ${h}px;
345
- stroke-dasharray: 5,3;
346
- }
347
-
348
- .railroad-special text {
349
- fill: ${l};
350
- font-family: ${i};
351
- font-size: ${a}px;
352
- text-anchor: middle;
353
- dominant-baseline: middle;
354
- }
355
-
356
- .railroad-rule-name {
357
- font-weight: bold;
358
- fill: ${S};
359
- font-family: ${i};
360
- font-size: ${a}px;
361
- }
362
-
363
- .railroad-group {
364
- /* Grouping container, no specific styles */
365
- }
366
- `;
367
- }, "getStyles"), R, x = (R = class {
368
- constructor() {
369
- this.d = "";
370
- }
371
- moveTo(i, a) {
372
- return this.d += `M ${i} ${a} `, this;
373
- }
374
- lineTo(i, a) {
375
- return this.d += `L ${i} ${a} `, this;
376
- }
377
- horizontalTo(i) {
378
- return this.d += `H ${i} `, this;
379
- }
380
- verticalTo(i) {
381
- return this.d += `V ${i} `, this;
382
- }
383
- arcTo(i, a, n, t, r, o, g) {
384
- return this.d += `A ${i} ${a} ${n} ${t ? 1 : 0} ${r ? 1 : 0} ${o} ${g} `, this;
385
- }
386
- build() {
387
- return this.d.trim();
388
- }
389
- }, p(R, "PathBuilder"), R), $, ue = ($ = class {
390
- constructor(i, a = E()) {
391
- this.textCache = /* @__PURE__ */ new Map(), this.svg = i, this.config = a;
392
- }
393
- /**
394
- * Measure text dimensions
395
- */
396
- measureText(i) {
397
- if (this.textCache.has(i))
398
- return this.textCache.get(i);
399
- const a = this.svg.append("text").attr("font-family", this.config.fontFamily).attr("font-size", this.config.fontSize).text(i), n = a.node().getBBox(), t = { width: n.width, height: n.height };
400
- return a.remove(), this.textCache.set(i, t), t;
401
- }
402
- /**
403
- * Render terminal symbol (rounded rectangle)
404
- */
405
- renderTerminal(i, a) {
406
- const n = this.measureText(a), t = n.width + this.config.padding * 2, r = n.height + this.config.padding * 2, o = i.append("g").attr("class", "railroad-terminal");
407
- return o.append("rect").attr("x", 0).attr("y", 0).attr("width", t).attr("height", r).attr("rx", 10).attr("ry", 10), o.append("text").attr("x", t / 2).attr("y", r / 2).text(a), {
408
- element: o.node(),
409
- dimensions: {
410
- width: t,
411
- height: r,
412
- up: r / 2,
413
- down: r / 2
414
- }
415
- };
416
- }
417
- /**
418
- * Render non-terminal symbol (rectangle)
419
- */
420
- renderNonTerminal(i, a) {
421
- const n = this.measureText(a), t = n.width + this.config.padding * 2, r = n.height + this.config.padding * 2, o = i.append("g").attr("class", "railroad-nonterminal");
422
- return o.append("rect").attr("x", 0).attr("y", 0).attr("width", t).attr("height", r), o.append("text").attr("x", t / 2).attr("y", r / 2).text(a), {
423
- element: o.node(),
424
- dimensions: {
425
- width: t,
426
- height: r,
427
- up: r / 2,
428
- down: r / 2
429
- }
430
- };
431
- }
432
- /**
433
- * Render sequence (horizontal concatenation)
434
- */
435
- renderSequence(i, a) {
436
- const n = a.map((s) => this.renderExpression(i, s));
437
- let t = 0, r = 0, o = 0;
438
- for (const s of n)
439
- t += s.dimensions.width, r = Math.max(r, s.dimensions.up), o = Math.max(o, s.dimensions.down);
440
- t += (n.length - 1) * this.config.horizontalSeparation;
441
- const g = i.append("g").attr("class", "railroad-sequence");
442
- let l = 0;
443
- for (let s = 0; s < n.length; s++) {
444
- const h = n[s], u = r - h.dimensions.up;
445
- if (g.node().appendChild(h.element).setAttribute("transform", `translate(${l}, ${u})`), s < n.length - 1) {
446
- const w = l + h.dimensions.width, d = w + this.config.horizontalSeparation, T = r;
447
- g.append("path").attr("class", "railroad-line").attr("d", new x().moveTo(w, T).lineTo(d, T).build());
448
- }
449
- l += h.dimensions.width + this.config.horizontalSeparation;
450
- }
451
- return {
452
- element: g.node(),
453
- dimensions: {
454
- width: t,
455
- height: r + o,
456
- up: r,
457
- down: o
458
- }
459
- };
460
- }
461
- /**
462
- * Render choice (vertical alternatives)
463
- */
464
- renderChoice(i, a) {
465
- const n = a.map((c) => this.renderExpression(i, c));
466
- let t = 0, r = 0;
467
- for (const c of n)
468
- t = Math.max(t, c.dimensions.width), r += c.dimensions.height;
469
- r += (n.length - 1) * this.config.verticalSeparation;
470
- const o = this.config.arcRadius, g = o * 4, l = t + g, s = i.append("g").attr("class", "railroad-choice");
471
- let h = 0;
472
- const u = r / 2;
473
- for (const c of n) {
474
- const w = h, d = w + c.dimensions.up, T = o * 2 + (t - c.dimensions.width) / 2;
475
- s.node().appendChild(c.element).setAttribute("transform", `translate(${T}, ${w})`);
476
- const S = new x(), k = d > u;
477
- d === u ? S.moveTo(0, u).lineTo(T, d) : S.moveTo(0, u).arcTo(
478
- o,
479
- o,
480
- 0,
481
- !1,
482
- k,
483
- o,
484
- u + (k ? o : -o)
485
- ).lineTo(o, d - (k ? o : -o)).arcTo(o, o, 0, !1, !k, o * 2, d).lineTo(T, d), s.append("path").attr("class", "railroad-line").attr("d", S.build());
486
- const N = new x(), _ = T + c.dimensions.width, X = l - o * 2;
487
- d === u ? N.moveTo(_, d).lineTo(l, u) : N.moveTo(_, d).lineTo(X, d).arcTo(
488
- o,
489
- o,
490
- 0,
491
- !1,
492
- !k,
493
- l - o,
494
- d + (k ? -o : o)
495
- ).lineTo(l - o, u + (k ? o : -o)).arcTo(o, o, 0, !1, k, l, u), s.append("path").attr("class", "railroad-line").attr("d", N.build()), h += c.dimensions.height + this.config.verticalSeparation;
496
- }
497
- return {
498
- element: s.node(),
499
- dimensions: {
500
- width: l,
501
- height: r,
502
- up: u,
503
- down: r - u
504
- }
505
- };
506
- }
507
- /**
508
- * Render optional (bypass path above)
509
- */
510
- renderOptional(i, a) {
511
- const n = this.renderExpression(i, a), t = this.config.arcRadius, r = t * 2, o = n.dimensions.width + t * 4, g = n.dimensions.height + r, l = i.append("g").attr("class", "railroad-optional"), s = t * 2, h = r;
512
- l.node().appendChild(n.element).setAttribute("transform", `translate(${s}, ${h})`);
513
- const c = h + n.dimensions.up, w = new x().moveTo(0, c).lineTo(t * 2, c);
514
- l.append("path").attr("class", "railroad-line").attr("d", w.build());
515
- const d = new x().moveTo(s + n.dimensions.width, c).lineTo(o, c);
516
- l.append("path").attr("class", "railroad-line").attr("d", d.build());
517
- const T = new x().moveTo(0, c).arcTo(t, t, 0, !1, !1, t, c - t).lineTo(t, t).arcTo(t, t, 0, !1, !0, t * 2, 0).lineTo(o - t * 2, 0).arcTo(t, t, 0, !1, !0, o - t, t).lineTo(o - t, c - t).arcTo(t, t, 0, !1, !1, o, c);
518
- return l.append("path").attr("class", "railroad-line").attr("d", T.build()), {
519
- element: l.node(),
520
- dimensions: {
521
- width: o,
522
- height: g,
523
- up: c,
524
- down: g - c
525
- }
526
- };
527
- }
528
- /**
529
- * Render repetition (loop back path)
530
- */
531
- renderRepetition(i, a, n) {
532
- const t = this.renderExpression(i, a), r = this.config.arcRadius, o = r * 2, g = t.dimensions.width + r * 4, l = n === 0, s = t.dimensions.height + o + (l ? o : 0), h = i.append("g").attr("class", "railroad-repetition"), u = r * 2, c = l ? o : 0;
533
- h.node().appendChild(t.element).setAttribute("transform", `translate(${u}, ${c})`);
534
- const d = c + t.dimensions.up;
535
- h.append("path").attr("class", "railroad-line").attr(
536
- "d",
537
- new x().moveTo(0, d).lineTo(r * 2, d).build()
538
- ), h.append("path").attr("class", "railroad-line").attr(
539
- "d",
540
- new x().moveTo(u + t.dimensions.width, d).lineTo(g, d).build()
541
- );
542
- const T = c + t.dimensions.height + r, z = new x().moveTo(u + t.dimensions.width, d).arcTo(
543
- r,
544
- r,
545
- 0,
546
- !1,
547
- !0,
548
- u + t.dimensions.width + r,
549
- d + r
550
- ).lineTo(u + t.dimensions.width + r, T).arcTo(
551
- r,
552
- r,
553
- 0,
554
- !1,
555
- !0,
556
- u + t.dimensions.width,
557
- T + r
558
- ).lineTo(r * 2, T + r).arcTo(r, r, 0, !1, !0, r, T).lineTo(r, d + r).arcTo(r, r, 0, !1, !0, r * 2, d);
559
- if (h.append("path").attr("class", "railroad-line").attr("d", z.build()), l) {
560
- const S = new x().moveTo(0, d).arcTo(r, r, 0, !1, !1, r, d - r).lineTo(r, r).arcTo(r, r, 0, !1, !0, r * 2, 0).lineTo(g - r * 2, 0).arcTo(r, r, 0, !1, !0, g - r, r).lineTo(g - r, d - r).arcTo(r, r, 0, !1, !1, g, d);
561
- h.append("path").attr("class", "railroad-line").attr("d", S.build());
562
- }
563
- return {
564
- element: h.node(),
565
- dimensions: {
566
- width: g,
567
- height: s,
568
- up: d,
569
- down: s - d
570
- }
571
- };
572
- }
573
- /**
574
- * Render special sequence
575
- */
576
- renderSpecial(i, a) {
577
- const n = this.measureText("? " + a + " ?"), t = n.width + this.config.padding * 2, r = n.height + this.config.padding * 2, o = i.append("g").attr("class", "railroad-special");
578
- return o.append("rect").attr("x", 0).attr("y", 0).attr("width", t).attr("height", r), o.append("text").attr("x", t / 2).attr("y", r / 2).text("? " + a + " ?"), {
579
- element: o.node(),
580
- dimensions: {
581
- width: t,
582
- height: r,
583
- up: r / 2,
584
- down: r / 2
585
- }
586
- };
587
- }
588
- /**
589
- * Render an expression (recursive)
590
- */
591
- renderExpression(i, a) {
592
- switch (a.type) {
593
- case "terminal":
594
- return this.renderTerminal(i, a.value);
595
- case "nonterminal":
596
- return this.renderNonTerminal(i, a.name);
597
- case "sequence":
598
- return this.renderSequence(i, a.elements);
599
- case "choice":
600
- return this.renderChoice(i, a.alternatives);
601
- case "optional":
602
- return this.renderOptional(i, a.element);
603
- case "repetition":
604
- return this.renderRepetition(i, a.element, a.min);
605
- case "special":
606
- return this.renderSpecial(i, a.text);
607
- default:
608
- throw new Error(`Unknown node type: ${a.type}`);
609
- }
610
- }
611
- /**
612
- * Render a single rule
613
- */
614
- renderRule(i, a) {
615
- const n = this.svg.append("g").attr("class", "railroad-rule").attr("transform", `translate(0, ${a})`), t = i.name + " =", r = this.measureText(t).width + 20, o = r + 20, g = n.append("g"), l = this.renderExpression(g, i.definition), s = Math.max(20, l.dimensions.up), h = s - l.dimensions.up;
616
- return g.attr("transform", `translate(${o}, ${h})`), n.append("g").attr("class", "railroad-rule-name-group").append("text").attr("class", "railroad-rule-name").attr("x", 0).attr("y", s).text(t), n.append("g").attr("class", "railroad-start").append("circle").attr("cx", r).attr("cy", s).attr("r", this.config.markerRadius), n.append("g").attr("class", "railroad-end").append("circle").attr("cx", o + l.dimensions.width + 10).attr("cy", s).attr("r", this.config.markerRadius), n.append("path").attr("class", "railroad-line").attr(
617
- "d",
618
- new x().moveTo(r + this.config.markerRadius, s).lineTo(o, s).build()
619
- ), n.append("path").attr("class", "railroad-line").attr(
620
- "d",
621
- new x().moveTo(o + l.dimensions.width, s).lineTo(o + l.dimensions.width + 10 - this.config.markerRadius, s).build()
622
- ), {
623
- height: Math.max(40, h + l.dimensions.height + this.config.padding * 2),
624
- width: o + l.dimensions.width + 10 + this.config.markerRadius
625
- };
626
- }
627
- /**
628
- * Render all rules
629
- */
630
- renderDiagram(i) {
631
- let a = this.config.padding, n = 0;
632
- for (const t of i) {
633
- const r = this.renderRule(t, a);
634
- a += r.height + this.config.verticalSeparation, n = Math.max(n, r.width);
635
- }
636
- return {
637
- width: n + this.config.padding * 2,
638
- height: a + this.config.padding
639
- };
640
- }
641
- }, p($, "RailroadRenderer"), $), W = /* @__PURE__ */ p((e, i, a) => {
642
- U(e, i.height, i.width, a), e.attr("viewBox", `0 0 ${i.width} ${i.height}`);
643
- }, "configureRailroadSvgSize"), ge = /* @__PURE__ */ p((e, i, a) => {
644
- C.debug(`[Railroad] Rendering diagram
645
- ` + e);
646
- try {
647
- const n = H(i);
648
- n.attr("class", "railroad-diagram");
649
- const r = B().railroad?.useMaxWidth ?? !0, o = oe.getRules();
650
- if (C.debug(`[Railroad] Rendering ${o.length} rules`), o.length === 0) {
651
- C.warn("[Railroad] No rules to render"), W(n, { height: 100, width: 200 }, r);
652
- return;
653
- }
654
- const l = new ue(n, E()).renderDiagram(o);
655
- W(n, l, r), C.debug("[Railroad] Render complete");
656
- } catch (n) {
657
- throw C.error("[Railroad] Render error:", n), n;
658
- }
659
- }, "draw"), xe = { draw: ge };
660
- export {
661
- oe as d,
662
- Te as g,
663
- xe as r
664
- };