@flowuent-org/diagramming-core 1.0.8 → 1.1.0

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/controls/StateDiagramControls.js

@@ -0,0 +1,185 @@
+'use client';
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, createContext, useCallback, useMemo } from 'react';
+import { Box, Typography, Paper, IconButton, Tabs, Tab, Tooltip, Divider, Collapse, List, ListItem, ListItemButton, ListItemIcon, ListItemText, } from '@mui/material';
+import UndoIcon from '@mui/icons-material/Undo';
+import RedoIcon from '@mui/icons-material/Redo';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import TimelineIcon from '@mui/icons-material/Timeline';
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+import RectangleIcon from '@mui/icons-material/CropSquare';
+import ControlEdgeList from '../../../components/ControlEdgeList';
+// Memoized SVG icons for state machine components
+const InitialStateIcon = React.memo(() => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: _jsx("circle", { cx: "10", cy: "10", r: "8", fill: "black" }) })));
+const FinalStateIcon = React.memo(() => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: [_jsx("circle", { cx: "10", cy: "10", r: "8", fill: "none", stroke: "black", strokeWidth: "2" }), _jsx("circle", { cx: "10", cy: "10", r: "4", fill: "black" })] })));
+const DiamondIcon = React.memo(() => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: _jsx("polygon", { points: "10,3 17,10 10,17 3,10", fill: "none", stroke: "black", strokeWidth: "2" }) })));
+const BarIcon = React.memo(() => (_jsx("svg", { width: "24", height: "8", viewBox: "0 0 24 8", children: _jsx("rect", { x: "2", y: "2", width: "20", height: "4", fill: "black" }) })));
+const HistoryIcon = React.memo(() => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: [_jsx("circle", { cx: "10", cy: "10", r: "8", fill: "none", stroke: "black", strokeWidth: "2" }), _jsx("text", { x: "10", y: "15", textAnchor: "middle", fontSize: "10", fontWeight: "bold", fill: "black", children: "H" })] })));
+const SubmachineIcon = React.memo(() => (_jsxs("svg", { width: "24", height: "20", viewBox: "0 0 24 20", children: [_jsx("rect", { x: "4", y: "4", width: "16", height: "12", rx: "6", fill: "none", stroke: "black", strokeWidth: "2" }), _jsx("rect", { x: "16", y: "12", width: "6", height: "4", rx: "1", fill: "none", stroke: "black", strokeWidth: "1.5" })] })));
+function TabPanel(props) {
+    const { children, value, index } = props, other = __rest(props, ["children", "value", "index"]);
+    return (_jsx("div", Object.assign({ role: "tabpanel", hidden: value !== index, id: `simple-tabpanel-${index}`, "aria-labelledby": `simple-tab-${index}` }, other, { style: { padding: '8px 0' }, children: value === index && _jsx(Box, { children: children }) })));
+}
+// Memoized node types
+const nodeTypes = [
+    {
+        id: 'StateNode',
+        name: 'State',
+        icon: _jsx(RectangleIcon, { fontSize: "small" }),
+    },
+    {
+        id: 'InitialStateNode',
+        name: 'Initial State',
+        icon: _jsx(InitialStateIcon, {}),
+    },
+    {
+        id: 'FinalStateNode',
+        name: 'Final State',
+        icon: _jsx(FinalStateIcon, {}),
+    },
+    {
+        id: 'CompositeStateNode',
+        name: 'Composite State',
+        icon: _jsx(SubmachineIcon, {}),
+    },
+    {
+        id: 'HistoryStateNode',
+        name: 'History State',
+        icon: _jsx(HistoryIcon, {}),
+    },
+    {
+        id: 'JunctionPointNode',
+        name: 'Junction Point',
+        icon: _jsx(BarIcon, {}),
+    },
+    {
+        id: 'ChoicePointNode',
+        name: 'Choice Point',
+        icon: _jsx(DiamondIcon, {}),
+    },
+    {
+        id: 'EntryPointNode',
+        name: 'Entry Point',
+        icon: _jsx(ArrowForwardIcon, { fontSize: "small" }),
+    },
+    {
+        id: 'ExitPointNode',
+        name: 'Exit Point',
+        icon: (_jsx(ArrowForwardIcon, { fontSize: "small", style: { transform: 'rotate(180deg)' } })),
+    },
+    {
+        id: 'ForkJoinNode',
+        name: 'Fork/Join',
+        icon: _jsx(BarIcon, {}),
+    },
+];
+const StateDiagramControls = ({ onAddEntity, onUndo, onRedo, canUndo, canRedo, onLoadTemplate, edges, nodes, onEditEdge, }) => {
+    const [tabValue, setTabValue] = useState(0);
+    const [expandStates, setExpandStates] = useState(true);
+    const [expandTransitions, setExpandTransitions] = useState(true);
+    const handleTabChange = useCallback((event, newValue) => {
+        setTabValue(newValue);
+    }, []);
+    // For adding nodes
+    const handleAddNode = useCallback((nodeType) => {
+        onAddEntity(nodeType);
+    }, [onAddEntity]);
+    // For loading templates
+    const handleLoadTemplate = useCallback((templateType) => {
+        if (onLoadTemplate) {
+            onLoadTemplate(templateType);
+        }
+    }, [onLoadTemplate]);
+    // Wrapper function to handle edge type conversion
+    const handleEditEdge = useCallback((edge) => {
+        if (onEditEdge) {
+            onEditEdge(edge);
+        }
+    }, [onEditEdge]);
+    // Memoize the nodeTypes array to prevent unnecessary re-renders
+    const memoizedNodeTypes = useMemo(() => nodeTypes, []);
+    return (_jsxs(Paper, { elevation: 3, sx: {
+            p: 2,
+            borderRadius: 2,
+            bgcolor: '#242424',
+            color: '#fff',
+            border: '1px solid #333',
+            width: '100%',
+            maxHeight: '100%',
+            overflowY: 'auto',
+            // Custom scrollbar styling
+            '&::-webkit-scrollbar': {
+                width: '6px',
+            },
+            '&::-webkit-scrollbar-track': {
+                background: 'transparent',
+            },
+            '&::-webkit-scrollbar-thumb': {
+                background: '#444',
+                borderRadius: '3px',
+                '&:hover': {
+                    background: '#666',
+                },
+            },
+            // Dark theme styling for all child components
+            '& .MuiTab-root': {
+                color: '#999',
+                '&.Mui-selected': {
+                    color: '#61dafb',
+                },
+            },
+            '& .MuiTabs-indicator': {
+                backgroundColor: '#61dafb',
+            },
+            '& .MuiDivider-root': {
+                borderColor: '#333',
+            },
+            '& .MuiListItemButton-root': {
+                color: '#fff',
+                '&:hover': {
+                    bgcolor: 'rgba(97, 218, 251, 0.1)',
+                },
+            },
+            '& .MuiIconButton-root': {
+                color: '#999',
+                '&:hover': {
+                    color: '#fff',
+                    bgcolor: 'rgba(255, 255, 255, 0.1)',
+                },
+                '&.Mui-disabled': {
+                    color: '#555',
+                },
+            },
+        }, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1, children: [_jsx(Typography, { variant: "h6", sx: { fontWeight: 'medium' }, children: "State Machine" }), _jsxs(Box, { children: [_jsx(Tooltip, { title: "Undo", children: _jsx("span", { children: _jsx(IconButton, { size: "small", onClick: onUndo, disabled: !canUndo, sx: { color: canUndo ? 'primary.main' : 'text.disabled' }, children: _jsx(UndoIcon, { fontSize: "small" }) }) }) }), _jsx(Tooltip, { title: "Redo", children: _jsx("span", { children: _jsx(IconButton, { size: "small", onClick: onRedo, disabled: !canRedo, sx: { color: canRedo ? 'primary.main' : 'text.disabled' }, children: _jsx(RedoIcon, { fontSize: "small" }) }) }) })] })] }), _jsxs(Tabs, { value: tabValue, onChange: handleTabChange, variant: "fullWidth", sx: { borderBottom: 1, borderColor: 'divider', mb: 1 }, children: [_jsx(Tab, { label: "Components" }), _jsx(Tab, { label: "Templates" })] }), _jsxs(TabPanel, { value: tabValue, index: 0, children: [_jsxs(Box, { mb: 1, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", onClick: () => setExpandStates(!expandStates), sx: {
+                                    cursor: 'pointer',
+                                    '&:hover': { bgcolor: 'action.hover' },
+                                    p: 1,
+                                    borderRadius: 1,
+                                }, children: [_jsx(Typography, { variant: "subtitle2", fontWeight: "bold", children: "States" }), expandStates ? (_jsx(ExpandLessIcon, { fontSize: "small" })) : (_jsx(ExpandMoreIcon, { fontSize: "small" }))] }), _jsx(Collapse, { in: expandStates, children: _jsx(List, { dense: true, disablePadding: true, children: memoizedNodeTypes.map((type) => (_jsx(ListItem, { disablePadding: true, children: _jsxs(ListItemButton, { onClick: () => handleAddNode(type.id), sx: { pl: 2 }, children: [_jsx(ListItemIcon, { sx: { minWidth: 36 }, children: type.icon }), _jsx(ListItemText, { primary: type.name })] }) }, type.id))) }) })] }), _jsx(Divider, { sx: { my: 1 } }), _jsxs(Box, { mb: 1, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", onClick: () => setExpandTransitions(!expandTransitions), sx: {
+                                    cursor: 'pointer',
+                                    '&:hover': { bgcolor: 'action.hover' },
+                                    p: 1,
+                                    borderRadius: 1,
+                                }, children: [_jsx(Typography, { variant: "subtitle2", fontWeight: "bold", children: "Transitions" }), expandTransitions ? (_jsx(ExpandLessIcon, { fontSize: "small" })) : (_jsx(ExpandMoreIcon, { fontSize: "small" }))] }), _jsx(Collapse, { in: expandTransitions, children: _jsx(Box, { sx: { px: 1 }, children: _jsx(ControlEdgeList, { edges: edges, nodes: nodes, type: "state", onEditEdge: handleEditEdge, nodeTypes: memoizedNodeTypes }) }) })] })] }), _jsxs(TabPanel, { value: tabValue, index: 1, children: [_jsx(Typography, { variant: "body2", color: "text.secondary", sx: { p: 1 }, children: "Quick start with pre-defined state machine templates" }), _jsxs(List, { dense: true, children: [_jsx(ListItem, { disablePadding: true, children: _jsxs(ListItemButton, { onClick: () => handleLoadTemplate('simple-state-machine'), sx: {
+                                        pl: 2,
+                                        border: '1px solid',
+                                        borderColor: 'divider',
+                                        borderRadius: 1,
+                                        mb: 1,
+                                    }, children: [_jsx(ListItemIcon, { sx: { minWidth: 36 }, children: _jsx(TimelineIcon, { fontSize: "small" }) }), _jsx(ListItemText, { primary: "Simple State Machine", secondary: "Basic state transitions" })] }) }), _jsx(ListItem, { disablePadding: true, children: _jsxs(ListItemButton, { onClick: () => handleLoadTemplate('fork-join-state-machine'), sx: {
+                                        pl: 2,
+                                        border: '1px solid',
+                                        borderColor: 'divider',
+                                        borderRadius: 1,
+                                    }, children: [_jsx(ListItemIcon, { sx: { minWidth: 36 }, children: _jsx(TimelineIcon, { fontSize: "small" }) }), _jsx(ListItemText, { primary: "Fork/Join Example", secondary: "Parallel state transitions" })] }) })] })] })] }));
+};
+// Node selection context
+export const NodeSelectionContext = createContext({
+    selectedNodeType: null,
+    setSelectedNodeType: () => { },
+    addNodeAtCenter: undefined,
+});
+export default StateDiagramControls;
+//# sourceMappingURL=StateDiagramControls.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/controls/StateDiagramControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateDiagramControls.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/controls/StateDiagramControls.tsx"],"names":[],"mappings":"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"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/data/template-data.js

