@likec4/diagram 1.55.1 → 1.56.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 (343) hide show
  1. package/dist/LikeC4Diagram.js +148 -194
  2. package/dist/LikeC4ModelProvider.js +13 -9
  3. package/dist/LikeC4ProjectsOverview.js +24 -30
  4. package/dist/LikeC4ProjectsProvider.js +33 -26
  5. package/dist/LikeC4Styles.js +40 -57
  6. package/dist/LikeC4View.js +156 -196
  7. package/dist/ReactLikeC4.js +43 -65
  8. package/dist/StaticLikeC4Diagram.js +36 -41
  9. package/dist/_virtual/_rolldown/runtime.js +17 -0
  10. package/dist/adhoc-editor/EditorPanel.js +102 -101
  11. package/dist/adhoc-editor/ElementsTree.js +113 -139
  12. package/dist/adhoc-editor/LikeC4AdHocViewEditor.js +77 -70
  13. package/dist/adhoc-editor/components/Tree.d.ts +2 -2
  14. package/dist/adhoc-editor/components/Tree.js +205 -288
  15. package/dist/adhoc-editor/hooks.js +28 -23
  16. package/dist/adhoc-editor/index.js +2 -1
  17. package/dist/adhoc-editor/state/ActorProvider.js +33 -36
  18. package/dist/adhoc-editor/state/actor.editor.js +148 -186
  19. package/dist/adhoc-editor/state/actor.js +12 -14
  20. package/dist/adhoc-editor/state/actor.layouter.js +49 -65
  21. package/dist/adhoc-editor/state/actor.types.js +19 -23
  22. package/dist/adhoc-editor/state/panel.js +112 -127
  23. package/dist/adhoc-editor/state/utils.js +22 -29
  24. package/dist/adhoc-editor/useElementsTree.js +89 -121
  25. package/dist/base/Background.js +26 -29
  26. package/dist/base/Base.js +34 -41
  27. package/dist/base/BaseXYFlow.js +135 -165
  28. package/dist/base/const.js +18 -19
  29. package/dist/base/updateEdges.js +38 -57
  30. package/dist/base/updateNodes.js +46 -65
  31. package/dist/base-primitives/Markdown.d.ts +1 -1
  32. package/dist/base-primitives/Markdown.js +32 -47
  33. package/dist/base-primitives/NodeHandles.js +39 -49
  34. package/dist/base-primitives/compound/CompoundActionButton.js +49 -69
  35. package/dist/base-primitives/compound/CompoundDetailsButton.js +39 -64
  36. package/dist/base-primitives/compound/CompoundNodeContainer.js +46 -66
  37. package/dist/base-primitives/compound/CompoundTitle.js +15 -12
  38. package/dist/base-primitives/compound/actionbtns.css.js +9 -18
  39. package/dist/base-primitives/edge/EdgeActionButton.js +17 -19
  40. package/dist/base-primitives/edge/EdgeContainer.js +29 -48
  41. package/dist/base-primitives/edge/EdgeLabel.js +44 -65
  42. package/dist/base-primitives/edge/EdgeLabelContainer.js +35 -73
  43. package/dist/base-primitives/edge/EdgeMarkers.js +157 -215
  44. package/dist/base-primitives/edge/EdgePath.js +62 -115
  45. package/dist/base-primitives/element/ElementActionButtons.js +92 -81
  46. package/dist/base-primitives/element/ElementData.js +107 -126
  47. package/dist/base-primitives/element/ElementDetailsButton.js +78 -98
  48. package/dist/base-primitives/element/ElementNodeContainer.js +51 -82
  49. package/dist/base-primitives/element/ElementShape.js +331 -317
  50. package/dist/base-primitives/element/ElementTags.d.ts +1 -1
  51. package/dist/base-primitives/element/ElementTags.js +133 -193
  52. package/dist/base-primitives/memoEdge.js +11 -10
  53. package/dist/base-primitives/memoNode.js +16 -20
  54. package/dist/components/ErrorFallback.js +111 -75
  55. package/dist/components/GithubIcon.js +14 -16
  56. package/dist/components/Link.js +99 -113
  57. package/dist/components/Logo.js +38 -41
  58. package/dist/components/NavigationLink.js +15 -23
  59. package/dist/components/NavigationPanel.js +26 -47
  60. package/dist/components/PortalToContainer.js +16 -10
  61. package/dist/components/RootContainer.js +35 -31
  62. package/dist/components/SearchControl.css.js +65 -75
  63. package/dist/components/SearchControl.js +36 -14
  64. package/dist/components/ViewNotFound.js +22 -29
  65. package/dist/context/CurrentViewModelProvider.js +11 -9
  66. package/dist/context/DefaultMantineProvider.js +45 -72
  67. package/dist/context/DiagramEventHandlers.js +43 -48
  68. package/dist/context/DiagramFeatures.js +73 -69
  69. package/dist/context/EnsureMantine.js +13 -16
  70. package/dist/context/FramerMotionConfig.js +17 -11
  71. package/dist/context/IconRenderer.js +90 -106
  72. package/dist/context/LikeC4ModelContext.js +14 -10
  73. package/dist/context/LikeC4ProjectsContext.js +7 -6
  74. package/dist/context/RootContainerContext.d.ts +2 -5
  75. package/dist/context/RootContainerContext.js +24 -26
  76. package/dist/context/TagStylesContext.js +49 -57
  77. package/dist/custom/customNodes.js +224 -28
  78. package/dist/custom/index.js +41 -40
  79. package/dist/editor/LikeC4EditorCallbacks.js +4 -2
  80. package/dist/editor/LikeC4EditorProvider.js +32 -7
  81. package/dist/editor/applyChangesToManualLayout.js +144 -163
  82. package/dist/editor/editorActor.actions.js +122 -138
  83. package/dist/editor/editorActor.setup.js +30 -36
  84. package/dist/editor/editorActor.states.js +209 -263
  85. package/dist/editor/hotkeyActor.js +18 -17
  86. package/dist/editor/useEditorActorLogic.js +31 -43
  87. package/dist/hooks/safeContext.js +17 -17
  88. package/dist/hooks/useCallbackRef.js +18 -11
  89. package/dist/hooks/useCurrentView.js +16 -7
  90. package/dist/hooks/useCurrentViewModel.js +14 -9
  91. package/dist/hooks/useDiagram.js +55 -37
  92. package/dist/hooks/useDiagramCompareLayout.js +77 -81
  93. package/dist/hooks/useId.js +8 -6
  94. package/dist/hooks/useLikeC4ElementsTree.js +22 -21
  95. package/dist/hooks/useLikeC4Model.js +21 -20
  96. package/dist/hooks/useLikeC4Project.js +40 -29
  97. package/dist/hooks/useLikeC4Styles.js +6 -6
  98. package/dist/hooks/useMantinePortalProps.js +10 -6
  99. package/dist/hooks/useOverlaysActor.js +7 -6
  100. package/dist/hooks/useSearchActor.js +7 -6
  101. package/dist/hooks/useSetState.js +21 -19
  102. package/dist/hooks/useUpdateEffect.js +18 -29
  103. package/dist/hooks/useXYFlow.js +13 -15
  104. package/dist/index.js +24 -23
  105. package/dist/likec4diagram/DiagramUI.js +33 -37
  106. package/dist/likec4diagram/DiagramXYFlow.js +215 -224
  107. package/dist/likec4diagram/convert-to-xyflow.js +21 -22
  108. package/dist/likec4diagram/custom/edges/EdgeDrifts.js +22 -32
  109. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +275 -372
  110. package/dist/likec4diagram/custom/edges/SequenceStepEdge.js +71 -75
  111. package/dist/likec4diagram/custom/edges/edges.css.js +41 -47
  112. package/dist/likec4diagram/custom/edges/useControlPoints.js +52 -56
  113. package/dist/likec4diagram/custom/edges/useRelationshipEdgePath.js +54 -76
  114. package/dist/likec4diagram/custom/index.js +17 -17
  115. package/dist/likec4diagram/custom/nodes/CompoundActions.js +19 -26
  116. package/dist/likec4diagram/custom/nodes/ElementActions.js +131 -82
  117. package/dist/likec4diagram/custom/nodes/NodeDrifts.js +20 -26
  118. package/dist/likec4diagram/custom/nodes/NodeNotes.js +215 -273
  119. package/dist/likec4diagram/custom/nodes/SequenceActorNode.js +131 -147
  120. package/dist/likec4diagram/custom/nodes/nodes.js +135 -146
  121. package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.js +155 -159
  122. package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +58 -86
  123. package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.js +108 -164
  124. package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.js +56 -68
  125. package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts +3 -6
  126. package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +97 -102
  127. package/dist/likec4diagram/custom/nodes/toolbar/styles.css.js +13 -13
  128. package/dist/likec4diagram/custom/nodes/toolbar/types.js +6 -5
  129. package/dist/likec4diagram/custom/nodes/toolbar/useHandlers.js +36 -41
  130. package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +510 -541
  131. package/dist/likec4diagram/relationship-popover/actor.js +113 -152
  132. package/dist/likec4diagram/relationship-popover/components.js +39 -43
  133. package/dist/likec4diagram/state/DiagramActorProvider.js +135 -136
  134. package/dist/likec4diagram/state/aligners.js +283 -360
  135. package/dist/likec4diagram/state/assign.js +84 -108
  136. package/dist/likec4diagram/state/createViewChange.js +72 -92
  137. package/dist/likec4diagram/state/diagram-api.js +224 -152
  138. package/dist/likec4diagram/state/hotkeyActor.js +54 -45
  139. package/dist/likec4diagram/state/machine.actions.js +709 -821
  140. package/dist/likec4diagram/state/machine.actions.layout.js +154 -183
  141. package/dist/likec4diagram/state/machine.js +113 -134
  142. package/dist/likec4diagram/state/machine.setup.js +104 -113
  143. package/dist/likec4diagram/state/machine.state.initializing.js +54 -54
  144. package/dist/likec4diagram/state/machine.state.navigating.js +192 -227
  145. package/dist/likec4diagram/state/machine.state.ready.focused.js +72 -88
  146. package/dist/likec4diagram/state/machine.state.ready.idle.js +79 -98
  147. package/dist/likec4diagram/state/machine.state.ready.js +126 -202
  148. package/dist/likec4diagram/state/machine.state.ready.printing.js +38 -39
  149. package/dist/likec4diagram/state/machine.state.ready.walkthrough.js +153 -193
  150. package/dist/likec4diagram/state/mediaPrintActor.js +20 -16
  151. package/dist/likec4diagram/state/persistence.js +20 -21
  152. package/dist/likec4diagram/state/utils.js +131 -162
  153. package/dist/likec4diagram/ui/LayoutDriftFrame.js +53 -64
  154. package/dist/likec4diagram/ui/notation/NotationPanel.css.js +58 -80
  155. package/dist/likec4diagram/ui/notation/NotationPanel.js +183 -214
  156. package/dist/likec4diagram/useLayoutConstraints.js +386 -433
  157. package/dist/likec4diagram/xyflow-diagram/diagram-view.js +216 -227
  158. package/dist/likec4diagram/xyflow-sequence/const.js +11 -7
  159. package/dist/likec4diagram/xyflow-sequence/sequence-layout.js +177 -180
  160. package/dist/navigationpanel/NavigationPanel.js +113 -123
  161. package/dist/navigationpanel/NavigationPanelControls.js +124 -150
  162. package/dist/navigationpanel/NavigationPanelDropdown.js +365 -477
  163. package/dist/navigationpanel/_common.d.ts +4 -10
  164. package/dist/navigationpanel/_common.js +57 -70
  165. package/dist/navigationpanel/actor.js +153 -236
  166. package/dist/navigationpanel/comparepanel/CompareActionsMenu.js +66 -83
  167. package/dist/navigationpanel/comparepanel/ComparePanel.js +135 -164
  168. package/dist/navigationpanel/comparepanel/ComparePanelControls.js +50 -58
  169. package/dist/navigationpanel/comparepanel/DriftsSummary.js +207 -254
  170. package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.js +33 -35
  171. package/dist/navigationpanel/controls/DetailsControls.js +219 -246
  172. package/dist/navigationpanel/controls/LayoutWarning.js +89 -100
  173. package/dist/navigationpanel/controls/LogoButton.js +46 -70
  174. package/dist/navigationpanel/controls/NavigationButtons.js +35 -52
  175. package/dist/navigationpanel/controls/OpenSource.js +27 -25
  176. package/dist/navigationpanel/controls/SearchControl.js +50 -61
  177. package/dist/navigationpanel/controls/ToggleReadonly.js +84 -81
  178. package/dist/navigationpanel/dropdown/ProjectsMenu.js +69 -87
  179. package/dist/navigationpanel/editorpanel/CenterCamera.js +17 -13
  180. package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.js +182 -154
  181. package/dist/navigationpanel/editorpanel/EditorPanel.js +47 -45
  182. package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.js +122 -173
  183. package/dist/navigationpanel/editorpanel/ToggleReadonly.js +20 -13
  184. package/dist/navigationpanel/editorpanel/_common.d.ts +3 -6
  185. package/dist/navigationpanel/editorpanel/_common.js +13 -13
  186. package/dist/navigationpanel/editorpanel/styles.js +58 -75
  187. package/dist/navigationpanel/hooks.js +35 -29
  188. package/dist/navigationpanel/styles.css.js +20 -28
  189. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +107 -134
  190. package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +8 -8
  191. package/dist/navigationpanel/walkthrough/DynamicViewControls.js +105 -120
  192. package/dist/navigationpanel/walkthrough/WalkthroughPanel.js +75 -83
  193. package/dist/overlays/Overlays.js +94 -112
  194. package/dist/overlays/element-details/ElementDetails.js +22 -28
  195. package/dist/overlays/element-details/ElementDetailsCard.css.js +198 -221
  196. package/dist/overlays/element-details/ElementDetailsCard.js +517 -499
  197. package/dist/overlays/element-details/MetadataValue.js +210 -250
  198. package/dist/overlays/element-details/TabPanelDeployments.css.js +40 -60
  199. package/dist/overlays/element-details/TabPanelDeployments.js +185 -178
  200. package/dist/overlays/element-details/TabPanelRelationships.css.js +63 -71
  201. package/dist/overlays/element-details/TabPanelRelationships.js +155 -140
  202. package/dist/overlays/element-details/TabPanelStructure.css.js +29 -33
  203. package/dist/overlays/element-details/TabPanelStructure.js +93 -93
  204. package/dist/overlays/element-details/actor.js +45 -55
  205. package/dist/overlays/element-details/actorContext.js +12 -10
  206. package/dist/overlays/overlay/Overlay.js +104 -151
  207. package/dist/overlays/overlaysActor.js +213 -264
  208. package/dist/overlays/relationship-details/RelationshipDetails.js +270 -253
  209. package/dist/overlays/relationship-details/SelectEdge.css.js +62 -74
  210. package/dist/overlays/relationship-details/SelectEdge.js +146 -126
  211. package/dist/overlays/relationship-details/actor.js +242 -303
  212. package/dist/overlays/relationship-details/compute.js +109 -135
  213. package/dist/overlays/relationship-details/custom/ElementActions.js +43 -56
  214. package/dist/overlays/relationship-details/custom/edgeTypes.js +43 -49
  215. package/dist/overlays/relationship-details/custom/nodeTypes.js +93 -119
  216. package/dist/overlays/relationship-details/hooks.js +44 -38
  217. package/dist/overlays/relationship-details/layout-to-xyflow.js +119 -141
  218. package/dist/overlays/relationship-details/layout.js +275 -304
  219. package/dist/overlays/relationships-browser/RelationshipsBrowser.js +319 -321
  220. package/dist/overlays/relationships-browser/SelectElement.css.js +18 -21
  221. package/dist/overlays/relationships-browser/SelectElement.js +192 -218
  222. package/dist/overlays/relationships-browser/actor.js +364 -462
  223. package/dist/overlays/relationships-browser/const.js +7 -6
  224. package/dist/overlays/relationships-browser/custom/ElementActions.js +60 -63
  225. package/dist/overlays/relationships-browser/custom/EmptyNode.js +25 -29
  226. package/dist/overlays/relationships-browser/custom/edgeTypes.js +66 -99
  227. package/dist/overlays/relationships-browser/custom/nodeTypes.js +98 -123
  228. package/dist/overlays/relationships-browser/hooks.js +49 -51
  229. package/dist/overlays/relationships-browser/layout.js +413 -465
  230. package/dist/overlays/relationships-browser/useViewToNodesEdges.js +141 -157
  231. package/dist/projects-overview/ProjectsOverview.js +56 -55
  232. package/dist/projects-overview/ProjectsOverviewXY.js +105 -94
  233. package/dist/projects-overview/actor.js +252 -345
  234. package/dist/projects-overview/context.js +8 -7
  235. package/dist/projects-overview/custom/edgeTypes.js +22 -21
  236. package/dist/projects-overview/custom/nodeTypes.js +38 -42
  237. package/dist/projects-overview/hooks.js +9 -9
  238. package/dist/projects-overview/layouted-to-xyflow.js +46 -42
  239. package/dist/projects-overview/panel/ProjectsOverviewPanel.js +7 -9
  240. package/dist/projects-overview/persistence.js +22 -22
  241. package/dist/search/Search.js +199 -181
  242. package/dist/search/SearchContext.js +16 -15
  243. package/dist/search/XStateSearchAdapter.js +68 -62
  244. package/dist/search/components/ElementsColumn.css.js +50 -68
  245. package/dist/search/components/ElementsColumn.js +248 -290
  246. package/dist/search/components/PickView.js +116 -140
  247. package/dist/search/components/SearchByTags.js +76 -94
  248. package/dist/search/components/SearchInput.js +187 -209
  249. package/dist/search/components/ViewsColum.js +151 -141
  250. package/dist/search/components/ViewsColumn.css.js +12 -26
  251. package/dist/search/components/_shared.css.js +127 -153
  252. package/dist/search/components/styles.css.js +47 -53
  253. package/dist/search/components/utils.js +44 -47
  254. package/dist/search/hooks.js +10 -10
  255. package/dist/search/searchActor.js +93 -128
  256. package/dist/shadowroot/ShadowRoot.js +66 -78
  257. package/dist/shadowroot/styles.css.js +56 -66
  258. package/dist/styles-font2.js +4 -0
  259. package/dist/styles2.js +4 -0
  260. package/dist/utils/index.js +5 -0
  261. package/dist/utils/roundDpr.js +19 -15
  262. package/dist/utils/view-bounds.js +48 -55
  263. package/dist/utils/xyflow.js +143 -113
  264. package/package.json +12 -13
  265. package/styles-font.css +1 -1
  266. package/styles-min.css +1 -1
  267. package/styles-xyflow.css +1 -1
  268. package/styles.css +1 -1
  269. package/dist/_virtual/_commonjsHelpers.js +0 -3
  270. package/dist/_virtual/assign-f10db67b.cjs.js +0 -3
  271. package/dist/_virtual/log-30abbb83.cjs.js +0 -3
  272. package/dist/_virtual/raise-f051f097.cjs.js +0 -3
  273. package/dist/_virtual/store-cfe7da62.cjs.js +0 -3
  274. package/dist/_virtual/xstate-actions.cjs.js +0 -5
  275. package/dist/_virtual/xstate-actions.cjs2.js +0 -3
  276. package/dist/_virtual/xstate-dev.cjs.js +0 -3
  277. package/dist/_virtual/xstate-guards.cjs.js +0 -5
  278. package/dist/_virtual/xstate-guards.cjs2.js +0 -3
  279. package/dist/_virtual/xstate-store-react.cjs.js +0 -5
  280. package/dist/_virtual/xstate-store-react.cjs2.js +0 -3
  281. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/createReactComponent.js +0 -41
  282. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.js +0 -30
  283. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js +0 -14
  284. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js +0 -14
  285. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowLeft.js +0 -14
  286. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js +0 -14
  287. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconBolt.js +0 -14
  288. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconBrowser.js +0 -14
  289. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.js +0 -14
  290. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js +0 -14
  291. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js +0 -14
  292. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js +0 -14
  293. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.js +0 -14
  294. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCylinder.js +0 -14
  295. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconDeviceMobile.js +0 -14
  296. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconDirectionSignFilled.js +0 -14
  297. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js +0 -14
  298. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js +0 -14
  299. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFileText.js +0 -14
  300. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFocusCentered.js +0 -14
  301. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFolderFilled.js +0 -14
  302. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js +0 -14
  303. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconId.js +0 -14
  304. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js +0 -14
  305. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignBottom.js +0 -14
  306. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignCenter.js +0 -14
  307. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignLeft.js +0 -14
  308. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignMiddle.js +0 -14
  309. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignRight.js +0 -14
  310. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignTop.js +0 -14
  311. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutBoardSplit.js +0 -14
  312. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutCollage.js +0 -14
  313. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutDashboard.js +0 -14
  314. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.js +0 -14
  315. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.js +0 -14
  316. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLockOpen2.js +0 -14
  317. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js +0 -14
  318. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipBackFilled.js +0 -14
  319. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipForwardFilled.js +0 -14
  320. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerStopFilled.js +0 -14
  321. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconRectangularPrism.js +0 -14
  322. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconReorder.js +0 -14
  323. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconRouteOff.js +0 -14
  324. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js +0 -14
  325. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.js +0 -14
  326. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js +0 -14
  327. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconStarFilled.js +0 -14
  328. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js +0 -14
  329. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js +0 -14
  330. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTrash.js +0 -14
  331. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconUser.js +0 -14
  332. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js +0 -14
  333. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js +0 -14
  334. package/dist/node_modules/.pnpm/@xstate_store@3.17.1_react@19.2.4/node_modules/@xstate/store/dist/store-cfe7da62.cjs.js +0 -761
  335. package/dist/node_modules/.pnpm/@xstate_store@3.17.1_react@19.2.4/node_modules/@xstate/store/react/dist/xstate-store-react.cjs.js +0 -180
  336. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/actions/dist/xstate-actions.cjs.js +0 -37
  337. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dev/dist/xstate-dev.cjs.js +0 -59
  338. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/assign-f10db67b.cjs.js +0 -140
  339. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/log-30abbb83.cjs.js +0 -401
  340. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/raise-f051f097.cjs.js +0 -2830
  341. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/guards/dist/xstate-guards.cjs.js +0 -26
  342. package/dist/styles-font.css2.js +0 -3
  343. package/dist/styles.css2.js +0 -3
