@likec4/diagram 1.43.0 → 1.45.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/index.js +14727 -13166
- package/dist/LikeC4Diagram.d.ts +1 -1
- package/dist/LikeC4Diagram.js +14 -9
- package/dist/LikeC4Diagram.props.d.ts +25 -15
- package/dist/LikeC4ProjectsProvider.js +1 -1
- package/dist/LikeC4Styles.js +0 -3
- package/dist/LikeC4View.d.ts +8 -3
- package/dist/LikeC4View.js +29 -14
- package/dist/ReactLikeC4.d.ts +2 -2
- package/dist/ReactLikeC4.js +2 -2
- package/dist/StaticLikeC4Diagram.js +1 -1
- package/dist/_virtual/_commonjsHelpers.js +3 -0
- package/dist/_virtual/assign-dea9f7c8.cjs.js +3 -0
- package/dist/_virtual/log-ec8d4df4.cjs.js +3 -0
- package/dist/_virtual/raise-da5b247f.cjs.js +3 -0
- package/dist/_virtual/xstate-actions.cjs.js +5 -0
- package/dist/_virtual/xstate-actions.cjs2.js +3 -0
- package/dist/_virtual/xstate-dev.cjs.js +3 -0
- package/dist/_virtual/xstate-guards.cjs.js +5 -0
- package/dist/_virtual/xstate-guards.cjs2.js +3 -0
- package/dist/base/Background.d.ts +2 -1
- package/dist/base/Background.js +11 -2
- package/dist/base/Base.d.ts +28 -0
- package/dist/base/BaseXYFlow.d.ts +5 -5
- package/dist/base/BaseXYFlow.js +38 -44
- package/dist/base/index.d.ts +6 -2
- package/dist/base/types.d.ts +1 -28
- package/dist/base/updateEdges.js +25 -14
- package/dist/base/updateNodes.d.ts +14 -0
- package/dist/base/updateNodes.js +51 -17
- package/dist/base-primitives/Markdown.d.ts +30 -4
- package/dist/base-primitives/Markdown.js +3 -2
- package/dist/base-primitives/compound/CompoundActionButton.d.ts +3 -2
- package/dist/base-primitives/compound/CompoundActionButton.js +1 -1
- package/dist/base-primitives/compound/CompoundDetailsButton.d.ts +3 -2
- package/dist/base-primitives/compound/CompoundDetailsButton.js +1 -1
- package/dist/base-primitives/edge/EdgeActionButton.d.ts +3 -2
- package/dist/base-primitives/edge/EdgeActionButton.js +1 -1
- package/dist/base-primitives/edge/EdgeContainer.d.ts +1 -1
- package/dist/base-primitives/edge/EdgeContainer.js +8 -1
- package/dist/base-primitives/edge/EdgeLabel.d.ts +3 -2
- package/dist/base-primitives/edge/EdgeLabel.js +2 -0
- package/dist/base-primitives/edge/EdgeLabelContainer.d.ts +1 -1
- package/dist/base-primitives/edge/EdgeLabelContainer.js +4 -0
- package/dist/base-primitives/edge/EdgePath.d.ts +4 -0
- package/dist/base-primitives/edge/EdgePath.js +29 -5
- package/dist/base-primitives/element/ElementActionButtons.d.ts +6 -4
- package/dist/base-primitives/element/ElementActionButtons.js +3 -3
- package/dist/base-primitives/element/ElementData.d.ts +3 -3
- package/dist/base-primitives/element/ElementData.js +13 -7
- package/dist/base-primitives/element/ElementDetailsButton.d.ts +3 -2
- package/dist/base-primitives/element/ElementDetailsButton.js +5 -5
- package/dist/base-primitives/element/ElementNodeContainer.css.js +15 -27
- package/dist/base-primitives/element/ElementShape.js +5 -5
- package/dist/base-primitives/element/ElementTags.d.ts +6 -4
- package/dist/base-primitives/element/ElementTags.js +2 -1
- package/dist/base-primitives/memoEdge.js +4 -2
- package/dist/base-primitives/memoNode.d.ts +1 -1
- package/dist/base-primitives/memoNode.js +3 -3
- package/dist/components/ErrorFallback.js +52 -35
- package/dist/components/Link.js +2 -2
- package/dist/context/DiagramEventHandlers.js +2 -1
- package/dist/context/DiagramFeatures.d.ts +25 -6
- package/dist/context/DiagramFeatures.js +28 -56
- package/dist/context/IconRenderer.js +6 -6
- package/dist/context/LikeC4ModelContext.js +3 -10
- package/dist/context/TagStylesContext.js +3 -19
- package/dist/context/index.d.ts +1 -1
- package/dist/custom/customNodes.js +3 -2
- package/dist/custom/hooks.d.ts +3 -3
- package/dist/custom/index.d.ts +1 -1
- package/dist/custom/index.js +5 -5
- package/dist/editor/LikeC4EditorContext.d.ts +21 -0
- package/dist/editor/index.d.ts +2 -0
- package/dist/hooks/index.d.ts +4 -2
- package/dist/hooks/safeContext.d.ts +6 -3
- package/dist/hooks/safeContext.js +10 -3
- package/dist/hooks/useCallbackRef.d.ts +1 -0
- package/dist/hooks/useCallbackRef.js +13 -0
- package/dist/hooks/useCurrentView.d.ts +11 -0
- package/dist/hooks/{useCurrentViewId.js → useCurrentView.js} +7 -3
- package/dist/hooks/useCurrentViewModel.js +4 -1
- package/dist/hooks/useDiagram.d.ts +7 -113
- package/dist/hooks/useDiagram.js +7 -127
- package/dist/hooks/useDiagramCompareLayout.d.ts +35 -0
- package/dist/hooks/useDiagramCompareLayout.js +65 -0
- package/dist/hooks/useLikeC4Project.d.ts +6 -1
- package/dist/hooks/useLikeC4Project.js +14 -2
- package/dist/hooks/useMediaPrint.d.ts +6 -0
- package/dist/hooks/useUpdateEffect.js +2 -4
- package/dist/hooks/useXYFlow.d.ts +1 -0
- package/dist/hooks/useXYFlow.js +4 -7
- package/dist/index.d.ts +2 -2
- package/dist/index.js +4 -3
- package/dist/likec4diagram/DiagramUI.js +14 -7
- package/dist/likec4diagram/DiagramXYFlow.d.ts +2 -2
- package/dist/likec4diagram/DiagramXYFlow.js +60 -52
- package/dist/likec4diagram/convert-to-xyflow.d.ts +0 -1
- package/dist/likec4diagram/custom/edges/EdgeDrifts.d.ts +6 -0
- package/dist/likec4diagram/custom/edges/EdgeDrifts.js +38 -0
- package/dist/likec4diagram/custom/edges/RelationshipEdge.js +256 -217
- package/dist/likec4diagram/custom/edges/SequenceStepEdge.js +9 -2
- package/dist/likec4diagram/custom/edges/edges.css.js +3 -4
- package/dist/likec4diagram/custom/edges/useControlPoints.d.ts +8 -0
- package/dist/likec4diagram/custom/edges/useControlPoints.js +58 -0
- package/dist/likec4diagram/custom/edges/useRelationshipEdgePath.d.ts +7 -0
- package/dist/likec4diagram/custom/edges/useRelationshipEdgePath.js +60 -0
- package/dist/likec4diagram/custom/edges/utils.d.ts +0 -12
- package/dist/likec4diagram/custom/nodes/CompoundActions.js +4 -1
- package/dist/likec4diagram/custom/nodes/ElementActions.d.ts +2 -1
- package/dist/likec4diagram/custom/nodes/ElementActions.js +15 -10
- package/dist/likec4diagram/custom/nodes/NodeDrifts.d.ts +6 -0
- package/dist/likec4diagram/custom/nodes/NodeDrifts.js +50 -0
- package/dist/likec4diagram/custom/nodes/SequenceActorNode.js +7 -2
- package/dist/likec4diagram/custom/nodes/index.d.ts +1 -0
- package/dist/likec4diagram/custom/nodes/nodes.d.ts +9 -1
- package/dist/likec4diagram/custom/nodes/nodes.js +74 -29
- package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.d.ts +1 -1
- package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.js +1 -1
- package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +2 -1
- package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.js +4 -3
- package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts +1 -11
- package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +7 -51
- package/dist/likec4diagram/custom/nodes/toolbar/types.d.ts +5 -0
- package/dist/likec4diagram/custom/nodes/toolbar/types.js +7 -0
- package/dist/likec4diagram/custom/nodes/toolbar/useHandlers.d.ts +8 -0
- package/dist/likec4diagram/custom/nodes/toolbar/useHandlers.js +44 -0
- package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +8 -10
- package/dist/likec4diagram/relationship-popover/actor.d.ts +1 -1
- package/dist/likec4diagram/state/DiagramActorProvider.d.ts +4 -3
- package/dist/likec4diagram/state/DiagramActorProvider.js +95 -70
- package/dist/likec4diagram/state/assign.d.ts +13 -7
- package/dist/likec4diagram/state/assign.js +43 -282
- package/dist/likec4diagram/state/createViewChange.d.ts +3 -0
- package/dist/likec4diagram/state/createViewChange.js +79 -0
- package/dist/likec4diagram/state/diagram-api.d.ts +109 -0
- package/dist/likec4diagram/state/diagram-api.js +126 -0
- package/dist/likec4diagram/state/machine.actions.d.ts +1783 -0
- package/dist/likec4diagram/state/machine.actions.js +644 -0
- package/dist/likec4diagram/state/machine.actions.layout.d.ts +579 -0
- package/dist/likec4diagram/state/machine.actions.layout.js +129 -0
- package/dist/likec4diagram/state/machine.d.ts +22 -0
- package/dist/likec4diagram/state/machine.js +127 -0
- package/dist/likec4diagram/state/machine.setup.d.ts +327 -0
- package/dist/likec4diagram/state/machine.setup.js +93 -0
- package/dist/likec4diagram/state/machine.state.initializing.d.ts +208 -0
- package/dist/likec4diagram/state/machine.state.initializing.js +55 -0
- package/dist/likec4diagram/state/machine.state.navigating.d.ts +14 -0
- package/dist/likec4diagram/state/machine.state.navigating.js +178 -0
- package/dist/likec4diagram/state/machine.state.ready.d.ts +3131 -0
- package/dist/likec4diagram/state/machine.state.ready.focused.d.ts +386 -0
- package/dist/likec4diagram/state/machine.state.ready.focused.js +85 -0
- package/dist/likec4diagram/state/machine.state.ready.idle.d.ts +474 -0
- package/dist/likec4diagram/state/machine.state.ready.idle.js +96 -0
- package/dist/likec4diagram/state/machine.state.ready.js +262 -0
- package/dist/likec4diagram/state/machine.state.ready.printing.d.ts +128 -0
- package/dist/likec4diagram/state/machine.state.ready.printing.js +40 -0
- package/dist/likec4diagram/state/machine.state.ready.walkthrough.d.ts +511 -0
- package/dist/likec4diagram/state/machine.state.ready.walkthrough.js +177 -0
- package/dist/likec4diagram/state/mediaPrintActor.d.ts +12 -0
- package/dist/likec4diagram/state/mediaPrintActor.js +18 -0
- package/dist/likec4diagram/state/syncManualLayoutActor.d.ts +31 -108
- package/dist/likec4diagram/state/syncManualLayoutActor.js +278 -142
- package/dist/likec4diagram/state/types.d.ts +7 -12
- package/dist/likec4diagram/state/utils.d.ts +19 -4
- package/dist/likec4diagram/state/utils.js +47 -4
- package/dist/likec4diagram/types.d.ts +8 -8
- package/dist/likec4diagram/ui/LayoutDriftFrame.d.ts +2 -0
- package/dist/likec4diagram/ui/LayoutDriftFrame.js +66 -0
- package/dist/likec4diagram/ui/index.d.ts +1 -0
- package/dist/likec4diagram/ui/notation/NotationPanel.css.js +5 -2
- package/dist/likec4diagram/ui/notation/NotationPanel.js +5 -4
- package/dist/likec4diagram/useLayoutConstraints.d.ts +10 -5
- package/dist/likec4diagram/useLayoutConstraints.js +237 -61
- package/dist/likec4diagram/xyflow-diagram/diagram-view.d.ts +0 -1
- package/dist/likec4diagram/xyflow-diagram/diagram-view.js +14 -17
- package/dist/likec4diagram/xyflow-sequence/sequence-layout.js +11 -8
- package/dist/navigationpanel/NavigationPanel.js +16 -8
- package/dist/navigationpanel/NavigationPanelControls.d.ts +2 -1
- package/dist/navigationpanel/NavigationPanelControls.js +23 -17
- package/dist/navigationpanel/NavigationPanelDropdown.d.ts +2 -1
- package/dist/navigationpanel/NavigationPanelDropdown.js +62 -42
- package/dist/navigationpanel/_common.d.ts +1 -1
- package/dist/navigationpanel/_common.js +4 -2
- package/dist/navigationpanel/actor.d.ts +9 -205
- package/dist/navigationpanel/actor.js +6 -5
- package/dist/navigationpanel/comparepanel/CompareActionsMenu.d.ts +3 -0
- package/dist/navigationpanel/comparepanel/CompareActionsMenu.js +59 -0
- package/dist/navigationpanel/comparepanel/ComparePanel.d.ts +2 -0
- package/dist/navigationpanel/comparepanel/ComparePanel.js +42 -0
- package/dist/navigationpanel/comparepanel/ComparePanelControls.d.ts +1 -0
- package/dist/navigationpanel/comparepanel/ComparePanelControls.js +60 -0
- package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.d.ts +5 -0
- package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.js +38 -0
- package/dist/navigationpanel/comparepanel/index.d.ts +1 -0
- package/dist/navigationpanel/controls/{ViewDetailsCard.d.ts → DetailsControls.d.ts} +1 -1
- package/dist/navigationpanel/controls/{ViewDetailsCard.js → DetailsControls.js} +18 -14
- package/dist/navigationpanel/controls/LayoutWarning.d.ts +2 -0
- package/dist/navigationpanel/controls/LayoutWarning.js +102 -0
- package/dist/navigationpanel/controls/NavigationButtons.js +4 -3
- package/dist/navigationpanel/controls/OpenSource.js +2 -2
- package/dist/navigationpanel/controls/SearchControl.d.ts +2 -1
- package/dist/navigationpanel/controls/SearchControl.js +15 -17
- package/dist/navigationpanel/controls/ToggleReadonly.d.ts +1 -1
- package/dist/navigationpanel/controls/ToggleReadonly.js +26 -18
- package/dist/navigationpanel/controls/index.d.ts +2 -1
- package/dist/navigationpanel/dropdown/ProjectsMenu.d.ts +2 -2
- package/dist/navigationpanel/dropdown/ProjectsMenu.js +5 -5
- package/dist/navigationpanel/editorpanel/CenterCamera.js +5 -2
- package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.d.ts +1 -1
- package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.js +21 -20
- package/dist/navigationpanel/editorpanel/EditorPanel.js +3 -3
- package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.d.ts +2 -2
- package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.js +16 -13
- package/dist/navigationpanel/editorpanel/ToggleReadonly.d.ts +1 -0
- package/dist/navigationpanel/editorpanel/ToggleReadonly.js +15 -0
- package/dist/navigationpanel/styles.css.d.ts +2 -2
- package/dist/navigationpanel/styles.css.js +4 -4
- package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +14 -8
- package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +66 -66
- package/dist/navigationpanel/walkthrough/DynamicViewControls.js +31 -14
- package/dist/navigationpanel/walkthrough/WalkthroughPanel.d.ts +2 -1
- package/dist/navigationpanel/walkthrough/WalkthroughPanel.js +68 -50
- package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/actions/dist/xstate-actions.cjs.js +37 -0
- package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/dev/dist/xstate-dev.cjs.js +59 -0
- package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/dist/assign-dea9f7c8.cjs.js +140 -0
- package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/dist/log-ec8d4df4.cjs.js +401 -0
- package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/dist/raise-da5b247f.cjs.js +2716 -0
- package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/guards/dist/xstate-guards.cjs.js +26 -0
- package/dist/overlays/element-details/ElementDetails.js +7 -7
- package/dist/overlays/element-details/ElementDetailsCard.css.js +3 -3
- package/dist/overlays/element-details/ElementDetailsCard.js +7 -5
- package/dist/overlays/element-details/MetadataValue.d.ts +2 -1
- package/dist/overlays/element-details/MetadataValue.js +2 -2
- package/dist/overlays/element-details/TabPanelDeployments.js +6 -4
- package/dist/overlays/element-details/TabPanelRelationships.js +3 -3
- package/dist/overlays/element-details/TabPanelStructure.js +1 -1
- package/dist/overlays/element-details/actor.d.ts +8 -82
- package/dist/overlays/element-details/actor.js +0 -8
- package/dist/overlays/overlay/Overlay.js +10 -10
- package/dist/overlays/overlaysActor.d.ts +7 -150
- package/dist/overlays/overlaysActor.js +183 -161
- package/dist/overlays/relationship-details/RelationshipDetails.js +4 -3
- package/dist/overlays/relationship-details/SelectEdge.js +2 -2
- package/dist/overlays/relationship-details/_types.d.ts +3 -4
- package/dist/overlays/relationship-details/actor.d.ts +6 -550
- package/dist/overlays/relationship-details/actor.js +18 -3
- package/dist/overlays/relationship-details/custom/ElementActions.js +8 -5
- package/dist/overlays/relationship-details/custom/edgeTypes.js +4 -1
- package/dist/overlays/relationship-details/custom/nodeTypes.js +4 -1
- package/dist/overlays/relationship-details/hooks.js +1 -1
- package/dist/overlays/relationship-details/layout-to-xyflow.js +3 -5
- package/dist/overlays/relationship-details/layout.d.ts +3 -3
- package/dist/overlays/relationship-details/layout.js +4 -4
- package/dist/overlays/relationships-browser/RelationshipsBrowser.js +6 -4
- package/dist/overlays/relationships-browser/SelectElement.js +2 -2
- package/dist/overlays/relationships-browser/_types.d.ts +2 -3
- package/dist/overlays/relationships-browser/actor.d.ts +7 -673
- package/dist/overlays/relationships-browser/actor.js +132 -110
- package/dist/overlays/relationships-browser/custom/ElementActions.js +44 -37
- package/dist/overlays/relationships-browser/custom/edgeTypes.js +4 -1
- package/dist/overlays/relationships-browser/custom/nodeTypes.js +4 -1
- package/dist/overlays/relationships-browser/hooks.js +7 -6
- package/dist/overlays/relationships-browser/layout.d.ts +2 -2
- package/dist/overlays/relationships-browser/layout.js +3 -3
- package/dist/overlays/relationships-browser/useViewToNodesEdges.js +0 -3
- package/dist/overlays/types.d.ts +12 -13
- package/dist/search/Search.js +2 -1
- package/dist/search/components/ElementsColumn.js +5 -3
- package/dist/search/components/PickView.js +1 -1
- package/dist/search/components/SearchByTags.js +21 -44
- package/dist/search/components/SearchInput.js +1 -1
- package/dist/search/components/ViewsColum.js +6 -4
- package/dist/search/components/_shared.css.d.ts +1 -1
- package/dist/search/searchActor.d.ts +3 -66
- package/dist/shadowroot/ShadowRoot.d.ts +5 -7
- package/dist/shadowroot/ShadowRoot.js +8 -6
- package/dist/styles.css2.js +1 -1
- package/dist/utils/index.d.ts +4 -4
- package/dist/utils/vector.d.ts +83 -21
- package/dist/utils/vector.js +98 -24
- package/dist/utils/view-bounds.d.ts +8 -0
- package/dist/utils/view-bounds.js +58 -0
- package/dist/utils/xyflow.d.ts +52 -8
- package/dist/utils/xyflow.js +31 -11
- package/package.json +26 -24
- package/panda.buildinfo.json +124 -71
- package/styles-min.css +1 -1
- package/styles.css +1 -1
- package/dist/hooks/useCurrentViewId.d.ts +0 -6
- package/dist/likec4diagram/custom/edges/utils.js +0 -23
- package/dist/likec4diagram/state/diagram-machine.d.ts +0 -2590
- package/dist/likec4diagram/state/diagram-machine.js +0 -1180
- package/dist/navigationpanel/editorpanel/LayoutDriftNotification.d.ts +0 -1
- package/dist/navigationpanel/editorpanel/LayoutDriftNotification.js +0 -56
- package/dist/utils/get-view-bounds.d.ts +0 -3
- package/dist/utils/get-view-bounds.js +0 -14
- /package/dist/base/{types.js → Base.js} +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/createReactComponent.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowLeft.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconBolt.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconBrowser.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconCylinder.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconDeviceMobile.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconDirectionSignFilled.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconFocusCentered.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconFolderFilled.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconId.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignBottom.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignCenter.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignLeft.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignMiddle.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignRight.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignTop.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutBoardSplit.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutCollage.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutDashboard.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLockOpen2.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipBackFilled.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipForwardFilled.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerStopFilled.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconRectangularPrism.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconReorder.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconRouteOff.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconStarFilled.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconUser.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js +0 -0
- /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js +0 -0
|
@@ -1,24 +1,79 @@
|
|
|
1
1
|
import { ButtonProps } from '@mantine/core';
|
|
2
|
-
import { ForwardRefExoticComponent,
|
|
2
|
+
import { ForwardRefExoticComponent, FormEventHandler, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, InputEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, ToggleEventHandler, TransitionEventHandler, Key, Ref, RefAttributes } from 'react';
|
|
3
3
|
import { MotionProps } from 'motion/react';
|
|
4
4
|
export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<ButtonProps & {
|
|
5
|
+
name?: string | undefined;
|
|
6
|
+
onChange?: FormEventHandler<HTMLButtonElement> | undefined;
|
|
5
7
|
id?: string | undefined;
|
|
6
8
|
type?: "button" | "submit" | "reset" | undefined;
|
|
7
9
|
form?: string | undefined;
|
|
8
10
|
hidden?: boolean | undefined;
|
|
9
11
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
10
12
|
className?: string | undefined;
|
|
11
|
-
onError?: ReactEventHandler<HTMLButtonElement> | undefined;
|
|
12
|
-
value?: string | number | readonly string[] | undefined;
|
|
13
|
-
name?: string | undefined;
|
|
14
13
|
title?: string | undefined;
|
|
15
14
|
color?: string | undefined;
|
|
15
|
+
dir?: string | undefined;
|
|
16
|
+
property?: string | undefined;
|
|
16
17
|
role?: AriaRole | undefined;
|
|
17
18
|
"aria-label"?: string | undefined;
|
|
18
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
19
19
|
dangerouslySetInnerHTML?: {
|
|
20
20
|
__html: string | TrustedHTML;
|
|
21
21
|
} | undefined;
|
|
22
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
23
|
+
lang?: string | undefined;
|
|
24
|
+
tabIndex?: number | undefined;
|
|
25
|
+
"aria-activedescendant"?: string | undefined;
|
|
26
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
27
|
+
"aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
|
|
28
|
+
"aria-braillelabel"?: string | undefined;
|
|
29
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
30
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
31
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
32
|
+
"aria-colcount"?: number | undefined;
|
|
33
|
+
"aria-colindex"?: number | undefined;
|
|
34
|
+
"aria-colindextext"?: string | undefined;
|
|
35
|
+
"aria-colspan"?: number | undefined;
|
|
36
|
+
"aria-controls"?: string | undefined;
|
|
37
|
+
"aria-current"?: boolean | "step" | "time" | "page" | "location" | "date" | "true" | "false" | undefined;
|
|
38
|
+
"aria-describedby"?: string | undefined;
|
|
39
|
+
"aria-description"?: string | undefined;
|
|
40
|
+
"aria-details"?: string | undefined;
|
|
41
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
42
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
43
|
+
"aria-errormessage"?: string | undefined;
|
|
44
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
45
|
+
"aria-flowto"?: string | undefined;
|
|
46
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
47
|
+
"aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
|
|
48
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
49
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
50
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
51
|
+
"aria-labelledby"?: string | undefined;
|
|
52
|
+
"aria-level"?: number | undefined;
|
|
53
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
54
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
55
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
56
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
57
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
58
|
+
"aria-owns"?: string | undefined;
|
|
59
|
+
"aria-placeholder"?: string | undefined;
|
|
60
|
+
"aria-posinset"?: number | undefined;
|
|
61
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
62
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
63
|
+
"aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
64
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
65
|
+
"aria-roledescription"?: string | undefined;
|
|
66
|
+
"aria-rowcount"?: number | undefined;
|
|
67
|
+
"aria-rowindex"?: number | undefined;
|
|
68
|
+
"aria-rowindextext"?: string | undefined;
|
|
69
|
+
"aria-rowspan"?: number | undefined;
|
|
70
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
71
|
+
"aria-setsize"?: number | undefined;
|
|
72
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
73
|
+
"aria-valuemax"?: number | undefined;
|
|
74
|
+
"aria-valuemin"?: number | undefined;
|
|
75
|
+
"aria-valuenow"?: number | undefined;
|
|
76
|
+
"aria-valuetext"?: string | undefined;
|
|
22
77
|
onCopy?: ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
23
78
|
onCopyCapture?: ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
24
79
|
onCut?: ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -35,7 +90,6 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
|
|
|
35
90
|
onFocusCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
36
91
|
onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
37
92
|
onBlurCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
|
|
38
|
-
onChange?: FormEventHandler<HTMLButtonElement> | undefined;
|
|
39
93
|
onChangeCapture?: FormEventHandler<HTMLButtonElement> | undefined;
|
|
40
94
|
onBeforeInput?: InputEventHandler<HTMLButtonElement> | undefined;
|
|
41
95
|
onBeforeInputCapture?: FormEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -49,6 +103,7 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
|
|
|
49
103
|
onInvalidCapture?: FormEventHandler<HTMLButtonElement> | undefined;
|
|
50
104
|
onLoad?: ReactEventHandler<HTMLButtonElement> | undefined;
|
|
51
105
|
onLoadCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
|
|
106
|
+
onError?: ReactEventHandler<HTMLButtonElement> | undefined;
|
|
52
107
|
onErrorCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
|
|
53
108
|
onKeyDown?: KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
54
109
|
onKeyDownCapture?: KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -182,21 +237,20 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
|
|
|
182
237
|
onTransitionRunCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
183
238
|
onTransitionStart?: TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
184
239
|
onTransitionStartCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
240
|
+
value?: string | number | readonly string[] | undefined;
|
|
241
|
+
key?: Key | null | undefined;
|
|
242
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
185
243
|
defaultChecked?: boolean | undefined;
|
|
186
244
|
suppressContentEditableWarning?: boolean | undefined;
|
|
187
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
188
245
|
accessKey?: string | undefined;
|
|
189
246
|
autoCapitalize?: "none" | (string & {}) | "on" | "off" | "sentences" | "words" | "characters" | undefined;
|
|
190
247
|
autoFocus?: boolean | undefined;
|
|
191
248
|
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
192
249
|
contextMenu?: string | undefined;
|
|
193
|
-
|
|
194
|
-
enterKeyHint?: "next" | "search" | "done" | "send" | "previous" | "enter" | "go" | undefined;
|
|
195
|
-
lang?: string | undefined;
|
|
250
|
+
enterKeyHint?: "search" | "next" | "previous" | "send" | "done" | "enter" | "go" | undefined;
|
|
196
251
|
nonce?: string | undefined;
|
|
197
252
|
slot?: string | undefined;
|
|
198
253
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
199
|
-
tabIndex?: number | undefined;
|
|
200
254
|
translate?: "yes" | "no" | undefined;
|
|
201
255
|
radioGroup?: string | undefined;
|
|
202
256
|
about?: string | undefined;
|
|
@@ -204,7 +258,6 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
|
|
|
204
258
|
datatype?: string | undefined;
|
|
205
259
|
inlist?: any;
|
|
206
260
|
prefix?: string | undefined;
|
|
207
|
-
property?: string | undefined;
|
|
208
261
|
rel?: string | undefined;
|
|
209
262
|
resource?: string | undefined;
|
|
210
263
|
rev?: string | undefined;
|
|
@@ -224,63 +277,10 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
|
|
|
224
277
|
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
225
278
|
popoverTarget?: string | undefined;
|
|
226
279
|
inert?: boolean | undefined;
|
|
227
|
-
inputMode?: "
|
|
280
|
+
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
228
281
|
is?: string | undefined;
|
|
229
282
|
exportparts?: string | undefined;
|
|
230
283
|
part?: string | undefined;
|
|
231
|
-
"aria-activedescendant"?: string | undefined;
|
|
232
|
-
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
233
|
-
"aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
|
|
234
|
-
"aria-braillelabel"?: string | undefined;
|
|
235
|
-
"aria-brailleroledescription"?: string | undefined;
|
|
236
|
-
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
237
|
-
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
238
|
-
"aria-colcount"?: number | undefined;
|
|
239
|
-
"aria-colindex"?: number | undefined;
|
|
240
|
-
"aria-colindextext"?: string | undefined;
|
|
241
|
-
"aria-colspan"?: number | undefined;
|
|
242
|
-
"aria-controls"?: string | undefined;
|
|
243
|
-
"aria-current"?: boolean | "step" | "time" | "page" | "location" | "date" | "true" | "false" | undefined;
|
|
244
|
-
"aria-describedby"?: string | undefined;
|
|
245
|
-
"aria-description"?: string | undefined;
|
|
246
|
-
"aria-details"?: string | undefined;
|
|
247
|
-
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
248
|
-
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
249
|
-
"aria-errormessage"?: string | undefined;
|
|
250
|
-
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
251
|
-
"aria-flowto"?: string | undefined;
|
|
252
|
-
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
253
|
-
"aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
|
|
254
|
-
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
255
|
-
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
256
|
-
"aria-keyshortcuts"?: string | undefined;
|
|
257
|
-
"aria-labelledby"?: string | undefined;
|
|
258
|
-
"aria-level"?: number | undefined;
|
|
259
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
260
|
-
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
261
|
-
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
262
|
-
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
263
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
264
|
-
"aria-owns"?: string | undefined;
|
|
265
|
-
"aria-placeholder"?: string | undefined;
|
|
266
|
-
"aria-posinset"?: number | undefined;
|
|
267
|
-
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
268
|
-
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
269
|
-
"aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
270
|
-
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
271
|
-
"aria-roledescription"?: string | undefined;
|
|
272
|
-
"aria-rowcount"?: number | undefined;
|
|
273
|
-
"aria-rowindex"?: number | undefined;
|
|
274
|
-
"aria-rowindextext"?: string | undefined;
|
|
275
|
-
"aria-rowspan"?: number | undefined;
|
|
276
|
-
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
277
|
-
"aria-setsize"?: number | undefined;
|
|
278
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
279
|
-
"aria-valuemax"?: number | undefined;
|
|
280
|
-
"aria-valuemin"?: number | undefined;
|
|
281
|
-
"aria-valuenow"?: number | undefined;
|
|
282
|
-
"aria-valuetext"?: string | undefined;
|
|
283
|
-
key?: Key | null | undefined;
|
|
284
284
|
ref?: Ref<HTMLButtonElement> | undefined;
|
|
285
285
|
disabled?: boolean | undefined;
|
|
286
286
|
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import { jsx, jsxs
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { invariant } from '@likec4/core';
|
|
3
3
|
import { css } from '@likec4/styles/css';
|
|
4
4
|
import { Button, SegmentedControl } from '@mantine/core';
|
|
5
|
+
import { AnimatePresence } from 'motion/react';
|
|
5
6
|
import * as m from 'motion/react-m';
|
|
6
7
|
import { forwardRef } from 'react';
|
|
7
|
-
import {
|
|
8
|
+
import { useEnabledFeatures } from '../../context/DiagramFeatures.js';
|
|
9
|
+
import { useDiagramContext } from '../../hooks/useDiagram.js';
|
|
8
10
|
import { Tooltip } from '../_common.js';
|
|
9
11
|
import { useNavigationActor } from '../hooks.js';
|
|
10
|
-
import
|
|
12
|
+
import { useDiagram } from '../../hooks/safeContext.js';
|
|
13
|
+
import IconPlayerPlayFilled from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js';
|
|
11
14
|
|
|
12
15
|
const TriggerWalkthroughButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
13
16
|
Button,
|
|
@@ -18,6 +21,10 @@ const TriggerWalkthroughButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
|
18
21
|
...props,
|
|
19
22
|
ref,
|
|
20
23
|
component: m.button,
|
|
24
|
+
whileTap: {
|
|
25
|
+
scale: 0.95
|
|
26
|
+
},
|
|
27
|
+
layout: "position",
|
|
21
28
|
layoutId: "trigger-dynamic-walkthrough",
|
|
22
29
|
className: css({
|
|
23
30
|
flexShrink: 0
|
|
@@ -25,9 +32,19 @@ const TriggerWalkthroughButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
|
25
32
|
}
|
|
26
33
|
));
|
|
27
34
|
function StartWalkthroughButton() {
|
|
35
|
+
const { enableReadOnly, enableCompareWithLatest } = useEnabledFeatures();
|
|
28
36
|
const diagram = useDiagram();
|
|
29
37
|
const actor = useNavigationActor();
|
|
30
|
-
|
|
38
|
+
let tooltipLabel = "Start Dynamic View Walkthrough";
|
|
39
|
+
switch (true) {
|
|
40
|
+
case !enableReadOnly:
|
|
41
|
+
tooltipLabel = "Walkthrough not available in Edit mode";
|
|
42
|
+
break;
|
|
43
|
+
case enableCompareWithLatest:
|
|
44
|
+
tooltipLabel = "Walkthrough not available when Compare is active";
|
|
45
|
+
break;
|
|
46
|
+
}
|
|
47
|
+
return /* @__PURE__ */ jsx(Tooltip, { label: tooltipLabel, children: /* @__PURE__ */ jsx(
|
|
31
48
|
TriggerWalkthroughButton,
|
|
32
49
|
{
|
|
33
50
|
onClick: (e) => {
|
|
@@ -35,13 +52,17 @@ function StartWalkthroughButton() {
|
|
|
35
52
|
actor.closeDropdown();
|
|
36
53
|
diagram.startWalkthrough();
|
|
37
54
|
},
|
|
55
|
+
initial: { opacity: 0, scale: 0.6, translateX: -10 },
|
|
56
|
+
animate: { opacity: 1, scale: 1, translateX: 0 },
|
|
57
|
+
exit: { opacity: 0, translateX: -20 },
|
|
38
58
|
size: "compact-xs",
|
|
39
59
|
h: 26,
|
|
60
|
+
disabled: !enableReadOnly || enableCompareWithLatest,
|
|
40
61
|
classNames: {
|
|
41
62
|
label: css({
|
|
42
63
|
display: {
|
|
43
64
|
base: "none",
|
|
44
|
-
"@/md": "
|
|
65
|
+
"@/md": "inherit"
|
|
45
66
|
}
|
|
46
67
|
}),
|
|
47
68
|
section: css({
|
|
@@ -56,11 +77,8 @@ function StartWalkthroughButton() {
|
|
|
56
77
|
}
|
|
57
78
|
) });
|
|
58
79
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
onChange
|
|
62
|
-
}) {
|
|
63
|
-
return /* @__PURE__ */ jsx(m.div, { layout: "position", children: /* @__PURE__ */ jsx(
|
|
80
|
+
const DynamicViewModeSwitcher = forwardRef(({ value, onChange }, ref) => {
|
|
81
|
+
return /* @__PURE__ */ jsx(m.div, { ref, layout: "position", children: /* @__PURE__ */ jsx(
|
|
64
82
|
SegmentedControl,
|
|
65
83
|
{
|
|
66
84
|
size: "xs",
|
|
@@ -87,11 +105,11 @@ function DynamicViewModeSwitcher({
|
|
|
87
105
|
]
|
|
88
106
|
}
|
|
89
107
|
) });
|
|
90
|
-
}
|
|
108
|
+
});
|
|
91
109
|
function DynamicViewControls() {
|
|
92
110
|
const dynamicViewVariant = useDiagramContext((c) => c.dynamicViewVariant);
|
|
93
111
|
const diagram = useDiagram();
|
|
94
|
-
return /* @__PURE__ */ jsxs(
|
|
112
|
+
return /* @__PURE__ */ jsxs(AnimatePresence, { children: [
|
|
95
113
|
/* @__PURE__ */ jsx(
|
|
96
114
|
DynamicViewModeSwitcher,
|
|
97
115
|
{
|
|
@@ -99,8 +117,7 @@ function DynamicViewControls() {
|
|
|
99
117
|
onChange: (mode) => {
|
|
100
118
|
diagram.switchDynamicViewVariant(mode);
|
|
101
119
|
}
|
|
102
|
-
}
|
|
103
|
-
"dynamic-view-mode-switcher"
|
|
120
|
+
}
|
|
104
121
|
),
|
|
105
122
|
/* @__PURE__ */ jsx(StartWalkthroughButton, {}, "trigger-dynamic-walkthrough")
|
|
106
123
|
] });
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import { MemoExoticComponent } from 'react';
|
|
2
|
+
export declare const WalkthroughPanel: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { RichText } from '@likec4/core';
|
|
3
|
-
import {
|
|
3
|
+
import { css } from '@likec4/styles/css';
|
|
4
4
|
import { styled } from '@likec4/styles/jsx';
|
|
5
5
|
import { vstack } from '@likec4/styles/patterns';
|
|
6
6
|
import { ScrollAreaAutosize } from '@mantine/core';
|
|
7
|
+
import { AnimatePresence, m } from 'motion/react';
|
|
8
|
+
import { memo } from 'react';
|
|
7
9
|
import { isNonNull, isTruthy } from 'remeda';
|
|
8
10
|
import { useDiagramContext } from '../../hooks/useDiagram.js';
|
|
9
11
|
import { Markdown } from '../../base-primitives/Markdown.js';
|
|
@@ -25,59 +27,75 @@ function selectWalkthroughNotes(s) {
|
|
|
25
27
|
isParallel: isActive && isTruthy(s.activeWalkthrough?.parallelPrefix),
|
|
26
28
|
hasNext: isActive && activeStepIndex < s.xyedges.length - 1,
|
|
27
29
|
hasPrevious: isActive && activeStepIndex > 0,
|
|
28
|
-
notes: isActive ? s.xyedges[activeStepIndex]?.data?.notes ??
|
|
30
|
+
notes: isActive ? s.xyedges[activeStepIndex]?.data?.notes ?? null : null
|
|
29
31
|
};
|
|
30
32
|
}
|
|
31
|
-
const WalkthroughPanel = () => {
|
|
32
|
-
const { notes } = useDiagramContext(selectWalkthroughNotes);
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
return /* @__PURE__ */ jsx(styled.div, { position: "relative", children: /* @__PURE__ */ jsxs(
|
|
37
|
-
ScrollAreaAutosize,
|
|
33
|
+
const WalkthroughPanel = memo(() => {
|
|
34
|
+
const { isActive, notes: _notes } = useDiagramContext(selectWalkthroughNotes);
|
|
35
|
+
const notes = _notes ? RichText.from(_notes) : RichText.EMPTY;
|
|
36
|
+
return /* @__PURE__ */ jsx(AnimatePresence, { children: isActive && !notes.isEmpty && /* @__PURE__ */ jsx(
|
|
37
|
+
m.div,
|
|
38
38
|
{
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
39
|
+
layout: "position",
|
|
40
|
+
className: css({
|
|
41
|
+
position: "relative"
|
|
42
|
+
}),
|
|
43
|
+
initial: {
|
|
44
|
+
opacity: 0,
|
|
45
|
+
translateX: -20
|
|
46
|
+
},
|
|
47
|
+
animate: {
|
|
48
|
+
opacity: 1,
|
|
49
|
+
translateX: 0
|
|
50
|
+
},
|
|
51
|
+
exit: {
|
|
52
|
+
opacity: 0,
|
|
53
|
+
translateX: -20
|
|
54
|
+
},
|
|
55
|
+
children: /* @__PURE__ */ jsxs(
|
|
56
|
+
ScrollAreaAutosize,
|
|
57
|
+
{
|
|
58
|
+
className: vstack({
|
|
59
|
+
position: "absolute",
|
|
60
|
+
layerStyle: "likec4.dropdown",
|
|
61
|
+
gap: "sm",
|
|
62
|
+
padding: "md",
|
|
63
|
+
paddingTop: "xxs",
|
|
64
|
+
pointerEvents: "all",
|
|
65
|
+
maxWidth: "calc(100cqw - 32px)",
|
|
66
|
+
minWidth: "calc(100cqw - 50px)",
|
|
67
|
+
maxHeight: "calc(100cqh - 100px)",
|
|
68
|
+
width: "max-content",
|
|
69
|
+
cursor: "default",
|
|
70
|
+
overflow: "auto",
|
|
71
|
+
overscrollBehavior: "contain",
|
|
72
|
+
"@/sm": {
|
|
73
|
+
minWidth: 400,
|
|
74
|
+
maxWidth: 550
|
|
75
|
+
},
|
|
76
|
+
"@/lg": {
|
|
77
|
+
maxWidth: 700
|
|
78
|
+
}
|
|
79
|
+
}),
|
|
80
|
+
type: "scroll",
|
|
81
|
+
children: [
|
|
82
|
+
/* @__PURE__ */ jsx(SectionHeader, { children: "Notes" }),
|
|
83
|
+
/* @__PURE__ */ jsx(
|
|
84
|
+
Markdown,
|
|
85
|
+
{
|
|
86
|
+
value: notes,
|
|
87
|
+
fontSize: "sm",
|
|
88
|
+
emptyText: "No description",
|
|
89
|
+
className: css({
|
|
90
|
+
userSelect: "all"
|
|
91
|
+
})
|
|
92
|
+
}
|
|
93
|
+
)
|
|
94
|
+
]
|
|
95
|
+
}
|
|
96
|
+
)
|
|
79
97
|
}
|
|
80
98
|
) });
|
|
81
|
-
};
|
|
99
|
+
});
|
|
82
100
|
|
|
83
101
|
export { WalkthroughPanel };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __exports as xstateActions_cjs } from '../../../../../../../_virtual/xstate-actions.cjs2.js';
|
|
2
|
+
import { __require as requireAssignDea9f7c8_cjs } from '../../dist/assign-dea9f7c8.cjs.js';
|
|
3
|
+
import { __require as requireRaiseDa5b247f_cjs } from '../../dist/raise-da5b247f.cjs.js';
|
|
4
|
+
import { __require as requireLogEc8d4df4_cjs } from '../../dist/log-ec8d4df4.cjs.js';
|
|
5
|
+
import { __require as requireXstateDev_cjs } from '../../dev/dist/xstate-dev.cjs.js';
|
|
6
|
+
|
|
7
|
+
var hasRequiredXstateActions_cjs;
|
|
8
|
+
|
|
9
|
+
function requireXstateActions_cjs () {
|
|
10
|
+
if (hasRequiredXstateActions_cjs) return xstateActions_cjs;
|
|
11
|
+
hasRequiredXstateActions_cjs = 1;
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(xstateActions_cjs, '__esModule', { value: true });
|
|
14
|
+
|
|
15
|
+
var assign = /*@__PURE__*/ requireAssignDea9f7c8_cjs();
|
|
16
|
+
var guards_dist_xstateGuards = /*@__PURE__*/ requireRaiseDa5b247f_cjs();
|
|
17
|
+
var log = /*@__PURE__*/ requireLogEc8d4df4_cjs();
|
|
18
|
+
requireXstateDev_cjs();
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
xstateActions_cjs.assign = assign.assign;
|
|
23
|
+
xstateActions_cjs.cancel = guards_dist_xstateGuards.cancel;
|
|
24
|
+
xstateActions_cjs.raise = guards_dist_xstateGuards.raise;
|
|
25
|
+
xstateActions_cjs.spawnChild = guards_dist_xstateGuards.spawnChild;
|
|
26
|
+
xstateActions_cjs.stop = guards_dist_xstateGuards.stop;
|
|
27
|
+
xstateActions_cjs.stopChild = guards_dist_xstateGuards.stopChild;
|
|
28
|
+
xstateActions_cjs.emit = log.emit;
|
|
29
|
+
xstateActions_cjs.enqueueActions = log.enqueueActions;
|
|
30
|
+
xstateActions_cjs.forwardTo = log.forwardTo;
|
|
31
|
+
xstateActions_cjs.log = log.log;
|
|
32
|
+
xstateActions_cjs.sendParent = log.sendParent;
|
|
33
|
+
xstateActions_cjs.sendTo = log.sendTo;
|
|
34
|
+
return xstateActions_cjs;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { requireXstateActions_cjs as __require };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { commonjsGlobal } from '../../../../../../../_virtual/_commonjsHelpers.js';
|
|
2
|
+
import { __exports as xstateDev_cjs } from '../../../../../../../_virtual/xstate-dev.cjs.js';
|
|
3
|
+
|
|
4
|
+
var hasRequiredXstateDev_cjs;
|
|
5
|
+
|
|
6
|
+
function requireXstateDev_cjs () {
|
|
7
|
+
if (hasRequiredXstateDev_cjs) return xstateDev_cjs;
|
|
8
|
+
hasRequiredXstateDev_cjs = 1;
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(xstateDev_cjs, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
// From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis
|
|
13
|
+
function getGlobal() {
|
|
14
|
+
if (typeof globalThis !== 'undefined') {
|
|
15
|
+
return globalThis;
|
|
16
|
+
}
|
|
17
|
+
if (typeof self !== 'undefined') {
|
|
18
|
+
return self;
|
|
19
|
+
}
|
|
20
|
+
if (typeof window !== 'undefined') {
|
|
21
|
+
return window;
|
|
22
|
+
}
|
|
23
|
+
if (typeof commonjsGlobal !== 'undefined') {
|
|
24
|
+
return commonjsGlobal;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
function getDevTools() {
|
|
28
|
+
const w = getGlobal();
|
|
29
|
+
if (w.__xstate__) {
|
|
30
|
+
return w.__xstate__;
|
|
31
|
+
}
|
|
32
|
+
return undefined;
|
|
33
|
+
}
|
|
34
|
+
function registerService(service) {
|
|
35
|
+
if (typeof window === 'undefined') {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
const devTools = getDevTools();
|
|
39
|
+
if (devTools) {
|
|
40
|
+
devTools.register(service);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
const devToolsAdapter = service => {
|
|
44
|
+
if (typeof window === 'undefined') {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
const devTools = getDevTools();
|
|
48
|
+
if (devTools) {
|
|
49
|
+
devTools.register(service);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
xstateDev_cjs.devToolsAdapter = devToolsAdapter;
|
|
54
|
+
xstateDev_cjs.getGlobal = getGlobal;
|
|
55
|
+
xstateDev_cjs.registerService = registerService;
|
|
56
|
+
return xstateDev_cjs;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export { requireXstateDev_cjs as __require };
|