BPMN 2.0 Choreographies Entities

Additional Participant, Initiating

Preview

Usage

import { AdditionalParticipantInitiating } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<AdditionalParticipantInitiating/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADDITIONAL_PARTICIPANT_INITIATING } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, ADDITIONAL_PARTICIPANT_INITIATING)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=square;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 20,
}

Additional Participant, Initiating, Multi-Instance, Bottom

Preview

Usage

import { AdditionalParticipantInitiatingMultiInstanceBottom } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<AdditionalParticipantInitiatingMultiInstanceBottom/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADDITIONAL_PARTICIPANT_INITIATING_MULTI_INSTANCE_BOTTOM } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, ADDITIONAL_PARTICIPANT_INITIATING_MULTI_INSTANCE_BOTTOM)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=square;verticalAlign=top;isLoopMultiParallel=1;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 40,
}

Additional Participant, Non-Initiating

Preview

Usage

import { AdditionalParticipantNonInitiating } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<AdditionalParticipantNonInitiating/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADDITIONAL_PARTICIPANT_NON_INITIATING } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, ADDITIONAL_PARTICIPANT_NON_INITIATING)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=square;fillColor=#C0C0C0;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 20,
}

Additional Participant, Non-Initiating, Multi-Instance, Bottom

Preview

Usage

import { AdditionalParticipantNonInitiatingMultiInstanceBottom } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<AdditionalParticipantNonInitiatingMultiInstanceBottom/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADDITIONAL_PARTICIPANT_NON_INITIATING_MULTI_INSTANCE_BOTTOM } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, ADDITIONAL_PARTICIPANT_NON_INITIATING_MULTI_INSTANCE_BOTTOM)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=square;verticalAlign=top;isLoopMultiParallel=1;fillColor=#C0C0C0;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 40,
}

Participant, Initiating, Bottom

Preview

Usage

import { ParticipantInitiatingBottom } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingBottom/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_BOTTOM } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_BOTTOM)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;isLoopSub=0;topLeftStyle=square;topRightStyle=square;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 20,
}

Participant, Initiating, Bottom with Decorator

Preview

Usage

import { ParticipantInitiatingBottomWithDecorator } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingBottomWithDecorator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_BOTTOM_WITH_DECORATOR } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_BOTTOM_WITH_DECORATOR)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;html=1;elbow=horizontal;endArrow=none;labelBackgroundColor=none;endSize=12;endFill=0;dashed=1;dashPattern=1 2;exitX=0.5;exitY=1;rounded=0;',
  },
  _width: 2,
  _height: 80,
}

Participant, Initiating, Multi-Instance, Bottom

Preview

Usage

import { ParticipantInitiatingMultiInstanceBottom } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingMultiInstanceBottom/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_MULTI_INSTANCE_BOTTOM } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_MULTI_INSTANCE_BOTTOM)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;verticalAlign=top;isLoopMultiParallel=1;topLeftStyle=square;topRightStyle=square;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 40,
}

Participant, Initiating, Multi-Instance, Bottom with Decorator

Preview

Usage

import { ParticipantInitiatingMultiInstanceBottomWithDecorator } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingMultiInstanceBottomWithDecorator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_MULTI_INSTANCE_BOTTOM_WITH_DECORATOR } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_MULTI_INSTANCE_BOTTOM_WITH_DECORATOR)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;topLeftStyle=square;topRightStyle=square;verticalAlign=top;isLoopMultiParallel=1;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 100,
}

Participant, Initiating, Multi-Instance, Top

Preview

Usage

import { ParticipantInitiatingMultiInstanceTop } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingMultiInstanceTop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_MULTI_INSTANCE_TOP } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_MULTI_INSTANCE_TOP)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;bottomRightStyle=square;bottomLeftStyle=square;verticalAlign=top;isLoopMultiParallel=1;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 40,
}

Participant, Initiating, Top

Preview

Usage

import { ParticipantInitiatingTop } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingTop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_TOP } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_TOP)}
  />

Definition

{
  _style: {
    entity: 'whiteSpace=wrap;shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;bottomRightStyle=square;bottomLeftStyle=square;html=1;',
  },
  _width: 120,
  _height: 20,
}

Participant, Initiating, Top with Decorator

Preview

Usage