@@ -1,366 +1,289 @@
1
- import { nonexhaustive, invariant } from '@likec4/core';
2
- import { getNodeDimensions } from '@xyflow/system';
3
- import { pipe, sortBy, map, pick, reduce } from 'remeda';
4
-
5
- class Aligner {
6
- }
7
- class LinearAligner extends Aligner {
8
- constructor(getEdgePosition, computePosition, propertyToEdit) {
9
- super();
10
- this.getEdgePosition = getEdgePosition;
11
- this.computePosition = computePosition;
12
- this.propertyToEdit = propertyToEdit;
13
- }
14
- alignTo;
15
- computeLayout(nodes) {
16
- this.alignTo = this.getEdgePosition(nodes);
17
- }
18
- applyPosition(node) {
19
- return {
20
- [this.propertyToEdit]: this.computePosition(this.alignTo, node)
21
- };
22
- }
23
- }
24
- class GridAligner extends Aligner {
25
- layout = /* @__PURE__ */ new Map();
26
- axisPreset;
27
- get primaryAxisCoord() {
28
- return this.axisPreset.primaryAxisCoord;
29
- }
30
- get secondaryAxisCoord() {
31
- return this.axisPreset.secondaryAxisCoord;
32
- }
33
- get primaryAxisDimension() {
34
- return this.axisPreset.primaryAxisDimension;
35
- }
36
- get secondaryAxisDimension() {
37
- return this.axisPreset.secondaryAxisDimension;
38
- }
39
- constructor(alignmentMode) {
40
- super();
41
- this.axisPreset = alignmentMode === "Column" ? {
42
- primaryAxisDimension: "width",
43
- secondaryAxisDimension: "height",
44
- primaryAxisCoord: "x",
45
- secondaryAxisCoord: "y"
46
- } : {
47
- primaryAxisDimension: "height",
48
- secondaryAxisDimension: "width",
49
- primaryAxisCoord: "y",
50
- secondaryAxisCoord: "x"
51
- };
52
- }
53
- applyPosition(node) {
54
- return this.layout?.get(node.id) ?? {};
55
- }
56
- computeLayout(nodes) {
57
- const sortedNodeRects = pipe(
58
- nodes,
59
- sortBy((r) => r[this.primaryAxisCoord])
60
- );
61
- const layoutRect = this.getLayoutRect(sortedNodeRects);
62
- const layers = this.getLayers(sortedNodeRects);
63
- this.layout = this.buildLayout(layers, layoutRect, sortedNodeRects);
64
- }
65
- getLayoutRect(nodeRects) {
66
- const x = Math.min(...nodeRects.map((n) => n.x));
67
- const y = Math.min(...nodeRects.map((n) => n.y));
68
- const right = Math.max(...nodeRects.map((n) => n.x + n.width));
69
- const bottom = Math.max(...nodeRects.map((n) => n.y + n.height));
70
- return {
71
- x,
72
- y,
73
- width: right - x,
74
- height: bottom - y
75
- };
76
- }
77
- getLayers(sortedNodeRects) {
78
- const layers = [];
79
- let layerEnd = 0;
80
- let layer = null;
81
- for (let node of sortedNodeRects) {
82
- if (!!layer && node[this.primaryAxisCoord] < layerEnd) {
83
- layer.nodes.push(node);
84
- layer.primaryAxisSize = Math.max(layer.primaryAxisSize, node[this.primaryAxisDimension]);
85
- layer.occupiedSpace += node[this.secondaryAxisDimension];
86
- layerEnd = Math.max(
87
- node[this.primaryAxisCoord] + node[this.primaryAxisDimension],
88
- layerEnd
89
- );
90
- } else {
91
- layer = {
92
- primaryAxisSize: node[this.primaryAxisDimension],
93
- nodes: [node],
94
- occupiedSpace: node[this.secondaryAxisDimension],
95
- layout: null
96
- };
97
- layers.push(layer);
98
- layerEnd = node[this.primaryAxisCoord] + node[this.primaryAxisDimension];
99
- continue;
100
- }
101
- }
102
- layers.forEach((l) => l.nodes.sort((a, b) => a[this.secondaryAxisCoord] - b[this.secondaryAxisCoord]));
103
- return layers;
104
- }
105
- buildLayout(layers, layoutRect, nodeRects) {
106
- const nodeMap = new Map(nodeRects.map((n) => [n.id, n]));
107
- const layout = [];
108
- const occupiedSpace = layers.reduce((a, b) => a + b.primaryAxisSize, 0);
109
- const rowMargin = layers.length > 1 ? (layoutRect[this.primaryAxisDimension] - occupiedSpace) / (layers.length - 1) : 0;
110
- const baseLayerIndex = layers.reduce(
111
- (widestLayerIndex, layer, i) => layers[widestLayerIndex].occupiedSpace < layer.occupiedSpace ? i : widestLayerIndex,
112
- 0
113
- );
114
- const baseLayer = layers[baseLayerIndex];
115
- const baseLayerPosition = layers.slice(0, baseLayerIndex).reduce(
116
- (a, layer) => a + layer.primaryAxisSize + rowMargin,
117
- layoutRect[this.primaryAxisCoord]
118
- );
119
- const baseLayerLayout = this.buildLayerLayout(
120
- baseLayer,
121
- layoutRect,
122
- baseLayerPosition,
123
- nodeMap,
124
- null
125
- );
126
- baseLayer.layout = baseLayerLayout;
127
- layout.push(...baseLayerLayout.nodePositions);
128
- let placeNextLayerAt = baseLayerPosition + baseLayer.primaryAxisSize + rowMargin;
129
- let refLayer = baseLayer;
130
- for (let i = baseLayerIndex + 1; i < layers.length; i++) {
131
- const layer = layers[i];
132
- layer.layout = this.buildLayerLayout(layer, layoutRect, placeNextLayerAt, nodeMap, refLayer);
133
- layout.push(...layer.layout.nodePositions);
134
- refLayer = layer.layout.refLayer ?? layer;
135
- placeNextLayerAt += layer.primaryAxisSize + rowMargin;
136
- }
137
- placeNextLayerAt = baseLayerPosition;
138
- refLayer = baseLayer;
139
- for (let i = baseLayerIndex - 1; i >= 0; i--) {
140
- const layer = layers[i];
141
- placeNextLayerAt -= layer.primaryAxisSize + rowMargin;
142
- layer.layout = this.buildLayerLayout(layer, layoutRect, placeNextLayerAt, nodeMap, refLayer);
143
- layout.push(...layer.layout.nodePositions);
144
- refLayer = layer.layout.refLayer ?? layer;
145
- }
146
- return new Map(layout);
147
- }
148
- buildLayerLayout(layer, layoutRect, placeNextLayerAt, nodeMap, refLayer) {
149
- let bestLayerLayout = this.scoreLayout(
150
- this.spaceAround(layer, layoutRect, placeNextLayerAt),
151
- nodeMap
152
- );
153
- if (layer.nodes.length != 1) {
154
- const currentlayerLayout = this.scoreLayout(
155
- this.spaceBetween(layer, layoutRect, placeNextLayerAt),
156
- nodeMap
157
- );
158
- bestLayerLayout = currentlayerLayout[0] < bestLayerLayout[0] ? currentlayerLayout : bestLayerLayout;
159
- }
160
- if (refLayer && refLayer.nodes.length - 1 >= layer.nodes.length) {
161
- const currentlayerLayout = this.scoreLayout(
162
- this.placeInGaps(layer, placeNextLayerAt, refLayer),
163
- nodeMap
164
- );
165
- bestLayerLayout = currentlayerLayout[0] < bestLayerLayout[0] ? currentlayerLayout : bestLayerLayout;
166
- }
167
- if (refLayer && refLayer.nodes.length >= layer.nodes.length) {
168
- const currentlayerLayout = this.scoreLayout(
169
- this.placeInCells(layer, placeNextLayerAt, refLayer),
170
- nodeMap
171
- );
172
- bestLayerLayout = currentlayerLayout[0] < bestLayerLayout[0] ? currentlayerLayout : bestLayerLayout;
173
- }
174
- return bestLayerLayout[1];
175
- }
176
- spaceBetween(layer, layoutRect, placeNextLayerAt) {
177
- const freeSpace = layoutRect[this.secondaryAxisDimension] - layer.occupiedSpace;
178
- const margin = freeSpace / (layer.nodes.length - 1);
179
- let placeNextNodeAt = layoutRect[this.secondaryAxisCoord];
180
- const result = /* @__PURE__ */ new Map();
181
- for (let node of layer.nodes) {
182
- result.set(node.id, {
183
- [this.secondaryAxisCoord]: placeNextNodeAt,
184
- [this.primaryAxisCoord]: placeNextLayerAt
185
- });
186
- placeNextNodeAt += node[this.secondaryAxisDimension] + margin;
187
- }
188
- return { nodePositions: result, refLayer: null };
189
- }
190
- spaceAround(layer, layoutRect, placeNextLayerAt) {
191
- const freeSpace = layoutRect[this.secondaryAxisDimension] - layer.occupiedSpace;
192
- const margin = freeSpace / (layer.nodes.length + 1);
193
- let placeNextNodeAt = layoutRect[this.secondaryAxisCoord] + margin;
194
- const result = /* @__PURE__ */ new Map();
195
- for (let node of sortBy(layer.nodes, (n) => n[this.secondaryAxisCoord])) {
196
- result.set(node.id, {
197
- [this.secondaryAxisCoord]: placeNextNodeAt,
198
- [this.primaryAxisCoord]: placeNextLayerAt
199
- });
200
- placeNextNodeAt += node[this.secondaryAxisDimension] + margin;
201
- }
202
- return { nodePositions: result, refLayer: null };
203
- }
204
- placeInGaps(layer, placeNextLayerAt, refLayer) {
205
- const result = /* @__PURE__ */ new Map();
206
- const nodes = layer.nodes;
207
- const placementOptions = this.getGapsPositions(refLayer);
208
- let optionIndex = 0;
209
- for (let i = 0, node = nodes[i]; i < nodes.length; i++, node = nodes[i]) {
210
- const nodeCenter = node[this.secondaryAxisCoord] + node[this.secondaryAxisDimension] / 2;
211
- let bestOffset = Infinity;
212
- while (optionIndex - i <= placementOptions.length - nodes.length) {
213
- let position = placementOptions[optionIndex];
214
- const offset = position - nodeCenter;
215
- if (Math.abs(offset) < Math.abs(bestOffset)) {
216
- bestOffset = offset;
217
- optionIndex++;
218
- } else {
219
- break;
220
- }
221
- }
222
- result.set(node.id, {
223
- [this.secondaryAxisCoord]: node[this.secondaryAxisCoord] + bestOffset,
224
- [this.primaryAxisCoord]: placeNextLayerAt
225
- });
226
- }
227
- return { nodePositions: result, refLayer };
228
- }
229
- placeInCells(layer, placeNextLayerAt, refLayer) {
230
- const result = /* @__PURE__ */ new Map();
231
- const nodes = layer.nodes;
232
- const placementOptions = this.getNodePositions(refLayer);
233
- let optionIndex = 0;
234
- for (let i = 0, node = nodes[i]; i < nodes.length; i++, node = nodes[i]) {
235
- const nodeCenter = node[this.secondaryAxisCoord] + node[this.secondaryAxisDimension] / 2;
236
- let bestOffset = Infinity;
237
- while (optionIndex - i <= placementOptions.length - nodes.length) {
238
- let position = placementOptions[optionIndex];
239
- const offset = position - nodeCenter;
240
- if (Math.abs(offset) < Math.abs(bestOffset)) {
241
- bestOffset = offset;
242
- optionIndex++;
243
- } else {
244
- break;
245
- }
246
- }
247
- result.set(node.id, {
248
- [this.secondaryAxisCoord]: node[this.secondaryAxisCoord] + bestOffset,
249
- [this.primaryAxisCoord]: placeNextLayerAt
250
- });
251
- }
252
- return { nodePositions: result, refLayer };
253
- }
254
- scoreLayout(layout, originalRects) {
255
- return [
256
- pipe(
257
- Array.from(layout.nodePositions),
258
- map(([id, position]) => {
259
- const originalRect = originalRects.get(id);
260
- invariant(originalRect, `Could not find original rect for node ${id}`);
261
- return [pick(originalRect, ["x", "y"]), position];
262
- }),
263
- map(
264
- ([original, suggested]) => Math.abs(original[this.secondaryAxisCoord] - suggested[this.secondaryAxisCoord])
265
- ),
266
- reduce((a, b) => a + b, 0)
267
- ),
268
- layout
269
- ];
270
- }
271
- getGapsPositions(layer) {
272
- const result = [];
273
- const { layout, nodes } = layer;
274
- invariant(layout, "Layout of the layer must be computed before calling getGapsPositions");
275
- for (let i = 1; i < nodes.length; i++) {
276
- const previousNode = nodes[i - 1];
277
- const currentNode = nodes[i];
278
- const previousNodePosition = layout.nodePositions.get(previousNode.id);
279
- const currentNodePosition = layout.nodePositions.get(currentNode.id);
280
- result.push(
281
- (currentNodePosition[this.secondaryAxisCoord] + previousNodePosition[this.secondaryAxisCoord] + previousNode[this.secondaryAxisDimension]) / 2
282
- );
283
- }
284
- return result;
285
- }
286
- getNodePositions(layer) {
287
- const result = [];
288
- const { layout, nodes } = layer;
289
- invariant(layout, "Layout of the layer must be computed before calling getGapsPositions");
290
- for (let i = 0; i < nodes.length; i++) {
291
- const node = nodes[i];
292
- const nodePosition = layout.nodePositions.get(node.id);
293
- result.push(
294
- nodePosition[this.secondaryAxisCoord] + node[this.secondaryAxisDimension] / 2
295
- );
296
- }
297
- return result;
298
- }
299
- }
1
+ import "../../_virtual/_rolldown/runtime.js";
2
+ import { map, pick, pipe, reduce, sortBy } from "remeda";
3
+ import { invariant, nonexhaustive } from "@likec4/core";
4
+ import { getNodeDimensions } from "@xyflow/system";
5
+ //#region src/likec4diagram/state/aligners.ts
6
+ var Aligner = class {};
7
+ var LinearAligner = class extends Aligner {
8
+ alignTo;
9
+ constructor(getEdgePosition, computePosition, propertyToEdit) {
10
+ super();
11
+ this.getEdgePosition = getEdgePosition;
12
+ this.computePosition = computePosition;
13
+ this.propertyToEdit = propertyToEdit;
14
+ }
15
+ computeLayout(nodes) {
16
+ this.alignTo = this.getEdgePosition(nodes);
17
+ }
18
+ applyPosition(node) {
19
+ return { [this.propertyToEdit]: this.computePosition(this.alignTo, node) };
20
+ }
21
+ };
22
+ var GridAligner = class extends Aligner {
23
+ layout = /* @__PURE__ */ new Map();
24
+ axisPreset;
25
+ get primaryAxisCoord() {
26
+ return this.axisPreset.primaryAxisCoord;
27
+ }
28
+ get secondaryAxisCoord() {
29
+ return this.axisPreset.secondaryAxisCoord;
30
+ }
31
+ get primaryAxisDimension() {
32
+ return this.axisPreset.primaryAxisDimension;
33
+ }
34
+ get secondaryAxisDimension() {
35
+ return this.axisPreset.secondaryAxisDimension;
36
+ }
37
+ constructor(alignmentMode) {
38
+ super();
39
+ this.axisPreset = alignmentMode === "Column" ? {
40
+ primaryAxisDimension: "width",
41
+ secondaryAxisDimension: "height",
42
+ primaryAxisCoord: "x",
43
+ secondaryAxisCoord: "y"
44
+ } : {
45
+ primaryAxisDimension: "height",
46
+ secondaryAxisDimension: "width",
47
+ primaryAxisCoord: "y",
48
+ secondaryAxisCoord: "x"
49
+ };
50
+ }
51
+ applyPosition(node) {
52
+ return this.layout?.get(node.id) ?? {};
53
+ }
54
+ computeLayout(nodes) {
55
+ const sortedNodeRects = pipe(nodes, sortBy((r) => r[this.primaryAxisCoord]));
56
+ const layoutRect = this.getLayoutRect(sortedNodeRects);
57
+ const layers = this.getLayers(sortedNodeRects);
58
+ this.layout = this.buildLayout(layers, layoutRect, sortedNodeRects);
59
+ }
60
+ getLayoutRect(nodeRects) {
61
+ const x = Math.min(...nodeRects.map((n) => n.x));
62
+ const y = Math.min(...nodeRects.map((n) => n.y));
63
+ const right = Math.max(...nodeRects.map((n) => n.x + n.width));
64
+ const bottom = Math.max(...nodeRects.map((n) => n.y + n.height));
65
+ return {
66
+ x,
67
+ y,
68
+ width: right - x,
69
+ height: bottom - y
70
+ };
71
+ }
72
+ getLayers(sortedNodeRects) {
73
+ const layers = [];
74
+ let layerEnd = 0;
75
+ let layer = null;
76
+ for (let node of sortedNodeRects) if (!!layer && node[this.primaryAxisCoord] < layerEnd) {
77
+ layer.nodes.push(node);
78
+ layer.primaryAxisSize = Math.max(layer.primaryAxisSize, node[this.primaryAxisDimension]);
79
+ layer.occupiedSpace += node[this.secondaryAxisDimension];
80
+ layerEnd = Math.max(node[this.primaryAxisCoord] + node[this.primaryAxisDimension], layerEnd);
81
+ } else {
82
+ layer = {
83
+ primaryAxisSize: node[this.primaryAxisDimension],
84
+ nodes: [node],
85
+ occupiedSpace: node[this.secondaryAxisDimension],
86
+ layout: null
87
+ };
88
+ layers.push(layer);
89
+ layerEnd = node[this.primaryAxisCoord] + node[this.primaryAxisDimension];
90
+ continue;
91
+ }
92
+ layers.forEach((l) => l.nodes.sort((a, b) => a[this.secondaryAxisCoord] - b[this.secondaryAxisCoord]));
93
+ return layers;
94
+ }
95
+ buildLayout(layers, layoutRect, nodeRects) {
96
+ const nodeMap = new Map(nodeRects.map((n) => [n.id, n]));
97
+ const layout = [];
98
+ const occupiedSpace = layers.reduce((a, b) => a + b.primaryAxisSize, 0);
99
+ const rowMargin = layers.length > 1 ? (layoutRect[this.primaryAxisDimension] - occupiedSpace) / (layers.length - 1) : 0;
100
+ const baseLayerIndex = layers.reduce((widestLayerIndex, layer, i) => layers[widestLayerIndex].occupiedSpace < layer.occupiedSpace ? i : widestLayerIndex, 0);
101
+ const baseLayer = layers[baseLayerIndex];
102
+ const baseLayerPosition = layers.slice(0, baseLayerIndex).reduce((a, layer) => a + layer.primaryAxisSize + rowMargin, layoutRect[this.primaryAxisCoord]);
103
+ const baseLayerLayout = this.buildLayerLayout(baseLayer, layoutRect, baseLayerPosition, nodeMap, null);
104
+ baseLayer.layout = baseLayerLayout;
105
+ layout.push(...baseLayerLayout.nodePositions);
106
+ let placeNextLayerAt = baseLayerPosition + baseLayer.primaryAxisSize + rowMargin;
107
+ let refLayer = baseLayer;
108
+ for (let i = baseLayerIndex + 1; i < layers.length; i++) {
109
+ const layer = layers[i];
110
+ layer.layout = this.buildLayerLayout(layer, layoutRect, placeNextLayerAt, nodeMap, refLayer);
111
+ layout.push(...layer.layout.nodePositions);
112
+ refLayer = layer.layout.refLayer ?? layer;
113
+ placeNextLayerAt += layer.primaryAxisSize + rowMargin;
114
+ }
115
+ placeNextLayerAt = baseLayerPosition;
116
+ refLayer = baseLayer;
117
+ for (let i = baseLayerIndex - 1; i >= 0; i--) {
118
+ const layer = layers[i];
119
+ placeNextLayerAt -= layer.primaryAxisSize + rowMargin;
120
+ layer.layout = this.buildLayerLayout(layer, layoutRect, placeNextLayerAt, nodeMap, refLayer);
121
+ layout.push(...layer.layout.nodePositions);
122
+ refLayer = layer.layout.refLayer ?? layer;
123
+ }
124
+ return new Map(layout);
125
+ }
126
+ buildLayerLayout(layer, layoutRect, placeNextLayerAt, nodeMap, refLayer) {
127
+ let bestLayerLayout = this.scoreLayout(this.spaceAround(layer, layoutRect, placeNextLayerAt), nodeMap);
128
+ if (layer.nodes.length != 1) {
129
+ const currentlayerLayout = this.scoreLayout(this.spaceBetween(layer, layoutRect, placeNextLayerAt), nodeMap);
130
+ bestLayerLayout = currentlayerLayout[0] < bestLayerLayout[0] ? currentlayerLayout : bestLayerLayout;
131
+ }
132
+ if (refLayer && refLayer.nodes.length - 1 >= layer.nodes.length) {
133
+ const currentlayerLayout = this.scoreLayout(this.placeInGaps(layer, placeNextLayerAt, refLayer), nodeMap);
134
+ bestLayerLayout = currentlayerLayout[0] < bestLayerLayout[0] ? currentlayerLayout : bestLayerLayout;
135
+ }
136
+ if (refLayer && refLayer.nodes.length >= layer.nodes.length) {
137
+ const currentlayerLayout = this.scoreLayout(this.placeInCells(layer, placeNextLayerAt, refLayer), nodeMap);
138
+ bestLayerLayout = currentlayerLayout[0] < bestLayerLayout[0] ? currentlayerLayout : bestLayerLayout;
139
+ }
140
+ return bestLayerLayout[1];
141
+ }
142
+ spaceBetween(layer, layoutRect, placeNextLayerAt) {
143
+ const margin = (layoutRect[this.secondaryAxisDimension] - layer.occupiedSpace) / (layer.nodes.length - 1);
144
+ let placeNextNodeAt = layoutRect[this.secondaryAxisCoord];
145
+ const result = /* @__PURE__ */ new Map();
146
+ for (let node of layer.nodes) {
147
+ result.set(node.id, {
148
+ [this.secondaryAxisCoord]: placeNextNodeAt,
149
+ [this.primaryAxisCoord]: placeNextLayerAt
150
+ });
151
+ placeNextNodeAt += node[this.secondaryAxisDimension] + margin;
152
+ }
153
+ return {
154
+ nodePositions: result,
155
+ refLayer: null
156
+ };
157
+ }
158
+ spaceAround(layer, layoutRect, placeNextLayerAt) {
159
+ const margin = (layoutRect[this.secondaryAxisDimension] - layer.occupiedSpace) / (layer.nodes.length + 1);
160
+ let placeNextNodeAt = layoutRect[this.secondaryAxisCoord] + margin;
161
+ const result = /* @__PURE__ */ new Map();
162
+ for (let node of sortBy(layer.nodes, (n) => n[this.secondaryAxisCoord])) {
163
+ result.set(node.id, {
164
+ [this.secondaryAxisCoord]: placeNextNodeAt,
165
+ [this.primaryAxisCoord]: placeNextLayerAt
166
+ });
167
+ placeNextNodeAt += node[this.secondaryAxisDimension] + margin;
168
+ }
169
+ return {
170
+ nodePositions: result,
171
+ refLayer: null
172
+ };
173
+ }
174
+ placeInGaps(layer, placeNextLayerAt, refLayer) {
175
+ const result = /* @__PURE__ */ new Map();
176
+ const nodes = layer.nodes;
177
+ const placementOptions = this.getGapsPositions(refLayer);
178
+ let optionIndex = 0;
179
+ for (let i = 0, node = nodes[i]; i < nodes.length; i++, node = nodes[i]) {
180
+ const nodeCenter = node[this.secondaryAxisCoord] + node[this.secondaryAxisDimension] / 2;
181
+ let bestOffset = Infinity;
182
+ while (optionIndex - i <= placementOptions.length - nodes.length) {
183
+ const offset = placementOptions[optionIndex] - nodeCenter;
184
+ if (Math.abs(offset) < Math.abs(bestOffset)) {
185
+ bestOffset = offset;
186
+ optionIndex++;
187
+ } else break;
188
+ }
189
+ result.set(node.id, {
190
+ [this.secondaryAxisCoord]: node[this.secondaryAxisCoord] + bestOffset,
191
+ [this.primaryAxisCoord]: placeNextLayerAt
192
+ });
193
+ }
194
+ return {
195
+ nodePositions: result,
196
+ refLayer
197
+ };
198
+ }
199
+ placeInCells(layer, placeNextLayerAt, refLayer) {
200
+ const result = /* @__PURE__ */ new Map();
201
+ const nodes = layer.nodes;
202
+ const placementOptions = this.getNodePositions(refLayer);
203
+ let optionIndex = 0;
204
+ for (let i = 0, node = nodes[i]; i < nodes.length; i++, node = nodes[i]) {
205
+ const nodeCenter = node[this.secondaryAxisCoord] + node[this.secondaryAxisDimension] / 2;
206
+ let bestOffset = Infinity;
207
+ while (optionIndex - i <= placementOptions.length - nodes.length) {
208
+ const offset = placementOptions[optionIndex] - nodeCenter;
209
+ if (Math.abs(offset) < Math.abs(bestOffset)) {
210
+ bestOffset = offset;
211
+ optionIndex++;
212
+ } else break;
213
+ }
214
+ result.set(node.id, {
215
+ [this.secondaryAxisCoord]: node[this.secondaryAxisCoord] + bestOffset,
216
+ [this.primaryAxisCoord]: placeNextLayerAt
217
+ });
218
+ }
219
+ return {
220
+ nodePositions: result,
221
+ refLayer
222
+ };
223
+ }
224
+ scoreLayout(layout, originalRects) {
225
+ return [pipe(Array.from(layout.nodePositions), map(([id, position]) => {
226
+ const originalRect = originalRects.get(id);
227
+ invariant(originalRect, `Could not find original rect for node ${id}`);
228
+ return [pick(originalRect, ["x", "y"]), position];
229
+ }), map(([original, suggested]) => Math.abs(original[this.secondaryAxisCoord] - suggested[this.secondaryAxisCoord])), reduce((a, b) => a + b, 0)), layout];
230
+ }
231
+ getGapsPositions(layer) {
232
+ const result = [];
233
+ const { layout, nodes } = layer;
234
+ invariant(layout, "Layout of the layer must be computed before calling getGapsPositions");
235
+ for (let i = 1; i < nodes.length; i++) {
236
+ const previousNode = nodes[i - 1];
237
+ const currentNode = nodes[i];
238
+ const previousNodePosition = layout.nodePositions.get(previousNode.id);
239
+ const currentNodePosition = layout.nodePositions.get(currentNode.id);
240
+ result.push((currentNodePosition[this.secondaryAxisCoord] + previousNodePosition[this.secondaryAxisCoord] + previousNode[this.secondaryAxisDimension]) / 2);
241
+ }
242
+ return result;
243
+ }
244
+ getNodePositions(layer) {
245
+ const result = [];
246
+ const { layout, nodes } = layer;
247
+ invariant(layout, "Layout of the layer must be computed before calling getGapsPositions");
248
+ for (let i = 0; i < nodes.length; i++) {
249
+ const node = nodes[i];
250
+ const nodePosition = layout.nodePositions.get(node.id);
251
+ result.push(nodePosition[this.secondaryAxisCoord] + node[this.secondaryAxisDimension] / 2);
252
+ }
253
+ return result;
254
+ }
255
+ };
300
256
  function getLinearAligner(mode) {
301
- switch (mode) {
302
- case "Left":
303
- return new LinearAligner(
304
- (nodes) => Math.min(...nodes.map((n) => n.x)),
305
- (alignTo, _) => Math.floor(alignTo),
306
- "x"
307
- );
308
- case "Top":
309
- return new LinearAligner(
310
- (nodes) => Math.min(...nodes.map((n) => n.y)),
311
- (alignTo, _) => Math.floor(alignTo),
312
- "y"
313
- );
314
- case "Right":
315
- return new LinearAligner(
316
- (nodes) => Math.max(...nodes.map((n) => n.x + n.width)),
317
- (alignTo, node) => Math.floor(alignTo - node.width),
318
- "x"
319
- );
320
- case "Bottom":
321
- return new LinearAligner(
322
- (nodes) => Math.max(...nodes.map((n) => n.y + n.height)),
323
- (alignTo, node) => Math.floor(alignTo - node.height),
324
- "y"
325
- );
326
- case "Center":
327
- return new LinearAligner(
328
- (nodes) => Math.min(...nodes.map((n) => n.x + n.width / 2)),
329
- (alignTo, node) => Math.floor(alignTo - node.width / 2),
330
- "x"
331
- );
332
- case "Middle":
333
- return new LinearAligner(
334
- (nodes) => Math.min(...nodes.map((n) => n.y + n.height / 2)),
335
- (alignTo, node) => Math.floor(alignTo - node.height / 2),
336
- "y"
337
- );
338
- }
257
+ switch (mode) {
258
+ case "Left": return new LinearAligner((nodes) => Math.min(...nodes.map((n) => n.x)), (alignTo, _) => Math.floor(alignTo), "x");
259
+ case "Top": return new LinearAligner((nodes) => Math.min(...nodes.map((n) => n.y)), (alignTo, _) => Math.floor(alignTo), "y");
260
+ case "Right": return new LinearAligner((nodes) => Math.max(...nodes.map((n) => n.x + n.width)), (alignTo, node) => Math.floor(alignTo - node.width), "x");
261
+ case "Bottom": return new LinearAligner((nodes) => Math.max(...nodes.map((n) => n.y + n.height)), (alignTo, node) => Math.floor(alignTo - node.height), "y");
262
+ case "Center": return new LinearAligner((nodes) => Math.min(...nodes.map((n) => n.x + n.width / 2)), (alignTo, node) => Math.floor(alignTo - node.width / 2), "x");
263
+ case "Middle": return new LinearAligner((nodes) => Math.min(...nodes.map((n) => n.y + n.height / 2)), (alignTo, node) => Math.floor(alignTo - node.height / 2), "y");
264
+ }
339
265
  }
