pict-section-flow 1.0.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/README.md +44 -13
  2. package/docs/Architecture.md +8 -148
  3. package/docs/Data_Model.md +2 -11
  4. package/docs/README.md +8 -38
  5. package/docs/Theme_Integration.md +11 -11
  6. package/docs/_cover.md +7 -1
  7. package/docs/_playground.json +24 -0
  8. package/docs/_sidebar.md +4 -0
  9. package/docs/_topbar.md +1 -1
  10. package/docs/_version.json +3 -3
  11. package/docs/card-help/FREAD.md +1 -1
  12. package/docs/diagrams/architecture-at-a-glance.excalidraw +4270 -0
  13. package/docs/diagrams/architecture-at-a-glance.mmd +30 -0
  14. package/docs/diagrams/architecture-at-a-glance.svg +2 -0
  15. package/docs/diagrams/data-flow.excalidraw +1451 -0
  16. package/docs/diagrams/data-flow.mmd +17 -0
  17. package/docs/diagrams/data-flow.svg +2 -0
  18. package/docs/diagrams/high-level-design.excalidraw +5767 -0
  19. package/docs/diagrams/high-level-design.mmd +86 -0
  20. package/docs/diagrams/high-level-design.svg +2 -0
  21. package/docs/diagrams/relationships.excalidraw +3852 -0
  22. package/docs/diagrams/relationships.mmd +9 -0
  23. package/docs/diagrams/relationships.svg +2 -0
  24. package/docs/diagrams/service-initialization-sequence.excalidraw +1466 -0
  25. package/docs/diagrams/service-initialization-sequence.mmd +19 -0
  26. package/docs/diagrams/service-initialization-sequence.svg +2 -0
  27. package/docs/diagrams/svg-layer-structure.excalidraw +1060 -0
  28. package/docs/diagrams/svg-layer-structure.mmd +18 -0
  29. package/docs/diagrams/svg-layer-structure.svg +2 -0
  30. package/docs/examples/README.md +9 -0
  31. package/docs/examples/simple_cards/README.md +677 -0
  32. package/docs/examples/simple_cards/css/flowexample.css +65 -0
  33. package/docs/examples/simple_cards/index.html +32 -0
  34. package/docs/examples/simple_cards/js/pict.min.js +12 -0
  35. package/docs/examples/simple_cards/pict-section-flow-example-simple-cards.compatible.min.js +1 -0
  36. package/docs/index.html +6 -5
  37. package/docs/playground/app.json +6 -0
  38. package/docs/playground/appdata.json +85 -0
  39. package/docs/playground/application.js +23 -0
  40. package/docs/playground/pict.json +17 -0
  41. package/docs/playground/runtime/pict-application.min.js +2 -0
  42. package/docs/playground/runtime/pict-section-flow.min.js +2 -0
  43. package/docs/playground/runtime/pict-section-modal.min.js +2 -0
  44. package/docs/playground/runtime/pict.min.js +12 -0
  45. package/docs/retold-catalog.json +241 -166
  46. package/docs/retold-keyword-index.json +19312 -7226
  47. package/example_applications/simple_cards/package.json +9 -1
  48. package/example_applications/simple_cards/source/views/PictView-FlowExample-BottomBar.js +2 -2
  49. package/package.json +5 -5
  50. package/source/providers/PictProvider-Flow-PanelChrome.js +2 -1
  51. package/source/providers/layouts/Layout-Layered.js +25 -79
  52. package/source/providers/layouts/Layout-Rank.js +141 -0
  53. package/source/providers/layouts/Layout-Staggered.js +131 -0
  54. package/source/services/PictService-Flow-DataManager.js +6 -0
  55. package/source/services/PictService-Flow-InteractionManager.js +10 -1
  56. package/source/services/PictService-Flow-Layout.js +2 -0
  57. package/source/services/PictService-Flow-PanelManager.js +106 -2
  58. package/source/views/PictView-Flow-Node.js +41 -4
  59. package/source/views/PictView-Flow-PropertiesPanel.js +70 -3
  60. package/source/views/PictView-Flow.js +53 -0
  61. package/test/Layout_tests.js +208 -4
  62. package/test/NodeView_tests.js +49 -0
  63. package/test/PanelManager_tests.js +172 -0
