@peter.prib/renderengine 0.5.0 → 0.8.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 (74) hide show
  1. package/README.md +4 -0
  2. package/REFERENCE.md +297 -17
  3. package/dist/renderengine-workspace.umd.js +5369 -2952
  4. package/dist/renderengine.umd.js +4466 -2320
  5. package/examples/archimate.html +8 -28
  6. package/examples/data-model.html +45 -556
  7. package/package.json +70 -70
  8. package/src/archimateArchiFormat.js +11 -3
  9. package/src/archimateExchangeFormat.js +17 -9
  10. package/src/chartCatalog.js +10 -0
  11. package/src/charting/ArchimateDiagramEditor.js +1 -1
  12. package/src/charting/Axis.js +20 -0
  13. package/src/charting/ChartChooser.js +229 -0
  14. package/src/charting/DiagramEditor.js +35 -3
  15. package/src/charting/Dialog.js +195 -0
  16. package/src/charting/DuplicatesDialog.js +108 -0
  17. package/src/charting/FormDialog.js +28 -97
  18. package/src/charting/InteractionManager.js +3 -0
  19. package/src/charting/Legend.js +45 -2
  20. package/src/charting/MergeCompareDialog.js +81 -0
  21. package/src/charting/PopupMenu.js +12 -3
  22. package/src/charting/SettingsDialog.js +6 -2
  23. package/src/charting/SettingsManager.js +14 -1
  24. package/src/charting/archimate/ArchimateCanvasEditor.js +190 -15
  25. package/src/charting/archimate/ArchimatePalette.js +1 -1
  26. package/src/charting/charts/AreaChart.js +5 -2
  27. package/src/charting/charts/BarChart.js +5 -3
  28. package/src/charting/charts/BarChart3DOrbit.js +5 -7
  29. package/src/charting/charts/BubbleChart.js +5 -7
  30. package/src/charting/charts/BubbleChart3D.js +5 -7
  31. package/src/charting/charts/CandlestickChart.js +3 -1
  32. package/src/charting/charts/DensityChart.js +4 -6
  33. package/src/charting/charts/GroupedBarChart.js +2 -2
  34. package/src/charting/charts/LineChart.js +5 -2
  35. package/src/charting/charts/ParallelCoordinatesChart.js +2 -2
  36. package/src/charting/charts/PipeChart.js +4 -6
  37. package/src/charting/charts/RadarChart.js +5 -6
  38. package/src/charting/charts/ScatterChart.js +5 -7
  39. package/src/charting/charts/StackedBarChart.js +4 -2
  40. package/src/charting/charts/StackedBarChart3DOrbit.js +5 -7
  41. package/src/charting/charts/StreamGraphChart.js +5 -2
  42. package/src/charting/charts/TableChart.js +98 -0
  43. package/src/charting/charts/WaterfallChart.js +2 -1
  44. package/src/charting/content/ContentSource.js +129 -0
  45. package/src/charting/content/ContentSources.js +77 -0
  46. package/src/charting/datamodel/DataModel.js +116 -0
  47. package/src/charting/diagrams/ArchimateModel.js +38 -3
  48. package/src/charting/diagrams/ArchimateModelChecker.js +13 -4
  49. package/src/charting/diagrams/MergeElementsCommand.js +124 -101
  50. package/src/charting/diagrams/SvgZoom.js +20 -1
  51. package/src/charting/diagrams/duplicates.js +95 -13
  52. package/src/charting/duplicateSearchForm.js +58 -0
  53. package/src/charting/modelTree/ModelTree.js +239 -202
  54. package/src/charting/modelTree/ModelTreePanel.js +955 -919
  55. package/src/charting/modelTree/TreeBuilder.js +93 -45
  56. package/src/charting/modelTree/TreeViewMode.js +9 -6
  57. package/src/charting/modelTree/viewFolders.js +15 -6
  58. package/src/icons/IconSet.js +86 -0
  59. package/src/icons/index.js +59 -0
  60. package/src/index.js +86 -10
  61. package/src/workspace/dom.js +56 -42
  62. package/src/workspace/index.js +1 -1
  63. package/src/workspace/nav/NavEntry.js +42 -0
  64. package/src/workspace/nav/NavGroup.js +43 -0
  65. package/src/workspace/nav/NavItem.js +53 -0
  66. package/src/workspace/nav/NavMenu.js +143 -0
  67. package/src/workspace/nav/NavSection.js +17 -0
  68. package/src/workspace/nav/index.js +5 -0
  69. package/src/workspace/parts/ArchimateCanvasPart.js +8 -3
  70. package/src/workspace/parts/DataModelPart.js +91 -0
  71. package/src/workspace/parts/EditorPart.js +8 -0
  72. package/src/workspace/parts/ModelHosted.js +1 -0
  73. package/src/workspace/parts/ModelsPart.js +765 -622
  74. package/src/workspace/styles.js +28 -1
