w-flow-vue 1.0.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.
Files changed (144) hide show
  1. package/.editorconfig +9 -0
  2. package/.eslintignore +3 -0
  3. package/.eslintrc.js +55 -0
  4. package/.jsdoc +25 -0
  5. package/AGENT.md +223 -0
  6. package/LICENSE +21 -0
  7. package/README.md +37 -0
  8. package/SECURITY.md +5 -0
  9. package/babel.config.js +16 -0
  10. package/dist/w-flow-vue.umd.js +15 -0
  11. package/dist/w-flow-vue.umd.js.map +1 -0
  12. package/docs/components_WFlowVue.vue.html +1214 -0
  13. package/docs/examples/app.html +62 -0
  14. package/docs/examples/app.umd.js +20 -0
  15. package/docs/examples/app.umd.js.map +1 -0
  16. package/docs/examples/ex-AppBasic.html +440 -0
  17. package/docs/examples/ex-AppConnectivity.html +131 -0
  18. package/docs/fonts/Montserrat/Montserrat-Bold.eot +0 -0
  19. package/docs/fonts/Montserrat/Montserrat-Bold.ttf +0 -0
  20. package/docs/fonts/Montserrat/Montserrat-Bold.woff +0 -0
  21. package/docs/fonts/Montserrat/Montserrat-Bold.woff2 +0 -0
  22. package/docs/fonts/Montserrat/Montserrat-Regular.eot +0 -0
  23. package/docs/fonts/Montserrat/Montserrat-Regular.ttf +0 -0
  24. package/docs/fonts/Montserrat/Montserrat-Regular.woff +0 -0
  25. package/docs/fonts/Montserrat/Montserrat-Regular.woff2 +0 -0
  26. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.eot +0 -0
  27. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.svg +978 -0
  28. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.ttf +0 -0
  29. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff +0 -0
  30. package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff2 +0 -0
  31. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.eot +0 -0
  32. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.svg +1049 -0
  33. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.ttf +0 -0
  34. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff +0 -0
  35. package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff2 +0 -0
  36. package/docs/global.html +1919 -0
  37. package/docs/index.html +84 -0
  38. package/docs/js_defaults.mjs.html +105 -0
  39. package/docs/js_edge-path.mjs.html +237 -0
  40. package/docs/js_geometry.mjs.html +298 -0
  41. package/docs/js_graph.mjs.html +103 -0
  42. package/docs/js_step-routing.mjs.html +346 -0
  43. package/docs/module-WFlowVue.html +2790 -0
  44. package/docs/scripts/collapse.js +39 -0
  45. package/docs/scripts/commonNav.js +28 -0
  46. package/docs/scripts/linenumber.js +25 -0
  47. package/docs/scripts/nav.js +12 -0
  48. package/docs/scripts/polyfill.js +4 -0
  49. package/docs/scripts/prettify/Apache-License-2.0.txt +202 -0
  50. package/docs/scripts/prettify/lang-css.js +2 -0
  51. package/docs/scripts/prettify/prettify.js +28 -0
  52. package/docs/scripts/search.js +99 -0
  53. package/docs/styles/jsdoc.css +776 -0
  54. package/docs/styles/prettify.css +80 -0
  55. package/jest.config.js +20 -0
  56. package/package.json +80 -0
  57. package/public/index.html +38 -0
  58. package/script.txt +22 -0
  59. package/src/App.vue +326 -0
  60. package/src/AppBasic.vue +125 -0
  61. package/src/AppConnectivity.vue +186 -0
  62. package/src/components/WFlowVue.vue +1142 -0
  63. package/src/components/canvas/BackgroundLayer.vue +78 -0
  64. package/src/components/canvas/FlowCanvas.vue +64 -0
  65. package/src/components/canvas/SelectionBox.vue +36 -0
  66. package/src/components/canvas/ViewportTransform.vue +35 -0
  67. package/src/components/edges/ConnectionLine.vue +65 -0
  68. package/src/components/edges/EdgeMarkerDefs.vue +76 -0
  69. package/src/components/edges/EdgeRenderer.vue +120 -0
  70. package/src/components/edges/EdgeWrapper.vue +379 -0
  71. package/src/components/nodes/DefaultNode.vue +276 -0
  72. package/src/components/nodes/Handle.vue +101 -0
  73. package/src/components/nodes/InputNode.vue +47 -0
  74. package/src/components/nodes/NodeBody.vue +103 -0
  75. package/src/components/nodes/NodeFace.vue +128 -0
  76. package/src/components/nodes/NodeRenderer.vue +95 -0
  77. package/src/components/nodes/NodeWrapper.vue +475 -0
  78. package/src/components/nodes/OutputNode.vue +47 -0
  79. package/src/components/ui/ConnSettingsForm.vue +158 -0
  80. package/src/components/ui/Controls.vue +83 -0
  81. package/src/components/ui/NodeSettingsForm.vue +185 -0
  82. package/src/js/defaults.mjs +33 -0
  83. package/src/js/edge-path.mjs +165 -0
  84. package/src/js/geometry.mjs +226 -0
  85. package/src/js/graph.mjs +31 -0
  86. package/src/js/step-routing.mjs +274 -0
  87. package/src/main.js +22 -0
  88. package/test/WFlowVue-features.test.mjs +760 -0
  89. package/test/WFlowVue.test.mjs +421 -0
  90. package/test/components-canvas.test.mjs +102 -0
  91. package/test/components-edge.test.mjs +147 -0
  92. package/test/components-node.test.mjs +174 -0
  93. package/test/components-ui.test.mjs +69 -0
  94. package/test/defaults.test.mjs +86 -0
  95. package/test/edge-path.test.mjs +102 -0
  96. package/test/generate-routing-snapshots.mjs +77 -0
  97. package/test/generate-visual-baselines.mjs +206 -0
  98. package/test/geometry.test.mjs +236 -0
  99. package/test/graph.test.mjs +72 -0
  100. package/test/jsons/routing-snapshots.json +24994 -0
  101. package/test/pics/_check2.png +0 -0
  102. package/test/pics/_check3.png +0 -0
  103. package/test/pics/_check4.png +0 -0
  104. package/test/pics/_check5.png +0 -0
  105. package/test/pics/_v1.png +0 -0
  106. package/test/pics/_v2.png +0 -0
  107. package/test/pics/_v3.png +0 -0
  108. package/test/pics/_v4.png +0 -0
  109. package/test/pics/_v5.png +0 -0
  110. package/test/pics/_v6.png +0 -0
  111. package/test/pics/_v7.png +0 -0
  112. package/test/pics/vb-edge-hovered.png +0 -0
  113. package/test/pics/vb-edges-normal.png +0 -0
  114. package/test/pics/vb-locked-edge-hovered.png +0 -0
  115. package/test/pics/vb-locked-node-hovered.png +0 -0
  116. package/test/pics/vb-locked-node-selected.png +0 -0
  117. package/test/pics/vb-locked-overview.png +0 -0
  118. package/test/pics/vb-node-1.png +0 -0
  119. package/test/pics/vb-node-10.png +0 -0
  120. package/test/pics/vb-node-11.png +0 -0
  121. package/test/pics/vb-node-12.png +0 -0
  122. package/test/pics/vb-node-2.png +0 -0
  123. package/test/pics/vb-node-3.png +0 -0
  124. package/test/pics/vb-node-4.png +0 -0
  125. package/test/pics/vb-node-5.png +0 -0
  126. package/test/pics/vb-node-6.png +0 -0
  127. package/test/pics/vb-node-7.png +0 -0
  128. package/test/pics/vb-node-8.png +0 -0
  129. package/test/pics/vb-node-9.png +0 -0
  130. package/test/pics/vb-node-hovered.png +0 -0
  131. package/test/pics/vb-node-selected.png +0 -0
  132. package/test/pics/vb-overview.png +0 -0
  133. package/test/step-routing-connectivity.test.mjs +78 -0
  134. package/test/step-routing.test.mjs +88 -0
  135. package/test/visual-regression.test.mjs +274 -0
  136. package/toolg/addVersion.mjs +4 -0
  137. package/toolg/cleanFolder.mjs +4 -0
  138. package/toolg/gDistApp.mjs +34 -0
  139. package/toolg/gDistRollupComps.mjs +22 -0
  140. package/toolg/gDocExams.mjs +47 -0
  141. package/toolg/gExtractHtml.mjs +179 -0
  142. package/toolg/modifyReadme.mjs +4 -0
  143. package/vue.config.js +9 -0
  144. package/vue2/344/271/213foreignObject/345/205/247/346/270/262/346/237/223/345/225/217/351/241/214/350/210/207/344/277/256/346/255/243.md +151 -0
