pict-section-flow 1.0.0 → 1.1.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 (71) 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 +13 -13
  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 -7
  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/PictFlowCard.js +2 -2
  51. package/source/providers/PictProvider-Flow-CSS.js +38 -12
  52. package/source/providers/PictProvider-Flow-ConnectorShapes.js +8 -8
  53. package/source/providers/PictProvider-Flow-Icons.js +33 -33
  54. package/source/providers/PictProvider-Flow-NodeTypes.js +9 -9
  55. package/source/providers/PictProvider-Flow-PanelChrome.js +2 -1
  56. package/source/providers/PictProvider-Flow-Renderer.js +516 -0
  57. package/source/providers/PictProvider-Flow-StylePresets.js +259 -0
  58. package/source/providers/PictProvider-Flow-Theme.js +97 -669
  59. package/source/services/PictService-Flow-ConnectionRenderer.js +6 -6
  60. package/source/services/PictService-Flow-DataManager.js +6 -0
  61. package/source/services/PictService-Flow-InteractionManager.js +10 -1
  62. package/source/services/PictService-Flow-PanelManager.js +106 -2
  63. package/source/services/PictService-Flow-PortRenderer.js +6 -6
  64. package/source/views/PictView-Flow-Node.js +1 -1
  65. package/source/views/PictView-Flow-PropertiesPanel.js +71 -4
  66. package/source/views/PictView-Flow-Toolbar.js +24 -16
  67. package/source/views/PictView-Flow.js +225 -47
  68. package/test/PanelManager_tests.js +172 -0
  69. package/test/Renderer_tests.js +133 -0
  70. package/test/StylePresets_tests.js +153 -0
  71. package/docs/css/docuserve.css +0 -327