package/src/workspace/styles.js CHANGED
@@ -194,7 +194,7 @@ export const WORKSPACE_CSS = `
194
194
  .ws-part-host { height: 100%; width: 100%; min-width: 0; min-height: 0; display: flex; }
195
195
  .ws-part { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: auto; padding: 10px; }
196
196
  /* A chart sizes itself to its host, so padding would shrink it every re-render. */
197
- .ws-part[data-part-type="chart"] { padding: 0; overflow: hidden; }
197
+ .ws-part[data-part-type="chart"] { padding: 0; overflow: hidden; }
198
198
  .ws-part[data-part-type="diagram-editor"] { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
199
199
  .ws-part-missing { padding: 10px; color: #c0392b; font-size: 12px; }
200
200
  .ws-muted { color: var(--ws-muted); }
@@ -208,6 +208,33 @@ export const WORKSPACE_CSS = `
208
208
  .ws-list-item:hover { background: rgba(127,127,127,.15); }
209
209
  .ws-list-item-active { background: var(--ws-accent); color: #000; }
210
210
 
211
+ /* NavMenu: colours inherit, so a dark sidebar and a light one both work. */
212
+ .ws-nav { display: flex; flex-direction: column; padding: 4px 0; }
213
+ .ws-nav-section {
214
+ padding: 10px 12px 4px; font-size: 11px; font-weight: 600;
215
+ letter-spacing: .06em; text-transform: uppercase; opacity: .55;
216
+ }
217
+ .ws-nav-item {
218
+ display: flex; align-items: center; gap: 6px; width: 100%; box-sizing: border-box;
219
+ padding: 6px 12px; font: inherit; font-size: 13px; text-align: left; text-decoration: none;
220
+ color: inherit; opacity: .8; background: transparent; cursor: pointer;
221
+ border: none; border-left: 3px solid transparent;
222
+ }
223
+ .ws-nav-item:hover, .ws-nav-item:focus-visible { opacity: 1; background: rgba(127,127,127,.15); }
224
+ .ws-nav-item-active { opacity: 1; font-weight: 600; background: rgba(127,127,127,.12); border-left-color: var(--ws-accent); }
225
+ .ws-nav-icon { flex: 0 0 1.3em; text-align: center; display: inline-flex; justify-content: center; }
226
+ /* An IconSet icon: sits on the text baseline, never squeezed. */
227
+ .re-icon { vertical-align: -0.125em; flex-shrink: 0; }
228
+ .ws-nav-group-summary {
229
+ display: flex; align-items: center; gap: 6px; padding: 8px 12px 4px; cursor: pointer; list-style: none;
230
+ font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; opacity: .55;
231
+ }
232
+ .ws-nav-group-summary::-webkit-details-marker { display: none; }
233
+ .ws-nav-group-summary::before { content: '▸'; transition: transform .12s; }
234
+ .ws-nav-group[open] > .ws-nav-group-summary::before { transform: rotate(90deg); }
235
+ .ws-nav-group-summary:hover { opacity: .8; }
236
+ .ws-nav-group > .ws-nav-item { padding-left: 20px; }
237
+
211
238
  .ws-proplist { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 0; }
212
239
  .ws-proplist dt { color: var(--ws-muted); font-size: 12px; }
213
240
  .ws-proplist dd { margin: 0; word-break: break-word; }