package/docs/module-WFlowVue.html ADDED
@@ -0,0 +1,2790 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+
5
+ <meta charset="utf-8">
6
+ <title>WFlowVue - Documentation</title>
7
+
8
+
9
+ <script src="scripts/prettify/prettify.js"></script>
10
+ <script src="scripts/prettify/lang-css.js"></script>
11
+ <!--[if lt IE 9]>
12
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
13
+ <![endif]-->
14
+ <link type="text/css" rel="stylesheet" href="styles/prettify.css">
15
+ <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
16
+ <script src="scripts/nav.js" defer></script>
17
+
18
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
19
+ </head>
20
+ <body>
21
+
22
+ <input type="checkbox" id="nav-trigger" class="nav-trigger" />
23
+ <label for="nav-trigger" class="navicon-button x">
24
+ <div class="navicon"></div>
25
+ </label>
26
+
27
+ <label for="nav-trigger" class="overlay"></label>
28
+
29
+ <nav >
30
+
31
+
32
+ <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WFlowVue.html">WFlowVue</a></li></ul><h3>Global</h3><ul><li><a href="global.html#NODE_DEFAULTS">NODE_DEFAULTS</a></li><li><a href="global.html#clampPosition">clampPosition</a></li><li><a href="global.html#generateId">generateId</a></li><li><a href="global.html#getBezierPath">getBezierPath</a></li><li><a href="global.html#getControlOffset">getControlOffset</a></li><li><a href="global.html#getDiamondEdgePoint">getDiamondEdgePoint</a></li><li><a href="global.html#getEllipseEdgePoint">getEllipseEdgePoint</a></li><li><a href="global.html#getHandlePosition">getHandlePosition</a></li><li><a href="global.html#getOverlappingNodes">getOverlappingNodes</a></li><li><a href="global.html#getSmoothStepPath">getSmoothStepPath</a></li><li><a href="global.html#getStepPath">getStepPath</a></li><li><a href="global.html#getStraightPath">getStraightPath</a></li><li><a href="global.html#getTriangleEdgePoint">getTriangleEdgePoint</a></li><li><a href="global.html#isValidConnection">isValidConnection</a></li><li><a href="global.html#labelAtHalfLength">labelAtHalfLength</a></li><li><a href="global.html#lookupRoute">lookupRoute</a></li><li><a href="global.html#rectsOverlap">rectsOverlap</a></li><li><a href="global.html#segmentFallback">segmentFallback</a></li><li><a href="global.html#snapPosition">snapPosition</a></li></ul>
33
+
34
+ </nav>
35
+
36
+ <div id="main">
37
+
38
+ <h1 class="page-title">WFlowVue</h1>
39
+
40
+
41
+
42
+
43
+
44
+
45
+
46
+ <section>
47
+
48
+ <header>
49
+
50
+
51
+
52
+
53
+
54
+ </header>
55
+
56
+ <article>
57
+
58
+ <div class="container-overview">
59
+
60
+
61
+ <div class="description usertext"><p>WFlowVue — Vue 2 flow/graph editor component.</p>
62
+ <p>All configuration is passed via the <code>opt</code> prop object.</p></div>
63
+
64
+
65
+
66
+
67
+
68
+
69
+
70
+
71
+ <dl class="details">
72
+
73
+ <dt class="tag-description">Description:</dt>
74
+ <dd class="tag-description"><ul class="dummy"><li><p>WFlowVue — Vue 2 flow/graph editor component.</p>
75
+ <p>All configuration is passed via the <code>opt</code> prop object.</p></li></ul></dd>
76
+
77
+
78
+
79
+ <dt class="tag-source">Source:</dt>
80
+ <dd class="tag-source"><ul class="dummy"><li>
81
+ <a href="components_WFlowVue.vue.html">components/WFlowVue.vue</a>, <a href="components_WFlowVue.vue.html#line104">line 104</a>
82
+ </li></ul></dd>
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+
92
+
93
+
94
+
95
+
96
+
97
+
98
+
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+
108
+
109
+
110
+
111
+
112
+
113
+
114
+ </dl>
115
+
116
+
117
+
118
+ <h5 class="subsection-title">Properties:</h5>
119
+
120
+
121
+
122
+ <table class="props">
123
+ <thead>
124
+ <tr>
125
+
126
+ <th>Name</th>
127
+
128
+
129
+ <th>Type</th>
130
+
131
+
132
+
133
+
134
+
135
+ <th class="last">Description</th>
136
+ </tr>
137
+ </thead>
138
+
139
+ <tbody>
140
+
141
+
142
+ <tr>
143
+
144
+ <td class="name"><code>opt</code></td>
145
+
146
+
147
+ <td class="type">
148
+
149
+
150
+ <span class="param-type">Object</span>
151
+
152
+
153
+
154
+
155
+ </td>
156
+
157
+
158
+
159
+
160
+
161
+ <td class="description last"><p>─── Canvas ────────────────────────────────────────────────────────────</p>
162
+ <h6>Properties</h6>
163
+
164
+ <table class="props">
165
+ <thead>
166
+ <tr>
167
+
168
+ <th>Name</th>
169
+
170
+
171
+ <th>Type</th>
172
+
173
+
174
+ <th>Attributes</th>
175
+
176
+
177
+
178
+ <th>Default</th>
179
+
180
+
181
+ <th class="last">Description</th>
182
+ </tr>
183
+ </thead>
184
+
185
+ <tbody>
186
+
187
+
188
+ <tr>
189
+
190
+ <td class="name"><code>width</code></td>
191
+
192
+
193
+ <td class="type">
194
+
195
+
196
+ <span class="param-type">number</span>
197
+
198
+
199
+
200
+
201
+ </td>
202
+
203
+
204
+ <td class="attributes">
205
+
206
+ &lt;optional><br>
207
+
208
+
209
+
210
+ </td>
211
+
212
+
213
+
214
+ <td class="default">
215
+
216
+ <code>800</code>
217
+
218
+ </td>
219
+
220
+
221
+ <td class="description last"><p>Canvas width (px)</p></td>
222
+ </tr>
223
+
224
+
225
+
226
+ <tr>
227
+
228
+ <td class="name"><code>height</code></td>
229
+
230
+
231
+ <td class="type">
232
+
233
+
234
+ <span class="param-type">number</span>
235
+
236
+
237
+
238
+
239
+ </td>
240
+
241
+
242
+ <td class="attributes">
243
+
244
+ &lt;optional><br>
245
+
246
+
247
+
248
+ </td>
249
+
250
+
251
+
252
+ <td class="default">
253
+
254
+ <code>600</code>
255
+
256
+ </td>
257
+
258
+
259
+ <td class="description last"><p>Canvas height (px)</p></td>
260
+ </tr>
261
+
262
+
263
+
264
+ <tr>
265
+
266
+ <td class="name"><code>nodes</code></td>
267
+
268
+
269
+ <td class="type">
270
+
271
+
272
+ <span class="param-type">Array</span>
273
+
274
+
275
+
276
+
277
+ </td>
278
+
279
+
280
+ <td class="attributes">
281
+
282
+ &lt;optional><br>
283
+
284
+
285
+
286
+ </td>
287
+
288
+
289
+
290
+ <td class="default">
291
+
292
+ <code>[]</code>
293
+
294
+ </td>
295
+
296
+
297
+ <td class="description last"><p>Node data array</p></td>
298
+ </tr>
299
+
300
+
301
+
302
+ <tr>
303
+
304
+ <td class="name"><code>conns</code></td>
305
+
306
+
307
+ <td class="type">
308
+
309
+
310
+ <span class="param-type">Array</span>
311
+
312
+
313
+
314
+
315
+ </td>
316
+
317
+
318
+ <td class="attributes">
319
+
320
+ &lt;optional><br>
321
+
322
+
323
+
324
+ </td>
325
+
326
+
327
+
328
+ <td class="default">
329
+
330
+ <code>[]</code>
331
+
332
+ </td>
333
+
334
+
335
+ <td class="description last"><p>Connection data array</p>
336
+ <p>─── Interaction ───────────────────────────────────────────────────────</p></td>
337
+ </tr>
338
+
339
+
340
+
341
+ <tr>
342
+
343
+ <td class="name"><code>nodesDraggable</code></td>
344
+
345
+
346
+ <td class="type">
347
+
348
+
349
+ <span class="param-type">boolean</span>
350
+
351
+
352
+
353
+
354
+ </td>
355
+
356
+
357
+ <td class="attributes">
358
+
359
+ &lt;optional><br>
360
+
361
+
362
+
363
+ </td>
364
+
365
+
366
+
367
+ <td class="default">
368
+
369
+ <code>true</code>
370
+
371
+ </td>
372
+
373
+
374
+ <td class="description last"><p>Allow node dragging</p></td>
375
+ </tr>
376
+
377
+
378
+
379
+ <tr>
380
+
381
+ <td class="name"><code>nodesConnectable</code></td>
382
+
383
+
384
+ <td class="type">
385
+
386
+
387
+ <span class="param-type">boolean</span>
388
+
389
+
390
+
391
+
392
+ </td>
393
+
394
+
395
+ <td class="attributes">
396
+
397
+ &lt;optional><br>
398
+
399
+
400
+
401
+ </td>
402
+
403
+
404
+
405
+ <td class="default">
406
+
407
+ <code>true</code>
408
+
409
+ </td>
410
+
411
+
412
+ <td class="description last"><p>Allow creating connections</p></td>
413
+ </tr>
414
+
415
+
416
+
417
+ <tr>
418
+
419
+ <td class="name"><code>nodesResizable</code></td>
420
+
421
+
422
+ <td class="type">
423
+
424
+
425
+ <span class="param-type">boolean</span>
426
+
427
+
428
+
429
+
430
+ </td>
431
+
432
+
433
+ <td class="attributes">
434
+
435
+ &lt;optional><br>
436
+
437
+
438
+
439
+ </td>
440
+
441
+
442
+
443
+ <td class="default">
444
+
445
+ <code>true</code>
446
+
447
+ </td>
448
+
449
+
450
+ <td class="description last"><p>Allow resizing nodes (per-node override: node.resizable)</p></td>
451
+ </tr>
452
+
453
+
454
+
455
+ <tr>
456
+
457
+ <td class="name"><code>elementsSelectable</code></td>
458
+
459
+
460
+ <td class="type">
461
+
462
+
463
+ <span class="param-type">boolean</span>
464
+
465
+
466
+
467
+
468
+ </td>
469
+
470
+
471
+ <td class="attributes">
472
+
473
+ &lt;optional><br>
474
+
475
+
476
+
477
+ </td>
478
+
479
+
480
+
481
+ <td class="default">
482
+
483
+ <code>true</code>
484
+
485
+ </td>
486
+
487
+
488
+ <td class="description last"><p>Allow selecting nodes/conns</p></td>
489
+ </tr>
490
+
491
+
492
+
493
+ <tr>
494
+
495
+ <td class="name"><code>selectNodesOnDrag</code></td>
496
+
497
+
498
+ <td class="type">
499
+
500
+
501
+ <span class="param-type">boolean</span>
502
+
503
+
504
+
505
+
506
+ </td>
507
+
508
+
509
+ <td class="attributes">
510
+
511
+ &lt;optional><br>
512
+
513
+
514
+
515
+ </td>
516
+
517
+
518
+
519
+ <td class="default">
520
+
521
+ <code>true</code>
522
+
523
+ </td>
524
+
525
+
526
+ <td class="description last"><p>Select node when drag starts</p></td>
527
+ </tr>
528
+
529
+
530
+
531
+ <tr>
532
+
533
+ <td class="name"><code>deleteKeyEnabled</code></td>
534
+
535
+
536
+ <td class="type">
537
+
538
+
539
+ <span class="param-type">boolean</span>
540
+
541
+
542
+
543
+
544
+ </td>
545
+
546
+
547
+ <td class="attributes">
548
+
549
+ &lt;optional><br>
550
+
551
+
552
+
553
+ </td>
554
+
555
+
556
+
557
+ <td class="default">
558
+
559
+ <code>false</code>
560
+
561
+ </td>
562
+
563
+
564
+ <td class="description last"><p>Enable keyboard deletion of selected elements</p></td>
565
+ </tr>
566
+
567
+
568
+
569
+ <tr>
570
+
571
+ <td class="name"><code>deleteKeyCode</code></td>
572
+
573
+
574
+ <td class="type">
575
+
576
+
577
+ <span class="param-type">string</span>
578
+
579
+
580
+
581
+
582
+ </td>
583
+
584
+
585
+ <td class="attributes">
586
+
587
+ &lt;optional><br>
588
+
589
+
590
+
591
+ </td>
592
+
593
+
594
+
595
+ <td class="default">
596
+
597
+ <code>'Backspace'</code>
598
+
599
+ </td>
600
+
601
+
602
+ <td class="description last"><p>Key to delete selected elements (requires deleteKeyEnabled)</p></td>
603
+ </tr>
604
+
605
+
606
+
607
+ <tr>
608
+
609
+ <td class="name"><code>multiSelectEnabled</code></td>
610
+
611
+
612
+ <td class="type">
613
+
614
+
615
+ <span class="param-type">boolean</span>
616
+
617
+
618
+
619
+
620
+ </td>
621
+
622
+
623
+ <td class="attributes">
624
+
625
+ &lt;optional><br>
626
+
627
+
628
+
629
+ </td>
630
+
631
+
632
+
633
+ <td class="default">
634
+
635
+ <code>true</code>
636
+
637
+ </td>
638
+
639
+
640
+ <td class="description last"><p>Enable multi-selection (box select + Shift+Click)</p></td>
641
+ </tr>
642
+
643
+
644
+
645
+ <tr>
646
+
647
+ <td class="name"><code>boxSelectionKeyCode</code></td>
648
+
649
+
650
+ <td class="type">
651
+
652
+
653
+ <span class="param-type">string</span>
654
+
655
+
656
+
657
+
658
+ </td>
659
+
660
+
661
+ <td class="attributes">
662
+
663
+ &lt;optional><br>
664
+
665
+
666
+
667
+ </td>
668
+
669
+
670
+
671
+ <td class="default">
672
+
673
+ <code>'Shift'</code>
674
+
675
+ </td>
676
+
677
+
678
+ <td class="description last"><p>Key to hold for box selection (drag on canvas)</p></td>
679
+ </tr>
680
+
681
+
682
+
683
+ <tr>
684
+
685
+ <td class="name"><code>multiSelectionKeyCode</code></td>
686
+
687
+
688
+ <td class="type">
689
+
690
+
691
+ <span class="param-type">string</span>
692
+
693
+
694
+
695
+
696
+ </td>
697
+
698
+
699
+ <td class="attributes">
700
+
701
+ &lt;optional><br>
702
+
703
+
704
+
705
+ </td>
706
+
707
+
708
+
709
+ <td class="default">
710
+
711
+ <code>'Shift'</code>
712
+
713
+ </td>
714
+
715
+
716
+ <td class="description last"><p>Key to hold for Shift+Click add/remove selection</p></td>
717
+ </tr>
718
+
719
+
720
+
721
+ <tr>
722
+
723
+ <td class="name"><code>zoomOnScroll</code></td>
724
+
725
+
726
+ <td class="type">
727
+
728
+
729
+ <span class="param-type">boolean</span>
730
+
731
+
732
+
733
+
734
+ </td>
735
+
736
+
737
+ <td class="attributes">
738
+
739
+ &lt;optional><br>
740
+
741
+
742
+
743
+ </td>
744
+
745
+
746
+
747
+ <td class="default">
748
+
749
+ <code>true</code>
750
+
751
+ </td>
752
+
753
+
754
+ <td class="description last"><p>Zoom with mouse wheel</p></td>
755
+ </tr>
756
+
757
+
758
+
759
+ <tr>
760
+
761
+ <td class="name"><code>zoomMin</code></td>
762
+
763
+
764
+ <td class="type">
765
+
766
+
767
+ <span class="param-type">number</span>
768
+
769
+
770
+
771
+
772
+ </td>
773
+
774
+
775
+ <td class="attributes">
776
+
777
+ &lt;optional><br>
778
+
779
+
780
+
781
+ </td>
782
+
783
+
784
+
785
+ <td class="default">
786
+
787
+ <code>0.5</code>
788
+
789
+ </td>
790
+
791
+
792
+ <td class="description last"><p>Minimum zoom level</p></td>
793
+ </tr>
794
+
795
+
796
+
797
+ <tr>
798
+
799
+ <td class="name"><code>zoomMax</code></td>
800
+
801
+
802
+ <td class="type">
803
+
804
+
805
+ <span class="param-type">number</span>
806
+
807
+
808
+
809
+
810
+ </td>
811
+
812
+
813
+ <td class="attributes">
814
+
815
+ &lt;optional><br>
816
+
817
+
818
+
819
+ </td>
820
+
821
+
822
+
823
+ <td class="default">
824
+
825
+ <code>2</code>
826
+
827
+ </td>
828
+
829
+
830
+ <td class="description last"><p>Maximum zoom level</p></td>
831
+ </tr>
832
+
833
+
834
+
835
+ <tr>
836
+
837
+ <td class="name"><code>panOnDrag</code></td>
838
+
839
+
840
+ <td class="type">
841
+
842
+
843
+ <span class="param-type">boolean</span>
844
+
845
+
846
+
847
+
848
+ </td>
849
+
850
+
851
+ <td class="attributes">
852
+
853
+ &lt;optional><br>
854
+
855
+
856
+
857
+ </td>
858
+
859
+
860
+
861
+ <td class="default">
862
+
863
+ <code>true</code>
864
+
865
+ </td>
866
+
867
+
868
+ <td class="description last"><p>Pan canvas by dragging background</p></td>
869
+ </tr>
870
+
871
+
872
+
873
+ <tr>
874
+
875
+ <td class="name"><code>center</code></td>
876
+
877
+
878
+ <td class="type">
879
+
880
+
881
+ <span class="param-type">Array</span>
882
+
883
+
884
+
885
+
886
+ </td>
887
+
888
+
889
+ <td class="attributes">
890
+
891
+ &lt;optional><br>
892
+
893
+
894
+
895
+ </td>
896
+
897
+
898
+
899
+ <td class="default">
900
+
901
+ <code>[0,0]</code>
902
+
903
+ </td>
904
+
905
+
906
+ <td class="description last"><p>Initial viewport center [x, y]</p></td>
907
+ </tr>
908
+
909
+
910
+
911
+ <tr>
912
+
913
+ <td class="name"><code>zoom</code></td>
914
+
915
+
916
+ <td class="type">
917
+
918
+
919
+ <span class="param-type">number</span>
920
+
921
+
922
+
923
+
924
+ </td>
925
+
926
+
927
+ <td class="attributes">
928
+
929
+ &lt;optional><br>
930
+
931
+
932
+
933
+ </td>
934
+
935
+
936
+
937
+ <td class="default">
938
+
939
+ <code>1</code>
940
+
941
+ </td>
942
+
943
+
944
+ <td class="description last"><p>Initial viewport zoom level</p></td>
945
+ </tr>
946
+
947
+
948
+
949
+ <tr>
950
+
951
+ <td class="name"><code>panLimits</code></td>
952
+
953
+
954
+ <td class="type">
955
+
956
+
957
+ <span class="param-type">Array</span>
958
+
959
+
960
+
961
+
962
+ </td>
963
+
964
+
965
+ <td class="attributes">
966
+
967
+ &lt;optional><br>
968
+
969
+
970
+
971
+ </td>
972
+
973
+
974
+
975
+ <td class="default">
976
+
977
+ <code>null</code>
978
+
979
+ </td>
980
+
981
+
982
+ <td class="description last"><p>Pan limits [[minX,minY],[maxX,maxY]]</p></td>
983
+ </tr>
984
+
985
+
986
+
987
+ <tr>
988
+
989
+ <td class="name"><code>snapToGrid</code></td>
990
+
991
+
992
+ <td class="type">
993
+
994
+
995
+ <span class="param-type">boolean</span>
996
+
997
+
998
+
999
+
1000
+ </td>
1001
+
1002
+
1003
+ <td class="attributes">
1004
+
1005
+ &lt;optional><br>
1006
+
1007
+
1008
+
1009
+ </td>
1010
+
1011
+
1012
+
1013
+ <td class="default">
1014
+
1015
+ <code>false</code>
1016
+
1017
+ </td>
1018
+
1019
+
1020
+ <td class="description last"><p>Snap node positions to grid</p></td>
1021
+ </tr>
1022
+
1023
+
1024
+
1025
+ <tr>
1026
+
1027
+ <td class="name"><code>snapGridSize</code></td>
1028
+
1029
+
1030
+ <td class="type">
1031
+
1032
+
1033
+ <span class="param-type">number</span>
1034
+
1035
+
1036
+
1037
+
1038
+ </td>
1039
+
1040
+
1041
+ <td class="attributes">
1042
+
1043
+ &lt;optional><br>
1044
+
1045
+
1046
+
1047
+ </td>
1048
+
1049
+
1050
+
1051
+ <td class="default">
1052
+
1053
+ <code>20</code>
1054
+
1055
+ </td>
1056
+
1057
+
1058
+ <td class="description last"><p>Grid cell size (px, used for both drag snap and resize snap)</p>
1059
+ <p>─── Platform ────────────────────────────────────────────────────────</p></td>
1060
+ </tr>
1061
+
1062
+
1063
+
1064
+ <tr>
1065
+
1066
+ <td class="name"><code>platformBackgroundPatternType</code></td>
1067
+
1068
+
1069
+ <td class="type">
1070
+
1071
+
1072
+ <span class="param-type">string</span>
1073
+
1074
+
1075
+
1076
+
1077
+ </td>
1078
+
1079
+
1080
+ <td class="attributes">
1081
+
1082
+ &lt;optional><br>
1083
+
1084
+
1085
+
1086
+ </td>
1087
+
1088
+
1089
+
1090
+ <td class="default">
1091
+
1092
+ <code>'dots'</code>
1093
+
1094
+ </td>
1095
+
1096
+
1097
+ <td class="description last"><p>Background pattern: 'dots' | 'lines' | 'cross'</p></td>
1098
+ </tr>
1099
+
1100
+
1101
+
1102
+ <tr>
1103
+
1104
+ <td class="name"><code>platformBackgroundPatternGap</code></td>
1105
+
1106
+
1107
+ <td class="type">
1108
+
1109
+
1110
+ <span class="param-type">number</span>
1111
+
1112
+
1113
+
1114
+
1115
+ </td>
1116
+
1117
+
1118
+ <td class="attributes">
1119
+
1120
+ &lt;optional><br>
1121
+
1122
+
1123
+
1124
+ </td>
1125
+
1126
+
1127
+
1128
+ <td class="default">
1129
+
1130
+ <code>20</code>
1131
+
1132
+ </td>
1133
+
1134
+
1135
+ <td class="description last"><p>Pattern spacing (px)</p></td>
1136
+ </tr>
1137
+
1138
+
1139
+
1140
+ <tr>
1141
+
1142
+ <td class="name"><code>platformBackgroundPatternSize</code></td>
1143
+
1144
+
1145
+ <td class="type">
1146
+
1147
+
1148
+ <span class="param-type">number</span>
1149
+
1150
+
1151
+
1152
+
1153
+ </td>
1154
+
1155
+
1156
+ <td class="attributes">
1157
+
1158
+ &lt;optional><br>
1159
+
1160
+
1161
+
1162
+ </td>
1163
+
1164
+
1165
+
1166
+ <td class="default">
1167
+
1168
+ <code>1</code>
1169
+
1170
+ </td>
1171
+
1172
+
1173
+ <td class="description last"><p>Pattern element size</p></td>
1174
+ </tr>
1175
+
1176
+
1177
+
1178
+ <tr>
1179
+
1180
+ <td class="name"><code>platformBackgroundPatternColor</code></td>
1181
+
1182
+
1183
+ <td class="type">
1184
+
1185
+
1186
+ <span class="param-type">string</span>
1187
+
1188
+
1189
+
1190
+
1191
+ </td>
1192
+
1193
+
1194
+ <td class="attributes">
1195
+
1196
+ &lt;optional><br>
1197
+
1198
+
1199
+
1200
+ </td>
1201
+
1202
+
1203
+
1204
+ <td class="default">
1205
+
1206
+ <code>'#81818a'</code>
1207
+
1208
+ </td>
1209
+
1210
+
1211
+ <td class="description last"><p>Pattern color</p></td>
1212
+ </tr>
1213
+
1214
+
1215
+
1216
+ <tr>
1217
+
1218
+ <td class="name"><code>platformBackgroundColor</code></td>
1219
+
1220
+
1221
+ <td class="type">
1222
+
1223
+
1224
+ <span class="param-type">string</span>
1225
+
1226
+
1227
+
1228
+
1229
+ </td>
1230
+
1231
+
1232
+ <td class="attributes">
1233
+
1234
+ &lt;optional><br>
1235
+
1236
+
1237
+
1238
+ </td>
1239
+
1240
+
1241
+
1242
+ <td class="default">
1243
+
1244
+ <code>'#fff'</code>
1245
+
1246
+ </td>
1247
+
1248
+
1249
+ <td class="description last"><p>Canvas background color</p>
1250
+ <p>─── Settings Popup ────────────────────────────────────────────────────</p></td>
1251
+ </tr>
1252
+
1253
+
1254
+
1255
+ <tr>
1256
+
1257
+ <td class="name"><code>settingsPopupBackgroundColor</code></td>
1258
+
1259
+
1260
+ <td class="type">
1261
+
1262
+
1263
+ <span class="param-type">string</span>
1264
+
1265
+
1266
+
1267
+
1268
+ </td>
1269
+
1270
+
1271
+ <td class="attributes">
1272
+
1273
+ &lt;optional><br>
1274
+
1275
+
1276
+
1277
+ </td>
1278
+
1279
+
1280
+
1281
+ <td class="default">
1282
+
1283
+ <code>'#fff'</code>
1284
+
1285
+ </td>
1286
+
1287
+
1288
+ <td class="description last"><p>Settings popup background</p></td>
1289
+ </tr>
1290
+
1291
+
1292
+
1293
+ <tr>
1294
+
1295
+ <td class="name"><code>settingsPopupTextColor</code></td>
1296
+
1297
+
1298
+ <td class="type">
1299
+
1300
+
1301
+ <span class="param-type">string</span>
1302
+
1303
+
1304
+
1305
+
1306
+ </td>
1307
+
1308
+
1309
+ <td class="attributes">
1310
+
1311
+ &lt;optional><br>
1312
+
1313
+
1314
+
1315
+ </td>
1316
+
1317
+
1318
+
1319
+ <td class="default">
1320
+
1321
+ <code>'#333'</code>
1322
+
1323
+ </td>
1324
+
1325
+
1326
+ <td class="description last"><p>Settings popup text color</p></td>
1327
+ </tr>
1328
+
1329
+
1330
+
1331
+ <tr>
1332
+
1333
+ <td class="name"><code>settingsPopupTextFontSize</code></td>
1334
+
1335
+
1336
+ <td class="type">
1337
+
1338
+
1339
+ <span class="param-type">string</span>
1340
+
1341
+
1342
+
1343
+
1344
+ </td>
1345
+
1346
+
1347
+ <td class="attributes">
1348
+
1349
+ &lt;optional><br>
1350
+
1351
+
1352
+
1353
+ </td>
1354
+
1355
+
1356
+
1357
+ <td class="default">
1358
+
1359
+ <code>'12px'</code>
1360
+
1361
+ </td>
1362
+
1363
+
1364
+ <td class="description last"><p>Settings popup font size</p>
1365
+ <p>─── Infor Popup ────────────────────────────────────────────────────────</p></td>
1366
+ </tr>
1367
+
1368
+
1369
+
1370
+ <tr>
1371
+
1372
+ <td class="name"><code>inforPopupBackgroundColor</code></td>
1373
+
1374
+
1375
+ <td class="type">
1376
+
1377
+
1378
+ <span class="param-type">string</span>
1379
+
1380
+
1381
+
1382
+
1383
+ </td>
1384
+
1385
+
1386
+ <td class="attributes">
1387
+
1388
+ &lt;optional><br>
1389
+
1390
+
1391
+
1392
+ </td>
1393
+
1394
+
1395
+
1396
+ <td class="default">
1397
+
1398
+ <code>'#fff'</code>
1399
+
1400
+ </td>
1401
+
1402
+
1403
+ <td class="description last"><p>Info popup background</p></td>
1404
+ </tr>
1405
+
1406
+
1407
+
1408
+ <tr>
1409
+
1410
+ <td class="name"><code>inforPopupTitleTextColor</code></td>
1411
+
1412
+
1413
+ <td class="type">
1414
+
1415
+
1416
+ <span class="param-type">string</span>
1417
+
1418
+
1419
+
1420
+
1421
+ </td>
1422
+
1423
+
1424
+ <td class="attributes">
1425
+
1426
+ &lt;optional><br>
1427
+
1428
+
1429
+
1430
+ </td>
1431
+
1432
+
1433
+
1434
+ <td class="default">
1435
+
1436
+ <code>'#333'</code>
1437
+
1438
+ </td>
1439
+
1440
+
1441
+ <td class="description last"><p>Info popup title text color</p></td>
1442
+ </tr>
1443
+
1444
+
1445
+
1446
+ <tr>
1447
+
1448
+ <td class="name"><code>inforPopupTitleTextFontSize</code></td>
1449
+
1450
+
1451
+ <td class="type">
1452
+
1453
+
1454
+ <span class="param-type">string</span>
1455
+
1456
+
1457
+
1458
+
1459
+ </td>
1460
+
1461
+
1462
+ <td class="attributes">
1463
+
1464
+ &lt;optional><br>
1465
+
1466
+
1467
+
1468
+ </td>
1469
+
1470
+
1471
+
1472
+ <td class="default">
1473
+
1474
+ <code>'12px'</code>
1475
+
1476
+ </td>
1477
+
1478
+
1479
+ <td class="description last"><p>Info popup title font size</p></td>
1480
+ </tr>
1481
+
1482
+
1483
+
1484
+ <tr>
1485
+
1486
+ <td class="name"><code>inforPopupDescriptionTextColor</code></td>
1487
+
1488
+
1489
+ <td class="type">
1490
+
1491
+
1492
+ <span class="param-type">string</span>
1493
+
1494
+
1495
+
1496
+
1497
+ </td>
1498
+
1499
+
1500
+ <td class="attributes">
1501
+
1502
+ &lt;optional><br>
1503
+
1504
+
1505
+
1506
+ </td>
1507
+
1508
+
1509
+
1510
+ <td class="default">
1511
+
1512
+ <code>'#888'</code>
1513
+
1514
+ </td>
1515
+
1516
+
1517
+ <td class="description last"><p>Info popup description text color</p></td>
1518
+ </tr>
1519
+
1520
+
1521
+
1522
+ <tr>
1523
+
1524
+ <td class="name"><code>inforPopupDescriptionTextFontSize</code></td>
1525
+
1526
+
1527
+ <td class="type">
1528
+
1529
+
1530
+ <span class="param-type">string</span>
1531
+
1532
+
1533
+
1534
+
1535
+ </td>
1536
+
1537
+
1538
+ <td class="attributes">
1539
+
1540
+ &lt;optional><br>
1541
+
1542
+
1543
+
1544
+ </td>
1545
+
1546
+
1547
+
1548
+ <td class="default">
1549
+
1550
+ <code>'10px'</code>
1551
+
1552
+ </td>
1553
+
1554
+
1555
+ <td class="description last"><p>Info popup description font size</p>
1556
+ <p>─── Default Node ──────────────────────────────────────────</p></td>
1557
+ </tr>
1558
+
1559
+
1560
+
1561
+ <tr>
1562
+
1563
+ <td class="name"><code>defNodeType</code></td>
1564
+
1565
+
1566
+ <td class="type">
1567
+
1568
+
1569
+ <span class="param-type">string</span>
1570
+
1571
+
1572
+
1573
+
1574
+ </td>
1575
+
1576
+
1577
+ <td class="attributes">
1578
+
1579
+ &lt;optional><br>
1580
+
1581
+
1582
+
1583
+ </td>
1584
+
1585
+
1586
+
1587
+ <td class="default">
1588
+
1589
+ <code>'basic'</code>
1590
+
1591
+ </td>
1592
+
1593
+
1594
+ <td class="description last"><p>Default node type: 'input' | 'basic' | 'output'</p></td>
1595
+ </tr>
1596
+
1597
+
1598
+
1599
+ <tr>
1600
+
1601
+ <td class="name"><code>defNodeShape</code></td>
1602
+
1603
+
1604
+ <td class="type">
1605
+
1606
+
1607
+ <span class="param-type">string</span>
1608
+
1609
+
1610
+
1611
+
1612
+ </td>
1613
+
1614
+
1615
+ <td class="attributes">
1616
+
1617
+ &lt;optional><br>
1618
+
1619
+
1620
+
1621
+ </td>
1622
+
1623
+
1624
+
1625
+ <td class="default">
1626
+
1627
+ <code>'rectangle'</code>
1628
+
1629
+ </td>
1630
+
1631
+
1632
+ <td class="description last"><p>Default shape: 'rectangle' | 'diamond' | 'ellipse' | 'triangle' | ...</p></td>
1633
+ </tr>
1634
+
1635
+
1636
+
1637
+ <tr>
1638
+
1639
+ <td class="name"><code>defNodeWidth</code></td>
1640
+
1641
+
1642
+ <td class="type">
1643
+
1644
+
1645
+ <span class="param-type">number</span>
1646
+
1647
+
1648
+
1649
+
1650
+ </td>
1651
+
1652
+
1653
+ <td class="attributes">
1654
+
1655
+ &lt;optional><br>
1656
+
1657
+
1658
+
1659
+ </td>
1660
+
1661
+
1662
+
1663
+ <td class="default">
1664
+
1665
+ <code>100</code>
1666
+
1667
+ </td>
1668
+
1669
+
1670
+ <td class="description last"><p>Default node width (px)</p></td>
1671
+ </tr>
1672
+
1673
+
1674
+
1675
+ <tr>
1676
+
1677
+ <td class="name"><code>defNodeHeight</code></td>
1678
+
1679
+
1680
+ <td class="type">
1681
+
1682
+
1683
+ <span class="param-type">number</span>
1684
+
1685
+
1686
+
1687
+
1688
+ </td>
1689
+
1690
+
1691
+ <td class="attributes">
1692
+
1693
+ &lt;optional><br>
1694
+
1695
+
1696
+
1697
+ </td>
1698
+
1699
+
1700
+
1701
+ <td class="default">
1702
+
1703
+ <code>40</code>
1704
+
1705
+ </td>
1706
+
1707
+
1708
+ <td class="description last"><p>Default node height (px)</p></td>
1709
+ </tr>
1710
+
1711
+
1712
+
1713
+ <tr>
1714
+
1715
+ <td class="name"><code>defNodeFontSize</code></td>
1716
+
1717
+
1718
+ <td class="type">
1719
+
1720
+
1721
+ <span class="param-type">number</span>
1722
+
1723
+
1724
+
1725
+
1726
+ </td>
1727
+
1728
+
1729
+ <td class="attributes">
1730
+
1731
+ &lt;optional><br>
1732
+
1733
+
1734
+
1735
+ </td>
1736
+
1737
+
1738
+
1739
+ <td class="default">
1740
+
1741
+ <code>12</code>
1742
+
1743
+ </td>
1744
+
1745
+
1746
+ <td class="description last"><p>Default node font size (px)</p></td>
1747
+ </tr>
1748
+
1749
+
1750
+
1751
+ <tr>
1752
+
1753
+ <td class="name"><code>defNodeFontSizeMin</code></td>
1754
+
1755
+
1756
+ <td class="type">
1757
+
1758
+
1759
+ <span class="param-type">number</span>
1760
+
1761
+
1762
+
1763
+
1764
+ </td>
1765
+
1766
+
1767
+ <td class="attributes">
1768
+
1769
+ &lt;optional><br>
1770
+
1771
+
1772
+
1773
+ </td>
1774
+
1775
+
1776
+
1777
+ <td class="default">
1778
+
1779
+ <code>1</code>
1780
+
1781
+ </td>
1782
+
1783
+
1784
+ <td class="description last"><p>Min font size in settings</p></td>
1785
+ </tr>
1786
+
1787
+
1788
+
1789
+ <tr>
1790
+
1791
+ <td class="name"><code>defNodeFontSizeMax</code></td>
1792
+
1793
+
1794
+ <td class="type">
1795
+
1796
+
1797
+ <span class="param-type">number</span>
1798
+
1799
+
1800
+
1801
+
1802
+ </td>
1803
+
1804
+
1805
+ <td class="attributes">
1806
+
1807
+ &lt;optional><br>
1808
+
1809
+
1810
+
1811
+ </td>
1812
+
1813
+
1814
+
1815
+ <td class="default">
1816
+
1817
+ <code>72</code>
1818
+
1819
+ </td>
1820
+
1821
+
1822
+ <td class="description last"><p>Max font size in settings</p></td>
1823
+ </tr>
1824
+
1825
+
1826
+
1827
+ <tr>
1828
+
1829
+ <td class="name"><code>defNodeFontColor</code></td>
1830
+
1831
+
1832
+ <td class="type">
1833
+
1834
+
1835
+ <span class="param-type">string</span>
1836
+
1837
+
1838
+
1839
+
1840
+ </td>
1841
+
1842
+
1843
+ <td class="attributes">
1844
+
1845
+ &lt;optional><br>
1846
+
1847
+
1848
+
1849
+ </td>
1850
+
1851
+
1852
+
1853
+ <td class="default">
1854
+
1855
+ <code>'#333333'</code>
1856
+
1857
+ </td>
1858
+
1859
+
1860
+ <td class="description last"><p>Default node text color</p></td>
1861
+ </tr>
1862
+
1863
+
1864
+
1865
+ <tr>
1866
+
1867
+ <td class="name"><code>defNodeFaceColor</code></td>
1868
+
1869
+
1870
+ <td class="type">
1871
+
1872
+
1873
+ <span class="param-type">string</span>
1874
+
1875
+
1876
+
1877
+
1878
+ </td>
1879
+
1880
+
1881
+ <td class="attributes">
1882
+
1883
+ &lt;optional><br>
1884
+
1885
+
1886
+
1887
+ </td>
1888
+
1889
+
1890
+
1891
+ <td class="default">
1892
+
1893
+ <code>'#ffffff'</code>
1894
+
1895
+ </td>
1896
+
1897
+
1898
+ <td class="description last"><p>Default node fill color</p></td>
1899
+ </tr>
1900
+
1901
+
1902
+
1903
+ <tr>
1904
+
1905
+ <td class="name"><code>defNodeEdgeColor</code></td>
1906
+
1907
+
1908
+ <td class="type">
1909
+
1910
+
1911
+ <span class="param-type">string</span>
1912
+
1913
+
1914
+
1915
+
1916
+ </td>
1917
+
1918
+
1919
+ <td class="attributes">
1920
+
1921
+ &lt;optional><br>
1922
+
1923
+
1924
+
1925
+ </td>
1926
+
1927
+
1928
+
1929
+ <td class="default">
1930
+
1931
+ <code>'#bbbbbb'</code>
1932
+
1933
+ </td>
1934
+
1935
+
1936
+ <td class="description last"><p>Default node border color</p></td>
1937
+ </tr>
1938
+
1939
+
1940
+
1941
+ <tr>
1942
+
1943
+ <td class="name"><code>defNodeEdgeWidth</code></td>
1944
+
1945
+
1946
+ <td class="type">
1947
+
1948
+
1949
+ <span class="param-type">number</span>
1950
+
1951
+
1952
+
1953
+
1954
+ </td>
1955
+
1956
+
1957
+ <td class="attributes">
1958
+
1959
+ &lt;optional><br>
1960
+
1961
+
1962
+
1963
+ </td>
1964
+
1965
+
1966
+
1967
+ <td class="default">
1968
+
1969
+ <code>1</code>
1970
+
1971
+ </td>
1972
+
1973
+
1974
+ <td class="description last"><p>Default node border width (px)</p></td>
1975
+ </tr>
1976
+
1977
+
1978
+
1979
+ <tr>
1980
+
1981
+ <td class="name"><code>defNodeToPosition</code></td>
1982
+
1983
+
1984
+ <td class="type">
1985
+
1986
+
1987
+ <span class="param-type">string</span>
1988
+
1989
+
1990
+
1991
+
1992
+ </td>
1993
+
1994
+
1995
+ <td class="attributes">
1996
+
1997
+ &lt;optional><br>
1998
+
1999
+
2000
+
2001
+ </td>
2002
+
2003
+
2004
+
2005
+ <td class="default">
2006
+
2007
+ <code>'bottom'</code>
2008
+
2009
+ </td>
2010
+
2011
+
2012
+ <td class="description last"><p>Default outgoing handle position: 'top' | 'bottom' | 'left' | 'right'</p></td>
2013
+ </tr>
2014
+
2015
+
2016
+
2017
+ <tr>
2018
+
2019
+ <td class="name"><code>defNodeFromPosition</code></td>
2020
+
2021
+
2022
+ <td class="type">
2023
+
2024
+
2025
+ <span class="param-type">string</span>
2026
+
2027
+
2028
+
2029
+
2030
+ </td>
2031
+
2032
+
2033
+ <td class="attributes">
2034
+
2035
+ &lt;optional><br>
2036
+
2037
+
2038
+
2039
+ </td>
2040
+
2041
+
2042
+
2043
+ <td class="default">
2044
+
2045
+ <code>'top'</code>
2046
+
2047
+ </td>
2048
+
2049
+
2050
+ <td class="description last"><p>Default incoming handle position</p></td>
2051
+ </tr>
2052
+
2053
+
2054
+
2055
+ <tr>
2056
+
2057
+ <td class="name"><code>defNodePopupDirection</code></td>
2058
+
2059
+
2060
+ <td class="type">
2061
+
2062
+
2063
+ <span class="param-type">string</span>
2064
+
2065
+
2066
+
2067
+
2068
+ </td>
2069
+
2070
+
2071
+ <td class="attributes">
2072
+
2073
+ &lt;optional><br>
2074
+
2075
+
2076
+
2077
+ </td>
2078
+
2079
+
2080
+
2081
+ <td class="default">
2082
+
2083
+ <code>'right'</code>
2084
+
2085
+ </td>
2086
+
2087
+
2088
+ <td class="description last"><p>Default settings popup direction</p>
2089
+ <p>─── Default Creating Connection ────────────────────────────────────────────────────────</p></td>
2090
+ </tr>
2091
+
2092
+
2093
+
2094
+ <tr>
2095
+
2096
+ <td class="name"><code>defConnCreatingType</code></td>
2097
+
2098
+
2099
+ <td class="type">
2100
+
2101
+
2102
+ <span class="param-type">string</span>
2103
+
2104
+
2105
+
2106
+
2107
+ </td>
2108
+
2109
+
2110
+ <td class="attributes">
2111
+
2112
+ &lt;optional><br>
2113
+
2114
+
2115
+
2116
+ </td>
2117
+
2118
+
2119
+
2120
+ <td class="default">
2121
+
2122
+ <code>'bezier'</code>
2123
+
2124
+ </td>
2125
+
2126
+
2127
+ <td class="description last"><p>Drag-line type: 'bezier' | 'straight' | 'step' | 'smoothstep'</p></td>
2128
+ </tr>
2129
+
2130
+
2131
+
2132
+ <tr>
2133
+
2134
+ <td class="name"><code>defConnCreatingEdgeColor</code></td>
2135
+
2136
+
2137
+ <td class="type">
2138
+
2139
+
2140
+ <span class="param-type">string</span>
2141
+
2142
+
2143
+
2144
+
2145
+ </td>
2146
+
2147
+
2148
+ <td class="attributes">
2149
+
2150
+ &lt;optional><br>
2151
+
2152
+
2153
+
2154
+ </td>
2155
+
2156
+
2157
+
2158
+ <td class="default">
2159
+
2160
+ <code>'#b1b1b7'</code>
2161
+
2162
+ </td>
2163
+
2164
+
2165
+ <td class="description last"><p>Drag-line color</p></td>
2166
+ </tr>
2167
+
2168
+
2169
+
2170
+ <tr>
2171
+
2172
+ <td class="name"><code>defConnCreatingEdgeWidth</code></td>
2173
+
2174
+
2175
+ <td class="type">
2176
+
2177
+
2178
+ <span class="param-type">number</span>
2179
+
2180
+
2181
+
2182
+
2183
+ </td>
2184
+
2185
+
2186
+ <td class="attributes">
2187
+
2188
+ &lt;optional><br>
2189
+
2190
+
2191
+
2192
+ </td>
2193
+
2194
+
2195
+
2196
+ <td class="default">
2197
+
2198
+ <code>1</code>
2199
+
2200
+ </td>
2201
+
2202
+
2203
+ <td class="description last"><p>Drag-line width (px)</p></td>
2204
+ </tr>
2205
+
2206
+
2207
+
2208
+ <tr>
2209
+
2210
+ <td class="name"><code>defConnCreatingEdgeDasharray</code></td>
2211
+
2212
+
2213
+ <td class="type">
2214
+
2215
+
2216
+ <span class="param-type">string</span>
2217
+
2218
+
2219
+
2220
+
2221
+ </td>
2222
+
2223
+
2224
+ <td class="attributes">
2225
+
2226
+ &lt;optional><br>
2227
+
2228
+
2229
+
2230
+ </td>
2231
+
2232
+
2233
+
2234
+ <td class="default">
2235
+
2236
+ <code>'5 5'</code>
2237
+
2238
+ </td>
2239
+
2240
+
2241
+ <td class="description last"><p>Drag-line dash pattern ('' for solid)</p></td>
2242
+ </tr>
2243
+
2244
+
2245
+
2246
+ <tr>
2247
+
2248
+ <td class="name"><code>funValidConnCreating</code></td>
2249
+
2250
+
2251
+ <td class="type">
2252
+
2253
+
2254
+ <span class="param-type">function</span>
2255
+
2256
+
2257
+
2258
+
2259
+ </td>
2260
+
2261
+
2262
+ <td class="attributes">
2263
+
2264
+ &lt;optional><br>
2265
+
2266
+
2267
+
2268
+ </td>
2269
+
2270
+
2271
+
2272
+ <td class="default">
2273
+
2274
+ <code>null</code>
2275
+
2276
+ </td>
2277
+
2278
+
2279
+ <td class="description last"><p>Custom connection validator fn(connection) → boolean</p>
2280
+ <p>─── Default Connection ────────────────────────────────────</p></td>
2281
+ </tr>
2282
+
2283
+
2284
+
2285
+ <tr>
2286
+
2287
+ <td class="name"><code>defConnType</code></td>
2288
+
2289
+
2290
+ <td class="type">
2291
+
2292
+
2293
+ <span class="param-type">string</span>
2294
+
2295
+
2296
+
2297
+
2298
+ </td>
2299
+
2300
+
2301
+ <td class="attributes">
2302
+
2303
+ &lt;optional><br>
2304
+
2305
+
2306
+
2307
+ </td>
2308
+
2309
+
2310
+
2311
+ <td class="default">
2312
+
2313
+ <code>'bezier'</code>
2314
+
2315
+ </td>
2316
+
2317
+
2318
+ <td class="description last"><p>Default conn type: 'bezier' | 'straight' | 'step' | 'smoothstep'</p></td>
2319
+ </tr>
2320
+
2321
+
2322
+
2323
+ <tr>
2324
+
2325
+ <td class="name"><code>defConnFontSize</code></td>
2326
+
2327
+
2328
+ <td class="type">
2329
+
2330
+
2331
+ <span class="param-type">number</span>
2332
+
2333
+
2334
+
2335
+
2336
+ </td>
2337
+
2338
+
2339
+ <td class="attributes">
2340
+
2341
+ &lt;optional><br>
2342
+
2343
+
2344
+
2345
+ </td>
2346
+
2347
+
2348
+
2349
+ <td class="default">
2350
+
2351
+ <code>10</code>
2352
+
2353
+ </td>
2354
+
2355
+
2356
+ <td class="description last"><p>Default conn label font size (px)</p></td>
2357
+ </tr>
2358
+
2359
+
2360
+
2361
+ <tr>
2362
+
2363
+ <td class="name"><code>defConnFontSizeMin</code></td>
2364
+
2365
+
2366
+ <td class="type">
2367
+
2368
+
2369
+ <span class="param-type">number</span>
2370
+
2371
+
2372
+
2373
+
2374
+ </td>
2375
+
2376
+
2377
+ <td class="attributes">
2378
+
2379
+ &lt;optional><br>
2380
+
2381
+
2382
+
2383
+ </td>
2384
+
2385
+
2386
+
2387
+ <td class="default">
2388
+
2389
+ <code>1</code>
2390
+
2391
+ </td>
2392
+
2393
+
2394
+ <td class="description last"><p>Min font size in settings</p></td>
2395
+ </tr>
2396
+
2397
+
2398
+
2399
+ <tr>
2400
+
2401
+ <td class="name"><code>defConnFontSizeMax</code></td>
2402
+
2403
+
2404
+ <td class="type">
2405
+
2406
+
2407
+ <span class="param-type">number</span>
2408
+
2409
+
2410
+
2411
+
2412
+ </td>
2413
+
2414
+
2415
+ <td class="attributes">
2416
+
2417
+ &lt;optional><br>
2418
+
2419
+
2420
+
2421
+ </td>
2422
+
2423
+
2424
+
2425
+ <td class="default">
2426
+
2427
+ <code>72</code>
2428
+
2429
+ </td>
2430
+
2431
+
2432
+ <td class="description last"><p>Max font size in settings</p></td>
2433
+ </tr>
2434
+
2435
+
2436
+
2437
+ <tr>
2438
+
2439
+ <td class="name"><code>defConnFontColor</code></td>
2440
+
2441
+
2442
+ <td class="type">
2443
+
2444
+
2445
+ <span class="param-type">string</span>
2446
+
2447
+
2448
+
2449
+
2450
+ </td>
2451
+
2452
+
2453
+ <td class="attributes">
2454
+
2455
+ &lt;optional><br>
2456
+
2457
+
2458
+
2459
+ </td>
2460
+
2461
+
2462
+
2463
+ <td class="default">
2464
+
2465
+ <code>'#333333'</code>
2466
+
2467
+ </td>
2468
+
2469
+
2470
+ <td class="description last"><p>Default conn label text color</p></td>
2471
+ </tr>
2472
+
2473
+
2474
+
2475
+ <tr>
2476
+
2477
+ <td class="name"><code>defConnEdgeColor</code></td>
2478
+
2479
+
2480
+ <td class="type">
2481
+
2482
+
2483
+ <span class="param-type">string</span>
2484
+
2485
+
2486
+
2487
+
2488
+ </td>
2489
+
2490
+
2491
+ <td class="attributes">
2492
+
2493
+ &lt;optional><br>
2494
+
2495
+
2496
+
2497
+ </td>
2498
+
2499
+
2500
+
2501
+ <td class="default">
2502
+
2503
+ <code>'#b1b1b7'</code>
2504
+
2505
+ </td>
2506
+
2507
+
2508
+ <td class="description last"><p>Default conn line color</p></td>
2509
+ </tr>
2510
+
2511
+
2512
+
2513
+ <tr>
2514
+
2515
+ <td class="name"><code>defConnEdgeWidth</code></td>
2516
+
2517
+
2518
+ <td class="type">
2519
+
2520
+
2521
+ <span class="param-type">number</span>
2522
+
2523
+
2524
+
2525
+
2526
+ </td>
2527
+
2528
+
2529
+ <td class="attributes">
2530
+
2531
+ &lt;optional><br>
2532
+
2533
+
2534
+
2535
+ </td>
2536
+
2537
+
2538
+
2539
+ <td class="default">
2540
+
2541
+ <code>1</code>
2542
+
2543
+ </td>
2544
+
2545
+
2546
+ <td class="description last"><p>Default conn line width (px)</p></td>
2547
+ </tr>
2548
+
2549
+
2550
+
2551
+ <tr>
2552
+
2553
+ <td class="name"><code>defConnEdgeDasharray</code></td>
2554
+
2555
+
2556
+ <td class="type">
2557
+
2558
+
2559
+ <span class="param-type">string</span>
2560
+
2561
+
2562
+
2563
+
2564
+ </td>
2565
+
2566
+
2567
+ <td class="attributes">
2568
+
2569
+ &lt;optional><br>
2570
+
2571
+
2572
+
2573
+ </td>
2574
+
2575
+
2576
+
2577
+ <td class="default">
2578
+
2579
+ <code>''</code>
2580
+
2581
+ </td>
2582
+
2583
+
2584
+ <td class="description last"><p>Default conn dash pattern ('' for solid, '5 5' for dashed)</p></td>
2585
+ </tr>
2586
+
2587
+
2588
+
2589
+ <tr>
2590
+
2591
+ <td class="name"><code>defConnMarkerEnd</code></td>
2592
+
2593
+
2594
+ <td class="type">
2595
+
2596
+
2597
+ <span class="param-type">string</span>
2598
+
2599
+
2600
+
2601
+
2602
+ </td>
2603
+
2604
+
2605
+ <td class="attributes">
2606
+
2607
+ &lt;optional><br>
2608
+
2609
+
2610
+
2611
+ </td>
2612
+
2613
+
2614
+
2615
+ <td class="default">
2616
+
2617
+ <code>''</code>
2618
+
2619
+ </td>
2620
+
2621
+
2622
+ <td class="description last"><p>Default arrow marker: '' | 'arrow' | 'arrowclosed'</p></td>
2623
+ </tr>
2624
+
2625
+
2626
+
2627
+ <tr>
2628
+
2629
+ <td class="name"><code>defConnAnimated</code></td>
2630
+
2631
+
2632
+ <td class="type">
2633
+
2634
+
2635
+ <span class="param-type">boolean</span>
2636
+
2637
+
2638
+
2639
+
2640
+ </td>
2641
+
2642
+
2643
+ <td class="attributes">
2644
+
2645
+ &lt;optional><br>
2646
+
2647
+
2648
+
2649
+ </td>
2650
+
2651
+
2652
+
2653
+ <td class="default">
2654
+
2655
+ <code>false</code>
2656
+
2657
+ </td>
2658
+
2659
+
2660
+ <td class="description last"><p>Default conn animation (dashed flow)</p></td>
2661
+ </tr>
2662
+
2663
+
2664
+
2665
+ <tr>
2666
+
2667
+ <td class="name"><code>defOffset</code></td>
2668
+
2669
+
2670
+ <td class="type">
2671
+
2672
+
2673
+ <span class="param-type">number</span>
2674
+
2675
+
2676
+
2677
+
2678
+ </td>
2679
+
2680
+
2681
+ <td class="attributes">
2682
+
2683
+ &lt;optional><br>
2684
+
2685
+
2686
+
2687
+ </td>
2688
+
2689
+
2690
+
2691
+ <td class="default">
2692
+
2693
+ <code>24</code>
2694
+
2695
+ </td>
2696
+
2697
+
2698
+ <td class="description last"><p>Step/smoothstep routing buffer (px)</p></td>
2699
+ </tr>
2700
+
2701
+
2702
+ </tbody>
2703
+ </table>
2704
+
2705
+ </td>
2706
+ </tr>
2707
+
2708
+
2709
+ </tbody>
2710
+ </table>
2711
+
2712
+
2713
+
2714
+
2715
+
2716
+
2717
+
2718
+
2719
+
2720
+
2721
+
2722
+
2723
+
2724
+
2725
+
2726
+
2727
+
2728
+
2729
+
2730
+
2731
+
2732
+
2733
+
2734
+
2735
+
2736
+
2737
+
2738
+
2739
+
2740
+
2741
+
2742
+
2743
+
2744
+ </div>
2745
+
2746
+
2747
+
2748
+
2749
+
2750
+
2751
+
2752
+
2753
+
2754
+
2755
+
2756
+
2757
+
2758
+
2759
+
2760
+
2761
+
2762
+
2763
+
2764
+
2765
+
2766
+ </article>
2767
+
2768
+ </section>
2769
+
2770
+
2771
+
2772
+
2773
+
2774
+
2775
+ </div>
2776
+
2777
+ <br class="clear">
2778
+
2779
+ <footer>
2780
+ Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Sun Apr 12 2026 22:18:33 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
2781
+ </footer>
2782
+
2783
+ <script>prettyPrint();</script>
2784
+ <script src="scripts/polyfill.js"></script>
2785
+ <script src="scripts/linenumber.js"></script>
2786
+
2787
+
2788
+
2789
+ </body>
2790
+ </html>