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