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
package/docs/diagrams/svg-layer-structure.excalidraw ADDED
@@ -0,0 +1,1060 @@
1
+ {
2
+ "type": "excalidraw",
3
+ "version": 2,
4
+ "source": "pict-section-excalidraw/notebook-generator",
5
+ "elements": [
6
+ {
7
+ "id": "cluster-SVG",
8
+ "type": "rectangle",
9
+ "x": 2,
10
+ "y": -19,
11
+ "width": 639,
12
+ "height": 869,
13
+ "angle": 0,
14
+ "strokeColor": "#8A7F72",
15
+ "backgroundColor": "transparent",
16
+ "fillStyle": "solid",
17
+ "strokeWidth": 1,
18
+ "strokeStyle": "dashed",
19
+ "roughness": 1,
20
+ "opacity": 100,
21
+ "groupIds": [],
22
+ "frameId": null,
23
+ "roundness": {
24
+ "type": 3
25
+ },
26
+ "seed": 901,
27
+ "version": 1,
28
+ "versionNonce": 901,
29
+ "isDeleted": false,
30
+ "boundElements": [],
31
+ "updated": 1,
32
+ "link": null,
33
+ "locked": false,
34
+ "index": null
35
+ },
36
+ {
37
+ "id": "cluster-label-SVG",
38
+ "type": "text",
39
+ "x": 2,
40
+ "y": -14,
41
+ "width": 639,
42
+ "height": 21,
43
+ "angle": 0,
44
+ "strokeColor": "#8A7F72",
45
+ "backgroundColor": "transparent",
46
+ "fillStyle": "solid",
47
+ "strokeWidth": 1,
48
+ "strokeStyle": "solid",
49
+ "roughness": 1,
50
+ "opacity": 100,
51
+ "groupIds": [],
52
+ "frameId": null,
53
+ "roundness": null,
54
+ "seed": 901,
55
+ "version": 1,
56
+ "versionNonce": 901,
57
+ "isDeleted": false,
58
+ "boundElements": null,
59
+ "updated": 1,
60
+ "link": null,
61
+ "locked": false,
62
+ "text": "SVG Canvas",
63
+ "fontSize": 15,
64
+ "fontFamily": 5,
65
+ "textAlign": "center",
66
+ "verticalAlign": "top",
67
+ "containerId": null,
68
+ "originalText": "SVG Canvas",
69
+ "autoResize": true,
70
+ "lineHeight": 1.25,
71
+ "index": null
72
+ },
73
+ {
74
+ "id": "cluster-Viewport",
75
+ "type": "rectangle",
76
+ "x": 22,
77
+ "y": 172,
78
+ "width": 599,
79
+ "height": 633,
80
+ "angle": 0,
81
+ "strokeColor": "#8A7F72",
82
+ "backgroundColor": "transparent",
83
+ "fillStyle": "solid",
84
+ "strokeWidth": 1,
85
+ "strokeStyle": "dashed",
86
+ "roughness": 1,
87
+ "opacity": 100,
88
+ "groupIds": [],
89
+ "frameId": null,
90
+ "roundness": {
91
+ "type": 3
92
+ },
93
+ "seed": 874,
94
+ "version": 1,
95
+ "versionNonce": 874,
96
+ "isDeleted": false,
97
+ "boundElements": [],
98
+ "updated": 1,
99
+ "link": null,
100
+ "locked": false,
101
+ "index": null
102
+ },
103
+ {
104
+ "id": "cluster-label-Viewport",
105
+ "type": "text",
106
+ "x": 22,
107
+ "y": 177,
108
+ "width": 599,
109
+ "height": 21,
110
+ "angle": 0,
111
+ "strokeColor": "#8A7F72",
112
+ "backgroundColor": "transparent",
113
+ "fillStyle": "solid",
114
+ "strokeWidth": 1,
115
+ "strokeStyle": "solid",
116
+ "roughness": 1,
117
+ "opacity": 100,
118
+ "groupIds": [],
119
+ "frameId": null,
120
+ "roundness": null,
121
+ "seed": 874,
122
+ "version": 1,
123
+ "versionNonce": 874,
124
+ "isDeleted": false,
125
+ "boundElements": null,
126
+ "updated": 1,
127
+ "link": null,
128
+ "locked": false,
129
+ "text": "Viewport Group (pan/zoom transform)",
130
+ "fontSize": 15,
131
+ "fontFamily": 5,
132
+ "textAlign": "center",
133
+ "verticalAlign": "top",
134
+ "containerId": null,
135
+ "originalText": "Viewport Group (pan/zoom transform)",
136
+ "autoResize": true,
137
+ "lineHeight": 1.25,
138
+ "index": null
139
+ },
140
+ {
141
+ "id": "shape-Grid-0000005o",
142
+ "type": "rectangle",
143
+ "x": 168,
144
+ "y": 61,
145
+ "width": 307,
146
+ "height": 56,
147
+ "angle": 0,
148
+ "strokeColor": "#1B1F23",
149
+ "backgroundColor": "transparent",
150
+ "fillStyle": "solid",
151
+ "strokeWidth": 2,
152
+ "strokeStyle": "solid",
153
+ "roughness": 1,
154
+ "opacity": 100,
155
+ "groupIds": [],
156
+ "frameId": null,
157
+ "roundness": {
158
+ "type": 3
159
+ },
160
+ "seed": 204,
161
+ "version": 1,
162
+ "versionNonce": 204,
163
+ "isDeleted": false,
164
+ "boundElements": [
165
+ {
166
+ "id": "label-Grid-000000l4",
167
+ "type": "text"
168
+ },
169
+ {
170
+ "id": "arrow-Grid-Connections-000000q0",
171
+ "type": "arrow"
172
+ }
173
+ ],
174
+ "updated": 1,
175
+ "link": null,
176
+ "locked": false,
177
+ "index": null
178
+ },
179
+ {
180
+ "id": "label-Grid-000000l4",
181
+ "type": "text",
182
+ "x": 176,
183
+ "y": 76.5,
184
+ "width": 291,
185
+ "height": 25,
186
+ "angle": 0,
187
+ "strokeColor": "#1B1F23",
188
+ "backgroundColor": "transparent",
189
+ "fillStyle": "solid",
190
+ "strokeWidth": 1,
191
+ "strokeStyle": "solid",
192
+ "roughness": 1,
193
+ "opacity": 100,
194
+ "groupIds": [],
195
+ "frameId": null,
196
+ "roundness": null,
197
+ "seed": 760,
198
+ "version": 1,
199
+ "versionNonce": 760,
200
+ "isDeleted": false,
201
+ "boundElements": null,
202
+ "updated": 1,
203
+ "link": null,
204
+ "locked": false,
205
+ "text": "Grid Background (pattern)",
206
+ "fontSize": 20,
207
+ "fontFamily": 5,
208
+ "textAlign": "center",
209
+ "verticalAlign": "middle",
210
+ "baseline": 15,
211
+ "containerId": "shape-Grid-0000005o",
212
+ "originalText": "Grid Background (pattern)",
213
+ "autoResize": true,
214
+ "lineHeight": 1.25,
215
+ "index": null
216
+ },
217
+ {
218
+ "id": "shape-Connections-000000pk",
219
+ "type": "rectangle",
220
+ "x": 69,
221
+ "y": 252,
222
+ "width": 506,
223
+ "height": 56,
224
+ "angle": 0,
225
+ "strokeColor": "#1B1F23",
226
+ "backgroundColor": "transparent",
227
+ "fillStyle": "solid",
228
+ "strokeWidth": 2,
229
+ "strokeStyle": "solid",
230
+ "roughness": 1,
231
+ "opacity": 100,
232
+ "groupIds": [],
233
+ "frameId": null,
234
+ "roundness": {
235
+ "type": 3
236
+ },
237
+ "seed": 920,
238
+ "version": 1,
239
+ "versionNonce": 920,
240
+ "isDeleted": false,
241
+ "boundElements": [
242
+ {
243
+ "id": "label-Connections-000000lo",
244
+ "type": "text"
245
+ },
246
+ {
247
+ "id": "arrow-Grid-Connections-000000q0",
248
+ "type": "arrow"
249
+ },
250
+ {
251
+ "id": "arrow-Connections-Nodes-0000004c",
252
+ "type": "arrow"
253
+ }
254
+ ],
255
+ "updated": 1,
256
+ "link": null,
257
+ "locked": false,
258
+ "index": null
259
+ },
260
+ {
261
+ "id": "label-Connections-000000lo",
262
+ "type": "text",
263
+ "x": 77,
264
+ "y": 267.5,
265
+ "width": 490,
266
+ "height": 25,
267
+ "angle": 0,
268
+ "strokeColor": "#1B1F23",
269
+ "backgroundColor": "transparent",
270
+ "fillStyle": "solid",
271
+ "strokeWidth": 1,
272
+ "strokeStyle": "solid",
273
+ "roughness": 1,
274
+ "opacity": 100,
275
+ "groupIds": [],
276
+ "frameId": null,
277
+ "roundness": null,
278
+ "seed": 780,
279
+ "version": 1,
280
+ "versionNonce": 780,
281
+ "isDeleted": false,
282
+ "boundElements": null,
283
+ "updated": 1,
284
+ "link": null,
285
+ "locked": false,
286
+ "text": "Connections Layer (bezier/orthogonal paths)",
287
+ "fontSize": 20,
288
+ "fontFamily": 5,
289
+ "textAlign": "center",
290
+ "verticalAlign": "middle",
291
+ "baseline": 15,
292
+ "containerId": "shape-Connections-000000pk",
293
+ "originalText": "Connections Layer (bezier/orthogonal paths)",
294
+ "autoResize": true,
295
+ "lineHeight": 1.25,
296
+ "index": null
297
+ },
298
+ {
299
+ "id": "shape-Nodes-000000hg",
300
+ "type": "rectangle",
301
+ "x": 113,
302
+ "y": 398,
303
+ "width": 418,
304
+ "height": 56,
305
+ "angle": 0,
306
+ "strokeColor": "#1B1F23",
307
+ "backgroundColor": "transparent",
308
+ "fillStyle": "solid",
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": 628,
319
+ "version": 1,
320
+ "versionNonce": 628,
321
+ "isDeleted": false,
322
+ "boundElements": [
323
+ {
324
+ "id": "label-Nodes-000000c9",
325
+ "type": "text"
326
+ },
327
+ {
328
+ "id": "arrow-Connections-Nodes-0000004c",
329
+ "type": "arrow"
330
+ },
331
+ {
332
+ "id": "arrow-Nodes-Tethers-000000n4",
333
+ "type": "arrow"
334
+ }
335
+ ],
336
+ "updated": 1,
337
+ "link": null,
338
+ "locked": false,
339
+ "index": null
340
+ },
341
+ {
342
+ "id": "label-Nodes-000000c9",
343
+ "type": "text",
344
+ "x": 121,
345
+ "y": 413.5,
346
+ "width": 402,
347
+ "height": 25,
348
+ "angle": 0,
349
+ "strokeColor": "#1B1F23",
350
+ "backgroundColor": "transparent",
351
+ "fillStyle": "solid",
352
+ "strokeWidth": 1,
353
+ "strokeStyle": "solid",
354
+ "roughness": 1,
355
+ "opacity": 100,
356
+ "groupIds": [],
357
+ "frameId": null,
358
+ "roundness": null,
359
+ "seed": 441,
360
+ "version": 1,
361
+ "versionNonce": 441,
362
+ "isDeleted": false,
363
+ "boundElements": null,
364
+ "updated": 1,
365
+ "link": null,
366
+ "locked": false,
367
+ "text": "Nodes Layer (rect + ports + labels)",
368
+ "fontSize": 20,
369
+ "fontFamily": 5,
370
+ "textAlign": "center",
371
+ "verticalAlign": "middle",
372
+ "baseline": 15,
373
+ "containerId": "shape-Nodes-000000hg",
374
+ "originalText": "Nodes Layer (rect + ports + labels)",
375
+ "autoResize": true,
376
+ "lineHeight": 1.25,
377
+ "index": null
378
+ },
379
+ {
380
+ "id": "shape-Tethers-000000og",
381
+ "type": "rectangle",
382
+ "x": 113,
383
+ "y": 544,
384
+ "width": 418,
385
+ "height": 56,
386
+ "angle": 0,
387
+ "strokeColor": "#1B1F23",
388
+ "backgroundColor": "transparent",
389
+ "fillStyle": "solid",
390
+ "strokeWidth": 2,
391
+ "strokeStyle": "solid",
392
+ "roughness": 1,
393
+ "opacity": 100,
394
+ "groupIds": [],
395
+ "frameId": null,
396
+ "roundness": {
397
+ "type": 3
398
+ },
399
+ "seed": 880,
400
+ "version": 1,
401
+ "versionNonce": 880,
402
+ "isDeleted": false,
403
+ "boundElements": [
404
+ {
405
+ "id": "label-Tethers-000000gg",
406
+ "type": "text"
407
+ },
408
+ {
409
+ "id": "arrow-Nodes-Tethers-000000n4",
410
+ "type": "arrow"
411
+ },
412
+ {
413
+ "id": "arrow-Tethers-Panels-000000lc",
414
+ "type": "arrow"
415
+ }
416
+ ],
417
+ "updated": 1,
418
+ "link": null,
419
+ "locked": false,
420
+ "index": null
421
+ },
422
+ {
423
+ "id": "label-Tethers-000000gg",
424
+ "type": "text",
425
+ "x": 121,
426
+ "y": 559.5,
427
+ "width": 402,
428
+ "height": 25,
429
+ "angle": 0,
430
+ "strokeColor": "#1B1F23",
431
+ "backgroundColor": "transparent",
432
+ "fillStyle": "solid",
433
+ "strokeWidth": 1,
434
+ "strokeStyle": "solid",
435
+ "roughness": 1,
436
+ "opacity": 100,
437
+ "groupIds": [],
438
+ "frameId": null,
439
+ "roundness": null,
440
+ "seed": 592,
441
+ "version": 1,
442
+ "versionNonce": 592,
443
+ "isDeleted": false,
444
+ "boundElements": null,
445
+ "updated": 1,
446
+ "link": null,
447
+ "locked": false,
448
+ "text": "Tethers Layer (panel-to-node lines)",
449
+ "fontSize": 20,
450
+ "fontFamily": 5,
451
+ "textAlign": "center",
452
+ "verticalAlign": "middle",
453
+ "baseline": 15,
454
+ "containerId": "shape-Tethers-000000og",
455
+ "originalText": "Tethers Layer (panel-to-node lines)",
456
+ "autoResize": true,
457
+ "lineHeight": 1.25,
458
+ "index": null
459
+ },
460
+ {
461
+ "id": "shape-Panels-000000o5",
462
+ "type": "rectangle",
463
+ "x": 113,
464
+ "y": 690,
465
+ "width": 418,
466
+ "height": 56,
467
+ "angle": 0,
468
+ "strokeColor": "#1B1F23",
469
+ "backgroundColor": "transparent",
470
+ "fillStyle": "solid",
471
+ "strokeWidth": 2,
472
+ "strokeStyle": "solid",
473
+ "roughness": 1,
474
+ "opacity": 100,
475
+ "groupIds": [],
476
+ "frameId": null,
477
+ "roundness": {
478
+ "type": 3
479
+ },
480
+ "seed": 869,
481
+ "version": 1,
482
+ "versionNonce": 869,
483
+ "isDeleted": false,
484
+ "boundElements": [
485
+ {
486
+ "id": "label-Panels-000000co",
487
+ "type": "text"
488
+ },
489
+ {
490
+ "id": "arrow-Tethers-Panels-000000lc",
491
+ "type": "arrow"
492
+ }
493
+ ],
494
+ "updated": 1,
495
+ "link": null,
496
+ "locked": false,
497
+ "index": null
498
+ },
499
+ {
500
+ "id": "label-Panels-000000co",
501
+ "type": "text",
502
+ "x": 121,
503
+ "y": 705.5,
504
+ "width": 402,
505
+ "height": 25,
506
+ "angle": 0,
507
+ "strokeColor": "#1B1F23",
508
+ "backgroundColor": "transparent",
509
+ "fillStyle": "solid",
510
+ "strokeWidth": 1,
511
+ "strokeStyle": "solid",
512
+ "roughness": 1,
513
+ "opacity": 100,
514
+ "groupIds": [],
515
+ "frameId": null,
516
+ "roundness": null,
517
+ "seed": 456,
518
+ "version": 1,
519
+ "versionNonce": 456,
520
+ "isDeleted": false,
521
+ "boundElements": null,
522
+ "updated": 1,
523
+ "link": null,
524
+ "locked": false,
525
+ "text": "Panels Layer (foreignObject panels)",
526
+ "fontSize": 20,
527
+ "fontFamily": 5,
528
+ "textAlign": "center",
529
+ "verticalAlign": "middle",
530
+ "baseline": 15,
531
+ "containerId": "shape-Panels-000000o5",
532
+ "originalText": "Panels Layer (foreignObject panels)",
533
+ "autoResize": true,
534
+ "lineHeight": 1.25,
535
+ "index": null
536
+ },
537
+ {
538
+ "id": "arrow-Grid-Connections-000000q0",
539
+ "type": "arrow",
540
+ "x": 321.5,
541
+ "y": 117,
542
+ "width": 0.5,
543
+ "height": 135,
544
+ "angle": 0,
545
+ "strokeColor": "#2E7D74",
546
+ "backgroundColor": "transparent",
547
+ "fillStyle": "solid",
548
+ "strokeWidth": 2,
549
+ "strokeStyle": "solid",
550
+ "roughness": 1,
551
+ "opacity": 100,
552
+ "groupIds": [],
553
+ "frameId": null,
554
+ "roundness": null,
555
+ "seed": 936,
556
+ "version": 1,
557
+ "versionNonce": 936,
558
+ "isDeleted": false,
559
+ "boundElements": [],
560
+ "updated": 1,
561
+ "link": null,
562
+ "locked": false,
563
+ "points": [
564
+ [
565
+ 0,
566
+ 0
567
+ ],
568
+ [
569
+ 0,
570
+ 16
571
+ ],
572
+ [
573
+ 0.0044581618655001876,
574
+ 21.962414266117975
575
+ ],
576
+ [
577
+ 0.017146776405979836,
578
+ 27.840054869684508
579
+ ],
580
+ [
581
+ 0.03703703703706651,
582
+ 33.64351851851853
583
+ ],
584
+ [
585
+ 0.06310013717421725,
586
+ 39.383401920438956
587
+ ],
588
+ [
589
+ 0.09430727023317331,
590
+ 45.07030178326477
591
+ ],
592
+ [
593
+ 0.12962962962967595,
594
+ 50.714814814814815
595
+ ],
596
+ [
597
+ 0.1680384087791822,
598
+ 56.32753772290812
599
+ ],
600
+ [
601
+ 0.2085048010974333,
602
+ 61.919067215363526
603
+ ],
604
+ [
605
+ 0.25,
606
+ 67.5
607
+ ],
608
+ [
609
+ 0.29149519890262354,
610
+ 73.0809327846365
611
+ ],
612
+ [
613
+ 0.33196159122087465,
614
+ 78.67246227709194
615
+ ],
616
+ [
617
+ 0.3703703703703809,
618
+ 84.28518518518518
619
+ ],
620
+ [
621
+ 0.4056927297668267,
622
+ 89.92969821673523
623
+ ],
624
+ [
625
+ 0.43689986282578275,
626
+ 95.61659807956107
627
+ ],
628
+ [
629
+ 0.46296296296299033,
630
+ 101.35648148148152
631
+ ],
632
+ [
633
+ 0.4828532235939633,
634
+ 107.15994513031549
635
+ ],
636
+ [
637
+ 0.49554183813444297,
638
+ 113.03758573388203
639
+ ],
640
+ [
641
+ 0.5,
642
+ 119
643
+ ],
644
+ [
645
+ 0.5,
646
+ 135
647
+ ]
648
+ ],
649
+ "lastCommittedPoint": null,
650
+ "startBinding": {
651
+ "elementId": "shape-Grid-0000005o",
652
+ "focus": 0,
653
+ "gap": 8
654
+ },
655
+ "endBinding": {
656
+ "elementId": "shape-Connections-000000pk",
657
+ "focus": 0,
658
+ "gap": 8
659
+ },
660
+ "startArrowhead": null,
661
+ "endArrowhead": "arrow",
662
+ "elbowed": false,
663
+ "index": null
664
+ },
665
+ {
666
+ "id": "arrow-Connections-Nodes-0000004c",
667
+ "type": "arrow",
668
+ "x": 322,
669
+ "y": 308,
670
+ "width": 1.1368683772161603e-13,
671
+ "height": 90,
672
+ "angle": 0,
673
+ "strokeColor": "#2E7D74",
674
+ "backgroundColor": "transparent",
675
+ "fillStyle": "solid",
676
+ "strokeWidth": 2,
677
+ "strokeStyle": "solid",
678
+ "roughness": 1,
679
+ "opacity": 100,
680
+ "groupIds": [],
681
+ "frameId": null,
682
+ "roundness": null,
683
+ "seed": 156,
684
+ "version": 1,
685
+ "versionNonce": 156,
686
+ "isDeleted": false,
687
+ "boundElements": [],
688
+ "updated": 1,
689
+ "link": null,
690
+ "locked": false,
691
+ "points": [
692
+ [
693
+ 0,
694
+ 0
695
+ ],
696
+ [
697
+ 0,
698
+ 16
699
+ ],
700
+ [
701
+ -5.684341886080802e-14,
702
+ 19.875171467764005
703
+ ],
704
+ [
705
+ -5.684341886080802e-14,
706
+ 23.51989026063103
707
+ ],
708
+ [
709
+ 5.684341886080802e-14,
710
+ 26.96296296296299
711
+ ],
712
+ [
713
+ 0,
714
+ 30.233196159122087
715
+ ],
716
+ [
717
+ -5.684341886080802e-14,
718
+ 33.35939643347052
719
+ ],
720
+ [
721
+ 0,
722
+ 36.37037037037044
723
+ ],
724
+ [
725
+ 5.684341886080802e-14,
726
+ 39.294924554183865
727
+ ],
728
+ [
729
+ 5.684341886080802e-14,
730
+ 42.161865569273004
731
+ ],
732
+ [
733
+ 0,
734
+ 45
735
+ ],
736
+ [
737
+ 5.684341886080802e-14,
738
+ 47.83813443072705
739
+ ],
740
+ [
741
+ 0,
742
+ 50.70507544581619
743
+ ],
744
+ [
745
+ 0,
746
+ 53.62962962962962
747
+ ],
748
+ [
749
+ 0,
750
+ 56.640603566529535
751
+ ],
752
+ [
753
+ 0,
754
+ 59.76680384087791
755
+ ],
756
+ [
757
+ 0,
758
+ 63.03703703703707
759
+ ],
760
+ [
761
+ 0,
762
+ 66.48010973936897
763
+ ],
764
+ [
765
+ 0,
766
+ 70.12482853223594
767
+ ],
768
+ [
769
+ 0,
770
+ 74
771
+ ],
772
+ [
773
+ 0,
774
+ 90
775
+ ]
776
+ ],
777
+ "lastCommittedPoint": null,
778
+ "startBinding": {
779
+ "elementId": "shape-Connections-000000pk",
780
+ "focus": 0,
781
+ "gap": 8
782
+ },
783
+ "endBinding": {
784
+ "elementId": "shape-Nodes-000000hg",
785
+ "focus": 0,
786
+ "gap": 8
787
+ },
788
+ "startArrowhead": null,
789
+ "endArrowhead": "arrow",
790
+ "elbowed": false,
791
+ "index": null
792
+ },
793
+ {
794
+ "id": "arrow-Nodes-Tethers-000000n4",
795
+ "type": "arrow",
796
+ "x": 322,
797
+ "y": 454,
798
+ "width": 1.1368683772161603e-13,
799
+ "height": 90,
800
+ "angle": 0,
801
+ "strokeColor": "#2E7D74",
802
+ "backgroundColor": "transparent",
803
+ "fillStyle": "solid",
804
+ "strokeWidth": 2,
805
+ "strokeStyle": "solid",
806
+ "roughness": 1,
807
+ "opacity": 100,
808
+ "groupIds": [],
809
+ "frameId": null,
810
+ "roundness": null,
811
+ "seed": 832,
812
+ "version": 1,
813
+ "versionNonce": 832,
814
+ "isDeleted": false,
815
+ "boundElements": [],
816
+ "updated": 1,
817
+ "link": null,
818
+ "locked": false,
819
+ "points": [
820
+ [
821
+ 0,
822
+ 0
823
+ ],
824
+ [
825
+ 0,
826
+ 16
827
+ ],
828
+ [
829
+ -5.684341886080802e-14,
830
+ 19.87517146776395
831
+ ],
832
+ [
833
+ -5.684341886080802e-14,
834
+ 23.51989026063103
835
+ ],
836
+ [
837
+ 5.684341886080802e-14,
838
+ 26.962962962963047
839
+ ],
840
+ [
841
+ 0,
842
+ 30.233196159122087
843
+ ],
844
+ [
845
+ -5.684341886080802e-14,
846
+ 33.359396433470465
847
+ ],
848
+ [
849
+ 0,
850
+ 36.37037037037044
851
+ ],
852
+ [
853
+ 5.684341886080802e-14,
854
+ 39.29492455418392
855
+ ],
856
+ [
857
+ 5.684341886080802e-14,
858
+ 42.161865569273004
859
+ ],
860
+ [
861
+ 0,
862
+ 45
863
+ ],
864
+ [
865
+ 5.684341886080802e-14,
866
+ 47.83813443072705
867
+ ],
868
+ [
869
+ 0,
870
+ 50.70507544581619
871
+ ],
872
+ [
873
+ 0,
874
+ 53.629629629629676
875
+ ],
876
+ [
877
+ 0,
878
+ 56.640603566529535
879
+ ],
880
+ [
881
+ 0,
882
+ 59.766803840877856
883
+ ],
884
+ [
885
+ 0,
886
+ 63.03703703703707
887
+ ],
888
+ [
889
+ 0,
890
+ 66.48010973936903
891
+ ],
892
+ [
893
+ 0,
894
+ 70.12482853223594
895
+ ],
896
+ [
897
+ 0,
898
+ 74
899
+ ],
900
+ [
901
+ 0,
902
+ 90
903
+ ]
904
+ ],
905
+ "lastCommittedPoint": null,
906
+ "startBinding": {
907
+ "elementId": "shape-Nodes-000000hg",
908
+ "focus": 0,
909
+ "gap": 8
910
+ },
911
+ "endBinding": {
912
+ "elementId": "shape-Tethers-000000og",
913
+ "focus": 0,
914
+ "gap": 8
915
+ },
916
+ "startArrowhead": null,
917
+ "endArrowhead": "arrow",
918
+ "elbowed": false,
919
+ "index": null
920
+ },
921
+ {
922
+ "id": "arrow-Tethers-Panels-000000lc",
923
+ "type": "arrow",
924
+ "x": 322,
925
+ "y": 600,
926
+ "width": 1.1368683772161603e-13,
927
+ "height": 90,
928
+ "angle": 0,
929
+ "strokeColor": "#2E7D74",
930
+ "backgroundColor": "transparent",
931
+ "fillStyle": "solid",
932
+ "strokeWidth": 2,
933
+ "strokeStyle": "solid",
934
+ "roughness": 1,
935
+ "opacity": 100,
936
+ "groupIds": [],
937
+ "frameId": null,
938
+ "roundness": null,
939
+ "seed": 768,
940
+ "version": 1,
941
+ "versionNonce": 768,
942
+ "isDeleted": false,
943
+ "boundElements": [],
944
+ "updated": 1,
945
+ "link": null,
946
+ "locked": false,
947
+ "points": [
948
+ [
949
+ 0,
950
+ 0
951
+ ],
952
+ [
953
+ 0,
954
+ 16
955
+ ],
956
+ [
957
+ -5.684341886080802e-14,
958
+ 19.875171467764062
959
+ ],
960
+ [
961
+ -5.684341886080802e-14,
962
+ 23.519890260630973
963
+ ],
964
+ [
965
+ 5.684341886080802e-14,
966
+ 26.962962962963047
967
+ ],
968
+ [
969
+ 0,
970
+ 30.233196159122144
971
+ ],
972
+ [
973
+ -5.684341886080802e-14,
974
+ 33.35939643347058
975
+ ],
976
+ [
977
+ 0,
978
+ 36.37037037037044
979
+ ],
980
+ [
981
+ 5.684341886080802e-14,
982
+ 39.29492455418392
983
+ ],
984
+ [
985
+ 5.684341886080802e-14,
986
+ 42.161865569273004
987
+ ],
988
+ [
989
+ 0,
990
+ 45
991
+ ],
992
+ [
993
+ 5.684341886080802e-14,
994
+ 47.838134430726996
995
+ ],
996
+ [
997
+ 0,
998
+ 50.70507544581619
999
+ ],
1000
+ [
1001
+ 0,
1002
+ 53.62962962962956
1003
+ ],
1004
+ [
1005
+ 0,
1006
+ 56.640603566529535
1007
+ ],
1008
+ [
1009
+ 0,
1010
+ 59.766803840877856
1011
+ ],
1012
+ [
1013
+ 0,
1014
+ 63.03703703703707
1015
+ ],
1016
+ [
1017
+ 0,
1018
+ 66.48010973936903
1019
+ ],
1020
+ [
1021
+ 0,
1022
+ 70.12482853223594
1023
+ ],
1024
+ [
1025
+ 0,
1026
+ 74
1027
+ ],
1028
+ [
1029
+ 0,
1030
+ 90
1031
+ ]
1032
+ ],
1033
+ "lastCommittedPoint": null,
1034
+ "startBinding": {
1035
+ "elementId": "shape-Tethers-000000og",
1036
+ "focus": 0,
1037
+ "gap": 8
1038
+ },
1039
+ "endBinding": {
1040
+ "elementId": "shape-Panels-000000o5",
1041
+ "focus": 0,
1042
+ "gap": 8
1043
+ },
1044
+ "startArrowhead": null,
1045
+ "endArrowhead": "arrow",
1046
+ "elbowed": false,
1047
+ "index": null
1048
+ }
1049
+ ],
1050
+ "appState": {
1051
+ "viewBackgroundColor": "#FBF7EE",
1052
+ "theme": "light",
1053
+ "gridSize": null,
1054
+ "exportBackground": true,
1055
+ "exportEmbedScene": true,
1056
+ "exportScale": 1,
1057
+ "currentItemFontFamily": 5
1058
+ },
1059
+ "files": {}
1060
+ }