import { ParticipantInitiatingTopWithDecorator } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingTopWithDecorator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_TOP_WITH_DECORATOR } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_TOP_WITH_DECORATOR)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;bottomRightStyle=square;bottomLeftStyle=square;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 80,
}

Participant, Initiating, Top with Decorator 2

Preview

Usage

import { ParticipantInitiatingTopWithDecorator2 } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingTopWithDecorator2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_TOP_WITH_DECORATOR_2 } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_TOP_WITH_DECORATOR_2)}
  />

Definition

{
  _style: {
    entity: 'shape=message;html=1;',
  },
  _width: 1,
  _height: 80,
}

Participant, Initiating, Top with Decorator 3

Preview

Usage

import { ParticipantInitiatingTopWithDecorator3 } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantInitiatingTopWithDecorator3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_INITIATING_TOP_WITH_DECORATOR_3 } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_INITIATING_TOP_WITH_DECORATOR_3)}
  />

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;html=1;elbow=horizontal;endArrow=none;labelBackgroundColor=none;endSize=12;endFill=0;dashed=1;dashPattern=1 2;exitX=0.5;exitY=0;rounded=0;',
  },
  _width: 2,
  _height: 80,
}

Participant, Non-Initiating, Bottom

Preview

Usage

import { ParticipantNonInitiatingBottom } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantNonInitiatingBottom/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_NON_INITIATING_BOTTOM } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_NON_INITIATING_BOTTOM)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;isLoopSub=0;topLeftStyle=square;topRightStyle=square;fillColor=#C0C0C0;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 20,
}

Participant, Non-Initiating, Multi-Instance, Bottom

Preview

Usage

import { ParticipantNonInitiatingMultiInstanceBottom } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantNonInitiatingMultiInstanceBottom/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_NON_INITIATING_MULTI_INSTANCE_BOTTOM } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_NON_INITIATING_MULTI_INSTANCE_BOTTOM)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;verticalAlign=top;isLoopMultiParallel=1;topLeftStyle=square;topRightStyle=square;fillColor=#C0C0C0;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 40,
}

Participant, Non-Initiating, Multi-Instance, Bottom with Decorator

Preview

Usage

import { ParticipantNonInitiatingMultiInstanceBottomWithDecorator } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantNonInitiatingMultiInstanceBottomWithDecorator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_NON_INITIATING_MULTI_INSTANCE_BOTTOM_WITH_DECORATOR } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_NON_INITIATING_MULTI_INSTANCE_BOTTOM_WITH_DECORATOR)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;topLeftStyle=square;topRightStyle=square;verticalAlign=top;isLoopMultiParallel=1;fillColor=#C0C0C0;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 100,
}

Participant, Non-Initiating, Multi-Instance, Top

Preview

Usage

import { ParticipantNonInitiatingMultiInstanceTop } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantNonInitiatingMultiInstanceTop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_NON_INITIATING_MULTI_INSTANCE_TOP } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_NON_INITIATING_MULTI_INSTANCE_TOP)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;bottomRightStyle=square;bottomLeftStyle=square;verticalAlign=top;isLoopMultiParallel=1;fillColor=#C0C0C0;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 40,
}

Participant, Non-Initiating, Top

Preview

Usage

import { ParticipantNonInitiatingTop } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantNonInitiatingTop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_NON_INITIATING_TOP } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_NON_INITIATING_TOP)}
  />

Definition

{
  _style: {
    entity: 'shape=mxgraph.bpmn.task2;part=1;taskMarker=abstract;rectStyle=rounded;bottomRightStyle=square;bottomLeftStyle=square;fillColor=#C0C0C0;whiteSpace=wrap;html=1;',
  },
  _width: 120,
  _height: 20,
}

Participant, Non-Initiating, Top with Decorator

Preview

Usage

import { ParticipantNonInitiatingTopWithDecorator } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<ParticipantNonInitiatingTopWithDecorator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARTICIPANT_NON_INITIATING_TOP_WITH_DECORATOR } from '@dinghy/diagrams/entitiesBpmn2Choreographies'

<Shape 
  {...props}
  _style={extendStyle(props, PARTICIPANT_NON_INITIATING_TOP_WITH_DECORATOR)}
  />

Definition

{
  _style: {
    entity: 'shape=message;fillColor=#C0C0C0;html=1;',
  },
  _width: 1,
  _height: 80,
}