BPMN 2.0 Events Entities
Cancel End
- Preview
- Usage
- Definition
import { CancelEnd } from '@dinghy/diagrams/entitiesBpmn2Events'
<CancelEnd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CANCEL_END } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, CANCEL_END)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=cancel;',
},
_original_width: 50,
_original_height: 50,
}
Cancel Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition

import { CancelIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<CancelIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CANCEL_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, CANCEL_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=cancel;',
},
_original_width: 50,
_original_height: 50,
}
Compensation End
- Preview
- Usage
- Definition
import { CompensationEnd } from '@dinghy/diagrams/entitiesBpmn2Events'
<CompensationEnd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPENSATION_END } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, COMPENSATION_END)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=compensation;',
},
_original_width: 50,
_original_height: 50,
}
Compensation Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition
import { CompensationIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<CompensationIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPENSATION_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, COMPENSATION_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=compensation;',
},
_original_width: 50,
_original_height: 50,
}
Compensation Intermediate, Throwing
- Preview
- Usage
- Definition
import { CompensationIntermediateThrowing } from '@dinghy/diagrams/entitiesBpmn2Events'
<CompensationIntermediateThrowing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPENSATION_INTERMEDIATE_THROWING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, COMPENSATION_INTERMEDIATE_THROWING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=throwing;symbol=compensation;',
},
_original_width: 50,
_original_height: 50,
}
Compensation Start, Interrupting
- Preview
- Usage
- Definition
import { CompensationStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<CompensationStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPENSATION_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, COMPENSATION_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventInt;symbol=compensation;',
},
_original_width: 50,
_original_height: 50,
}
Conditional Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition
import { ConditionalIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ConditionalIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONDITIONAL_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, CONDITIONAL_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=conditional;',
},
_original_width: 50,
_original_height: 50,
}
Conditional Intermediate, Boundary Non-Interrupting
- Preview
- Usage
- Definition
import { ConditionalIntermediateBoundaryNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ConditionalIntermediateBoundaryNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONDITIONAL_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, CONDITIONAL_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundNonint;symbol=conditional;',
},
_original_width: 50,
_original_height: 50,
}
Conditional Intermediate, Catching
- Preview
- Usage
- Definition
import { ConditionalIntermediateCatching } from '@dinghy/diagrams/entitiesBpmn2Events'
<ConditionalIntermediateCatching/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONDITIONAL_INTERMEDIATE_CATCHING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, CONDITIONAL_INTERMEDIATE_CATCHING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=catching;symbol=conditional;',
},
_original_width: 50,
_original_height: 50,
}
Conditional Start, Interrupting
- Preview
- Usage
- Definition
import { ConditionalStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ConditionalStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONDITIONAL_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, CONDITIONAL_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=standard;symbol=conditional;',
},
_original_width: 50,
_original_height: 50,
}
Conditional Start, Non-Interrupting
- Preview
- Usage
- Definition
import { ConditionalStartNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ConditionalStartNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONDITIONAL_START_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, CONDITIONAL_START_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventNonint;symbol=conditional;',
},
_original_width: 50,
_original_height: 50,
}
End
- Preview
- Usage
- Definition
import { End } from '@dinghy/diagrams/entitiesBpmn2Events'
<End/>
// or
import { extendStyle } from "@dinghy/base-components";
import { END } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, END)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=terminate2;',
},
_original_width: 50,
_original_height: 50,
}
Error End
- Preview
- Usage
- Definition
import { ErrorEnd } from '@dinghy/diagrams/entitiesBpmn2Events'
<ErrorEnd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ERROR_END } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ERROR_END)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=error;',
},
_original_width: 50,
_original_height: 50,
}
Error Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition

import { ErrorIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ErrorIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ERROR_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ERROR_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=error;',
},
_original_width: 50,
_original_height: 50,
}
Error Start, Interrupting
- Preview
- Usage
- Definition
import { ErrorStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ErrorStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ERROR_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ERROR_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventInt;symbol=error;',
},
_original_width: 50,
_original_height: 50,
}
Escalation End
- Preview
- Usage
- Definition
import { EscalationEnd } from '@dinghy/diagrams/entitiesBpmn2Events'
<EscalationEnd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ESCALATION_END } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ESCALATION_END)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=escalation;',
},
_original_width: 50,
_original_height: 50,
}
Escalation Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition

import { EscalationIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<EscalationIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ESCALATION_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ESCALATION_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=escalation;',
},
_original_width: 50,
_original_height: 50,
}
Escalation Intermediate, Boundary Throwing
- Preview
- Usage
- Definition

import { EscalationIntermediateBoundaryThrowing } from '@dinghy/diagrams/entitiesBpmn2Events'
<EscalationIntermediateBoundaryThrowing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ESCALATION_INTERMEDIATE_BOUNDARY_THROWING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ESCALATION_INTERMEDIATE_BOUNDARY_THROWING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=throwing;symbol=escalation;',
},
_original_width: 50,
_original_height: 50,
}
Escalation Intermediate, Non-Interrupting
- Preview
- Usage
- Definition
import { EscalationIntermediateNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<EscalationIntermediateNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ESCALATION_INTERMEDIATE_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ESCALATION_INTERMEDIATE_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundNonint;symbol=escalation;',
},
_original_width: 50,
_original_height: 50,
}
Escalation Start, Interrupting
- Preview
- Usage
- Definition
import { EscalationStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<EscalationStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ESCALATION_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ESCALATION_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventInt;symbol=escalation;',
},
_original_width: 50,
_original_height: 50,
}
Escalation Start, Non-Interrupting
- Preview
- Usage
- Definition
import { EscalationStartNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<EscalationStartNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ESCALATION_START_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, ESCALATION_START_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventNonint;symbol=escalation;',
},
_original_width: 50,
_original_height: 50,
}
Link Intermediate, Catching
- Preview
- Usage
- Definition
import { LinkIntermediateCatching } from '@dinghy/diagrams/entitiesBpmn2Events'
<LinkIntermediateCatching/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LINK_INTERMEDIATE_CATCHING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, LINK_INTERMEDIATE_CATCHING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=catching;symbol=link;',
},
_original_width: 50,
_original_height: 50,
}
Link Intermediate, Throwing
- Preview
- Usage
- Definition
import { LinkIntermediateThrowing } from '@dinghy/diagrams/entitiesBpmn2Events'
<LinkIntermediateThrowing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LINK_INTERMEDIATE_THROWING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, LINK_INTERMEDIATE_THROWING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=throwing;symbol=link;',
},
_original_width: 50,
_original_height: 50,
}
Message End
- Preview
- Usage
- Definition
import { MessageEnd } from '@dinghy/diagrams/entitiesBpmn2Events'
<MessageEnd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_END } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_END)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=message;',
},
_original_width: 50,
_original_height: 50,
}
Message Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition

import { MessageIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<MessageIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=message;',
},
_original_width: 50,
_original_height: 50,
}
Message Intermediate, Boundary Non-Interrupting
- Preview
- Usage
- Definition
import { MessageIntermediateBoundaryNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<MessageIntermediateBoundaryNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundNonint;symbol=message;',
},
_original_width: 50,
_original_height: 50,
}
Message Intermediate, Catching
- Preview
- Usage
- Definition

import { MessageIntermediateCatching } from '@dinghy/diagrams/entitiesBpmn2Events'
<MessageIntermediateCatching/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_INTERMEDIATE_CATCHING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_INTERMEDIATE_CATCHING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=catching;symbol=message;',
},
_original_width: 50,
_original_height: 50,
}
Message Intermediate, Throwing
- Preview
- Usage
- Definition

import { MessageIntermediateThrowing } from '@dinghy/diagrams/entitiesBpmn2Events'
<MessageIntermediateThrowing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_INTERMEDIATE_THROWING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_INTERMEDIATE_THROWING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=throwing;symbol=message;',
},
_original_width: 50,
_original_height: 50,
}
Message Start, Interrupting
- Preview
- Usage
- Definition
import { MessageStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<MessageStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=standard;symbol=message;',
},
_original_width: 50,
_original_height: 50,
}
Message Start, Non-Interrupting
- Preview
- Usage
- Definition
import { MessageStartNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<MessageStartNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_START_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MESSAGE_START_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventNonint;symbol=message;',
},
_original_width: 50,
_original_height: 50,
}
Multiple End
- Preview
- Usage
- Definition
import { MultipleEnd } from '@dinghy/diagrams/entitiesBpmn2Events'
<MultipleEnd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_END } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MULTIPLE_END)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=multiple;',
},
_original_width: 50,
_original_height: 50,
}
Multiple Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition

import { MultipleIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<MultipleIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MULTIPLE_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=multiple;',
},
_original_width: 50,
_original_height: 50,
}
Multiple Intermediate, Boundary Non-Interrupting
- Preview
- Usage
- Definition
import { MultipleIntermediateBoundaryNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<MultipleIntermediateBoundaryNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MULTIPLE_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundNonint;symbol=multiple;',
},
_original_width: 50,
_original_height: 50,
}
Multiple Intermediate, Catching
- Preview
- Usage
- Definition

import { MultipleIntermediateCatching } from '@dinghy/diagrams/entitiesBpmn2Events'
<MultipleIntermediateCatching/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_INTERMEDIATE_CATCHING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MULTIPLE_INTERMEDIATE_CATCHING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=catching;symbol=multiple;',
},
_original_width: 50,
_original_height: 50,
}
Multiple Intermediate, Throwing
- Preview
- Usage
- Definition
import { MultipleIntermediateThrowing } from '@dinghy/diagrams/entitiesBpmn2Events'
<MultipleIntermediateThrowing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_INTERMEDIATE_THROWING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MULTIPLE_INTERMEDIATE_THROWING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=throwing;symbol=multiple;',
},
_original_width: 50,
_original_height: 50,
}
Multiple Start, Interrupting
- Preview
- Usage
- Definition
import { MultipleStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<MultipleStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MULTIPLE_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=standard;symbol=multiple;',
},
_original_width: 50,
_original_height: 50,
}
Multiple Start, Non-Interrupting
- Preview
- Usage
- Definition
import { MultipleStartNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<MultipleStartNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MULTIPLE_START_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, MULTIPLE_START_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventNonint;symbol=multiple;',
},
_original_width: 50,
_original_height: 50,
}
None Intermediate, Throwing
- Preview
- Usage
- Definition
import { NoneIntermediateThrowing } from '@dinghy/diagrams/entitiesBpmn2Events'
<NoneIntermediateThrowing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NONE_INTERMEDIATE_THROWING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, NONE_INTERMEDIATE_THROWING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=throwing;symbol=general;',
},
_original_width: 50,
_original_height: 50,
}
None Start
- Preview
- Usage
- Definition
import { NoneStart } from '@dinghy/diagrams/entitiesBpmn2Events'
<NoneStart/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NONE_START } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, NONE_START)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=standard;symbol=general;',
},
_original_width: 50,
_original_height: 50,
}
Parallel Multiple Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition
import { ParallelMultipleIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ParallelMultipleIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PARALLEL_MULTIPLE_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, PARALLEL_MULTIPLE_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=parallelMultiple;',
},
_original_width: 50,
_original_height: 50,
}
Parallel Multiple Intermediate, Boundary Non-Interrupting
- Preview
- Usage
- Definition
import { ParallelMultipleIntermediateBoundaryNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ParallelMultipleIntermediateBoundaryNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PARALLEL_MULTIPLE_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, PARALLEL_MULTIPLE_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundNonint;symbol=parallelMultiple;',
},
_original_width: 50,
_original_height: 50,
}
Parallel Multiple Intermediate, Catching
- Preview
- Usage
- Definition
import { ParallelMultipleIntermediateCatching } from '@dinghy/diagrams/entitiesBpmn2Events'
<ParallelMultipleIntermediateCatching/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PARALLEL_MULTIPLE_INTERMEDIATE_CATCHING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, PARALLEL_MULTIPLE_INTERMEDIATE_CATCHING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=catching;symbol=parallelMultiple;',
},
_original_width: 50,
_original_height: 50,
}
Parallel Multiple Start, Interrupting
- Preview
- Usage
- Definition
import { ParallelMultipleStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ParallelMultipleStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PARALLEL_MULTIPLE_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, PARALLEL_MULTIPLE_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventInt;symbol=parallelMultiple;',
},
_original_width: 50,
_original_height: 50,
}
Parallel Multiple Start, Non-Interrupting
- Preview
- Usage
- Definition
import { ParallelMultipleStartNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<ParallelMultipleStartNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PARALLEL_MULTIPLE_START_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, PARALLEL_MULTIPLE_START_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventNonint;symbol=parallelMultiple;',
},
_original_width: 50,
_original_height: 50,
}
Signal End
- Preview
- Usage
- Definition
import { SignalEnd } from '@dinghy/diagrams/entitiesBpmn2Events'
<SignalEnd/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_END } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, SIGNAL_END)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=signal;',
},
_original_width: 50,
_original_height: 50,
}
Signal Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition

import { SignalIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<SignalIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, SIGNAL_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=signal;',
},
_original_width: 50,
_original_height: 50,
}
Signal Intermediate, Boundary Non-Interrupting
- Preview
- Usage
- Definition
import { SignalIntermediateBoundaryNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<SignalIntermediateBoundaryNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, SIGNAL_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundNonint;symbol=signal;',
},
_original_width: 50,
_original_height: 50,
}
Signal Intermediate, Catching
- Preview
- Usage
- Definition

import { SignalIntermediateCatching } from '@dinghy/diagrams/entitiesBpmn2Events'
<SignalIntermediateCatching/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_INTERMEDIATE_CATCHING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, SIGNAL_INTERMEDIATE_CATCHING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=catching;symbol=signal;',
},
_original_width: 50,
_original_height: 50,
}
Signal Intermediate, Throwing
- Preview
- Usage
- Definition
import { SignalIntermediateThrowing } from '@dinghy/diagrams/entitiesBpmn2Events'
<SignalIntermediateThrowing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_INTERMEDIATE_THROWING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, SIGNAL_INTERMEDIATE_THROWING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=throwing;symbol=signal;',
},
_original_width: 50,
_original_height: 50,
}
Signal Start, Interrupting
- Preview
- Usage
- Definition
import { SignalStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<SignalStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, SIGNAL_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=standard;symbol=signal;',
},
_original_width: 50,
_original_height: 50,
}
Signal Start, Non-Interrupting
- Preview
- Usage
- Definition
import { SignalStartNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<SignalStartNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIGNAL_START_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, SIGNAL_START_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventNonint;symbol=signal;',
},
_original_width: 50,
_original_height: 50,
}
Terminate
- Preview
- Usage
- Definition
import { Terminate } from '@dinghy/diagrams/entitiesBpmn2Events'
<Terminate/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TERMINATE } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, TERMINATE)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=end;symbol=terminate;',
},
_original_width: 50,
_original_height: 50,
}
Timer Intermediate, Boundary Interrupting
- Preview
- Usage
- Definition

import { TimerIntermediateBoundaryInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<TimerIntermediateBoundaryInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIMER_INTERMEDIATE_BOUNDARY_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, TIMER_INTERMEDIATE_BOUNDARY_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundInt;symbol=timer;',
},
_original_width: 50,
_original_height: 50,
}
Timer Intermediate, Boundary Non-Interrupting
- Preview
- Usage
- Definition

import { TimerIntermediateBoundaryNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<TimerIntermediateBoundaryNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIMER_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, TIMER_INTERMEDIATE_BOUNDARY_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=boundNonint;symbol=timer;',
},
_original_width: 50,
_original_height: 50,
}
Timer Intermediate, Catching
- Preview
- Usage
- Definition

import { TimerIntermediateCatching } from '@dinghy/diagrams/entitiesBpmn2Events'
<TimerIntermediateCatching/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIMER_INTERMEDIATE_CATCHING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, TIMER_INTERMEDIATE_CATCHING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=catching;symbol=timer;',
},
_original_width: 50,
_original_height: 50,
}
Timer Start, Interrupting
- Preview
- Usage
- Definition
import { TimerStartInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<TimerStartInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIMER_START_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, TIMER_START_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=standard;symbol=timer;',
},
_original_width: 50,
_original_height: 50,
}
Timer Start, Non-Interrupting
- Preview
- Usage
- Definition
import { TimerStartNonInterrupting } from '@dinghy/diagrams/entitiesBpmn2Events'
<TimerStartNonInterrupting/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIMER_START_NON_INTERRUPTING } from '@dinghy/diagrams/entitiesBpmn2Events'
<Shape
{...props}
_style={extendStyle(props, TIMER_START_NON_INTERRUPTING)}
/>
{
_style: {
entity: 'points=[[0.145,0.145,0],[0.5,0,0],[0.855,0.145,0],[1,0.5,0],[0.855,0.855,0],[0.5,1,0],[0.145,0.855,0],[0,0.5,0]];shape=mxgraph.bpmn.event;html=1;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;verticalAlign=top;align=center;perimeter=ellipsePerimeter;outlineConnect=0;aspect=fixed;outline=eventNonint;symbol=timer;',
},
_original_width: 50,
_original_height: 50,
}