pict-section-flow 1.4.0 → 2.0.1

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 (164) hide show
  1. package/package.json +7 -2
  2. package/source/Pict-Section-Flow.js +20 -14
  3. package/source/providers/PictProvider-Flow-Background.js +303 -0
  4. package/source/providers/PictProvider-Flow-CSS.js +73 -7
  5. package/source/providers/PictProvider-Flow-Geometry.js +11 -421
  6. package/source/providers/PictProvider-Flow-Icons.js +12 -0
  7. package/source/providers/PictProvider-Flow-Layouts.js +107 -0
  8. package/source/services/PictService-Flow-ConnectionRenderer.js +1 -1
  9. package/source/services/PictService-Flow-CursorManager.js +113 -0
  10. package/source/services/PictService-Flow-InteractionManager.js +439 -59
  11. package/source/services/PictService-Flow-Layout.js +21 -16
  12. package/source/services/PictService-Flow-PathGenerator.js +30 -417
  13. package/source/services/PictService-Flow-RenderManager.js +23 -3
  14. package/source/services/PictService-Flow-ViewportManager.js +102 -0
  15. package/source/views/PictView-Flow-FloatingToolbar.js +5 -1
  16. package/source/views/PictView-Flow-Node.js +29 -0
  17. package/source/views/PictView-Flow-Toolbar.js +50 -3
  18. package/source/views/PictView-Flow.js +591 -2
  19. package/.claude/launch.json +0 -11
  20. package/docs/.nojekyll +0 -0
  21. package/docs/Architecture.md +0 -163
  22. package/docs/Custom-Styling.md +0 -275
  23. package/docs/Data_Model.md +0 -149
  24. package/docs/Event_System.md +0 -156
  25. package/docs/Getting_Started.md +0 -237
  26. package/docs/Implementation_Reference.md +0 -528
  27. package/docs/Layout_Persistence.md +0 -117
  28. package/docs/README.md +0 -103
  29. package/docs/Theme_Integration.md +0 -150
  30. package/docs/_brand.json +0 -18
  31. package/docs/_cover.md +0 -17
  32. package/docs/_playground.json +0 -24
  33. package/docs/_sidebar.md +0 -57
  34. package/docs/_topbar.md +0 -8
  35. package/docs/_version.json +0 -7
  36. package/docs/api/PictFlowCard.md +0 -216
  37. package/docs/api/PictFlowCardPropertiesPanel.md +0 -235
  38. package/docs/api/addConnection.md +0 -101
  39. package/docs/api/addNode.md +0 -137
  40. package/docs/api/autoLayout.md +0 -77
  41. package/docs/api/getFlowData.md +0 -112
  42. package/docs/api/marshalToView.md +0 -95
  43. package/docs/api/openPanel.md +0 -128
  44. package/docs/api/registerHandler.md +0 -174
  45. package/docs/api/registerNodeType.md +0 -142
  46. package/docs/api/removeConnection.md +0 -57
  47. package/docs/api/removeNode.md +0 -80
  48. package/docs/api/saveLayout.md +0 -152
  49. package/docs/api/screenToSVGCoords.md +0 -68
  50. package/docs/api/selectNode.md +0 -116
  51. package/docs/api/setTheme.md +0 -168
  52. package/docs/api/setZoom.md +0 -97
  53. package/docs/api/toggleFullscreen.md +0 -68
  54. package/docs/card-help/EACH.md +0 -19
  55. package/docs/card-help/FREAD.md +0 -24
  56. package/docs/card-help/FWRITE.md +0 -24
  57. package/docs/card-help/GET.md +0 -22
  58. package/docs/card-help/ITE.md +0 -23
  59. package/docs/card-help/LOG.md +0 -23
  60. package/docs/card-help/NOTE.md +0 -17
  61. package/docs/card-help/PREV.md +0 -18
  62. package/docs/card-help/SET.md +0 -27
  63. package/docs/card-help/SPKL.md +0 -22
  64. package/docs/card-help/STAT.md +0 -23
  65. package/docs/card-help/SW.md +0 -25
  66. package/docs/diagrams/architecture-at-a-glance.excalidraw +0 -4270
  67. package/docs/diagrams/architecture-at-a-glance.mmd +0 -30
  68. package/docs/diagrams/architecture-at-a-glance.svg +0 -2
  69. package/docs/diagrams/data-flow.excalidraw +0 -1451
  70. package/docs/diagrams/data-flow.mmd +0 -17
  71. package/docs/diagrams/data-flow.svg +0 -2
  72. package/docs/diagrams/high-level-design.excalidraw +0 -5767
  73. package/docs/diagrams/high-level-design.mmd +0 -86
  74. package/docs/diagrams/high-level-design.svg +0 -2
  75. package/docs/diagrams/relationships.excalidraw +0 -3852
  76. package/docs/diagrams/relationships.mmd +0 -9
  77. package/docs/diagrams/relationships.svg +0 -2
  78. package/docs/diagrams/service-initialization-sequence.excalidraw +0 -1466
  79. package/docs/diagrams/service-initialization-sequence.mmd +0 -19
  80. package/docs/diagrams/service-initialization-sequence.svg +0 -2
  81. package/docs/diagrams/svg-layer-structure.excalidraw +0 -1060
  82. package/docs/diagrams/svg-layer-structure.mmd +0 -18
  83. package/docs/diagrams/svg-layer-structure.svg +0 -2
  84. package/docs/examples/README.md +0 -9
  85. package/docs/examples/simple_cards/README.md +0 -677
  86. package/docs/examples/simple_cards/css/flowexample.css +0 -65
  87. package/docs/examples/simple_cards/index.html +0 -32
  88. package/docs/examples/simple_cards/js/pict.min.js +0 -12
  89. package/docs/examples/simple_cards/pict-section-flow-example-simple-cards.compatible.min.js +0 -1
  90. package/docs/index.html +0 -38
  91. package/docs/playground/app.json +0 -6
  92. package/docs/playground/appdata.json +0 -85
  93. package/docs/playground/application.js +0 -23
  94. package/docs/playground/pict.json +0 -17
  95. package/docs/playground/runtime/pict-application.min.js +0 -2
  96. package/docs/playground/runtime/pict-section-flow.min.js +0 -2
  97. package/docs/playground/runtime/pict-section-modal.min.js +0 -2
  98. package/docs/playground/runtime/pict.min.js +0 -12
  99. package/docs/retold-catalog.json +0 -244
  100. package/docs/retold-keyword-index.json +0 -26028
  101. package/example_applications/simple_cards/css/flowexample.css +0 -65
  102. package/example_applications/simple_cards/html/index.html +0 -32
  103. package/example_applications/simple_cards/package.json +0 -52
  104. package/example_applications/simple_cards/source/Pict-Application-FlowExample-Configuration.json +0 -15
  105. package/example_applications/simple_cards/source/Pict-Application-FlowExample.js +0 -539
  106. package/example_applications/simple_cards/source/card-help-content.js +0 -16
  107. package/example_applications/simple_cards/source/cards/FlowCard-Comment.js +0 -38
  108. package/example_applications/simple_cards/source/cards/FlowCard-DataPreview.js +0 -44
  109. package/example_applications/simple_cards/source/cards/FlowCard-Each.js +0 -38
  110. package/example_applications/simple_cards/source/cards/FlowCard-FileRead.js +0 -56
  111. package/example_applications/simple_cards/source/cards/FlowCard-FileWrite.js +0 -50
  112. package/example_applications/simple_cards/source/cards/FlowCard-GetValue.js +0 -37
  113. package/example_applications/simple_cards/source/cards/FlowCard-IfThenElse.js +0 -49
  114. package/example_applications/simple_cards/source/cards/FlowCard-LogValues.js +0 -55
  115. package/example_applications/simple_cards/source/cards/FlowCard-SetValue.js +0 -97
  116. package/example_applications/simple_cards/source/cards/FlowCard-Sparkline.js +0 -100
  117. package/example_applications/simple_cards/source/cards/FlowCard-StatusMonitor.js +0 -46
  118. package/example_applications/simple_cards/source/cards/FlowCard-Switch.js +0 -39
  119. package/example_applications/simple_cards/source/providers/PictRouter-FlowExample-Configuration.json +0 -22
  120. package/example_applications/simple_cards/source/sample-flows.js +0 -410
  121. package/example_applications/simple_cards/source/views/PictView-FlowExample-About.js +0 -184
  122. package/example_applications/simple_cards/source/views/PictView-FlowExample-BottomBar.js +0 -77
  123. package/example_applications/simple_cards/source/views/PictView-FlowExample-Documentation.js +0 -325
  124. package/example_applications/simple_cards/source/views/PictView-FlowExample-FileWriteInfo.js +0 -59
  125. package/example_applications/simple_cards/source/views/PictView-FlowExample-Layout.js +0 -90
  126. package/example_applications/simple_cards/source/views/PictView-FlowExample-MainWorkspace.js +0 -453
  127. package/example_applications/simple_cards/source/views/PictView-FlowExample-TopBar.js +0 -95
  128. package/scripts/generate-card-help.js +0 -214
  129. package/source/providers/edges/Edge-Bezier.js +0 -41
  130. package/source/providers/edges/Edge-Orthogonal.js +0 -37
  131. package/source/providers/edges/Edge-OrthogonalSnap.js +0 -72
  132. package/source/providers/edges/Edge-Perimeter-Linear.js +0 -31
  133. package/source/providers/edges/Edge-Perimeter-Orthogonal.js +0 -39
  134. package/source/providers/edges/Edge-Perimeter.js +0 -48
  135. package/source/providers/edges/Edge-PerimeterMath.js +0 -92
  136. package/source/providers/edges/Edge-Straight.js +0 -24
  137. package/source/providers/layouts/Layout-Circular.js +0 -203
  138. package/source/providers/layouts/Layout-Coerce.js +0 -40
  139. package/source/providers/layouts/Layout-Columnar.js +0 -134
  140. package/source/providers/layouts/Layout-Custom.js +0 -27
  141. package/source/providers/layouts/Layout-ForcedFromCenter.js +0 -256
  142. package/source/providers/layouts/Layout-Grid.js +0 -134
  143. package/source/providers/layouts/Layout-Layered.js +0 -155
  144. package/source/providers/layouts/Layout-Rank.js +0 -141
  145. package/source/providers/layouts/Layout-Staggered.js +0 -131
  146. package/source/providers/layouts/Layout-Tabular.js +0 -94
  147. package/test/CardPalette_tests.js +0 -43
  148. package/test/ConnectionHandleManager_tests.js +0 -717
  149. package/test/ConnectionRenderer_tests.js +0 -591
  150. package/test/ConnectionStyle_tests.js +0 -90
  151. package/test/DataManager_tests.js +0 -859
  152. package/test/Geometry_tests.js +0 -767
  153. package/test/InteractionManager_tests.js +0 -279
  154. package/test/Layout_tests.js +0 -1604
  155. package/test/NodeView_tests.js +0 -66
  156. package/test/PanelManager_tests.js +0 -172
  157. package/test/PathGenerator_tests.js +0 -978
  158. package/test/PortRenderer_tests.js +0 -376
  159. package/test/RenderManager_tests.js +0 -756
  160. package/test/Renderer_tests.js +0 -133
  161. package/test/SelectionManager_tests.js +0 -185
  162. package/test/StylePresets_tests.js +0 -153
  163. package/test/ToolbarExtraButtons_tests.js +0 -138
  164. package/test/UndirectedConnections_tests.js +0 -70
package/docs/diagrams/svg-layer-structure.excalidraw DELETED
@@ -1,1060 +0,0 @@
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
- }