Sysml Interactions Entities
Combined Fragment
- Preview
- Usage
- Definition
import { CombinedFragment } from '@dinghy/diagrams/entitiesSysmlInteractions'
<CombinedFragment/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMBINED_FRAGMENT } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, COMBINED_FRAGMENT)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.package;labelX=100;html=1;overflow=fill;strokeWidth=1;recursiveResize=0;',
},
_width: 0,
_height: 320,
}
Coregion
- Preview
- Usage
- Definition
import { Coregion } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Coregion/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COREGION } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, COREGION)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.coregion;strokeWidth=3;',
},
_width: 1,
_height: 220,
}
Coregion 2
- Preview
- Usage
- Definition
import { Coregion2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Coregion2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COREGION_2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, COREGION_2)}
/>
{
_style: {
entity: 'shape=ellipse;html=1;fillColor=strokeColor;',
},
_width: 2,
_height: 220,
}
Coregion 3
- Preview
- Usage
- Definition
import { Coregion3 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Coregion3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COREGION_3 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, COREGION_3)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;dashed=1;endArrow=none;rounded=0;',
},
_width: 4,
_height: 220,
}
Coregion 4
- Preview
- Usage
- Definition
import { Coregion4 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Coregion4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COREGION_4 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, COREGION_4)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;dashed=1;endArrow=none;startArrow=open;verticalAlign=bottom;startSize=12;rounded=0;',
},
_width: 7,
_height: 220,
}
Creation/Destruction Event
- Preview
- Usage
- Definition
import { CreationDestructionEvent } from '@dinghy/diagrams/entitiesSysmlInteractions'
<CreationDestructionEvent/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CREATION_DESTRUCTION_EVENT } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, CREATION_DESTRUCTION_EVENT)}
/>
{
_style: {
entity: 'shape=rect;fillColor=#eeeeee;html=1;',
},
_width: 2,
_height: 220,
}
Creation/Destruction Event 2
- Preview
- Usage
- Definition
import { CreationDestructionEvent2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<CreationDestructionEvent2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CREATION_DESTRUCTION_EVENT_2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, CREATION_DESTRUCTION_EVENT_2)}
/>
{
_style: {
entity: 'shape=ellipse;fillColor=strokeColor;html=1;',
},
_width: 3,
_height: 220,
}
Creation/Destruction Event 3
- Preview
- Usage
- Definition
import { CreationDestructionEvent3 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<CreationDestructionEvent3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CREATION_DESTRUCTION_EVENT_3 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, CREATION_DESTRUCTION_EVENT_3)}
/>
{
_style: {
entity: 'edgeStyle=none;dashed=1;endArrow=none;html=1;rounded=0;',
},
_width: 5,
_height: 220,
}
Creation/Destruction Event 4
- Preview
- Usage
- Definition
import { CreationDestructionEvent4 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<CreationDestructionEvent4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CREATION_DESTRUCTION_EVENT_4 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, CREATION_DESTRUCTION_EVENT_4)}
/>
{
_style: {
entity: 'edgeStyle=none;endArrow=open;verticalAlign=bottom;endSize=12;html=1;rounded=0;',
},
_width: 8,
_height: 220,
}
Creation/Destruction Event 5
- Preview
- Usage
- Definition
import { CreationDestructionEvent5 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<CreationDestructionEvent5/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CREATION_DESTRUCTION_EVENT_5 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, CREATION_DESTRUCTION_EVENT_5)}
/>
{
_style: {
entity: 'edgeStyle=elbowEdgeStyle;endArrow=open;elbow=vertical;endSize=12;html=1;rounded=0;',
},
_width: 9,
_height: 220,
}
Creation/Destruction Event 6
- Preview
- Usage
- Definition
import { CreationDestructionEvent6 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<CreationDestructionEvent6/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CREATION_DESTRUCTION_EVENT_6 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, CREATION_DESTRUCTION_EVENT_6)}
/>
{
_style: {
entity: 'edgeStyle=none;endArrow=sysMLx;endSize=22;dashed=1;html=1;rounded=0;',
},
_width: 10,
_height: 220,
}
Duration Constraint
- Preview
- Usage
- Definition
import { DurationConstraint } from '@dinghy/diagrams/entitiesSysmlInteractions'
<DurationConstraint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DURATION_CONSTRAINT } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, DURATION_CONSTRAINT)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.dimension;rotation=-90;verticalAlign=top;spacingTop=-5',
},
_width: 1,
_height: 250,
}
Duration Constraint 2
- Preview
- Usage
- Definition
import { DurationConstraint2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<DurationConstraint2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DURATION_CONSTRAINT_2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, DURATION_CONSTRAINT_2)}
/>
{
_style: {
entity: 'edgeStyle=none;dashed=1;endArrow=none;html=1;',
},
_width: 2,
_height: 250,
}
Duration Constraint 3
- Preview
- Usage
- Definition
import { DurationConstraint3 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<DurationConstraint3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DURATION_CONSTRAINT_3 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, DURATION_CONSTRAINT_3)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=open;verticalAlign=bottom;endSize=12;',
},
_width: 3,
_height: 250,
}
Duration Constraint 4
- Preview
- Usage
- Definition
import { DurationConstraint4 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<DurationConstraint4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DURATION_CONSTRAINT_4 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, DURATION_CONSTRAINT_4)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=open;verticalAlign=bottom;spacingBottom=5;endSize=12;',
},
_width: 4,
_height: 250,
}
Duration Constraint 5
- Preview
- Usage
- Definition
import { DurationConstraint5 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<DurationConstraint5/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DURATION_CONSTRAINT_5 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, DURATION_CONSTRAINT_5)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=open;verticalAlign=top;spacingTop=5;endSize=12;',
},
_width: 5,
_height: 250,
}
Execution Specification
- Preview
- Usage
- Definition
import { ExecutionSpecification } from '@dinghy/diagrams/entitiesSysmlInteractions'
<ExecutionSpecification/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXECUTION_SPECIFICATION } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, EXECUTION_SPECIFICATION)}
/>
{
_style: {
entity: 'shape=rect;html=1;fillColor=#eeeeee;',
},
_width: 1,
_height: 220,
}
Execution Specification 2
- Preview
- Usage
- Definition
import { ExecutionSpecification2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<ExecutionSpecification2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXECUTION_SPECIFICATION_2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, EXECUTION_SPECIFICATION_2)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;dashed=1;endArrow=none;',
},
_width: 2,
_height: 220,
}
Interaction Use
- Preview
- Usage
- Definition
import { InteractionUse } from '@dinghy/diagrams/entitiesSysmlInteractions'
<InteractionUse/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INTERACTION_USE } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, INTERACTION_USE)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.package;labelX=40;whiteSpace=wrap;align=center;',
},
_width: 0,
_height: 60,
}
Lifeline
- Preview
- Usage
- Definition
import { Lifeline } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Lifeline/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIFELINE } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, LIFELINE)}
/>
{
_style: {
entity: 'shape=rect;html=1;whiteSpace=wrap;align=center;',
},
_width: 0,
_height: 150,
}
Lifeline 2
- Preview
- Usage
- Definition
import { Lifeline2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Lifeline2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIFELINE_2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, LIFELINE_2)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;dashed=1;endArrow=none;align=center;verticalAlign=bottom;exitX=0.5;exitY=1;',
},
_width: 1,
_height: 150,
}
Message
- Preview
- Usage
- Definition
import { Message } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Message/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, MESSAGE)}
/>
{
_style: {
entity: 'edgeStyle=none;dashed=1;html=1;endArrow=none;',
},
_width: 2,
_height: 250,
}
Message 2
- Preview
- Usage
- Definition
import { Message2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Message2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_2)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=block;verticalAlign=bottom;endSize=12;endFill=1;',
},
_width: 5,
_height: 250,
}
Message 3
- Preview
- Usage
- Definition
import { Message3 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Message3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_3 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_3)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=open;verticalAlign=bottom;endSize=12;endFill=1;dashed=1;',
},
_width: 6,
_height: 250,
}
Sequence Diagram
- Preview
- Usage
- Definition
import { SequenceDiagram } from '@dinghy/diagrams/entitiesSysmlInteractions'
<SequenceDiagram/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEQUENCE_DIAGRAM } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, SEQUENCE_DIAGRAM)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.package;overflow=fill;labelX=95;align=left;spacingLeft=5;verticalAlign=top;spacingTop=-3;',
},
_width: 160,
_height: 80,
}
State Invariant / Continuations
- Preview
- Usage
- Definition
import { StateInvariantContinuations } from '@dinghy/diagrams/entitiesSysmlInteractions'
<StateInvariantContinuations/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STATE_INVARIANT_CONTINUATIONS } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, STATE_INVARIANT_CONTINUATIONS)}
/>
{
_style: {
entity: 'html=1;shape=mxgraph.sysml.cont;fontStyle=1;whiteSpace=wrap;align=center;',
},
_width: 1,
_height: 220,
}
Time Constraint
- Preview
- Usage
- Definition
import { TimeConstraint } from '@dinghy/diagrams/entitiesSysmlInteractions'
<TimeConstraint/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIME_CONSTRAINT } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, TIME_CONSTRAINT)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=none;align=right;labelBackgroundColor=none;',
},
_width: 4,
_height: 200,
}
Time Constraint 2
- Preview
- Usage
- Definition
import { TimeConstraint2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<TimeConstraint2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIME_CONSTRAINT_2 } from '@dinghy/diagrams/entitiesSysmlInteractions'
<Shape
{...props}
_style={extendStyle(props, TIME_CONSTRAINT_2)}
/>
{
_style: {
entity: 'edgeStyle=none;html=1;endArrow=none;align=left;labelBackgroundColor=none;',
},
_width: 5,
_height: 200,
}