340
266
  function toNodeRect(node) {
341
- const { width, height } = getNodeDimensions(node);
342
- return {
343
- ...node.internals.positionAbsolute,
344
- id: node.id,
345
- width,
346
- height
347
- };
267
+ const { width, height } = getNodeDimensions(node);
268
+ return {
269
+ ...node.internals.positionAbsolute,
270
+ id: node.id,
271
+ width,
272
+ height
273
+ };
348
274
  }
349
275
  function getAligner(mode) {
350
- switch (mode) {
351
- case "Left":
352
- case "Right":
353
- case "Top":
354
- case "Bottom":
355
- case "Center":
356
- case "Middle":
357
- return getLinearAligner(mode);
358
- case "Column":
359
- case "Row":
360
- return new GridAligner(mode);
361
- default:
362
- nonexhaustive(mode);
363
- }
276
+ switch (mode) {
277
+ case "Left":
278
+ case "Right":
279
+ case "Top":
280
+ case "Bottom":
281
+ case "Center":
282
+ case "Middle": return getLinearAligner(mode);
283
+ case "Column":
284
+ case "Row": return new GridAligner(mode);
285
+ default: nonexhaustive(mode);
286
+ }
364
287
  }
365
-
366
- export { Aligner, GridAligner, LinearAligner, getAligner, getLinearAligner, toNodeRect };
288
+ //#endregion
289
+ export { getAligner, toNodeRect };