@@ -0,0 +1,1451 @@
1
+ {
2
+ "type": "excalidraw",
3
+ "version": 2,
4
+ "source": "pict-renderer-graph/seqgraph",
5
+ "elements": [
6
+ {
7
+ "id": "seq-life-App",
8
+ "type": "line",
9
+ "x": 172,
10
+ "y": 126,
11
+ "width": 0,
12
+ "height": 796,
13
+ "angle": 0,
14
+ "strokeColor": "#8A7F72",
15
+ "backgroundColor": "transparent",
16
+ "fillStyle": "solid",
17
+ "strokeWidth": 1.5,
18
+ "strokeStyle": "dashed",
19
+ "roughness": 1,
20
+ "opacity": 100,
21
+ "groupIds": [],
22
+ "frameId": null,
23
+ "roundness": null,
24
+ "seed": 100,
25
+ "version": 1,
26
+ "versionNonce": 1,
27
+ "isDeleted": false,
28
+ "boundElements": null,
29
+ "updated": 1,
30
+ "link": null,
31
+ "locked": false,
32
+ "points": [
33
+ [
34
+ 0,
35
+ 0
36
+ ],
37
+ [
38
+ 0,
39
+ 796
40
+ ]
41
+ ],
42
+ "lastCommittedPoint": null,
43
+ "startBinding": null,
44
+ "endBinding": null,
45
+ "startArrowhead": null,
46
+ "endArrowhead": null,
47
+ "elbowed": false,
48
+ "index": null
49
+ },
50
+ {
51
+ "id": "seq-life-FV",
52
+ "type": "line",
53
+ "x": 436,
54
+ "y": 126,
55
+ "width": 0,
56
+ "height": 796,
57
+ "angle": 0,
58
+ "strokeColor": "#8A7F72",
59
+ "backgroundColor": "transparent",
60
+ "fillStyle": "solid",
61
+ "strokeWidth": 1.5,
62
+ "strokeStyle": "dashed",
63
+ "roughness": 1,
64
+ "opacity": 100,
65
+ "groupIds": [],
66
+ "frameId": null,
67
+ "roundness": null,
68
+ "seed": 144,
69
+ "version": 1,
70
+ "versionNonce": 1,
71
+ "isDeleted": false,
72
+ "boundElements": null,
73
+ "updated": 1,
74
+ "link": null,
75
+ "locked": false,
76
+ "points": [
77
+ [
78
+ 0,
79
+ 0
80
+ ],
81
+ [
82
+ 0,
83
+ 796
84
+ ]
85
+ ],
86
+ "lastCommittedPoint": null,
87
+ "startBinding": null,
88
+ "endBinding": null,
89
+ "startArrowhead": null,
90
+ "endArrowhead": null,
91
+ "elbowed": false,
92
+ "index": null
93
+ },
94
+ {
95
+ "id": "seq-life-DM",
96
+ "type": "line",
97
+ "x": 700,
98
+ "y": 126,
99
+ "width": 0,
100
+ "height": 796,
101
+ "angle": 0,
102
+ "strokeColor": "#8A7F72",
103
+ "backgroundColor": "transparent",
104
+ "fillStyle": "solid",
105
+ "strokeWidth": 1.5,
106
+ "strokeStyle": "dashed",
107
+ "roughness": 1,
108
+ "opacity": 100,
109
+ "groupIds": [],
110
+ "frameId": null,
111
+ "roundness": null,
112
+ "seed": 789,
113
+ "version": 1,
114
+ "versionNonce": 1,
115
+ "isDeleted": false,
116
+ "boundElements": null,
117
+ "updated": 1,
118
+ "link": null,
119
+ "locked": false,
120
+ "points": [
121
+ [
122
+ 0,
123
+ 0
124
+ ],
125
+ [
126
+ 0,
127
+ 796
128
+ ]
129
+ ],
130
+ "lastCommittedPoint": null,
131
+ "startBinding": null,
132
+ "endBinding": null,
133
+ "startArrowhead": null,
134
+ "endArrowhead": null,
135
+ "elbowed": false,
136
+ "index": null
137
+ },
138
+ {
139
+ "id": "seq-life-EH",
140
+ "type": "line",
141
+ "x": 964,
142
+ "y": 126,
143
+ "width": 0,
144
+ "height": 796,
145
+ "angle": 0,
146
+ "strokeColor": "#8A7F72",
147
+ "backgroundColor": "transparent",
148
+ "fillStyle": "solid",
149
+ "strokeWidth": 1.5,
150
+ "strokeStyle": "dashed",
151
+ "roughness": 1,
152
+ "opacity": 100,
153
+ "groupIds": [],
154
+ "frameId": null,
155
+ "roundness": null,
156
+ "seed": 902,
157
+ "version": 1,
158
+ "versionNonce": 1,
159
+ "isDeleted": false,
160
+ "boundElements": null,
161
+ "updated": 1,
162
+ "link": null,
163
+ "locked": false,
164
+ "points": [
165
+ [
166
+ 0,
167
+ 0
168
+ ],
169
+ [
170
+ 0,
171
+ 796
172
+ ]
173
+ ],
174
+ "lastCommittedPoint": null,
175
+ "startBinding": null,
176
+ "endBinding": null,
177
+ "startArrowhead": null,
178
+ "endArrowhead": null,
179
+ "elbowed": false,
180
+ "index": null
181
+ },
182
+ {
183
+ "id": "seq-life-RM",
184
+ "type": "line",
185
+ "x": 1228,
186
+ "y": 126,
187
+ "width": 0,
188
+ "height": 796,
189
+ "angle": 0,
190
+ "strokeColor": "#8A7F72",
191
+ "backgroundColor": "transparent",
192
+ "fillStyle": "solid",
193
+ "strokeWidth": 1.5,
194
+ "strokeStyle": "dashed",
195
+ "roughness": 1,
196
+ "opacity": 100,
197
+ "groupIds": [],
198
+ "frameId": null,
199
+ "roundness": null,
200
+ "seed": 472,
201
+ "version": 1,
202
+ "versionNonce": 1,
203
+ "isDeleted": false,
204
+ "boundElements": null,
205
+ "updated": 1,
206
+ "link": null,
207
+ "locked": false,
208
+ "points": [
209
+ [
210
+ 0,
211
+ 0
212
+ ],
213
+ [
214
+ 0,
215
+ 796
216
+ ]
217
+ ],
218
+ "lastCommittedPoint": null,
219
+ "startBinding": null,
220
+ "endBinding": null,
221
+ "startArrowhead": null,
222
+ "endArrowhead": null,
223
+ "elbowed": false,
224
+ "index": null
225
+ },
226
+ {
227
+ "id": "seq-actor-App",
228
+ "type": "rectangle",
229
+ "x": 92,
230
+ "y": 70,
231
+ "width": 160,
232
+ "height": 56,
233
+ "angle": 0,
234
+ "strokeColor": "#1B1F23",
235
+ "backgroundColor": "transparent",
236
+ "fillStyle": "hachure",
237
+ "strokeWidth": 2,
238
+ "strokeStyle": "solid",
239
+ "roughness": 1,
240
+ "opacity": 100,
241
+ "groupIds": [],
242
+ "frameId": null,
243
+ "roundness": {
244
+ "type": 3
245
+ },
246
+ "seed": 225,
247
+ "version": 1,
248
+ "versionNonce": 225,
249
+ "isDeleted": false,
250
+ "boundElements": [
251
+ {
252
+ "id": "seq-actorlabel-App",
253
+ "type": "text"
254
+ }
255
+ ],
256
+ "updated": 1,
257
+ "link": null,
258
+ "locked": false,
259
+ "index": null
260
+ },
261
+ {
262
+ "id": "seq-actorlabel-App",
263
+ "type": "text",
264
+ "x": 100,
265
+ "y": 85.5,
266
+ "width": 144,
267
+ "height": 25,
268
+ "angle": 0,
269
+ "strokeColor": "#1B1F23",
270
+ "backgroundColor": "transparent",
271
+ "fillStyle": "solid",
272
+ "strokeWidth": 1,
273
+ "strokeStyle": "solid",
274
+ "roughness": 1,
275
+ "opacity": 100,
276
+ "groupIds": [],
277
+ "frameId": null,
278
+ "roundness": null,
279
+ "seed": 226,
280
+ "version": 1,
281
+ "versionNonce": 226,
282
+ "isDeleted": false,
283
+ "boundElements": null,
284
+ "updated": 1,
285
+ "link": null,
286
+ "locked": false,
287
+ "text": "Application",
288
+ "fontSize": 20,
289
+ "fontFamily": 5,
290
+ "textAlign": "center",
291
+ "verticalAlign": "middle",
292
+ "containerId": "seq-actor-App",
293
+ "originalText": "Application",
294
+ "autoResize": false,
295
+ "lineHeight": 1.25,
296
+ "index": null
297
+ },
298
+ {
299
+ "id": "seq-actor-FV",
300
+ "type": "rectangle",
301
+ "x": 350,
302
+ "y": 70,
303
+ "width": 172,
304
+ "height": 56,
305
+ "angle": 0,
306
+ "strokeColor": "#1B1F23",
307
+ "backgroundColor": "transparent",
308
+ "fillStyle": "hachure",
309
+ "strokeWidth": 2,
310
+ "strokeStyle": "solid",
311
+ "roughness": 1,
312
+ "opacity": 100,
313
+ "groupIds": [],
314
+ "frameId": null,
315
+ "roundness": {
316
+ "type": 3
317
+ },
318
+ "seed": 824,
319
+ "version": 1,
320
+ "versionNonce": 824,
321
+ "isDeleted": false,
322
+ "boundElements": [
323
+ {
324
+ "id": "seq-actorlabel-FV",
325
+ "type": "text"
326
+ }
327
+ ],
328
+ "updated": 1,
329
+ "link": null,
330
+ "locked": false,
331
+ "index": null
332
+ },
333
+ {
334
+ "id": "seq-actorlabel-FV",
335
+ "type": "text",
336
+ "x": 358,
337
+ "y": 85.5,
338
+ "width": 156,
339
+ "height": 25,
340
+ "angle": 0,
341
+ "strokeColor": "#1B1F23",
342
+ "backgroundColor": "transparent",
343
+ "fillStyle": "solid",
344
+ "strokeWidth": 1,
345
+ "strokeStyle": "solid",
346
+ "roughness": 1,
347
+ "opacity": 100,
348
+ "groupIds": [],
349
+ "frameId": null,
350
+ "roundness": null,
351
+ "seed": 825,
352
+ "version": 1,
353
+ "versionNonce": 825,
354
+ "isDeleted": false,
355
+ "boundElements": null,
356
+ "updated": 1,
357
+ "link": null,
358
+ "locked": false,
359
+ "text": "PictViewFlow",
360
+ "fontSize": 20,
361
+ "fontFamily": 5,
362
+ "textAlign": "center",
363
+ "verticalAlign": "middle",
364
+ "containerId": "seq-actor-FV",
365
+ "originalText": "PictViewFlow",
366
+ "autoResize": false,
367
+ "lineHeight": 1.25,
368
+ "index": null
369
+ },
370
+ {
371
+ "id": "seq-actor-DM",
372
+ "type": "rectangle",
373
+ "x": 620,
374
+ "y": 70,
375
+ "width": 160,
376
+ "height": 56,
377
+ "angle": 0,
378
+ "strokeColor": "#1B1F23",
379
+ "backgroundColor": "transparent",
380
+ "fillStyle": "hachure",
381
+ "strokeWidth": 2,
382
+ "strokeStyle": "solid",
383
+ "roughness": 1,
384
+ "opacity": 100,
385
+ "groupIds": [],
386
+ "frameId": null,
387
+ "roundness": {
388
+ "type": 3
389
+ },
390
+ "seed": 268,
391
+ "version": 1,
392
+ "versionNonce": 268,
393
+ "isDeleted": false,
394
+ "boundElements": [
395
+ {
396
+ "id": "seq-actorlabel-DM",
397
+ "type": "text"
398
+ }
399
+ ],
400
+ "updated": 1,
401
+ "link": null,
402
+ "locked": false,
403
+ "index": null
404
+ },
405
+ {
406
+ "id": "seq-actorlabel-DM",
407
+ "type": "text",
408
+ "x": 628,
409
+ "y": 85.5,
410
+ "width": 144,
411
+ "height": 25,
412
+ "angle": 0,
413
+ "strokeColor": "#1B1F23",
414
+ "backgroundColor": "transparent",
415
+ "fillStyle": "solid",
416
+ "strokeWidth": 1,
417
+ "strokeStyle": "solid",
418
+ "roughness": 1,
419
+ "opacity": 100,
420
+ "groupIds": [],
421
+ "frameId": null,
422
+ "roundness": null,
423
+ "seed": 269,
424
+ "version": 1,
425
+ "versionNonce": 269,
426
+ "isDeleted": false,
427
+ "boundElements": null,
428
+ "updated": 1,
429
+ "link": null,
430
+ "locked": false,
431
+ "text": "DataManager",
432
+ "fontSize": 20,
433
+ "fontFamily": 5,
434
+ "textAlign": "center",
435
+ "verticalAlign": "middle",
436
+ "containerId": "seq-actor-DM",
437
+ "originalText": "DataManager",
438
+ "autoResize": false,
439
+ "lineHeight": 1.25,
440
+ "index": null
441
+ },
442
+ {
443
+ "id": "seq-actor-EH",
444
+ "type": "rectangle",
445
+ "x": 878,
446
+ "y": 70,
447
+ "width": 172,
448
+ "height": 56,
449
+ "angle": 0,
450
+ "strokeColor": "#1B1F23",
451
+ "backgroundColor": "transparent",
452
+ "fillStyle": "hachure",
453
+ "strokeWidth": 2,
454
+ "strokeStyle": "solid",
455
+ "roughness": 1,
456
+ "opacity": 100,
457
+ "groupIds": [],
458
+ "frameId": null,
459
+ "roundness": {
460
+ "type": 3
461
+ },
462
+ "seed": 477,
463
+ "version": 1,
464
+ "versionNonce": 477,
465
+ "isDeleted": false,
466
+ "boundElements": [
467
+ {
468
+ "id": "seq-actorlabel-EH",
469
+ "type": "text"
470
+ }
471
+ ],
472
+ "updated": 1,
473
+ "link": null,
474
+ "locked": false,
475
+ "index": null
476
+ },
477
+ {
478
+ "id": "seq-actorlabel-EH",
479
+ "type": "text",
480
+ "x": 886,
481
+ "y": 85.5,
482
+ "width": 156,
483
+ "height": 25,
484
+ "angle": 0,
485
+ "strokeColor": "#1B1F23",
486
+ "backgroundColor": "transparent",
487
+ "fillStyle": "solid",
488
+ "strokeWidth": 1,
489
+ "strokeStyle": "solid",
490
+ "roughness": 1,
491
+ "opacity": 100,
492
+ "groupIds": [],
493
+ "frameId": null,
494
+ "roundness": null,
495
+ "seed": 478,
496
+ "version": 1,
497
+ "versionNonce": 478,
498
+ "isDeleted": false,
499
+ "boundElements": null,
500
+ "updated": 1,
501
+ "link": null,
502
+ "locked": false,
503
+ "text": "EventHandler",
504
+ "fontSize": 20,
505
+ "fontFamily": 5,
506
+ "textAlign": "center",
507
+ "verticalAlign": "middle",
508
+ "containerId": "seq-actor-EH",
509
+ "originalText": "EventHandler",
510
+ "autoResize": false,
511
+ "lineHeight": 1.25,
512
+ "index": null
513
+ },
514
+ {
515
+ "id": "seq-actor-RM",
516
+ "type": "rectangle",
517
+ "x": 1136,
518
+ "y": 70,
519
+ "width": 184,
520
+ "height": 56,
521
+ "angle": 0,
522
+ "strokeColor": "#1B1F23",
523
+ "backgroundColor": "transparent",
524
+ "fillStyle": "hachure",
525
+ "strokeWidth": 2,
526
+ "strokeStyle": "solid",
527
+ "roughness": 1,
528
+ "opacity": 100,
529
+ "groupIds": [],
530
+ "frameId": null,
531
+ "roundness": {
532
+ "type": 3
533
+ },
534
+ "seed": 200,
535
+ "version": 1,
536
+ "versionNonce": 200,
537
+ "isDeleted": false,
538
+ "boundElements": [
539
+ {
540
+ "id": "seq-actorlabel-RM",
541
+ "type": "text"
542
+ }
543
+ ],
544
+ "updated": 1,
545
+ "link": null,
546
+ "locked": false,
547
+ "index": null
548
+ },
549
+ {
550
+ "id": "seq-actorlabel-RM",
551
+ "type": "text",
552
+ "x": 1144,
553
+ "y": 85.5,
554
+ "width": 168,
555
+ "height": 25,
556
+ "angle": 0,
557
+ "strokeColor": "#1B1F23",
558
+ "backgroundColor": "transparent",
559
+ "fillStyle": "solid",
560
+ "strokeWidth": 1,
561
+ "strokeStyle": "solid",
562
+ "roughness": 1,
563
+ "opacity": 100,
564
+ "groupIds": [],
565
+ "frameId": null,
566
+ "roundness": null,
567
+ "seed": 201,
568
+ "version": 1,
569
+ "versionNonce": 201,
570
+ "isDeleted": false,
571
+ "boundElements": null,
572
+ "updated": 1,
573
+ "link": null,
574
+ "locked": false,
575
+ "text": "RenderManager",
576
+ "fontSize": 20,
577
+ "fontFamily": 5,
578
+ "textAlign": "center",
579
+ "verticalAlign": "middle",
580
+ "containerId": "seq-actor-RM",
581
+ "originalText": "RenderManager",
582
+ "autoResize": false,
583
+ "lineHeight": 1.25,
584
+ "index": null
585
+ },
586
+ {
587
+ "id": "seq-msg-0",
588
+ "type": "arrow",
589
+ "x": 175,
590
+ "y": 179,
591
+ "width": 258,
592
+ "height": 0,
593
+ "angle": 0,
594
+ "strokeColor": "#1B1F23",
595
+ "backgroundColor": "transparent",
596
+ "fillStyle": "solid",
597
+ "strokeWidth": 2,
598
+ "strokeStyle": "solid",
599
+ "roughness": 1,
600
+ "opacity": 100,
601
+ "groupIds": [],
602
+ "frameId": null,
603
+ "roundness": {
604
+ "type": 2
605
+ },
606
+ "seed": 412,
607
+ "version": 1,
608
+ "versionNonce": 412,
609
+ "isDeleted": false,
610
+ "boundElements": [],
611
+ "updated": 1,
612
+ "link": null,
613
+ "locked": false,
614
+ "points": [
615
+ [
616
+ 0,
617
+ 0
618
+ ],
619
+ [
620
+ 258,
621
+ 0
622
+ ]
623
+ ],
624
+ "lastCommittedPoint": null,
625
+ "startBinding": null,
626
+ "endBinding": null,
627
+ "startArrowhead": null,
628
+ "endArrowhead": "triangle",
629
+ "elbowed": false,
630
+ "index": null
631
+ },
632
+ {
633
+ "id": "seq-msglabel-0",
634
+ "type": "text",
635
+ "x": 140.8,
636
+ "y": 152,
637
+ "width": 326.4,
638
+ "height": 21,
639
+ "angle": 0,
640
+ "strokeColor": "#1B1F23",
641
+ "backgroundColor": "transparent",
642
+ "fillStyle": "solid",
643
+ "strokeWidth": 1,
644
+ "strokeStyle": "solid",
645
+ "roughness": 1,
646
+ "opacity": 100,
647
+ "groupIds": [],
648
+ "frameId": null,
649
+ "roundness": null,
650
+ "seed": 413,
651
+ "version": 1,
652
+ "versionNonce": 413,
653
+ "isDeleted": false,
654
+ "boundElements": null,
655
+ "updated": 1,
656
+ "link": null,
657
+ "locked": false,
658
+ "text": "addNode('start', 50, 100, 'Begin')",
659
+ "fontSize": 16,
660
+ "fontFamily": 5,
661
+ "textAlign": "center",
662
+ "verticalAlign": "top",
663
+ "containerId": null,
664
+ "originalText": "addNode('start', 50, 100, 'Begin')",
665
+ "autoResize": true,
666
+ "lineHeight": 1.25,
667
+ "index": null
668
+ },
669
+ {
670
+ "id": "seq-msg-1",
671
+ "type": "arrow",
672
+ "x": 439,
673
+ "y": 237,
674
+ "width": 258,
675
+ "height": 0,
676
+ "angle": 0,
677
+ "strokeColor": "#1B1F23",
678
+ "backgroundColor": "transparent",
679
+ "fillStyle": "solid",
680
+ "strokeWidth": 2,
681
+ "strokeStyle": "solid",
682
+ "roughness": 1,
683
+ "opacity": 100,
684
+ "groupIds": [],
685
+ "frameId": null,
686
+ "roundness": {
687
+ "type": 2
688
+ },
689
+ "seed": 812,
690
+ "version": 1,
691
+ "versionNonce": 812,
692
+ "isDeleted": false,
693
+ "boundElements": [],
694
+ "updated": 1,
695
+ "link": null,
696
+ "locked": false,
697
+ "points": [
698
+ [
699
+ 0,
700
+ 0
701
+ ],
702
+ [
703
+ 258,
704
+ 0
705
+ ]
706
+ ],
707
+ "lastCommittedPoint": null,
708
+ "startBinding": null,
709
+ "endBinding": null,
710
+ "startArrowhead": null,
711
+ "endArrowhead": "triangle",
712
+ "elbowed": false,
713
+ "index": null
714
+ },
715
+ {
716
+ "id": "seq-msglabel-1",
717
+ "type": "text",
718
+ "x": 390.4,
719
+ "y": 210,
720
+ "width": 355.2,
721
+ "height": 21,
722
+ "angle": 0,
723
+ "strokeColor": "#1B1F23",
724
+ "backgroundColor": "transparent",
725
+ "fillStyle": "solid",
726
+ "strokeWidth": 1,
727
+ "strokeStyle": "solid",
728
+ "roughness": 1,
729
+ "opacity": 100,
730
+ "groupIds": [],
731
+ "frameId": null,
732
+ "roundness": null,
733
+ "seed": 813,
734
+ "version": 1,
735
+ "versionNonce": 813,
736
+ "isDeleted": false,
737
+ "boundElements": null,
738
+ "updated": 1,
739
+ "link": null,
740
+ "locked": false,
741
+ "text": "addNode(pType, pX, pY, pTitle, pData)",
742
+ "fontSize": 16,
743
+ "fontFamily": 5,
744
+ "textAlign": "center",
745
+ "verticalAlign": "top",
746
+ "containerId": null,
747
+ "originalText": "addNode(pType, pX, pY, pTitle, pData)",
748
+ "autoResize": true,
749
+ "lineHeight": 1.25,
750
+ "index": null
751
+ },
752
+ {
753
+ "id": "seq-msg-2",
754
+ "type": "arrow",
755
+ "x": 700,
756
+ "y": 295,
757
+ "width": 46,
758
+ "height": 44,
759
+ "angle": 0,
760
+ "strokeColor": "#1B1F23",
761
+ "backgroundColor": "transparent",
762
+ "fillStyle": "solid",
763
+ "strokeWidth": 2,
764
+ "strokeStyle": "solid",
765
+ "roughness": 1,
766
+ "opacity": 100,
767
+ "groupIds": [],
768
+ "frameId": null,
769
+ "roundness": {
770
+ "type": 2
771
+ },
772
+ "seed": 424,
773
+ "version": 1,
774
+ "versionNonce": 424,
775
+ "isDeleted": false,
776
+ "boundElements": [],
777
+ "updated": 1,
778
+ "link": null,
779
+ "locked": false,
780
+ "points": [
781
+ [
782
+ 0,
783
+ 0
784
+ ],
785
+ [
786
+ 46,
787
+ 0
788
+ ],
789
+ [
790
+ 46,
791
+ 44
792
+ ],
793
+ [
794
+ 0,
795
+ 44
796
+ ]
797
+ ],
798
+ "lastCommittedPoint": null,
799
+ "startBinding": null,
800
+ "endBinding": null,
801
+ "startArrowhead": null,
802
+ "endArrowhead": "triangle",
803
+ "elbowed": false,
804
+ "index": null
805
+ },
806
+ {
807
+ "id": "seq-msglabel-2",
808
+ "type": "text",
809
+ "x": 756,
810
+ "y": 306.5,
811
+ "width": 316.8,
812
+ "height": 21,
813
+ "angle": 0,
814
+ "strokeColor": "#1B1F23",
815
+ "backgroundColor": "transparent",
816
+ "fillStyle": "solid",
817
+ "strokeWidth": 1,
818
+ "strokeStyle": "solid",
819
+ "roughness": 1,
820
+ "opacity": 100,
821
+ "groupIds": [],
822
+ "frameId": null,
823
+ "roundness": null,
824
+ "seed": 425,
825
+ "version": 1,
826
+ "versionNonce": 425,
827
+ "isDeleted": false,
828
+ "boundElements": null,
829
+ "updated": 1,
830
+ "link": null,
831
+ "locked": false,
832
+ "text": "Create node object with UUID hash",
833
+ "fontSize": 16,
834
+ "fontFamily": 5,
835
+ "textAlign": "left",
836
+ "verticalAlign": "top",
837
+ "containerId": null,
838
+ "originalText": "Create node object with UUID hash",
839
+ "autoResize": true,
840
+ "lineHeight": 1.25,
841
+ "index": null
842
+ },
843
+ {
844
+ "id": "seq-msg-3",
845
+ "type": "arrow",
846
+ "x": 700,
847
+ "y": 405,
848
+ "width": 46,
849
+ "height": 44,
850
+ "angle": 0,
851
+ "strokeColor": "#1B1F23",
852
+ "backgroundColor": "transparent",
853
+ "fillStyle": "solid",
854
+ "strokeWidth": 2,
855
+ "strokeStyle": "solid",
856
+ "roughness": 1,
857
+ "opacity": 100,
858
+ "groupIds": [],
859
+ "frameId": null,
860
+ "roundness": {
861
+ "type": 2
862
+ },
863
+ "seed": 844,
864
+ "version": 1,
865
+ "versionNonce": 844,
866
+ "isDeleted": false,
867
+ "boundElements": [],
868
+ "updated": 1,
869
+ "link": null,
870
+ "locked": false,
871
+ "points": [
872
+ [
873
+ 0,
874
+ 0
875
+ ],
876
+ [
877
+ 46,
878
+ 0
879
+ ],
880
+ [
881
+ 46,
882
+ 44
883
+ ],
884
+ [
885
+ 0,
886
+ 44
887
+ ]
888
+ ],
889
+ "lastCommittedPoint": null,
890
+ "startBinding": null,
891
+ "endBinding": null,
892
+ "startArrowhead": null,
893
+ "endArrowhead": "triangle",
894
+ "elbowed": false,
895
+ "index": null
896
+ },
897
+ {
898
+ "id": "seq-msglabel-3",
899
+ "type": "text",
900
+ "x": 756,
901
+ "y": 416.5,
902
+ "width": 316.8,
903
+ "height": 21,
904
+ "angle": 0,
905
+ "strokeColor": "#1B1F23",
906
+ "backgroundColor": "transparent",
907
+ "fillStyle": "solid",
908
+ "strokeWidth": 1,
909
+ "strokeStyle": "solid",
910
+ "roughness": 1,
911
+ "opacity": 100,
912
+ "groupIds": [],
913
+ "frameId": null,
914
+ "roundness": null,
915
+ "seed": 845,
916
+ "version": 1,
917
+ "versionNonce": 845,
918
+ "isDeleted": false,
919
+ "boundElements": null,
920
+ "updated": 1,
921
+ "link": null,
922
+ "locked": false,
923
+ "text": "Merge default ports from NodeType",
924
+ "fontSize": 16,
925
+ "fontFamily": 5,
926
+ "textAlign": "left",
927
+ "verticalAlign": "top",
928
+ "containerId": null,
929
+ "originalText": "Merge default ports from NodeType",
930
+ "autoResize": true,
931
+ "lineHeight": 1.25,
932
+ "index": null
933
+ },
934
+ {
935
+ "id": "seq-msg-4",
936
+ "type": "arrow",
937
+ "x": 703,
938
+ "y": 515,
939
+ "width": 258,
940
+ "height": 0,
941
+ "angle": 0,
942
+ "strokeColor": "#1B1F23",
943
+ "backgroundColor": "transparent",
944
+ "fillStyle": "solid",
945
+ "strokeWidth": 2,
946
+ "strokeStyle": "solid",
947
+ "roughness": 1,
948
+ "opacity": 100,
949
+ "groupIds": [],
950
+ "frameId": null,
951
+ "roundness": {
952
+ "type": 2
953
+ },
954
+ "seed": 733,
955
+ "version": 1,
956
+ "versionNonce": 733,
957
+ "isDeleted": false,
958
+ "boundElements": [],
959
+ "updated": 1,
960
+ "link": null,
961
+ "locked": false,
962
+ "points": [
963
+ [
964
+ 0,
965
+ 0
966
+ ],
967
+ [
968
+ 258,
969
+ 0
970
+ ]
971
+ ],
972
+ "lastCommittedPoint": null,
973
+ "startBinding": null,
974
+ "endBinding": null,
975
+ "startArrowhead": null,
976
+ "endArrowhead": "triangle",
977
+ "elbowed": false,
978
+ "index": null
979
+ },
980
+ {
981
+ "id": "seq-msglabel-4",
982
+ "type": "text",
983
+ "x": 688,
984
+ "y": 488,
985
+ "width": 288,
986
+ "height": 21,
987
+ "angle": 0,
988
+ "strokeColor": "#1B1F23",
989
+ "backgroundColor": "transparent",
990
+ "fillStyle": "solid",
991
+ "strokeWidth": 1,
992
+ "strokeStyle": "solid",
993
+ "roughness": 1,
994
+ "opacity": 100,
995
+ "groupIds": [],
996
+ "frameId": null,
997
+ "roundness": null,
998
+ "seed": 734,
999
+ "version": 1,
1000
+ "versionNonce": 734,
1001
+ "isDeleted": false,
1002
+ "boundElements": null,
1003
+ "updated": 1,
1004
+ "link": null,
1005
+ "locked": false,
1006
+ "text": "fireEvent('onNodeAdded', node)",
1007
+ "fontSize": 16,
1008
+ "fontFamily": 5,
1009
+ "textAlign": "center",
1010
+ "verticalAlign": "top",
1011
+ "containerId": null,
1012
+ "originalText": "fireEvent('onNodeAdded', node)",
1013
+ "autoResize": true,
1014
+ "lineHeight": 1.25,
1015
+ "index": null
1016
+ },
1017
+ {
1018
+ "id": "seq-msg-5",
1019
+ "type": "arrow",
1020
+ "x": 703,
1021
+ "y": 573,
1022
+ "width": 258,
1023
+ "height": 0,
1024
+ "angle": 0,
1025
+ "strokeColor": "#1B1F23",
1026
+ "backgroundColor": "transparent",
1027
+ "fillStyle": "solid",
1028
+ "strokeWidth": 2,
1029
+ "strokeStyle": "solid",
1030
+ "roughness": 1,
1031
+ "opacity": 100,
1032
+ "groupIds": [],
1033
+ "frameId": null,
1034
+ "roundness": {
1035
+ "type": 2
1036
+ },
1037
+ "seed": 485,
1038
+ "version": 1,
1039
+ "versionNonce": 485,
1040
+ "isDeleted": false,
1041
+ "boundElements": [],
1042
+ "updated": 1,
1043
+ "link": null,
1044
+ "locked": false,
1045
+ "points": [
1046
+ [
1047
+ 0,
1048
+ 0
1049
+ ],
1050
+ [
1051
+ 258,
1052
+ 0
1053
+ ]
1054
+ ],
1055
+ "lastCommittedPoint": null,
1056
+ "startBinding": null,
1057
+ "endBinding": null,
1058
+ "startArrowhead": null,
1059
+ "endArrowhead": "triangle",
1060
+ "elbowed": false,
1061
+ "index": null
1062
+ },
1063
+ {
1064
+ "id": "seq-msglabel-5",
1065
+ "type": "text",
1066
+ "x": 659.2,
1067
+ "y": 546,
1068
+ "width": 345.59999999999997,
1069
+ "height": 21,
1070
+ "angle": 0,
1071
+ "strokeColor": "#1B1F23",
1072
+ "backgroundColor": "transparent",
1073
+ "fillStyle": "solid",
1074
+ "strokeWidth": 1,
1075
+ "strokeStyle": "solid",
1076
+ "roughness": 1,
1077
+ "opacity": 100,
1078
+ "groupIds": [],
1079
+ "frameId": null,
1080
+ "roundness": null,
1081
+ "seed": 486,
1082
+ "version": 1,
1083
+ "versionNonce": 486,
1084
+ "isDeleted": false,
1085
+ "boundElements": null,
1086
+ "updated": 1,
1087
+ "link": null,
1088
+ "locked": false,
1089
+ "text": "fireEvent('onFlowChanged', flowData)",
1090
+ "fontSize": 16,
1091
+ "fontFamily": 5,
1092
+ "textAlign": "center",
1093
+ "verticalAlign": "top",
1094
+ "containerId": null,
1095
+ "originalText": "fireEvent('onFlowChanged', flowData)",
1096
+ "autoResize": true,
1097
+ "lineHeight": 1.25,
1098
+ "index": null
1099
+ },
1100
+ {
1101
+ "id": "seq-msg-6",
1102
+ "type": "arrow",
1103
+ "x": 703,
1104
+ "y": 631,
1105
+ "width": 522,
1106
+ "height": 0,
1107
+ "angle": 0,
1108
+ "strokeColor": "#1B1F23",
1109
+ "backgroundColor": "transparent",
1110
+ "fillStyle": "solid",
1111
+ "strokeWidth": 2,
1112
+ "strokeStyle": "solid",
1113
+ "roughness": 1,
1114
+ "opacity": 100,
1115
+ "groupIds": [],
1116
+ "frameId": null,
1117
+ "roundness": {
1118
+ "type": 2
1119
+ },
1120
+ "seed": 921,
1121
+ "version": 1,
1122
+ "versionNonce": 921,
1123
+ "isDeleted": false,
1124
+ "boundElements": [],
1125
+ "updated": 1,
1126
+ "link": null,
1127
+ "locked": false,
1128
+ "points": [
1129
+ [
1130
+ 0,
1131
+ 0
1132
+ ],
1133
+ [
1134
+ 522,
1135
+ 0
1136
+ ]
1137
+ ],
1138
+ "lastCommittedPoint": null,
1139
+ "startBinding": null,
1140
+ "endBinding": null,
1141
+ "startArrowhead": null,
1142
+ "endArrowhead": "triangle",
1143
+ "elbowed": false,
1144
+ "index": null
1145
+ },
1146
+ {
1147
+ "id": "seq-msglabel-6",
1148
+ "type": "text",
1149
+ "x": 906.4,
1150
+ "y": 604,
1151
+ "width": 115.19999999999999,
1152
+ "height": 21,
1153
+ "angle": 0,
1154
+ "strokeColor": "#1B1F23",
1155
+ "backgroundColor": "transparent",
1156
+ "fillStyle": "solid",
1157
+ "strokeWidth": 1,
1158
+ "strokeStyle": "solid",
1159
+ "roughness": 1,
1160
+ "opacity": 100,
1161
+ "groupIds": [],
1162
+ "frameId": null,
1163
+ "roundness": null,
1164
+ "seed": 922,
1165
+ "version": 1,
1166
+ "versionNonce": 922,
1167
+ "isDeleted": false,
1168
+ "boundElements": null,
1169
+ "updated": 1,
1170
+ "link": null,
1171
+ "locked": false,
1172
+ "text": "renderFlow()",
1173
+ "fontSize": 16,
1174
+ "fontFamily": 5,
1175
+ "textAlign": "center",
1176
+ "verticalAlign": "top",
1177
+ "containerId": null,
1178
+ "originalText": "renderFlow()",
1179
+ "autoResize": true,
1180
+ "lineHeight": 1.25,
1181
+ "index": null
1182
+ },
1183
+ {
1184
+ "id": "seq-msg-7",
1185
+ "type": "arrow",
1186
+ "x": 1228,
1187
+ "y": 689,
1188
+ "width": 46,
1189
+ "height": 44,
1190
+ "angle": 0,
1191
+ "strokeColor": "#1B1F23",
1192
+ "backgroundColor": "transparent",
1193
+ "fillStyle": "solid",
1194
+ "strokeWidth": 2,
1195
+ "strokeStyle": "solid",
1196
+ "roughness": 1,
1197
+ "opacity": 100,
1198
+ "groupIds": [],
1199
+ "frameId": null,
1200
+ "roundness": {
1201
+ "type": 2
1202
+ },
1203
+ "seed": 316,
1204
+ "version": 1,
1205
+ "versionNonce": 316,
1206
+ "isDeleted": false,
1207
+ "boundElements": [],
1208
+ "updated": 1,
1209
+ "link": null,
1210
+ "locked": false,
1211
+ "points": [
1212
+ [
1213
+ 0,
1214
+ 0
1215
+ ],
1216
+ [
1217
+ 46,
1218
+ 0
1219
+ ],
1220
+ [
1221
+ 46,
1222
+ 44
1223
+ ],
1224
+ [
1225
+ 0,
1226
+ 44
1227
+ ]
1228
+ ],
1229
+ "lastCommittedPoint": null,
1230
+ "startBinding": null,
1231
+ "endBinding": null,
1232
+ "startArrowhead": null,
1233
+ "endArrowhead": "triangle",
1234
+ "elbowed": false,
1235
+ "index": null
1236
+ },
1237
+ {
1238
+ "id": "seq-msglabel-7",
1239
+ "type": "text",
1240
+ "x": 1284,
1241
+ "y": 700.5,
1242
+ "width": 441.59999999999997,
1243
+ "height": 21,
1244
+ "angle": 0,
1245
+ "strokeColor": "#1B1F23",
1246
+ "backgroundColor": "transparent",
1247
+ "fillStyle": "solid",
1248
+ "strokeWidth": 1,
1249
+ "strokeStyle": "solid",
1250
+ "roughness": 1,
1251
+ "opacity": 100,
1252
+ "groupIds": [],
1253
+ "frameId": null,
1254
+ "roundness": null,
1255
+ "seed": 317,
1256
+ "version": 1,
1257
+ "versionNonce": 317,
1258
+ "isDeleted": false,
1259
+ "boundElements": null,
1260
+ "updated": 1,
1261
+ "link": null,
1262
+ "locked": false,
1263
+ "text": "Render SVG nodes, connections, tethers, panels",
1264
+ "fontSize": 16,
1265
+ "fontFamily": 5,
1266
+ "textAlign": "left",
1267
+ "verticalAlign": "top",
1268
+ "containerId": null,
1269
+ "originalText": "Render SVG nodes, connections, tethers, panels",
1270
+ "autoResize": true,
1271
+ "lineHeight": 1.25,
1272
+ "index": null
1273
+ },
1274
+ {
1275
+ "id": "seq-msg-8",
1276
+ "type": "arrow",
1277
+ "x": 697,
1278
+ "y": 799,
1279
+ "width": -258,
1280
+ "height": 0,
1281
+ "angle": 0,
1282
+ "strokeColor": "#1B1F23",
1283
+ "backgroundColor": "transparent",
1284
+ "fillStyle": "solid",
1285
+ "strokeWidth": 2,
1286
+ "strokeStyle": "dashed",
1287
+ "roughness": 1,
1288
+ "opacity": 100,
1289
+ "groupIds": [],
1290
+ "frameId": null,
1291
+ "roundness": {
1292
+ "type": 2
1293
+ },
1294
+ "seed": 980,
1295
+ "version": 1,
1296
+ "versionNonce": 980,
1297
+ "isDeleted": false,
1298
+ "boundElements": [],
1299
+ "updated": 1,
1300
+ "link": null,
1301
+ "locked": false,
1302
+ "points": [
1303
+ [
1304
+ 0,
1305
+ 0
1306
+ ],
1307
+ [
1308
+ -258,
1309
+ 0
1310
+ ]
1311
+ ],
1312
+ "lastCommittedPoint": null,
1313
+ "startBinding": null,
1314
+ "endBinding": null,
1315
+ "startArrowhead": null,
1316
+ "endArrowhead": "triangle",
1317
+ "elbowed": false,
1318
+ "index": null
1319
+ },
1320
+ {
1321
+ "id": "seq-msglabel-8",
1322
+ "type": "text",
1323
+ "x": 481.6,
1324
+ "y": 772,
1325
+ "width": 172.79999999999998,
1326
+ "height": 21,
1327
+ "angle": 0,
1328
+ "strokeColor": "#1B1F23",
1329
+ "backgroundColor": "transparent",
1330
+ "fillStyle": "solid",
1331
+ "strokeWidth": 1,
1332
+ "strokeStyle": "solid",
1333
+ "roughness": 1,
1334
+ "opacity": 100,
1335
+ "groupIds": [],
1336
+ "frameId": null,
1337
+ "roundness": null,
1338
+ "seed": 981,
1339
+ "version": 1,
1340
+ "versionNonce": 981,
1341
+ "isDeleted": false,
1342
+ "boundElements": null,
1343
+ "updated": 1,
1344
+ "link": null,
1345
+ "locked": false,
1346
+ "text": "Return node object",
1347
+ "fontSize": 16,
1348
+ "fontFamily": 5,
1349
+ "textAlign": "center",
1350
+ "verticalAlign": "top",
1351
+ "containerId": null,
1352
+ "originalText": "Return node object",
1353
+ "autoResize": true,
1354
+ "lineHeight": 1.25,
1355
+ "index": null
1356
+ },
1357
+ {
1358
+ "id": "seq-msg-9",
1359
+ "type": "arrow",
1360
+ "x": 433,
1361
+ "y": 857,
1362
+ "width": -258,
1363
+ "height": 0,
1364
+ "angle": 0,
1365
+ "strokeColor": "#1B1F23",
1366
+ "backgroundColor": "transparent",
1367
+ "fillStyle": "solid",
1368
+ "strokeWidth": 2,
1369
+ "strokeStyle": "dashed",
1370
+ "roughness": 1,
1371
+ "opacity": 100,
1372
+ "groupIds": [],
1373
+ "frameId": null,
1374
+ "roundness": {
1375
+ "type": 2
1376
+ },
1377
+ "seed": 100,
1378
+ "version": 1,
1379
+ "versionNonce": 100,
1380
+ "isDeleted": false,
1381
+ "boundElements": [],
1382
+ "updated": 1,
1383
+ "link": null,
1384
+ "locked": false,
1385
+ "points": [
1386
+ [
1387
+ 0,
1388
+ 0
1389
+ ],
1390
+ [
1391
+ -258,
1392
+ 0
1393
+ ]
1394
+ ],
1395
+ "lastCommittedPoint": null,
1396
+ "startBinding": null,
1397
+ "endBinding": null,
1398
+ "startArrowhead": null,
1399
+ "endArrowhead": "triangle",
1400
+ "elbowed": false,
1401
+ "index": null
1402
+ },
1403
+ {
1404
+ "id": "seq-msglabel-9",
1405
+ "type": "text",
1406
+ "x": 217.60000000000002,
1407
+ "y": 830,
1408
+ "width": 172.79999999999998,
1409
+ "height": 21,
1410
+ "angle": 0,
1411
+ "strokeColor": "#1B1F23",
1412
+ "backgroundColor": "transparent",
1413
+ "fillStyle": "solid",
1414
+ "strokeWidth": 1,
1415
+ "strokeStyle": "solid",
1416
+ "roughness": 1,
1417
+ "opacity": 100,
1418
+ "groupIds": [],
1419
+ "frameId": null,
1420
+ "roundness": null,
1421
+ "seed": 101,
1422
+ "version": 1,
1423
+ "versionNonce": 101,
1424
+ "isDeleted": false,
1425
+ "boundElements": null,
1426
+ "updated": 1,
1427
+ "link": null,
1428
+ "locked": false,
1429
+ "text": "Return node object",
1430
+ "fontSize": 16,
1431
+ "fontFamily": 5,
1432
+ "textAlign": "center",
1433
+ "verticalAlign": "top",
1434
+ "containerId": null,
1435
+ "originalText": "Return node object",
1436
+ "autoResize": true,
1437
+ "lineHeight": 1.25,
1438
+ "index": null
1439
+ }
1440
+ ],
1441
+ "appState": {
1442
+ "viewBackgroundColor": "#FBF7EE",
1443
+ "theme": "light",
1444
+ "gridSize": null,
1445
+ "exportBackground": true,
1446
+ "exportEmbedScene": true,
1447
+ "exportScale": 1,
1448
+ "currentItemFontFamily": 5
1449
+ },
1450
+ "files": {}
1451
+ }