@flowuent-org/diagramming-core 1.0.8 → 1.1.0

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/components/UseCaseNodeSettings.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useCallback } from 'react';
+import { Box, Button, TextField, Typography, IconButton } from '@mui/material';
+import CloseIcon from '@mui/icons-material/Close';
+const SEPARATORS = [
+    { label: 'Dashes (--)', value: '--' },
+    { label: 'Periods (..)', value: '..' },
+    { label: 'Equals (==)', value: '==' },
+    { label: 'Underscores (__)', value: '__' },
+];
+const UseCaseNodeSettings = ({ open, node, onUpdate, onClose }) => {
+    const [label, setLabel] = useState((node === null || node === void 0 ? void 0 : node.data.label) || '');
+    const [description, setDescription] = useState((node === null || node === void 0 ? void 0 : node.data.description) || '');
+    useEffect(() => {
+        setLabel((node === null || node === void 0 ? void 0 : node.data.label) || '');
+        setDescription((node === null || node === void 0 ? void 0 : node.data.description) || '');
+    }, [node]);
+    const handleLabelChange = useCallback((e) => {
+        setLabel(e.target.value);
+        onUpdate({ label: e.target.value });
+    }, [onUpdate]);
+    const handleDescriptionChange = useCallback((e) => {
+        setDescription(e.target.value);
+        onUpdate({ description: e.target.value });
+    }, [onUpdate]);
+    const handleInsertSeparator = (separator) => {
+        const textarea = document.getElementById('usecase-description-textarea');
+        if (!textarea)
+            return;
+        const start = textarea.selectionStart;
+        const end = textarea.selectionEnd;
+        const newValue = description.slice(0, start) + `\n${separator}\n` + description.slice(end);
+        setDescription(newValue);
+        onUpdate({ description: newValue });
+        setTimeout(() => {
+            textarea.focus();
+            textarea.selectionStart = textarea.selectionEnd = start + separator.length + 2;
+        }, 0);
+    };
+    if (!open || !node)
+        return null;
+    return (_jsxs(Box, { sx: {
+            position: 'absolute',
+            top: 100,
+            right: 20,
+            bgcolor: 'background.paper',
+            p: 2,
+            border: '1px solid #ddd',
+            borderRadius: 1,
+            boxShadow: 3,
+            zIndex: 20,
+            width: 340,
+        }, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [_jsx(Typography, { variant: "h6", children: "Use Case Node Settings" }), _jsx(IconButton, { onClick: onClose, size: "small", sx: { color: '#666' }, children: _jsx(CloseIcon, { fontSize: "small" }) })] }), _jsx(TextField, { label: "Label", value: label, onChange: handleLabelChange, fullWidth: true, variant: "outlined", size: "small", sx: { mb: 2 } }), _jsxs(Box, { mb: 1, children: [_jsx(Typography, { variant: "subtitle2", sx: { mb: 0.5 }, children: "Description" }), _jsx(TextField, { id: "usecase-description-textarea", value: description, onChange: handleDescriptionChange, multiline: true, minRows: 4, maxRows: 8, fullWidth: true, variant: "outlined", size: "small" })] }), _jsxs(Box, { mb: 2, children: [_jsx(Typography, { variant: "caption", children: "Insert Separator:" }), _jsx(Box, { sx: { display: 'flex', gap: 1, flexWrap: 'wrap', mt: 0.5 }, children: SEPARATORS.map((sep) => (_jsx(Button, { size: "small", variant: "outlined", onClick: () => handleInsertSeparator(sep.value), children: sep.label }, sep.value))) })] }), _jsx(Button, { variant: "contained", color: "primary", fullWidth: true, onClick: onClose, sx: { mt: 1 }, children: "Close" })] }));
+};
+export default React.memo(UseCaseNodeSettings);
+//# sourceMappingURL=UseCaseNodeSettings.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/components/UseCaseNodeSettings.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/controls/UseCaseControls.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Typography, Paper, Divider, Collapse, List, ListItem, ListItemButton, ListItemIcon, ListItemText } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import AddIcon from '@mui/icons-material/Add';
+const StickmanIcon = () => (_jsxs("svg", { width: "28", height: "36", viewBox: "0 0 40 60", children: [_jsx("circle", { cx: "20", cy: "10", r: "8", stroke: "black", strokeWidth: "2", fill: "white" }), _jsx("line", { x1: "20", y1: "18", x2: "20", y2: "38", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "24", x2: "8", y2: "32", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "24", x2: "32", y2: "32", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "38", x2: "8", y2: "52", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "38", x2: "32", y2: "52", stroke: "black", strokeWidth: "2" })] }));
+const BusinessActorIcon = () => (_jsxs("svg", { width: "28", height: "36", viewBox: "0 0 40 60", children: [_jsx("circle", { cx: "20", cy: "10", r: "8", stroke: "black", strokeWidth: "2", fill: "white" }), _jsx("line", { x1: "16", y1: "6", x2: "24", y2: "14", stroke: "black", strokeWidth: "2" }), " ", _jsx("line", { x1: "24", y1: "6", x2: "16", y2: "14", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "18", x2: "20", y2: "38", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "24", x2: "8", y2: "32", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "24", x2: "32", y2: "32", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "38", x2: "8", y2: "52", stroke: "black", strokeWidth: "2" }), _jsx("line", { x1: "20", y1: "38", x2: "32", y2: "52", stroke: "black", strokeWidth: "2" })] }));
+// Move getNodeTypeLabel outside the component for efficiency
+const getNodeTypeLabel = (node) => {
+    var _a, _b;
+    if (!node || !node.type)
+        return 'Unknown';
+    switch (node.type) {
+        case 'actor':
+            return ((_a = node.data) === null || _a === void 0 ? void 0 : _a.style) === 'business' ? 'Business Actor' : 'Actor';
+        case 'usecase':
+            return ((_b = node.data) === null || _b === void 0 ? void 0 : _b.business) ? 'Business Use Case' : 'Use Case';
+        case 'package':
+            return 'Package';
+        default:
+            return node.type;
+    }
+};
+const ACTOR_TYPES = [
+    {
+        key: 'stickman',
+        label: 'Stickman',
+        icon: _jsx(StickmanIcon, {}),
+    },
+    {
+        key: 'business',
+        label: 'Business Actor',
+        icon: _jsx(BusinessActorIcon, {}),
+    },
+];
+const UseCaseControls = ({ onAddActor, onAddUseCase, onAddBusinessUseCase, onAddPackage, onAddAssociation, onAddInclude, onAddExtend, edges = [], nodes = [], onEditRelationship, }) => {
+    const [expandActors, setExpandActors] = React.useState(true);
+    const [expandOthers, setExpandOthers] = React.useState(true);
+    const [expandRelationships, setExpandRelationships] = React.useState(true);
+    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
+            '& .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)',
+                },
+            },
+        }, children: [_jsx(Typography, { variant: "h6", sx: { fontWeight: 'medium', mb: 2 }, children: "Use Case Diagram" }), _jsxs(Box, { mb: 1, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", onClick: () => setExpandActors(!expandActors), sx: { cursor: 'pointer', '&:hover': { bgcolor: 'action.hover' }, p: 1, borderRadius: 1 }, children: [_jsx(Typography, { variant: "subtitle2", fontWeight: "bold", children: "Actors" }), expandActors ? _jsx(ExpandLessIcon, { fontSize: "small" }) : _jsx(ExpandMoreIcon, { fontSize: "small" })] }), _jsx(Collapse, { in: expandActors, children: _jsx(List, { dense: true, disablePadding: true, children: ACTOR_TYPES.map((actor) => (_jsx(ListItem, { disablePadding: true, children: _jsxs(ListItemButton, { onClick: () => onAddActor(actor.key), sx: { pl: 2 }, children: [_jsx(ListItemIcon, { sx: { minWidth: 36 }, children: actor.icon }), _jsx(ListItemText, { primary: actor.label })] }) }, actor.key))) }) })] }), _jsx(Divider, { sx: { my: 1 } }), _jsxs(Box, { mb: 1, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", onClick: () => setExpandOthers(!expandOthers), sx: { cursor: 'pointer', '&:hover': { bgcolor: 'action.hover' }, p: 1, borderRadius: 1 }, children: [_jsx(Typography, { variant: "subtitle2", fontWeight: "bold", children: "Use Cases" }), expandOthers ? _jsx(ExpandLessIcon, { fontSize: "small" }) : _jsx(ExpandMoreIcon, { fontSize: "small" })] }), _jsx(Collapse, { in: expandOthers, children: _jsxs(List, { dense: true, disablePadding: true, children: [_jsx(ListItem, { disablePadding: true, children: _jsx(ListItemButton, { onClick: onAddUseCase, sx: { pl: 2 }, children: _jsx(ListItemText, { primary: "Use Case" }) }) }), _jsx(ListItem, { disablePadding: true, children: _jsx(ListItemButton, { onClick: onAddBusinessUseCase, sx: { pl: 2 }, children: _jsx(ListItemText, { primary: "Business Use Case" }) }) }), _jsx(ListItem, { disablePadding: true, children: _jsx(ListItemButton, { onClick: onAddPackage, sx: { pl: 2 }, children: _jsx(ListItemText, { primary: "Package" }) }) })] }) })] }), _jsx(Divider, { sx: { my: 1 } }), _jsxs(Box, { mb: 1, children: [_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", onClick: () => setExpandRelationships(!expandRelationships), sx: { cursor: 'pointer', '&:hover': { bgcolor: 'action.hover' }, p: 1, borderRadius: 1 }, children: [_jsx(Typography, { variant: "subtitle2", fontWeight: "bold", children: "Relationships" }), expandRelationships ? _jsx(ExpandLessIcon, { fontSize: "small" }) : _jsx(ExpandMoreIcon, { fontSize: "small" })] }), _jsx(Collapse, { in: expandRelationships, children: _jsxs(List, { dense: true, disablePadding: true, children: [_jsx(ListItem, { disablePadding: true, children: _jsxs(ListItemButton, { onClick: onAddAssociation, sx: { pl: 2, bgcolor: 'primary.50', color: 'primary.main', borderRadius: 1, mb: 1, '&:hover': { bgcolor: 'primary.100' } }, children: [_jsx(ListItemIcon, { sx: { minWidth: 36 }, children: _jsx(AddIcon, {}) }), _jsx(ListItemText, { primary: "Add Relationship" })] }) }), edges.map((edge) => {
+                                    var _a, _b, _c, _d;
+                                    const source = nodes.find((n) => n.id === edge.source);
+                                    const target = nodes.find((n) => n.id === edge.target);
+                                    return (_jsx(ListItem, { disablePadding: true, sx: { alignItems: 'center', width: '100%', py: 0.5 }, children: _jsxs(Box, { sx: {
+                                                display: 'flex',
+                                                alignItems: 'space-between',
+                                                width: '100%',
+                                                justifyContent: 'space-between',
+                                                cursor: 'pointer',
+                                                borderRadius: 1,
+                                                transition: 'background 0.2s',
+                                                '&:hover': { bgcolor: 'action.hover' },
+                                                p: 1,
+                                            }, onClick: () => onEditRelationship && onEditRelationship(edge), children: [_jsx(Box, { sx: { mr: 1, maxWidth: 140, textAlign: 'left', overflow: 'hidden', textOverflow: 'ellipsis', fontSize: 12, whiteSpace: 'normal', wordBreak: 'break-word' }, children: _jsx("span", { style: { fontWeight: 600 }, title: getNodeTypeLabel(source), children: ((_a = source === null || source === void 0 ? void 0 : source.data) === null || _a === void 0 ? void 0 : _a.label) || (source === null || source === void 0 ? void 0 : source.id) || 'Unknown' }) }), _jsxs(Box, { sx: { flex: '0 0 60px', textAlign: 'center' }, children: [_jsx(Typography, { variant: "caption", sx: { fontWeight: 500 }, children: ((_b = edge.data) === null || _b === void 0 ? void 0 : _b.type) || edge.type }), ((_c = edge.data) === null || _c === void 0 ? void 0 : _c.label) && (_jsx(Typography, { variant: "caption", sx: { display: 'block', color: 'text.secondary', fontSize: 11 }, children: edge.data.label }))] }), _jsx(Box, { sx: { ml: 1, maxWidth: 140, textAlign: 'right', overflow: 'hidden', textOverflow: 'ellipsis', fontSize: 12, whiteSpace: 'normal', wordBreak: 'break-word' }, children: _jsx("span", { style: { fontWeight: 600 }, title: getNodeTypeLabel(target), children: ((_d = target === null || target === void 0 ? void 0 : target.data) === null || _d === void 0 ? void 0 : _d.label) || (target === null || target === void 0 ? void 0 : target.id) || 'Unknown' }) })] }) }, edge.id));
+                                })] }) })] })] }));
+};
+export default React.memo(UseCaseControls);
+//# sourceMappingURL=UseCaseControls.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/controls/UseCaseControls.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/nodes/PackageNode.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Handle, Position, NodeResizeControl } from '@xyflow/react';
+const controlStyle = {
+    background: 'transparent',
+    border: 'none',
+};
+const PackageNode = ({ data, selected }) => {
+    const nodeData = data;
+    const width = nodeData.width || 300;
+    const height = nodeData.height || 180;
+    return (_jsxs(_Fragment, { children: [_jsx(NodeResizeControl, { style: controlStyle, minWidth: 200, minHeight: 120, maxWidth: 25000, maxHeight: 25000 }), _jsxs("div", { style: {
+                    minWidth: Number(width),
+                    minHeight: Number(height),
+                    border: selected ? '2.5px solid #1976d2' : '2px solid #888',
+                    borderRadius: 8,
+                    background: 'transparent',
+                    position: 'relative',
+                    boxShadow: selected ? '0 0 0 2px #1976d2' : undefined,
+                    overflow: 'visible',
+                }, children: [_jsx("div", { style: {
+                            position: 'absolute',
+                            top: -18,
+                            left: 0,
+                            width: 140,
+                            height: 32,
+                            background: '#1976d2',
+                            color: '#fff',
+                            borderTopLeftRadius: 8,
+                            borderTopRightRadius: 8,
+                            fontWeight: 'bold',
+                            fontSize: 16,
+                            display: 'flex',
+                            alignItems: 'center',
+                            paddingLeft: 16,
+                            zIndex: 2,
+                        }, children: nodeData.label }), nodeData.description && (_jsx("div", { style: { padding: '36px 12px 8px 12px', color: '#333', fontSize: 13 }, children: nodeData.description })), _jsx(Handle, { id: "right", type: "source", position: Position.Right }), _jsx(Handle, { id: "left", type: "target", position: Position.Left })] })] }));
+};
+export default memo(PackageNode);
+//# sourceMappingURL=PackageNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/nodes/PackageNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageNode.js","sourceRoot":"","sources":["../../../../../../../../../packages/diagrams/src/lib/templates/useCaseDiagram/nodes/PackageNode.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,EAAa,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAI/E,MAAM,YAAY,GAAG;IACjB,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,WAAW,GAAwB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,IAAuB,CAAC;IACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,GAAG,CAAC;IACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,GAAG,CAAC;IAEtC,OAAO,CACH,8BACI,KAAC,iBAAiB,IACd,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,KAAK,GAGA,EAEpB,eACI,KAAK,EAAE;oBACH,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC;oBACvB,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;oBACzB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,gBAAgB;oBAC3D,YAAY,EAAE,CAAC;oBACf,UAAU,EAAE,aAAa;oBACzB,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;oBACrD,QAAQ,EAAE,SAAS;iBACtB,aAGD,cACI,KAAK,EAAE;4BACH,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,CAAC,EAAE;4BACR,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,GAAG;4BACV,MAAM,EAAE,EAAE;4BACV,UAAU,EAAE,SAAS;4BACrB,KAAK,EAAE,MAAM;4BACb,mBAAmB,EAAE,CAAC;4BACtB,oBAAoB,EAAE,CAAC;4BACvB,UAAU,EAAE,MAAM;4BAClB,QAAQ,EAAE,EAAE;4BACZ,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,WAAW,EAAE,EAAE;4BACf,MAAM,EAAE,CAAC;yBACZ,YAEA,QAAQ,CAAC,KAAK,GACb,EAEL,QAAQ,CAAC,WAAW,IAAI,CACrB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,YACrE,QAAQ,CAAC,WAAW,GACnB,CACT,EAED,KAAC,MAAM,IACH,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,KAAK,GAC1B,EACF,KAAC,MAAM,IACH,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,IAAI,GACzB,IACA,IACP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC"}

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/nodes/UseCaseEdge.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { BaseEdge, EdgeLabelRenderer, getBezierPath, Position } from '@xyflow/react';
+import { Box } from '@mui/material';
+const EDGE_STYLES = {
+    association: { color: '#222', dash: '', label: undefined },
+    include: { color: '#222', dash: '6,4', label: '<<include>>' },
+    extend: { color: '#222', dash: '6,4', label: '<<extend>>' },
+};
+const UseCaseEdge = (props) => {
+    const { sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, label } = props;
+    const edgeData = data;
+    const [edgePath, labelX, labelY] = getBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition: sourcePosition !== null && sourcePosition !== void 0 ? sourcePosition : Position.Right,
+        targetX,
+        targetY,
+        targetPosition: targetPosition !== null && targetPosition !== void 0 ? targetPosition : Position.Left,
+    });
+    // Determine edge style
+    const type = (edgeData === null || edgeData === void 0 ? void 0 : edgeData.type) || 'association';
+    const style = EDGE_STYLES[type] || EDGE_STYLES.association;
+    const edgeColor = (edgeData === null || edgeData === void 0 ? void 0 : edgeData.color) || style.color;
+    const edgeDash = style.dash;
+    const edgeLabel = label || style.label;
+    // Determine markerEnd and markerStart based on arrowHead type
+    let markerEnd = '';
+    let markerStart = '';
+    // Helper to pick marker by type
+    const getMarkerId = (type, end) => {
+        if (type === 'triangle')
+            return end === 'end' ? 'triangle-arrowhead' : 'triangle-arrowhead-start';
+        if (type === 'v')
+            return end === 'end' ? 'v-arrowhead' : 'v-arrowhead-start';
+        return '';
+    };
+    const validArrowTypes = ['none', 'triangle', 'v'];
+    const arrowHeadTargetType = typeof (edgeData === null || edgeData === void 0 ? void 0 : edgeData.arrowHeadTarget) === 'string' && validArrowTypes.includes(edgeData.arrowHeadTarget) ? edgeData.arrowHeadTarget : 'none';
+    const arrowHeadSourceType = typeof (edgeData === null || edgeData === void 0 ? void 0 : edgeData.arrowHeadSource) === 'string' && validArrowTypes.includes(edgeData.arrowHeadSource) ? edgeData.arrowHeadSource : 'none';
+    if (arrowHeadTargetType !== 'none') {
+        markerEnd = `url(#${getMarkerId(arrowHeadTargetType, 'end')})`;
+    }
+    if (arrowHeadSourceType !== 'none') {
+        markerStart = `url(#${getMarkerId(arrowHeadSourceType, 'start')})`;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("svg", { style: { height: 0 }, children: _jsxs("defs", { children: [_jsx("marker", { id: "triangle-arrowhead", viewBox: "0 0 12 8", refX: "12", refY: "4", markerWidth: "6", markerHeight: "8", orient: "auto", children: _jsx("polygon", { points: "0,0 12,4 0,8 3,4", fill: "white", stroke: "black" }) }), _jsx("marker", { id: "triangle-arrowhead-start", viewBox: "0 0 12 8", refX: "0", refY: "4", markerWidth: "6", markerHeight: "8", orient: "auto", children: _jsx("polygon", { points: "12,0 0,4 12,8 9,4", fill: "white", stroke: "black" }) }), _jsx("marker", { id: "v-arrowhead", viewBox: "0 0 6 8", refX: "6", refY: "4", markerWidth: "8", markerHeight: "5", orient: "auto", children: _jsx("polyline", { points: "0,0 6,4 0,8", fill: "none", stroke: "black", strokeWidth: "1.5" }) }), _jsx("marker", { id: "v-arrowhead-start", viewBox: "0 0 6 8", refX: "0", refY: "4", markerWidth: "8", markerHeight: "5", orient: "auto", children: _jsx("polyline", { points: "6,0 0,4 6,8", fill: "none", stroke: "black", strokeWidth: "1.5" }) })] }) }), _jsx(BaseEdge, { path: edgePath, markerEnd: markerEnd, markerStart: markerStart, style: { stroke: edgeColor, strokeWidth: 2, strokeDasharray: edgeDash } }), edgeLabel && (_jsx(EdgeLabelRenderer, { children: _jsx(Box, { sx: { position: 'absolute', transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`, background: 'white', padding: '2px 6px', borderRadius: 2, fontSize: 12, border: '1px solid #ccc' }, children: edgeLabel }) }))] }));
+};
+export default React.memo(UseCaseEdge);
+//# sourceMappingURL=UseCaseEdge.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/nodes/UseCaseEdge.js.map

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

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/nodes/UseCaseNode.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, memo } from 'react';
+import { Handle, Position, NodeResizeControl } from '@xyflow/react';
+const SEPARATORS = ["--", "==", "..", "__"];
+const SEPARATOR_MARGIN = 10; // px, margin from ellipse border
+const controlStyle = {
+    background: 'transparent',
+    border: 'none',
+};
+// Helper to measure text width
+function measureTextWidth(text, font) {
+    if (typeof window === 'undefined')
+        return text.length * 8; // fallback for SSR
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    if (!ctx)
+        return text.length * 8;
+    ctx.font = font;
+    return ctx.measureText(text).width;
+}
+// Helper to wrap a single line into multiple lines
+function wrapLine(line, maxWidth, font) {
+    if (!line)
+        return [''];
+    const words = line.split(' ');
+    let lines = [];
+    let current = '';
+    for (let i = 0; i < words.length; i++) {
+        const test = current ? current + ' ' + words[i] : words[i];
+        if (measureTextWidth(test, font) > maxWidth) {
+            if (current)
+                lines.push(current);
+            current = words[i];
+        }
+        else {
+            current = test;
+        }
+    }
+    if (current)
+        lines.push(current);
+    return lines;
+}
+const UseCaseNode = ({ data }) => {
+    const nodeData = data;
+    const labelFont = 'bold 16px Arial, sans-serif';
+    const descFont = 'normal 13px Arial, sans-serif';
+    const maxLabelWidth = 140;
+    const maxDescWidth = 120;
+    const lineHeight = 18;
+    const padding = 18;
+    // Memoize all calculations for performance
+    const { wrappedLines, lineTypes, maxLineWidth, svgWidth, svgHeight, ellipseCx, ellipseCy, ellipseRx, ellipseRy, getLineY } = useMemo(() => {
+        const descriptionLines = (nodeData.description || '').split(/\r?\n/);
+        let wrapped = [];
+        let types = [];
+        let maxWidth = 0;
+        // Label
+        const labelWrapped = wrapLine(nodeData.label, maxLabelWidth, labelFont);
+        labelWrapped.forEach(l => {
+            wrapped.push(l);
+            types.push('label');
+            maxWidth = Math.max(maxWidth, measureTextWidth(l, labelFont));
+        });
+        // Description
+        descriptionLines.forEach(line => {
+            const trimmed = line.trim();
+            if (SEPARATORS.includes(trimmed)) {
+                wrapped.push(trimmed);
+                types.push('sep');
+                maxWidth = Math.max(maxWidth, maxLabelWidth); // separators span full width
+            }
+            else {
+                const descWrapped = wrapLine(line, maxDescWidth, descFont);
+                descWrapped.forEach(l => {
+                    wrapped.push(l);
+                    types.push('desc');
+                    maxWidth = Math.max(maxWidth, measureTextWidth(l, descFont));
+                });
+            }
+        });
+        const totalLines = wrapped.length;
+        const svgW = Math.max(160, maxWidth + 40);
+        const svgH = totalLines * lineHeight + padding * 2;
+        const cx = svgW / 2;
+        const cy = svgH / 2;
+        const rx = svgW / 2 - 4;
+        const ry = svgH / 2 - 4;
+        const getLineY = (idx) => padding + lineHeight / 2 + idx * lineHeight;
+        return {
+            wrappedLines: wrapped,
+            lineTypes: types,
+            maxLineWidth: maxWidth,
+            svgWidth: svgW,
+            svgHeight: svgH,
+            ellipseCx: cx,
+            ellipseCy: cy,
+            ellipseRx: rx,
+            ellipseRy: ry,
+            getLineY
+        };
+    }, [data.label, data.description]);
+    // Helper to get the available half-width of the ellipse at a given y
+    const getEllipseHalfWidthAtY = (y) => {
+        // y is SVG coordinate, ellipseCy is center
+        const dy = y - ellipseCy;
+        // Clamp to ellipseRy
+        if (Math.abs(dy) > ellipseRy)
+            return 0;
+        // Ellipse equation: w = rx * sqrt(1 - (dy/ry)^2)
+        return ellipseRx * Math.sqrt(1 - (dy * dy) / (ellipseRy * ellipseRy));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(NodeResizeControl, { style: controlStyle, minWidth: 160, minHeight: 80, maxWidth: 25000, maxHeight: 25000 }), _jsxs("div", { style: { textAlign: 'center', minWidth: svgWidth }, children: [_jsxs("svg", { width: svgWidth, height: svgHeight, viewBox: `0 0 ${svgWidth} ${svgHeight}`, children: [_jsx("ellipse", { cx: ellipseCx, cy: ellipseCy, rx: ellipseRx, ry: ellipseRy, stroke: "black", strokeWidth: "2", fill: "white", strokeDasharray: undefined }), nodeData.business && (_jsx("ellipse", { cx: ellipseCx, cy: ellipseCy, rx: ellipseRx - 6, ry: ellipseRy - 6, stroke: "black", strokeWidth: "2", fill: "none", strokeDasharray: undefined })), wrappedLines.map((line, idx) => {
+                                if (lineTypes[idx] === 'sep') {
+                                    const trimmed = line.trim();
+                                    const y = getLineY(idx);
+                                    let dashArray = '';
+                                    switch (trimmed) {
+                                        case '--':
+                                            dashArray = '6,4';
+                                            break;
+                                        case '..':
+                                            dashArray = '2,2';
+                                            break;
+                                        case '__':
+                                            dashArray = '1,3';
+                                            break;
+                                    }
+                                    // Calculate available width at this y
+                                    const halfW = getEllipseHalfWidthAtY(y - 1) - SEPARATOR_MARGIN;
+                                    return (_jsx("line", { x1: ellipseCx - halfW, x2: ellipseCx + halfW, y1: y - lineHeight / 2 + 2, y2: y - lineHeight / 2 + 2, stroke: "#888", strokeDasharray: trimmed === '==' ? '' : dashArray, strokeWidth: trimmed === '==' ? 2 : 1 }, `sep-${idx}`));
+                                }
+                                return null;
+                            }), _jsx("text", { x: ellipseCx, textAnchor: "middle", children: wrappedLines.map((line, idx) => {
+                                    if (lineTypes[idx] === 'sep')
+                                        return null;
+                                    const isLabel = lineTypes[idx] === 'label';
+                                    return (_jsx("tspan", { x: ellipseCx, y: getLineY(idx), fontSize: isLabel ? 16 : 13, fontWeight: isLabel ? 'bold' : 'normal', fill: isLabel ? 'black' : '#333', children: line }, `tspan-${idx}`));
+                                }) })] }), _jsx(Handle, { id: "right", type: "source", position: Position.Right }), _jsx(Handle, { id: "left", type: "target", position: Position.Left })] })] }));
+};
+export default memo(UseCaseNode);
+//# sourceMappingURL=UseCaseNode.js.map

package/dist/out-tsc/packages/diagrams/src/lib/templates/useCaseDiagram/nodes/UseCaseNode.js.map

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