@@ -0,0 +1,3 @@
+export const stateMachineDefaultNodes = [];
+export const stateMachineDefaultEdges = [];
+//# sourceMappingURL=template-data.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/data/template-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-data.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/data/template-data.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,wBAAwB,GAAW,EAAE,CAAC;AACnD,MAAM,CAAC,MAAM,wBAAwB,GAAW,EAAE,CAAC"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/ChoicePointNode.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Box } from "@mui/material";
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const ChoicePointNode = ({ data, id, isConnectable }) => {
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        if (typeof data.onResize === 'function') {
+            data.onResize(id, width, height);
+        }
+    });
+    return (_jsxs(Box, { ref: nodeRef, sx: {
+            width: 30,
+            height: 30,
+            transform: "rotate(45deg)",
+            bgcolor: "white",
+            border: "2px solid black",
+        }, children: [_jsx(Handle, { type: "target", position: Position.Top, style: { transform: "rotate(-45deg)" }, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Bottom, style: { transform: "rotate(-45deg)" }, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Right, style: { transform: "rotate(-45deg)" }, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Left, style: { transform: "rotate(-45deg)" }, isConnectable: isConnectable })] }));
+};
+export default memo(ChoicePointNode);
+//# sourceMappingURL=ChoicePointNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/ChoicePointNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoicePointNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/ChoicePointNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE;IACjE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;QAC/C,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,iBAAiB;SAC1B,aAED,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,GAAG,EACtB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EACtC,aAAa,EAAE,aAAa,GAC5B,EACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,MAAM,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EACtC,aAAa,EAAE,aAAa,GAC5B,EACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EACtC,aAAa,EAAE,aAAa,GAC5B,EACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EACtC,aAAa,EAAE,aAAa,GAC5B,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,eAAe,CAAC,CAAA"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/CompositeStateNode.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Paper, Typography, Box, Divider, IconButton } from "@mui/material";
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import { useRenderPins } from '../../../hooks/useRenderPins';
+import { useRenderDividers } from '../../../hooks/useRenderDividers';
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const CompositeStateNode = ({ data, isConnectable, id, onToggleExpand }) => {
+    const compositeData = data;
+    const { label, width = 400, height = 300, dividers = { vertical: 0, horizontal: 0 }, expanded = false } = compositeData;
+    const pins = (compositeData.pins || []);
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        var _a, _b;
+        // Use scrollWidth/Height to capture full content size including overflow
+        const actualWidth = ((_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) || width;
+        const actualHeight = ((_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) || height;
+        // Update the measured dimensions for edge calculations
+        if (compositeData.measured) {
+            compositeData.measured.width = actualWidth;
+            compositeData.measured.height = actualHeight;
+        }
+        else {
+            compositeData.measured = { width: actualWidth, height: actualHeight };
+        }
+        // Call the onResize callback if provided
+        if (typeof compositeData.onResize === 'function') {
+            compositeData.onResize(id, actualWidth, actualHeight);
+        }
+    });
+    const verticalDividers = dividers.vertical || 0;
+    const horizontalDividers = dividers.horizontal || 0;
+    const dividerColor = '#bbb';
+    const dividerThickness = 2;
+    const renderedDividers = useRenderDividers({
+        verticalDividers,
+        horizontalDividers,
+        dividerThickness,
+        dividerColor,
+        width: width,
+        height: height,
+    });
+    const renderedPins = useRenderPins(pins, isConnectable);
+    if (!expanded) {
+        return (_jsxs(Paper, { ref: nodeRef, elevation: 2, sx: {
+                minWidth: 'min-content',
+                width: 'max-content',
+                borderRadius: 4,
+                border: "1px solid #ccc",
+                padding: 2,
+                position: 'relative',
+                overflow: 'visible',
+                boxSizing: 'border-box',
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+            }, children: [_jsx(Handle, { type: "target", position: Position.Left, isConnectable: isConnectable, style: {
+                        left: '-6px',
+                        backgroundColor: '#555',
+                        border: '2px solid #fff',
+                        width: '12px',
+                        height: '12px'
+                    } }), _jsxs(Box, { sx: {
+                        textAlign: "center",
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        position: 'relative',
+                        width: 'max-content',
+                        minWidth: 'min-content'
+                    }, children: [_jsx(Typography, { variant: "subtitle1", fontWeight: "bold", sx: {
+                                whiteSpace: 'nowrap',
+                                overflow: 'visible',
+                                width: 'max-content'
+                            }, children: label || 'Composite State' }), _jsx(IconButton, { size: "small", sx: { ml: 1 }, onClick: e => {
+                                e.stopPropagation();
+                                if (onToggleExpand)
+                                    onToggleExpand(id, true);
+                            }, children: _jsx(ExpandMoreIcon, { fontSize: "small" }) })] }), _jsx(Handle, { type: "source", position: Position.Right, isConnectable: isConnectable, style: {
+                        right: '-6px',
+                        backgroundColor: '#555',
+                        border: '2px solid #fff',
+                        width: '12px',
+                        height: '12px'
+                    } })] }));
+    }
+    return (_jsxs(Paper, { ref: nodeRef, elevation: 2, sx: {
+            width: width,
+            height: height,
+            borderRadius: 4,
+            border: "1px solid #ccc",
+            padding: 2,
+            backgroundColor: "transparent",
+            position: "relative",
+            boxShadow: 'none',
+            boxSizing: 'border-box', // Include padding in size calculations
+        }, children: [_jsx(Handle, { type: "target", position: Position.Left, isConnectable: isConnectable, style: {
+                    left: '-6px',
+                    backgroundColor: '#555',
+                    border: '2px solid #fff',
+                    width: '12px',
+                    height: '12px'
+                } }), _jsx(Box, { sx: { position: 'absolute', top: 4, right: 4, zIndex: 20 }, children: _jsx(IconButton, { size: "small", onClick: e => {
+                        e.stopPropagation();
+                        if (onToggleExpand)
+                            onToggleExpand(id, false);
+                    }, children: _jsx(ExpandLessIcon, { fontSize: "small" }) }) }), renderedDividers, renderedPins, _jsxs(Box, { sx: {
+                    cursor: 'pointer',
+                    userSelect: 'none',
+                }, children: [_jsx(Box, { sx: { textAlign: "center", pt: 0.5 }, children: _jsx(Typography, { variant: "subtitle1", fontWeight: "bold", children: label || "Composite State" }) }), _jsx(Divider, { sx: { my: 1 } })] }), _jsx(Box, { sx: {
+                    minHeight: 100,
+                    minWidth: 180,
+                } }), _jsx(Handle, { type: "source", position: Position.Right, isConnectable: isConnectable, style: {
+                    right: '-6px',
+                    backgroundColor: '#555',
+                    border: '2px solid #fff',
+                    width: '12px',
+                    height: '12px'
+                } })] }));
+};
+export default memo(CompositeStateNode);
+//# sourceMappingURL=CompositeStateNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/CompositeStateNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeStateNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/CompositeStateNode.tsx"],"names":[],"mappings":"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"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/EntryPointNode.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Box } from "@mui/material";
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const EntryPointNode = ({ data, id, isConnectable }) => {
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        if (typeof data.onResize === 'function') {
+            data.onResize(id, width, height);
+        }
+    });
+    return (_jsxs(Box, { ref: nodeRef, sx: {
+            width: 20,
+            height: 20,
+            borderRadius: "50%",
+            bgcolor: "white",
+            border: "2px solid black",
+        }, children: [_jsx(Handle, { type: "target", position: Position.Left, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Right, isConnectable: isConnectable })] }));
+};
+export default memo(EntryPointNode);
+//# sourceMappingURL=EntryPointNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/EntryPointNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryPointNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/EntryPointNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE;IAChE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;QAC/C,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,iBAAiB;SAC1B,aAED,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI,EAC/E,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,IAC5E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,cAAc,CAAC,CAAA"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/ExitPointNode.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Box } from "@mui/material";
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const ExitPointNode = ({ data, id, isConnectable }) => {
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        if (typeof data.onResize === 'function') {
+            data.onResize(id, width, height);
+        }
+    });
+    return (_jsxs(Box, { ref: nodeRef, sx: {
+            width: 20,
+            height: 20,
+            borderRadius: "50%",
+            bgcolor: "white",
+            border: "2px solid black",
+            position: "relative",
+            "&::after": {
+                content: '""',
+                position: "absolute",
+                width: "60%",
+                height: "60%",
+                top: "20%",
+                left: "20%",
+                borderRadius: "50%",
+                bgcolor: "white",
+                border: "1px solid black",
+            },
+        }, children: [_jsx(Handle, { type: "target", position: Position.Left, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Right, isConnectable: isConnectable })] }));
+};
+export default memo(ExitPointNode);
+//# sourceMappingURL=ExitPointNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/ExitPointNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExitPointNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/ExitPointNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;QAC/C,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,iBAAiB;YACzB,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE;gBACV,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,KAAK;gBACb,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBACX,YAAY,EAAE,KAAK;gBACnB,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,iBAAiB;aAC1B;SACF,aAED,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI,EAC/E,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,IAC5E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,aAAa,CAAC,CAAA"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/FinalStateNode.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Box } from "@mui/material";
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const FinalStateNode = ({ data, id, isConnectable }) => {
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        if (typeof data.onResize === 'function') {
+            data.onResize(id, width, height);
+        }
+    });
+    return (_jsxs(Box, { ref: nodeRef, sx: {
+            width: 30,
+            height: 30,
+            borderRadius: "50%",
+            border: "2px solid black",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+        }, children: [_jsx(Box, { sx: {
+                    width: 16,
+                    height: 16,
+                    borderRadius: "50%",
+                    bgcolor: "black",
+                } }), _jsx(Handle, { type: "target", position: Position.Left, isConnectable: isConnectable })] }));
+};
+export default memo(FinalStateNode);
+//# sourceMappingURL=FinalStateNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/FinalStateNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinalStateNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/FinalStateNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE;IAChE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;QAC/C,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,iBAAiB;YACzB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,aAED,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,YAAY,EAAE,KAAK;oBACnB,OAAO,EAAE,OAAO;iBACjB,GACD,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI,IAC3E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,cAAc,CAAC,CAAA"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/ForkJoinNode.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Box } from "@mui/material";
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const ForkJoinNode = ({ data, id, isConnectable }) => {
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        if (typeof data.onResize === 'function') {
+            data.onResize(id, width, height);
+        }
+    });
+    const isHorizontal = (data === null || data === void 0 ? void 0 : data.orientation) === "horizontal";
+    return (_jsx(Box, { ref: nodeRef, sx: {
+            width: isHorizontal ? 60 : 10,
+            height: isHorizontal ? 10 : 60,
+            bgcolor: "black",
+        }, children: isHorizontal ? (_jsxs(_Fragment, { children: [_jsx(Handle, { type: "target", position: Position.Left, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Right, id: "a", style: { top: "25%" }, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Right, id: "b", style: { top: "75%" }, isConnectable: isConnectable })] })) : (_jsxs(_Fragment, { children: [_jsx(Handle, { type: "target", position: Position.Top, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "a", style: { left: "25%" }, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "b", style: { left: "75%" }, isConnectable: isConnectable })] })) }));
+};
+export default memo(ForkJoinNode);
+//# sourceMappingURL=ForkJoinNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/ForkJoinNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForkJoinNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/ForkJoinNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;QAC/C,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,MAAK,YAAY,CAAC;IACxD,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YAC7B,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YAC9B,OAAO,EAAE,OAAO;SACjB,YAEA,YAAY,CAAC,CAAC,CAAC,CACd,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI,EAC/E,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,aAAa,GAAI,EAC9G,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,aAAa,GAAI,IAC7G,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,aAAa,EAAE,aAAa,GAAI,EAC9E,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,MAAM,EACzB,EAAE,EAAC,GAAG,EACN,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,aAAa,EAAE,aAAa,GAC5B,EACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,MAAM,EACzB,EAAE,EAAC,GAAG,EACN,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,aAAa,EAAE,aAAa,GAC5B,IACD,CACJ,GACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,YAAY,CAAC,CAAA"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/HistoryStateNode.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Box, Typography } from "@mui/material";
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const HistoryStateNode = ({ data, id, isConnectable }) => {
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        if (typeof data.onResize === 'function') {
+            data.onResize(id, width, height);
+        }
+    });
+    return (_jsxs(Box, { ref: nodeRef, sx: {
+            width: 30,
+            height: 30,
+            borderRadius: "50%",
+            border: "2px solid black",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+        }, children: [_jsx(Typography, { variant: "subtitle2", fontWeight: "bold", children: "H" }), _jsx(Handle, { type: "target", position: Position.Left, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Right, isConnectable: isConnectable })] }));
+};
+export default memo(HistoryStateNode);
+//# sourceMappingURL=HistoryStateNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/HistoryStateNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryStateNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/HistoryStateNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE;IAClE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;QAC/C,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,iBAAiB;YACzB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,aAED,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,UAAU,EAAC,MAAM,kBAEpC,EACb,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI,EAC/E,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,IAC5E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,gBAAgB,CAAC,CAAA"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/InitialStateNode.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Box } from "@mui/material";
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const InitialStateNode = ({ data, id, isConnectable }) => {
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        if (typeof data.onResize === 'function') {
+            data.onResize(id, width, height);
+        }
+    });
+    return (_jsx(Box, { ref: nodeRef, sx: {
+            width: 20,
+            height: 20,
+            borderRadius: "50%",
+            bgcolor: "black",
+        }, children: _jsx(Handle, { type: "source", position: Position.Right, isConnectable: isConnectable }) }));
+};
+export default memo(InitialStateNode);
+//# sourceMappingURL=InitialStateNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/InitialStateNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialStateNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/InitialStateNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE;IAClE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;QAC/C,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,OAAO;SACjB,YAED,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,GAC5E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,gBAAgB,CAAC,CAAA"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/JunctionPointNode.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { Handle, Position } from "@xyflow/react";
+import { Box } from "@mui/material";
+import { useResizeObserver } from "../../../hooks/useResizeObserver";
+const JunctionPointNode = ({ data, id, isConnectable }) => {
+    const nodeRef = useRef(null);
+    useResizeObserver(nodeRef, ({ width, height }) => {
+        if (typeof data.onResize === 'function') {
+            data.onResize(id, width, height);
+        }
+    });
+    return (_jsxs(Box, { ref: nodeRef, sx: {
+            width: 16,
+            height: 16,
+            borderRadius: "50%",
+            bgcolor: "black",
+        }, children: [_jsx(Handle, { type: "target", position: Position.Top, isConnectable: isConnectable }), _jsx(Handle, { type: "target", position: Position.Left, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Right, isConnectable: isConnectable }), _jsx(Handle, { type: "source", position: Position.Bottom, isConnectable: isConnectable })] }));
+};
+export default memo(JunctionPointNode);
+//# sourceMappingURL=JunctionPointNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/stateMachine/nodes/JunctionPointNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JunctionPointNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/stateMachine/nodes/JunctionPointNode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE;IACnE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;QAC/C,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE;YACF,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,OAAO;SACjB,aAED,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,aAAa,EAAE,aAAa,GAAI,EAC9E,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI,EAC/E,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,EAChF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,IAC7E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAC,iBAAiB,CAAC,CAAA"}