Sysml Interactions Entities

Combined Fragment

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.coregion;strokeWidth=3;',
  },
  _width: 1,
  _height: 220,
}

Coregion 2

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'shape=ellipse;html=1;fillColor=strokeColor;',
  },
  _width: 2,
  _height: 220,
}

Coregion 3

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;dashed=1;endArrow=none;rounded=0;',
  },
  _width: 4,
  _height: 220,
}

Coregion 4

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'shape=rect;fillColor=#eeeeee;html=1;',
  },
  _width: 2,
  _height: 220,
}

Creation/Destruction Event 2

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'shape=ellipse;fillColor=strokeColor;html=1;',
  },
  _width: 3,
  _height: 220,
}

Creation/Destruction Event 3

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;dashed=1;endArrow=none;html=1;rounded=0;',
  },
  _width: 5,
  _height: 220,
}

Creation/Destruction Event 4

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;endArrow=open;verticalAlign=bottom;endSize=12;html=1;rounded=0;',
  },
  _width: 8,
  _height: 220,
}

Creation/Destruction Event 5

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=elbowEdgeStyle;endArrow=open;elbow=vertical;endSize=12;html=1;rounded=0;',
  },
  _width: 9,
  _height: 220,
}

Creation/Destruction Event 6

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;endArrow=sysMLx;endSize=22;dashed=1;html=1;rounded=0;',
  },
  _width: 10,
  _height: 220,
}

Duration Constraint

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.dimension;rotation=-90;verticalAlign=top;spacingTop=-5',
  },
  _width: 1,
  _height: 250,
}

Duration Constraint 2

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;dashed=1;endArrow=none;html=1;',
  },
  _width: 2,
  _height: 250,
}

Duration Constraint 3

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=open;verticalAlign=bottom;endSize=12;',
  },
  _width: 3,
  _height: 250,
}

Duration Constraint 4

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=open;verticalAlign=bottom;spacingBottom=5;endSize=12;',
  },
  _width: 4,
  _height: 250,
}

Duration Constraint 5

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=open;verticalAlign=top;spacingTop=5;endSize=12;',
  },
  _width: 5,
  _height: 250,
}

Execution Specification

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'shape=rect;html=1;fillColor=#eeeeee;',
  },
  _width: 1,
  _height: 220,
}

Execution Specification 2

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;dashed=1;endArrow=none;',
  },
  _width: 2,
  _height: 220,
}

Interaction Use

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.package;labelX=40;whiteSpace=wrap;align=center;',
  },
  _width: 0,
  _height: 60,
}

Lifeline

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'shape=rect;html=1;whiteSpace=wrap;align=center;',
  },
  _width: 0,
  _height: 150,
}

Lifeline 2

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;dashed=1;html=1;endArrow=none;',
  },
  _width: 2,
  _height: 250,
}

Message 2

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=block;verticalAlign=bottom;endSize=12;endFill=1;',
  },
  _width: 5,
  _height: 250,
}

Message 3

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=open;verticalAlign=bottom;endSize=12;endFill=1;dashed=1;',
  },
  _width: 6,
  _height: 250,
}

Sequence Diagram

Preview

Usage

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)}
  />

Definition

{
  _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

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)}
  />

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.sysml.cont;fontStyle=1;whiteSpace=wrap;align=center;',
  },
  _width: 1,
  _height: 220,
}

Time Constraint

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=none;align=right;labelBackgroundColor=none;',
  },
  _width: 4,
  _height: 200,
}

Time Constraint 2

Preview

Usage

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)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=none;html=1;endArrow=none;align=left;labelBackgroundColor=none;',
  },
  _width: 5,
  _height: 200,
}