@likec4/diagram 1.34.2 → 1.35.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.
- package/bundle/{chunk-Dd7et66b.js → chunk-C0Eg81Gj.js} +971 -1045
- package/bundle/custom.js +59 -55
- package/bundle/index.js +6656 -4263
- package/dist/LikeC4Diagram.props.d.ts +51 -4
- package/dist/LikeC4ModelProvider.d.ts +3 -3
- package/dist/base/BaseXYFlow.d.ts +2 -2
- package/dist/base/BaseXYFlow.js +3 -3
- package/dist/base/primitives/compound/CompoundActionButton.js +1 -1
- package/dist/base/primitives/compound/CompoundDetailsButton.js +1 -1
- package/dist/base/primitives/edge/EdgeActionButton.js +1 -1
- package/dist/base/primitives/element/ElementDetailsButton.js +1 -1
- package/dist/base/primitives/element/ElementNodeContainer.d.ts +3 -3
- package/dist/base/primitives/element/ElementTitle.js +9 -9
- package/dist/bundle/LikeC4View.js +3 -3
- package/dist/bundle/LikeC4View.props.d.ts +8 -4
- package/dist/bundle/custom.js +1 -0
- package/dist/bundle/index.js +1 -0
- package/dist/components/ErrorFallback.d.ts +2 -1
- package/dist/components/ErrorFallback.js +15 -2
- package/dist/components/Link.js +2 -2
- package/dist/components/NavigationLink.d.ts +6 -0
- package/dist/components/NavigationLink.js +25 -0
- package/dist/components/SearchControl.js +1 -1
- package/dist/context/ControlsCustomLayout.d.ts +0 -1
- package/dist/context/DiagramFeatures.d.ts +4 -1
- package/dist/context/IconRenderer.js +6 -6
- package/dist/custom/customNodes.js +10 -2
- package/dist/custom/hooks.d.ts +1 -0
- package/dist/custom/index.js +1 -0
- package/dist/hooks/useDiagram.d.ts +1 -2
- package/dist/hooks/useDiagram.js +1 -5
- package/dist/index.js +1 -0
- package/dist/likec4diagram/DiagramUI.js +8 -4
- package/dist/likec4diagram/DiagramXYFlow.js +1 -1
- package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.js +4 -4
- package/dist/likec4diagram/custom/nodes/ElementActions.js +2 -2
- package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.js +2 -2
- package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +2 -2
- package/dist/likec4diagram/ui/controls/ChangeAutoLayoutButton.js +1 -1
- package/dist/likec4diagram/ui/controls/Controls.js +11 -15
- package/dist/likec4diagram/ui/controls/LayoutDriftNotification.js +1 -1
- package/dist/likec4diagram/ui/controls/ManualLayoutToolsButton.js +9 -9
- package/dist/likec4diagram/ui/controls/NavigationButtons.js +4 -2
- package/dist/likec4diagram/ui/controls/ToggleReadonly.js +2 -2
- package/dist/likec4diagram/ui/diagram-title/DiagramTitlePanel.js +15 -13
- package/dist/likec4diagram/ui/notation/NotationPanel.js +3 -3
- package/dist/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.js +4 -4
- package/dist/likec4model/LikeC4ModelContext.d.ts +4 -1
- package/dist/likec4model/LikeC4ModelContext.js +2 -1
- package/dist/likec4model/index.d.ts +1 -0
- package/dist/likec4model/useCurrentViewModel.d.ts +2 -0
- package/dist/likec4model/useCurrentViewModel.js +12 -0
- package/dist/likec4model/useLikeC4Model.d.ts +2 -5
- package/dist/likec4model/useLikeC4Model.js +10 -16
- package/dist/navigationpanel/NavigationPanel.d.ts +2 -0
- package/dist/navigationpanel/NavigationPanel.js +124 -0
- package/dist/navigationpanel/NavigationPanelControls.d.ts +1 -0
- package/dist/navigationpanel/NavigationPanelControls.js +134 -0
- package/dist/navigationpanel/NavigationPanelDropdown.d.ts +1 -0
- package/dist/navigationpanel/NavigationPanelDropdown.js +436 -0
- package/dist/navigationpanel/_common.d.ts +15 -0
- package/dist/navigationpanel/_common.js +69 -0
- package/dist/navigationpanel/actor.d.ts +300 -0
- package/dist/navigationpanel/actor.js +240 -0
- package/dist/navigationpanel/controls/BurgerButton.d.ts +1 -0
- package/dist/navigationpanel/controls/BurgerButton.js +36 -0
- package/dist/navigationpanel/controls/NavigationButtons.d.ts +1 -0
- package/dist/navigationpanel/controls/NavigationButtons.js +44 -0
- package/dist/navigationpanel/controls/OpenSource.d.ts +1 -0
- package/dist/navigationpanel/controls/OpenSource.js +27 -0
- package/dist/navigationpanel/controls/SearchControl.d.ts +1 -0
- package/dist/navigationpanel/controls/SearchControl.js +68 -0
- package/dist/navigationpanel/controls/ToggleReadonly.d.ts +1 -0
- package/dist/navigationpanel/controls/ToggleReadonly.js +69 -0
- package/dist/navigationpanel/controls/index.d.ts +5 -0
- package/dist/navigationpanel/editorpanel/CenterCamera.d.ts +1 -0
- package/dist/navigationpanel/editorpanel/CenterCamera.js +12 -0
- package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.d.ts +1 -0
- package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.js +157 -0
- package/dist/navigationpanel/editorpanel/EditorPanel.d.ts +1 -0
- package/dist/navigationpanel/editorpanel/EditorPanel.js +48 -0
- package/dist/navigationpanel/editorpanel/LayoutDriftNotification.d.ts +1 -0
- package/dist/navigationpanel/editorpanel/LayoutDriftNotification.js +56 -0
- package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.d.ts +2 -0
- package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.js +174 -0
- package/dist/navigationpanel/editorpanel/_common.d.ts +6 -0
- package/dist/navigationpanel/editorpanel/_common.js +14 -0
- package/dist/navigationpanel/editorpanel/index.d.ts +1 -0
- package/dist/navigationpanel/editorpanel/styles.d.ts +8 -0
- package/dist/navigationpanel/editorpanel/styles.js +79 -0
- package/dist/navigationpanel/hooks.d.ts +20 -0
- package/dist/navigationpanel/hooks.js +38 -0
- package/dist/navigationpanel/index.d.ts +1 -0
- package/dist/navigationpanel/styles.css.d.ts +16 -0
- package/dist/navigationpanel/styles.css.js +32 -0
- package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.d.ts +2 -0
- package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +157 -0
- package/dist/navigationpanel/walkthrough/index.d.ts +1 -0
- package/dist/node_modules/.pnpm/{@tabler_icons-react@3.31.0_react@19.1.0 → @tabler_icons-react@3.34.1_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/createReactComponent.js +1 -1
- package/dist/node_modules/.pnpm/{@tabler_icons-react@3.31.0_react@19.1.0 → @tabler_icons-react@3.34.1_react@19.1.1}/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.js +1 -1
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowLeft.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconBrowser.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconCylinder.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconDeviceMobile.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFocusCentered.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFolderFilled.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconId.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignBottom.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignCenter.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignLeft.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignMiddle.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignRight.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignTop.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutBoardSplit.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutCollage.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutDashboard.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLockOpen2.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconMenu.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconMenu2.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipBackFilled.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipForwardFilled.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerStopFilled.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconRectangularPrism.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconReorder.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconRouteOff.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconStarFilled.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconUser.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js +14 -0
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js +14 -0
- package/dist/overlays/element-details/ElementDetailsCard.js +4 -4
- package/dist/overlays/element-details/TabPanelDeployments.js +3 -3
- package/dist/overlays/element-details/TabPanelRelationships.js +3 -3
- package/dist/overlays/element-details/TabPanelStructure.js +1 -1
- package/dist/overlays/relationship-details/RelationshipDetails.js +3 -3
- package/dist/overlays/relationship-details/SelectEdge.js +2 -2
- package/dist/overlays/relationship-details/custom/ElementActions.js +3 -3
- package/dist/overlays/relationships-browser/RelationshipsBrowser.js +3 -3
- package/dist/overlays/relationships-browser/SelectElement.js +2 -2
- package/dist/overlays/relationships-browser/custom/ElementActions.js +3 -3
- package/dist/search/components/ElementsColumn.js +1 -1
- package/dist/search/components/PickView.js +1 -1
- package/dist/search/components/SearchByTags.js +1 -1
- package/dist/search/components/SearchInput.js +1 -1
- package/dist/search/components/ViewsColum.js +2 -2
- package/dist/state/DiagramActorProvider.d.ts +2 -2
- package/dist/state/DiagramActorProvider.js +48 -10
- package/dist/state/diagram-machine.d.ts +2 -2
- package/dist/styles-min.css +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css2.js +1 -1
- package/package.json +16 -15
- package/panda.buildinfo.json +170 -134
- package/src/LikeC4Diagram.props.ts +51 -3
- package/src/LikeC4ModelProvider.tsx +3 -3
- package/src/base/BaseXYFlow.tsx +4 -4
- package/src/base/primitives/element/ElementNodeContainer.tsx +2 -2
- package/src/base/primitives/element/ElementTitle.tsx +4 -4
- package/src/bundle/LikeC4View.props.ts +14 -4
- package/src/bundle/LikeC4View.tsx +2 -2
- package/src/components/ErrorFallback.tsx +16 -1
- package/src/components/NavigationLink.tsx +31 -0
- package/src/context/ControlsCustomLayout.ts +0 -1
- package/src/context/DiagramFeatures.tsx +6 -1
- package/src/custom/customNodes.tsx +10 -2
- package/src/custom/hooks.ts +3 -0
- package/src/hooks/useDiagram.ts +0 -8
- package/src/likec4diagram/DiagramUI.tsx +9 -3
- package/src/likec4diagram/DiagramXYFlow.tsx +1 -1
- package/src/likec4diagram/ui/controls/Controls.tsx +8 -18
- package/src/likec4diagram/ui/controls/NavigationButtons.tsx +2 -0
- package/src/likec4diagram/ui/diagram-title/DiagramTitlePanel.tsx +14 -11
- package/src/likec4model/LikeC4ModelContext.ts +5 -1
- package/src/likec4model/index.ts +3 -0
- package/src/likec4model/useCurrentViewModel.ts +10 -0
- package/src/likec4model/useLikeC4Model.ts +17 -27
- package/src/navigationpanel/NavigationPanel.tsx +136 -0
- package/src/navigationpanel/NavigationPanelControls.tsx +155 -0
- package/src/navigationpanel/NavigationPanelDropdown.tsx +523 -0
- package/src/navigationpanel/_common.tsx +81 -0
- package/src/navigationpanel/actor.ts +321 -0
- package/src/navigationpanel/controls/BurgerButton.tsx +32 -0
- package/src/navigationpanel/controls/NavigationButtons.tsx +36 -0
- package/src/navigationpanel/controls/OpenSource.tsx +28 -0
- package/src/navigationpanel/controls/SearchControl.tsx +64 -0
- package/src/navigationpanel/controls/ToggleReadonly.tsx +66 -0
- package/src/navigationpanel/controls/index.ts +5 -0
- package/src/navigationpanel/editorpanel/CenterCamera.tsx +15 -0
- package/src/navigationpanel/editorpanel/ChangeAutoLayoutButton.tsx +199 -0
- package/src/navigationpanel/editorpanel/EditorPanel.tsx +49 -0
- package/src/navigationpanel/editorpanel/LayoutDriftNotification.tsx +56 -0
- package/src/navigationpanel/editorpanel/ManualLayoutToolsButton.tsx +151 -0
- package/src/navigationpanel/editorpanel/_common.tsx +14 -0
- package/src/navigationpanel/editorpanel/index.ts +1 -0
- package/src/navigationpanel/editorpanel/styles.ts +84 -0
- package/src/navigationpanel/hooks.tsx +70 -0
- package/src/navigationpanel/index.ts +1 -0
- package/src/navigationpanel/styles.css.ts +30 -0
- package/src/navigationpanel/walkthrough/ActiveWalkthroughControls.tsx +160 -0
- package/src/navigationpanel/walkthrough/index.tsx +1 -0
- package/src/state/DiagramActorProvider.tsx +60 -12
- package/src/state/diagram-machine.ts +2 -2
- package/dist/base/primitives/element/ElementTitle.css.d.ts +0 -34
- package/dist/base/primitives/element/ElementTitle.css.js +0 -201
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconBrowser.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconCylinder.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconDeviceMobile.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconFocusCentered.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconId.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignBottom.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignCenter.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignLeft.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignMiddle.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignRight.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignTop.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutBoardSplit.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutCollage.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutDashboard.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconLockOpen2.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconMenu.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconMenu2.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipBackFilled.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipForwardFilled.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerStopFilled.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconRectangularPrism.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconReorder.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconRouteOff.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconUser.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js +0 -13
- package/dist/node_modules/.pnpm/@tabler_icons-react@3.31.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js +0 -13
- package/src/base/primitives/element/ElementTitle.css.ts +0 -206
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { css } from '@likec4/styles/css';
|
|
2
|
+
|
|
3
|
+
css({
|
|
4
|
+
gap: "micro",
|
|
5
|
+
_empty: {
|
|
6
|
+
display: "none"
|
|
7
|
+
}
|
|
8
|
+
});
|
|
9
|
+
css({
|
|
10
|
+
top: "1rem",
|
|
11
|
+
left: "1rem",
|
|
12
|
+
margin: 0,
|
|
13
|
+
pointerEvents: "none",
|
|
14
|
+
"& :where(button, .action-icon, [role='dialog'])": {
|
|
15
|
+
pointerEvents: "all"
|
|
16
|
+
},
|
|
17
|
+
["& .action-icon"]: {
|
|
18
|
+
["--ai-size"]: "2rem"
|
|
19
|
+
},
|
|
20
|
+
["& .tabler-icon"]: {
|
|
21
|
+
width: "65%",
|
|
22
|
+
height: "65%"
|
|
23
|
+
},
|
|
24
|
+
_reduceGraphics: {
|
|
25
|
+
"& .action-icon": {
|
|
26
|
+
"--ai-radius": "0px"
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
css({
|
|
31
|
+
shadow: {
|
|
32
|
+
base: "md",
|
|
33
|
+
_whenPanning: "none"
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
css({
|
|
37
|
+
["& .tabler-icon"]: {
|
|
38
|
+
width: "65%",
|
|
39
|
+
height: "65%"
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
const autolayoutButton = css({
|
|
43
|
+
flex: "1 1 40%",
|
|
44
|
+
textAlign: "center",
|
|
45
|
+
fontWeight: 500,
|
|
46
|
+
padding: "4px 6px",
|
|
47
|
+
fontSize: "11px",
|
|
48
|
+
zIndex: 1
|
|
49
|
+
});
|
|
50
|
+
const autolayoutIndicator = css({
|
|
51
|
+
background: "mantine.colors.gray[2]",
|
|
52
|
+
borderRadius: "sm",
|
|
53
|
+
border: `1px solid`,
|
|
54
|
+
borderColor: "mantine.colors.gray[4]",
|
|
55
|
+
_dark: {
|
|
56
|
+
background: "mantine.colors.dark[5]",
|
|
57
|
+
borderColor: "mantine.colors.dark[4]"
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
const spacingSliderBody = css({
|
|
61
|
+
position: "relative",
|
|
62
|
+
borderRadius: "sm",
|
|
63
|
+
background: "mantine.colors.gray[3]",
|
|
64
|
+
boxShadow: "inset 1px 1px 3px 0px #00000024",
|
|
65
|
+
_dark: {
|
|
66
|
+
background: "mantine.colors.dark[7]"
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
const spacingSliderThumb = css({
|
|
70
|
+
position: "absolute",
|
|
71
|
+
width: 8,
|
|
72
|
+
height: 8,
|
|
73
|
+
border: `2px solid`,
|
|
74
|
+
borderColor: "mantine.colors.gray[5]",
|
|
75
|
+
borderRadius: 3,
|
|
76
|
+
transform: "translate(-50%, -50%)"
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
export { autolayoutButton, autolayoutIndicator, spacingSliderBody, spacingSliderThumb };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ViewId } from '@likec4/core';
|
|
2
|
+
import { DependencyList, Provider } from 'react';
|
|
3
|
+
import { NavigationPanelActorContext, NavigationPanelActorEvent, NavigationPanelActorRef, NavigationPanelActorSnapshot } from './actor';
|
|
4
|
+
export declare const NavigationPanelActorContextProvider: Provider<NavigationPanelActorRef>;
|
|
5
|
+
export declare const useNavigationActorRef: () => NavigationPanelActorRef;
|
|
6
|
+
export declare function useNavigationActorSnapshot<T = unknown>(selector: (context: NavigationPanelActorSnapshot) => T, compare?: (a: NoInfer<T>, b: NoInfer<T>) => boolean, deps?: DependencyList): T;
|
|
7
|
+
export declare function useNavigationActorContext<T = unknown>(selector: (context: NavigationPanelActorContext) => T, compare?: (a: NoInfer<T>, b: NoInfer<T>) => boolean, deps?: DependencyList): T;
|
|
8
|
+
export type NavigationActor = {
|
|
9
|
+
readonly actorRef: NavigationPanelActorRef;
|
|
10
|
+
send: (event: NavigationPanelActorEvent) => void;
|
|
11
|
+
selectFolder: (folderPath: string) => void;
|
|
12
|
+
selectView: (viewId: ViewId) => void;
|
|
13
|
+
/**
|
|
14
|
+
* If the navigation dropdown is opened
|
|
15
|
+
*/
|
|
16
|
+
isOpened: () => boolean;
|
|
17
|
+
clearSearch: () => void;
|
|
18
|
+
closeDropdown: () => void;
|
|
19
|
+
};
|
|
20
|
+
export declare function useNavigationActor(): NavigationActor;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useSelector } from '@xstate/react';
|
|
2
|
+
import { shallowEqual } from 'fast-equals';
|
|
3
|
+
import { createContext, useMemo, useContext } from 'react';
|
|
4
|
+
|
|
5
|
+
const NavigationPanelActorSafeContext = createContext(null);
|
|
6
|
+
NavigationPanelActorSafeContext.displayName = "NavigationPanelActorSafeContext";
|
|
7
|
+
const NavigationPanelActorContextProvider = NavigationPanelActorSafeContext.Provider;
|
|
8
|
+
const useNavigationActorRef = () => {
|
|
9
|
+
const ctx = useContext(NavigationPanelActorSafeContext);
|
|
10
|
+
if (ctx === null) {
|
|
11
|
+
throw new Error("NavigationPanelActorRef is not found in the context");
|
|
12
|
+
}
|
|
13
|
+
return ctx;
|
|
14
|
+
};
|
|
15
|
+
function useNavigationActorSnapshot(selector, compare = shallowEqual, deps) {
|
|
16
|
+
const actorRef = useNavigationActorRef();
|
|
17
|
+
return useSelector(actorRef, selector, compare);
|
|
18
|
+
}
|
|
19
|
+
function useNavigationActorContext(selector, compare = shallowEqual, deps) {
|
|
20
|
+
return useNavigationActorSnapshot((snapshot) => selector(snapshot.context), compare);
|
|
21
|
+
}
|
|
22
|
+
function useNavigationActor() {
|
|
23
|
+
const actorRef = useNavigationActorRef();
|
|
24
|
+
return useMemo(() => ({
|
|
25
|
+
actorRef,
|
|
26
|
+
send: (event) => actorRef.send(event),
|
|
27
|
+
selectFolder: (folderPath) => actorRef.send({ type: "select.folder", folderPath }),
|
|
28
|
+
selectView: (viewId) => actorRef.send({ type: "select.view", viewId }),
|
|
29
|
+
isOpened: () => {
|
|
30
|
+
const snapshot = actorRef.getSnapshot();
|
|
31
|
+
return snapshot.hasTag("active");
|
|
32
|
+
},
|
|
33
|
+
clearSearch: () => actorRef.send({ type: "searchQuery.change", value: "" }),
|
|
34
|
+
closeDropdown: () => actorRef.send({ type: "dropdown.dismiss" })
|
|
35
|
+
}), [actorRef]);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export { NavigationPanelActorContextProvider, useNavigationActor, useNavigationActorContext, useNavigationActorRef, useNavigationActorSnapshot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { NavigationPanel } from './NavigationPanel';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { RecipeRuntimeFn } from '@likec4/styles/types';
|
|
2
|
+
export declare const breadcrumbTitle: RecipeRuntimeFn<{
|
|
3
|
+
truncate: {
|
|
4
|
+
true: {
|
|
5
|
+
truncate: boolean;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
dimmed: {
|
|
9
|
+
true: {
|
|
10
|
+
color: {
|
|
11
|
+
base: "mantine.colors.dimmed";
|
|
12
|
+
_hover: "mantine.colors.text";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
}>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { cva } from '@likec4/styles/css';
|
|
2
|
+
|
|
3
|
+
const breadcrumbTitle = cva({
|
|
4
|
+
base: {
|
|
5
|
+
fontSize: "sm",
|
|
6
|
+
fontWeight: "500",
|
|
7
|
+
transition: "fast",
|
|
8
|
+
// width: 'max-content',
|
|
9
|
+
alignSelf: "stretch",
|
|
10
|
+
color: {
|
|
11
|
+
base: "mantine.colors.text/90",
|
|
12
|
+
_hover: "mantine.colors.text"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
variants: {
|
|
16
|
+
truncate: {
|
|
17
|
+
"true": {
|
|
18
|
+
truncate: true
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
dimmed: {
|
|
22
|
+
"true": {
|
|
23
|
+
color: {
|
|
24
|
+
base: "mantine.colors.dimmed",
|
|
25
|
+
_hover: "mantine.colors.text"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
export { breadcrumbTitle };
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { css } from '@likec4/styles/css';
|
|
3
|
+
import { Box } from '@likec4/styles/jsx';
|
|
4
|
+
import { Button, Badge, Portal } from '@mantine/core';
|
|
5
|
+
import { AnimatePresence } from 'motion/react';
|
|
6
|
+
import * as m from 'motion/react-m';
|
|
7
|
+
import { isTruthy } from 'remeda';
|
|
8
|
+
import { useDiagram, useDiagramContext } from '../../hooks/useDiagram.js';
|
|
9
|
+
import { Tooltip } from '../_common.js';
|
|
10
|
+
import { useNavigationActor } from '../hooks.js';
|
|
11
|
+
import IconPlayerStopFilled from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerStopFilled.js';
|
|
12
|
+
import IconPlayerSkipBackFilled from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipBackFilled.js';
|
|
13
|
+
import IconPlayerSkipForwardFilled from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipForwardFilled.js';
|
|
14
|
+
import { useMantinePortalProps } from '../../hooks/useMantinePortalProps.js';
|
|
15
|
+
import IconPlayerPlayFilled from '../../node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js';
|
|
16
|
+
|
|
17
|
+
const TriggerWalkthroughButton = Button.withProps({
|
|
18
|
+
// Button is polymorphic, but we dont want it to inherit the motion props
|
|
19
|
+
component: m.button,
|
|
20
|
+
// @ts-expect-error
|
|
21
|
+
layoutId: "trigger-dynamic-walkthrough",
|
|
22
|
+
variant: "filled",
|
|
23
|
+
size: "xs",
|
|
24
|
+
fw: "500"
|
|
25
|
+
});
|
|
26
|
+
const StartWalkthroughButton = () => {
|
|
27
|
+
const diagram = useDiagram();
|
|
28
|
+
const actor = useNavigationActor();
|
|
29
|
+
return /* @__PURE__ */ jsx(Tooltip, { label: "Start Dynamic View Walkthrough", children: /* @__PURE__ */ jsx(
|
|
30
|
+
TriggerWalkthroughButton,
|
|
31
|
+
{
|
|
32
|
+
onClick: (e) => {
|
|
33
|
+
e.stopPropagation();
|
|
34
|
+
actor.closeDropdown();
|
|
35
|
+
diagram.startWalkthrough();
|
|
36
|
+
},
|
|
37
|
+
rightSection: /* @__PURE__ */ jsx(IconPlayerPlayFilled, { size: 10 }),
|
|
38
|
+
children: "Start"
|
|
39
|
+
}
|
|
40
|
+
) });
|
|
41
|
+
};
|
|
42
|
+
const PrevNextButton = Button.withProps({
|
|
43
|
+
// Button is polymorphic, but we dont want it to inherit the motion props
|
|
44
|
+
component: m.button,
|
|
45
|
+
variant: "light",
|
|
46
|
+
size: "xs",
|
|
47
|
+
fw: "500"
|
|
48
|
+
});
|
|
49
|
+
const ParallelFrame = () => {
|
|
50
|
+
const { portalProps } = useMantinePortalProps();
|
|
51
|
+
return /* @__PURE__ */ jsx(Portal, { ...portalProps, children: /* @__PURE__ */ jsx(
|
|
52
|
+
Box,
|
|
53
|
+
{
|
|
54
|
+
css: {
|
|
55
|
+
position: "absolute",
|
|
56
|
+
margin: 0,
|
|
57
|
+
padding: 0,
|
|
58
|
+
top: 0,
|
|
59
|
+
left: 0,
|
|
60
|
+
width: "100%",
|
|
61
|
+
height: "100%",
|
|
62
|
+
border: `2px solid`,
|
|
63
|
+
borderColor: "mantine.colors.orange[6]",
|
|
64
|
+
pointerEvents: "none",
|
|
65
|
+
md: {
|
|
66
|
+
borderWidth: 4
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
) });
|
|
71
|
+
};
|
|
72
|
+
const ActiveWalkthroughControls = () => {
|
|
73
|
+
const diagram = useDiagram();
|
|
74
|
+
const {
|
|
75
|
+
isParallel,
|
|
76
|
+
hasNext,
|
|
77
|
+
hasPrevious,
|
|
78
|
+
currentStep,
|
|
79
|
+
totalSteps
|
|
80
|
+
} = useDiagramContext((s) => {
|
|
81
|
+
const currentStepIndex = s.xyedges.findIndex((e) => e.id === s.activeWalkthrough?.stepId);
|
|
82
|
+
return {
|
|
83
|
+
isParallel: isTruthy(s.activeWalkthrough?.parallelPrefix),
|
|
84
|
+
hasNext: currentStepIndex < s.xyedges.length - 1,
|
|
85
|
+
hasPrevious: currentStepIndex > 0,
|
|
86
|
+
currentStep: currentStepIndex + 1,
|
|
87
|
+
totalSteps: s.xyedges.length
|
|
88
|
+
};
|
|
89
|
+
});
|
|
90
|
+
return /* @__PURE__ */ jsxs(AnimatePresence, { propagate: true, children: [
|
|
91
|
+
/* @__PURE__ */ jsx(
|
|
92
|
+
TriggerWalkthroughButton,
|
|
93
|
+
{
|
|
94
|
+
variant: "light",
|
|
95
|
+
color: "orange",
|
|
96
|
+
mr: "sm",
|
|
97
|
+
onClick: (e) => {
|
|
98
|
+
e.stopPropagation();
|
|
99
|
+
diagram.stopWalkthrough();
|
|
100
|
+
},
|
|
101
|
+
rightSection: /* @__PURE__ */ jsx(IconPlayerStopFilled, { size: 10 }),
|
|
102
|
+
children: "Stop"
|
|
103
|
+
}
|
|
104
|
+
),
|
|
105
|
+
/* @__PURE__ */ jsx(
|
|
106
|
+
PrevNextButton,
|
|
107
|
+
{
|
|
108
|
+
disabled: !hasPrevious,
|
|
109
|
+
onClick: () => diagram.walkthroughStep("previous"),
|
|
110
|
+
leftSection: /* @__PURE__ */ jsx(IconPlayerSkipBackFilled, { size: 10 }),
|
|
111
|
+
children: "Previous"
|
|
112
|
+
},
|
|
113
|
+
"prev"
|
|
114
|
+
),
|
|
115
|
+
/* @__PURE__ */ jsx(
|
|
116
|
+
Badge,
|
|
117
|
+
{
|
|
118
|
+
component: m.div,
|
|
119
|
+
size: "md",
|
|
120
|
+
radius: "sm",
|
|
121
|
+
variant: isParallel ? "gradient" : "transparent",
|
|
122
|
+
gradient: { from: "red", to: "orange", deg: 90 },
|
|
123
|
+
rightSection: /* @__PURE__ */ jsx(
|
|
124
|
+
m.div,
|
|
125
|
+
{
|
|
126
|
+
className: css({
|
|
127
|
+
fontSize: "xxs",
|
|
128
|
+
display: isParallel ? "block" : "none"
|
|
129
|
+
}),
|
|
130
|
+
children: "parallel"
|
|
131
|
+
}
|
|
132
|
+
),
|
|
133
|
+
className: css({
|
|
134
|
+
alignItems: "baseline"
|
|
135
|
+
}),
|
|
136
|
+
children: /* @__PURE__ */ jsxs(m.span, { children: [
|
|
137
|
+
currentStep,
|
|
138
|
+
" / ",
|
|
139
|
+
totalSteps
|
|
140
|
+
] })
|
|
141
|
+
}
|
|
142
|
+
),
|
|
143
|
+
/* @__PURE__ */ jsx(
|
|
144
|
+
PrevNextButton,
|
|
145
|
+
{
|
|
146
|
+
disabled: !hasNext,
|
|
147
|
+
onClick: () => diagram.walkthroughStep("next"),
|
|
148
|
+
rightSection: /* @__PURE__ */ jsx(IconPlayerSkipForwardFilled, { size: 10 }),
|
|
149
|
+
children: "Next"
|
|
150
|
+
},
|
|
151
|
+
"next"
|
|
152
|
+
),
|
|
153
|
+
isParallel && /* @__PURE__ */ jsx(ParallelFrame, {})
|
|
154
|
+
] });
|
|
155
|
+
};
|
|
156
|
+
|
|
157
|
+
export { ActiveWalkthroughControls, StartWalkthroughButton };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ActiveWalkthroughControls, StartWalkthroughButton } from './ActiveWalkthroughControls';
|
|
@@ -2,7 +2,7 @@ import { forwardRef, createElement } from 'react';
|
|
|
2
2
|
import defaultAttributes from './defaultAttributes.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
|
-
* @license @tabler/icons-react v3.
|
|
5
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license.
|
|
8
8
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M12 9v4", "key": "svg-0" }], ["path", { "d": "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z", "key": "svg-1" }], ["path", { "d": "M12 16h.01", "key": "svg-2" }]];
|
|
12
|
+
const IconAlertTriangle = createReactComponent("outline", "alert-triangle", "AlertTriangle", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconAlertTriangle as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M7 7l10 10", "key": "svg-0" }], ["path", { "d": "M17 8l0 9l-9 0", "key": "svg-1" }]];
|
|
12
|
+
const IconArrowDownRight = createReactComponent("outline", "arrow-down-right", "ArrowDownRight", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconArrowDownRight as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M5 12l14 0", "key": "svg-0" }], ["path", { "d": "M5 12l6 6", "key": "svg-1" }], ["path", { "d": "M5 12l6 -6", "key": "svg-2" }]];
|
|
12
|
+
const IconArrowLeft = createReactComponent("outline", "arrow-left", "ArrowLeft", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconArrowLeft as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M5 12l14 0", "key": "svg-0" }], ["path", { "d": "M13 18l6 -6", "key": "svg-1" }], ["path", { "d": "M13 6l6 6", "key": "svg-2" }]];
|
|
12
|
+
const IconArrowRight = createReactComponent("outline", "arrow-right", "ArrowRight", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconArrowRight as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M4 8h16", "key": "svg-0" }], ["path", { "d": "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z", "key": "svg-1" }], ["path", { "d": "M8 4v4", "key": "svg-2" }]];
|
|
12
|
+
const IconBrowser = createReactComponent("outline", "browser", "Browser", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconBrowser as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M5 12l5 5l10 -10", "key": "svg-0" }]];
|
|
12
|
+
const IconCheck = createReactComponent("outline", "check", "Check", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconCheck as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M15 6l-6 6l6 6", "key": "svg-0" }]];
|
|
12
|
+
const IconChevronLeft = createReactComponent("outline", "chevron-left", "ChevronLeft", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconChevronLeft as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M9 6l6 6l-6 6", "key": "svg-0" }]];
|
|
12
|
+
const IconChevronRight = createReactComponent("outline", "chevron-right", "ChevronRight", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconChevronRight as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z", "key": "svg-0" }], ["path", { "d": "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1", "key": "svg-1" }]];
|
|
12
|
+
const IconCopy = createReactComponent("outline", "copy", "Copy", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconCopy as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M12 6m-7 0a7 3 0 1 0 14 0a7 3 0 1 0 -14 0", "key": "svg-0" }], ["path", { "d": "M5 6v12c0 1.657 3.134 3 7 3s7 -1.343 7 -3v-12", "key": "svg-1" }]];
|
|
12
|
+
const IconCylinder = createReactComponent("outline", "cylinder", "Cylinder", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconCylinder as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M6 5a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-14z", "key": "svg-0" }], ["path", { "d": "M11 4h2", "key": "svg-1" }], ["path", { "d": "M12 17v.01", "key": "svg-2" }]];
|
|
12
|
+
const IconDeviceMobile = createReactComponent("outline", "device-mobile", "DeviceMobile", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconDeviceMobile as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6", "key": "svg-0" }], ["path", { "d": "M11 13l9 -9", "key": "svg-1" }], ["path", { "d": "M15 4h5v5", "key": "svg-2" }]];
|
|
12
|
+
const IconExternalLink = createReactComponent("outline", "external-link", "ExternalLink", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconExternalLink as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M4 21v-4a3 3 0 0 1 3 -3h5", "key": "svg-0" }], ["path", { "d": "M9 17l3 -3l-3 -3", "key": "svg-1" }], ["path", { "d": "M14 3v4a1 1 0 0 0 1 1h4", "key": "svg-2" }], ["path", { "d": "M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-9.5", "key": "svg-3" }]];
|
|
12
|
+
const IconFileSymlink = createReactComponent("outline", "file-symlink", "FileSymlink", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconFileSymlink as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", "key": "svg-0" }], ["path", { "d": "M4 8v-2a2 2 0 0 1 2 -2h2", "key": "svg-1" }], ["path", { "d": "M4 16v2a2 2 0 0 0 2 2h2", "key": "svg-2" }], ["path", { "d": "M16 4h2a2 2 0 0 1 2 2v2", "key": "svg-3" }], ["path", { "d": "M16 20h2a2 2 0 0 0 2 -2v-2", "key": "svg-4" }]];
|
|
12
|
+
const IconFocusCentered = createReactComponent("outline", "focus-centered", "FocusCentered", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconFocusCentered as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z", "key": "svg-0" }]];
|
|
12
|
+
const IconFolderFilled = createReactComponent("filled", "folder-filled", "FolderFilled", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconFolderFilled as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 16v.01", "key": "svg-1" }], ["path", { "d": "M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483", "key": "svg-2" }]];
|
|
12
|
+
const IconHelpCircle = createReactComponent("outline", "help-circle", "HelpCircle", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconHelpCircle as default };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import createReactComponent from '../createReactComponent.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license @tabler/icons-react v3.34.1 - MIT
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [["path", { "d": "M3 4m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z", "key": "svg-0" }], ["path", { "d": "M9 10m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0", "key": "svg-1" }], ["path", { "d": "M15 8l2 0", "key": "svg-2" }], ["path", { "d": "M15 12l2 0", "key": "svg-3" }], ["path", { "d": "M7 16l10 0", "key": "svg-4" }]];
|
|
12
|
+
const IconId = createReactComponent("outline", "id", "Id", __iconNode);
|
|
13
|
+
|
|
14
|
+
export { __iconNode, IconId as default };
|