package/docs/retold-catalog.json CHANGED
@@ -1,169 +1,244 @@
1
1
  {
2
- "Generated": "2026-04-10T17:25:15.652Z",
3
- "GitHubOrg": "stevenvelozo",
2
+ "Generated": "2026-06-01T03:47:29.435Z",
3
+ "Mode": "module",
4
+ "GitHubOrg": "fable-retold",
4
5
  "DefaultBranch": "master",
5
- "Groups": [
6
- {
7
- "Name": "Dist",
8
- "Key": "dist",
9
- "Description": "",
10
- "Modules": [
11
- {
12
- "Name": "indoctrinate_content_staging",
13
- "Repo": "indoctrinate_content_staging",
14
- "Group": "dist",
15
- "Branch": "master",
16
- "HasDocs": false,
17
- "HasCover": false,
18
- "Sidebar": [],
19
- "DocFiles": []
20
- }
21
- ]
22
- },
23
- {
24
- "Name": "Docs",
25
- "Key": "docs",
26
- "Description": "",
27
- "Modules": [
28
- {
29
- "Name": "api",
30
- "Repo": "api",
31
- "Group": "docs",
32
- "Branch": "master",
33
- "HasDocs": true,
34
- "HasCover": false,
35
- "Sidebar": [],
36
- "DocFiles": [
37
- "api/PictFlowCard.md",
38
- "api/PictFlowCardPropertiesPanel.md",
39
- "api/addConnection.md",
40
- "api/addNode.md",
41
- "api/autoLayout.md",
42
- "api/getFlowData.md",
43
- "api/marshalToView.md",
44
- "api/openPanel.md",
45
- "api/registerHandler.md",
46
- "api/registerNodeType.md",
47
- "api/removeConnection.md",
48
- "api/removeNode.md",
49
- "api/saveLayout.md",
50
- "api/screenToSVGCoords.md",
51
- "api/selectNode.md",
52
- "api/setTheme.md",
53
- "api/setZoom.md",
54
- "api/toggleFullscreen.md"
55
- ]
56
- },
57
- {
58
- "Name": "card-help",
59
- "Repo": "card-help",
60
- "Group": "docs",
61
- "Branch": "master",
62
- "HasDocs": true,
63
- "HasCover": false,
64
- "Sidebar": [],
65
- "DocFiles": [
66
- "card-help/EACH.md",
67
- "card-help/FREAD.md",
68
- "card-help/FWRITE.md",
69
- "card-help/GET.md",
70
- "card-help/ITE.md",
71
- "card-help/LOG.md",
72
- "card-help/NOTE.md",
73
- "card-help/PREV.md",
74
- "card-help/SET.md",
75
- "card-help/SPKL.md",
76
- "card-help/STAT.md",
77
- "card-help/SW.md"
78
- ]
79
- },
80
- {
81
- "Name": "css",
82
- "Repo": "css",
83
- "Group": "docs",
84
- "Branch": "master",
85
- "HasDocs": true,
86
- "HasCover": false,
87
- "Sidebar": [],
88
- "DocFiles": [
89
- "css/docuserve.css"
90
- ]
91
- }
92
- ]
93
- },
94
- {
95
- "Name": "Example_applications",
96
- "Key": "example_applications",
97
- "Description": "",
98
- "Modules": [
99
- {
100
- "Name": ".data",
101
- "Repo": ".data",
102
- "Group": "example_applications",
103
- "Branch": "master",
104
- "HasDocs": false,
105
- "HasCover": false,
106
- "Sidebar": [],
107
- "DocFiles": []
108
- },
109
- {
110
- "Name": "simple_cards",
111
- "Repo": "simple_cards",
112
- "Group": "example_applications",
113
- "Branch": "master",
114
- "HasDocs": false,
115
- "HasCover": false,
116
- "Sidebar": [],
117
- "DocFiles": []
118
- }
119
- ]
120
- },
121
- {
122
- "Name": "Source",
123
- "Key": "source",
124
- "Description": "",
125
- "Modules": [
126
- {
127
- "Name": "panels",
128
- "Repo": "panels",
129
- "Group": "source",
130
- "Branch": "master",
131
- "HasDocs": false,
132
- "HasCover": false,
133
- "Sidebar": [],
134
- "DocFiles": []
135
- },
136
- {
137
- "Name": "providers",
138
- "Repo": "providers",
139
- "Group": "source",
140
- "Branch": "master",
141
- "HasDocs": false,
142
- "HasCover": false,
143
- "Sidebar": [],
144
- "DocFiles": []
145
- },
146
- {
147
- "Name": "services",
148
- "Repo": "services",
149
- "Group": "source",
150
- "Branch": "master",
151
- "HasDocs": false,
152
- "HasCover": false,
153
- "Sidebar": [],
154
- "DocFiles": []
155
- },
156
- {
157
- "Name": "views",
158
- "Repo": "views",
159
- "Group": "source",
160
- "Branch": "master",
161
- "HasDocs": false,
162
- "HasCover": false,
163
- "Sidebar": [],
164
- "DocFiles": []
165
- }
166
- ]
167
- }
168
- ]
6
+ "Module": {
7
+ "Name": "pict-section-flow",
8
+ "Repo": "pict-section-flow",
9
+ "Group": "",
10
+ "Branch": "master",
11
+ "HasDocs": true,
12
+ "HasCover": true,
13
+ "Sidebar": [
14
+ {
15
+ "Title": "Getting Started",
16
+ "Children": [
17
+ {
18
+ "Title": "Overview",
19
+ "Path": "README.md"
20
+ },
21
+ {
22
+ "Title": "Quick Start",
23
+ "Path": "Getting_Started.md"
24
+ },
25
+ {
26
+ "Title": "Custom Styling",
27
+ "Path": "Custom-Styling.md"
28
+ },
29
+ {
30
+ "Title": "Theme Integration",
31
+ "Path": "Theme_Integration.md"
32
+ }
33
+ ]
34
+ },
35
+ {
36
+ "Title": "Architecture",
37
+ "Children": [
38
+ {
39
+ "Title": "Design Overview",
40
+ "Path": "Architecture.md"
41
+ },
42
+ {
43
+ "Title": "Data Model",
44
+ "Path": "Data_Model.md"
45
+ },
46
+ {
47
+ "Title": "Event System",
48
+ "Path": "Event_System.md"
49
+ }
50
+ ]
51
+ },
52
+ {
53
+ "Title": "Reference",
54
+ "Children": [
55
+ {
56
+ "Title": "Implementation Reference",
57
+ "Path": "Implementation_Reference.md"
58
+ },
59
+ {
60
+ "Title": "Layout Persistence",
61
+ "Path": "Layout_Persistence.md"
62
+ }
63
+ ]
64
+ },
65
+ {
66
+ "Title": "API -- Data Management",
67
+ "Children": [
68
+ {
69
+ "Title": "addNode",
70
+ "Path": "api/addNode.md"
71
+ },
72
+ {
73
+ "Title": "removeNode",
74
+ "Path": "api/removeNode.md"
75
+ },
76
+ {
77
+ "Title": "addConnection",
78
+ "Path": "api/addConnection.md"
79
+ },
80
+ {
81
+ "Title": "removeConnection",
82
+ "Path": "api/removeConnection.md"
83
+ },
84
+ {
85
+ "Title": "getFlowData / setFlowData",
86
+ "Path": "api/getFlowData.md"
87
+ },
88
+ {
89
+ "Title": "marshalToView / marshalFromView",
90
+ "Path": "api/marshalToView.md"
91
+ }
92
+ ]
93
+ },
94
+ {
95
+ "Title": "API -- Selection & Viewport",
96
+ "Children": [
97
+ {
98
+ "Title": "selectNode / deselectAll",
99
+ "Path": "api/selectNode.md"
100
+ },
101
+ {
102
+ "Title": "setZoom / zoomToFit",
103
+ "Path": "api/setZoom.md"
104
+ },
105
+ {
106
+ "Title": "autoLayout",
107
+ "Path": "api/autoLayout.md"
108
+ },
109
+ {
110
+ "Title": "screenToSVGCoords",
111
+ "Path": "api/screenToSVGCoords.md"
112
+ },
113
+ {
114
+ "Title": "toggleFullscreen",
115
+ "Path": "api/toggleFullscreen.md"
116
+ }
117
+ ]
118
+ },
119
+ {
120
+ "Title": "API -- Panels",
121
+ "Children": [
122
+ {
123
+ "Title": "openPanel / closePanel / togglePanel",
124
+ "Path": "api/openPanel.md"
125
+ }
126
+ ]
127
+ },
128
+ {
129
+ "Title": "API -- Theming & Events",
130
+ "Children": [
131
+ {
132
+ "Title": "setTheme / registerTheme",
133
+ "Path": "api/setTheme.md"
134
+ },
135
+ {
136
+ "Title": "registerHandler / fireEvent",
137
+ "Path": "api/registerHandler.md"
138
+ }
139
+ ]
140
+ },
141
+ {
142
+ "Title": "API -- Layout Persistence",
143
+ "Children": [
144
+ {
145
+ "Title": "saveLayout / restoreLayout",
146
+ "Path": "api/saveLayout.md"
147
+ }
148
+ ]
149
+ },
150
+ {
151
+ "Title": "API -- Extension Points",
152
+ "Children": [
153
+ {
154
+ "Title": "PictFlowCard",
155
+ "Path": "api/PictFlowCard.md"
156
+ },
157
+ {
158
+ "Title": "PictFlowCardPropertiesPanel",
159
+ "Path": "api/PictFlowCardPropertiesPanel.md"
160
+ },
161
+ {
162
+ "Title": "registerNodeType",
163
+ "Path": "api/registerNodeType.md"
164
+ }
165
+ ]
166
+ },
167
+ {
168
+ "Title": "Examples",
169
+ "Children": [
170
+ {
171
+ "Title": "Simple Cards",
172
+ "Path": "#/page/examples/simple_cards/README"
173
+ }
174
+ ]
175
+ }
176
+ ],
177
+ "DocFiles": [
178
+ ".nojekyll",
179
+ "Architecture.md",
180
+ "Custom-Styling.md",
181
+ "Data_Model.md",
182
+ "Event_System.md",
183
+ "Getting_Started.md",
184
+ "Implementation_Reference.md",
185
+ "Layout_Persistence.md",
186
+ "README.md",
187
+ "Theme_Integration.md",
188
+ "_brand.json",
189
+ "_cover.md",
190
+ "_playground.json",
191
+ "_sidebar.md",
192
+ "_topbar.md",
193
+ "_version.json",
194
+ "api/PictFlowCard.md",
195
+ "api/PictFlowCardPropertiesPanel.md",
196
+ "api/addConnection.md",
197
+ "api/addNode.md",
198
+ "api/autoLayout.md",
199
+ "api/getFlowData.md",
200
+ "api/marshalToView.md",
201
+ "api/openPanel.md",
202
+ "api/registerHandler.md",
203
+ "api/registerNodeType.md",
204
+ "api/removeConnection.md",
205
+ "api/removeNode.md",
206
+ "api/saveLayout.md",
207
+ "api/screenToSVGCoords.md",
208
+ "api/selectNode.md",
209
+ "api/setTheme.md",
210
+ "api/setZoom.md",
211
+ "api/toggleFullscreen.md",
212
+ "card-help/EACH.md",
213
+ "card-help/FREAD.md",
214
+ "card-help/FWRITE.md",
215
+ "card-help/GET.md",
216
+ "card-help/ITE.md",
217
+ "card-help/LOG.md",
218
+ "card-help/NOTE.md",
219
+ "card-help/PREV.md",
220
+ "card-help/SET.md",
221
+ "card-help/SPKL.md",
222
+ "card-help/STAT.md",
223
+ "card-help/SW.md",
224
+ "examples/README.md",
225
+ "examples/simple_cards/README.md",
226
+ "examples/simple_cards/css/flowexample.css",
227
+ "examples/simple_cards/index.html",
228
+ "examples/simple_cards/js/pict.min.js",
229
+ "examples/simple_cards/pict-section-flow-example-simple-cards.compatible.min.js",
230
+ "index.html",
231
+ "playground/app.json",
232
+ "playground/appdata.json",
233
+ "playground/application.js",
234
+ "playground/pict.json",
235
+ "playground/runtime/pict-application.min.js",
236
+ "playground/runtime/pict-section-flow.min.js",
237
+ "playground/runtime/pict-section-modal.min.js",
238
+ "playground/runtime/pict.min.js",
239
+ "retold-catalog.json",
240
+ "retold-keyword-index.json"
241
+ ]
242
+ },
243
+ "Groups": []
169
244
  }