Uml UML 2.5 Entities

Accept Event Action

Preview

Usage

import { AcceptEventAction } from '@dinghy/diagrams/entitiesUml25'

<AcceptEventAction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCEPT_EVENT_ACTION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=20;notch2=0;align=center;verticalAlign=middle;fontSize=14;fontStyle=0;fillColor=#FFFFFF;flipH=0;spacingRight=0;spacingLeft=14;whiteSpace=wrap;',
  },
  _width: 170,
  _height: 40,
}

Action with input

Preview

Usage

import { ActionWithInput } from '@dinghy/diagrams/entitiesUml25'

<ActionWithInput/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTION_WITH_INPUT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.uml25.action;html=1;align=center;verticalAlign=middle;absoluteArcSize=1;arcSize=10;dashed=0;spacingLeft=10;flipH=1;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 40,
}

Action with output

Preview

Usage

import { ActionWithOutput } from '@dinghy/diagrams/entitiesUml25'

<ActionWithOutput/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTION_WITH_OUTPUT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.uml25.action;html=1;align=center;verticalAlign=middle;absoluteArcSize=1;arcSize=10;dashed=0;spacingRight=10;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 60,
}

Action with output 2

Preview

Usage

import { ActionWithOutput2 } from '@dinghy/diagrams/entitiesUml25'

<ActionWithOutput2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTION_WITH_OUTPUT_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'text;verticalAlign=middle;align=left;html=1;',
  },
  _width: 1,
  _height: 60,
}

Action with Parameters

Preview

Usage

import { ActionWithParameters } from '@dinghy/diagrams/entitiesUml25'

<ActionWithParameters/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTION_WITH_PARAMETERS } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.uml25.actionParams;html=1;align=center;verticalAlign=top;absoluteArcSize=1;arcSize=10;dashed=0;spacingLeft=10;spacingTop=5;whiteSpace=wrap;',
  },
  _width: 150,
  _height: 50,
}

Activity Partition

Preview

Usage

import { ActivityPartition } from '@dinghy/diagrams/entitiesUml25'

<ActivityPartition/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTIVITY_PARTITION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;align=center;verticalAlign=middle;rounded=1;absoluteArcSize=1;arcSize=10;dashed=0;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 70,
}

Actor

Preview

Usage

import { Actor } from '@dinghy/diagrams/entitiesUml25'

<Actor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTOR } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;',
  },
  _width: 30,
  _height: 60,
}

Actor 2

Preview

Usage

import { Actor2 } from '@dinghy/diagrams/entitiesUml25'

<Actor2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTOR_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;align=center;verticalAlign=middle;dashed=0;whiteSpace=wrap;',
  },
  _width: 160,
  _height: 70,
}

Association

Preview

Usage

import { Association } from '@dinghy/diagrams/entitiesUml25'

<Association/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ASSOCIATION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'fontStyle=1;whiteSpace=wrap;html=1;',
  },
  _width: 140,
  _height: 30,
}

Association / Instance Secification

Preview

Usage

import { AssociationInstanceSecification } from '@dinghy/diagrams/entitiesUml25'

<AssociationInstanceSecification/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ASSOCIATION_INSTANCE_SECIFICATION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'triangle;aspect=fixed;fillColor=strokeColor;',
  },
  _width: 0,
  _height: 22,
}

Association / Instance Secification 2

Preview

Usage

import { AssociationInstanceSecification2 } from '@dinghy/diagrams/entitiesUml25'

<AssociationInstanceSecification2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ASSOCIATION_INSTANCE_SECIFICATION_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;rounded=0;align=center;verticalAlign=bottom;labelBackgroundColor=none;',
  },
  _width: 1,
  _height: 22,
}

Behavior

Preview

Usage

import { Behavior } from '@dinghy/diagrams/entitiesUml25'

<Behavior/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BEHAVIOR } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=note2;boundedLbl=1;whiteSpace=wrap;html=1;size=25;verticalAlign=top;align=left;spacingLeft=5;',
  },
  _width: 0,
  _height: 60,
}

Behavior Action

Preview

Usage

import { BehaviorAction } from '@dinghy/diagrams/entitiesUml25'

<BehaviorAction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BEHAVIOR_ACTION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.uml25.behaviorAction;html=1;rounded=1;absoluteArcSize=1;arcSize=10;align=left;spacingLeft=5;whiteSpace=wrap;',
  },
  _width: 190,
  _height: 60,
}

Choice / Merge Node / Decision Node

Preview

Usage

import { ChoiceMergeNodeDecisionNode } from '@dinghy/diagrams/entitiesUml25'

<ChoiceMergeNodeDecisionNode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHOICE_MERGE_NODE_DECISION_NODE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'rhombus;',
  },
  _original_width: 30,
  _original_height: 30,

}

Class

Preview

Usage

import { Class } from '@dinghy/diagrams/entitiesUml25'

<Class/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASS } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'swimlane;fontStyle=1;align=center;verticalAlign=middle;childLayout=stackLayout;horizontal=1;startSize=29;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;html=1;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 79,
}

Classifier

Preview

Usage

import { Classifier } from '@dinghy/diagrams/entitiesUml25'

<Classifier/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASSIFIER } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'swimlane;fontStyle=0;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;startSize=55;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;html=1;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 183,
}

Classifier 2

Preview

Usage

import { Classifier2 } from '@dinghy/diagrams/entitiesUml25'

<Classifier2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASSIFIER_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=process2;fixedSize=1;size=5;fontStyle=1;html=1;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 40,
}

Classifier 3

Preview

Usage

import { Classifier3 } from '@dinghy/diagrams/entitiesUml25'

<Classifier3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASSIFIER_3 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'swimlane;fontStyle=1;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;html=1;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 183,
}

Classifier 4

Preview

Usage

import { Classifier4 } from '@dinghy/diagrams/entitiesUml25'

<Classifier4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASSIFIER_4 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'swimlane;fontStyle=4;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;html=1;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 138,
}

Classifier 5

Preview

Usage

import { Classifier5 } from '@dinghy/diagrams/entitiesUml25'

<Classifier5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLASSIFIER_5 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'swimlane;fontStyle=0;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;startSize=40;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;html=1;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 70,
}

Comment

Preview

Usage

import { Comment } from '@dinghy/diagrams/entitiesUml25'

<Comment/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMENT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=note2;boundedLbl=1;whiteSpace=wrap;html=1;size=25;verticalAlign=top;align=center;',
  },
  _width: 120,
  _height: 60,
}

Component

Preview

Usage

import { Component } from '@dinghy/diagrams/entitiesUml25'

<Component/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMPONENT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'fontStyle=1;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;marginBottom=0;',
  },
  _width: 0,
  _height: 161,
}

Constraint / Precondition / Postcondition

Preview

Usage

import { ConstraintPreconditionPostcondition } from '@dinghy/diagrams/entitiesUml25'

<ConstraintPreconditionPostcondition/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONSTRAINT_PRECONDITION_POSTCONDITION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=note2;boundedLbl=1;whiteSpace=wrap;html=1;size=25;verticalAlign=top;align=left;spacingLeft=5;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 60,
}

Deployment

Preview

Usage

import { Deployment } from '@dinghy/diagrams/entitiesUml25'

<Deployment/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEPLOYMENT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'verticalAlign=top;align=left;shape=cube;size=10;direction=south;fontStyle=0;html=1;boundedLbl=1;spacingLeft=5;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 140,
}

Entry Point

Preview

Usage

import { EntryPoint } from '@dinghy/diagrams/entitiesUml25'

<EntryPoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENTRY_POINT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'ellipse;',
  },
  _original_width: 30,
  _original_height: 30,

}

Execution region

Preview

Usage

import { ExecutionRegion } from '@dinghy/diagrams/entitiesUml25'

<ExecutionRegion/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXECUTION_REGION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;dashed=0;rounded=1;absoluteArcSize=1;arcSize=20;verticalAlign=middle;align=center;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 50,
}

Exit Point / Flow Final Node

Preview

Usage

import { ExitPointFlowFinalNode } from '@dinghy/diagrams/entitiesUml25'

<ExitPointFlowFinalNode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXIT_POINT_FLOW_FINAL_NODE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=sumEllipse;perimeter=ellipsePerimeter;html=1;backgroundOutline=1;',
  },
  _original_width: 30,
  _original_height: 30,

}

Expansion

Preview

Usage

import { Expansion } from '@dinghy/diagrams/entitiesUml25'

<Expansion/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXPANSION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;dashed=1;rounded=1;absoluteArcSize=1;arcSize=20;verticalAlign=top;align=left;spacingTop=20;spacingLeft=20;whiteSpace=wrap;',
  },
  _original_width: 300,
  _original_height: 300,

}

Final state / node

Preview

Usage

import { FinalStateNode } from '@dinghy/diagrams/entitiesUml25'

<FinalStateNode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FINAL_STATE_NODE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'ellipse;html=1;shape=endState;fillColor=strokeColor;',
  },
  _original_width: 30,
  _original_height: 30,

}

Icon

Preview

Usage

import { Icon } from '@dinghy/diagrams/entitiesUml25'

<Icon/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ICON } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'ellipse;html=1;whiteSpace=wrap;',
  },
  _width: 50,
  _height: 25,
}

Information item

Preview

Usage

import { InformationItem } from '@dinghy/diagrams/entitiesUml25'

<InformationItem/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INFORMATION_ITEM } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'align=left;spacingLeft=10;html=1;dashed=0;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 50,
}

Initial preudostate / node

Preview

Usage

import { InitialPreudostateNode } from '@dinghy/diagrams/entitiesUml25'

<InitialPreudostateNode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INITIAL_PREUDOSTATE_NODE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'ellipse;fillColor=strokeColor;html=1;',
  },
  _original_width: 30,
  _original_height: 30,

}

Input Pin

Preview

Usage

import { InputPin } from '@dinghy/diagrams/entitiesUml25'

<InputPin/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INPUT_PIN } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.uml25.inputPin;html=1;points=[[0,0.5],[1,0.5]];',
  },
  _original_width: 30,
  _original_height: 30,

}

Input Pin 2

Preview

Usage

import { InputPin2 } from '@dinghy/diagrams/entitiesUml25'

<InputPin2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INPUT_PIN_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.uml25.inputPin;html=1;points=[[0,0.5],[1,0.5]];strokeColor=#ffffff;fillColor=#000000;',
  },
  _original_width: 30,
  _original_height: 30,

}

Instance

Preview

Usage

import { Instance } from '@dinghy/diagrams/entitiesUml25'

<Instance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTANCE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'fontStyle=0;html=1;whiteSpace=wrap;',
  },
  _width: 120,
  _height: 40,
}

Interruptible Activity Region

Preview

Usage

import { InterruptibleActivityRegion } from '@dinghy/diagrams/entitiesUml25'

<InterruptibleActivityRegion/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERRUPTIBLE_ACTIVITY_REGION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;align=center;verticalAlign=top;rounded=1;absoluteArcSize=1;arcSize=20;dashed=1;whiteSpace=wrap;',
  },
  _width: 200,
  _height: 100,
}

Join Node

Preview

Usage

import { JoinNode } from '@dinghy/diagrams/entitiesUml25'

<JoinNode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JOIN_NODE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;points=[];perimeter=orthogonalPerimeter;fillColor=strokeColor;align=left;verticalAlign=top;spacingLeft=10;',
  },
  _width: 5,
  _height: 80,
}

Join/Fork Node

Preview

Usage

import { JoinForkNode } from '@dinghy/diagrams/entitiesUml25'

<JoinForkNode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JOIN_FORK_NODE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;points=[];perimeter=orthogonalPerimeter;fillColor=strokeColor;',
  },
  _width: 5,
  _height: 80,
}

Lifeline

Preview

Usage

import { Lifeline } from '@dinghy/diagrams/entitiesUml25'

<Lifeline/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIFELINE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'rounded=0;dashed=0;container=0;collapsible=0;recursiveResize=0;',
  },
  _width: 0,
  _height: 160,
}

Lifeline Continuation

Preview

Usage

import { LifelineContinuation } from '@dinghy/diagrams/entitiesUml25'

<LifelineContinuation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIFELINE_CONTINUATION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'rounded=1;dashed=0;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 200,
}

Model

Preview

Usage

import { Model } from '@dinghy/diagrams/entitiesUml25'

<Model/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MODEL } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=folder;fontStyle=1;tabWidth=110;tabHeight=30;tabPosition=left;html=1;boundedLbl=1;folderSymbol=triangle;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 80,
}

Object Node

Preview

Usage

import { ObjectNode } from '@dinghy/diagrams/entitiesUml25'

<ObjectNode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OBJECT_NODE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;align=center;verticalAlign=middle;rounded=0;absoluteArcSize=1;arcSize=10;dashed=0;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 90,
}

Object Node 2

Preview

Usage

import { ObjectNode2 } from '@dinghy/diagrams/entitiesUml25'

<ObjectNode2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OBJECT_NODE_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=20;notch2=20;align=center;verticalAlign=middle;fontSize=14;fontStyle=0;fillColor=#FFFFFF;whiteSpace=wrap;',
  },
  _width: 160,
  _height: 40,
}

Opaque Action

Preview

Usage

import { OpaqueAction } from '@dinghy/diagrams/entitiesUml25'

<OpaqueAction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPAQUE_ACTION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'text;align=center;verticalAlign=middle;dashed=0;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 40,
}

Output Pin

Preview

Usage

import { OutputPin } from '@dinghy/diagrams/entitiesUml25'

<OutputPin/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OUTPUT_PIN } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.uml25.inputPin;html=1;points=[[0,0.5],[1,0.5]];flipH=1;',
  },
  _original_width: 30,
  _original_height: 30,

}

Output Pin 2

Preview

Usage

import { OutputPin2 } from '@dinghy/diagrams/entitiesUml25'

<OutputPin2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OUTPUT_PIN_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=mxgraph.uml25.inputPin;html=1;points=[[0,0.5],[1,0.5]];strokeColor=#ffffff;fillColor=#000000;flipH=1;',
  },
  _original_width: 30,
  _original_height: 30,

}

Package

Preview

Usage

import { Package } from '@dinghy/diagrams/entitiesUml25'

<Package/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PACKAGE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=folder;fontStyle=1;tabWidth=80;tabHeight=30;tabPosition=left;html=1;boundedLbl=1;whiteSpace=wrap;',
  },
  _width: 150,
  _height: 80,
}

Parameter

Preview

Usage

import { Parameter } from '@dinghy/diagrams/entitiesUml25'

<Parameter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARAMETER } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;',
  },
  _width: 0,
  _height: 40,
}

Parameter 2

Preview

Usage

import { Parameter2 } from '@dinghy/diagrams/entitiesUml25'

<Parameter2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARAMETER_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'text;verticalAlign=middle;align=center;html=1;',
  },
  _width: 1,
  _height: 40,
}

Parameter 3

Preview

Usage

import { Parameter3 } from '@dinghy/diagrams/entitiesUml25'

<Parameter3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PARAMETER_3 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'triangle;html=1;direction=north;',
  },
  _width: 2,
  _height: 40,
}

Pin

Preview

Usage

import { Pin } from '@dinghy/diagrams/entitiesUml25'

<Pin/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PIN } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'fontStyle=0;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=2;html=1;points=[[0,0.5],[1,0.5]];fillColor=strokeColor;',
  },
  _original_width: 30,
  _original_height: 30,

}

Port

Preview

Usage

import { Port } from '@dinghy/diagrams/entitiesUml25'

<Port/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PORT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'fontStyle=0;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=2;',
  },
  _original_width: 30,
  _original_height: 30,

}

Port 2

Preview

Usage

import { Port2 } from '@dinghy/diagrams/entitiesUml25'

<Port2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PORT_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'fontStyle=0;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=2;html=1;',
  },
  _original_width: 30,
  _original_height: 30,

}

Property

Preview

Usage

import { Property } from '@dinghy/diagrams/entitiesUml25'

<Property/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROPERTY } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'align=right;verticalAlign=top;spacingRight=2;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 50,
}

Property 2

Preview

Usage

import { Property2 } from '@dinghy/diagrams/entitiesUml25'

<Property2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROPERTY_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'fontStyle=0;dashed=1;html=1;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 30,
}

Region

Preview

Usage

import { Region } from '@dinghy/diagrams/entitiesUml25'

<Region/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REGION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'line;strokeWidth=1;direction=south;html=1;dashed=1;dashPattern=20 20;',
  },
  _width: 0,
  _height: 100,
}

Region 2

Preview

Usage

import { Region2 } from '@dinghy/diagrams/entitiesUml25'

<Region2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REGION_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'text;align=right;',
  },
  _width: 1,
  _height: 100,
}

Region 3

Preview

Usage

import { Region3 } from '@dinghy/diagrams/entitiesUml25'

<Region3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REGION_3 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'text;align=left;',
  },
  _width: 2,
  _height: 100,
}

Send Signal Action

Preview

Usage

import { SendSignalAction } from '@dinghy/diagrams/entitiesUml25'

<SendSignalAction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SEND_SIGNAL_ACTION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=0;notch2=20;align=center;verticalAlign=middle;fontSize=14;fontStyle=0;fillColor=#FFFFFF;whiteSpace=wrap;',
  },
  _width: 160,
  _height: 40,
}

Shallow History

Preview

Usage

import { ShallowHistory } from '@dinghy/diagrams/entitiesUml25'

<ShallowHistory/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHALLOW_HISTORY } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'ellipse;html=1;',
  },
  _original_width: 30,
  _original_height: 30,

}

Single Execution

Preview

Usage

import { SingleExecution } from '@dinghy/diagrams/entitiesUml25'

<SingleExecution/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINGLE_EXECUTION } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;align=right;verticalAlign=top;rounded=1;absoluteArcSize=1;arcSize=50;dashed=0;spacingTop=10;spacingRight=30;whiteSpace=wrap;',
  },
  _width: 300,
  _height: 160,
}

State

Preview

Usage

import { State } from '@dinghy/diagrams/entitiesUml25'

<State/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'swimlane;fontStyle=4;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;startSize=60;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;html=1;rounded=1;absoluteArcSize=1;arcSize=50;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 176,
}

State 2

Preview

Usage

import { State2 } from '@dinghy/diagrams/entitiesUml25'

<State2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATE_2 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;align=center;verticalAlign=top;rounded=1;absoluteArcSize=1;arcSize=10;dashed=1;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 40,
}

State 3

Preview

Usage

import { State3 } from '@dinghy/diagrams/entitiesUml25'

<State3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATE_3 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;align=center;verticalAlign=top;rounded=1;absoluteArcSize=1;arcSize=10;dashed=0;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 40,
}

State 4

Preview

Usage

import { State4 } from '@dinghy/diagrams/entitiesUml25'

<State4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATE_4 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=folder;align=center;verticalAlign=middle;fontStyle=0;tabWidth=100;tabHeight=30;tabPosition=left;html=1;boundedLbl=1;labelInHeader=1;rounded=1;absoluteArcSize=1;arcSize=10;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 90,
}

State 5

Preview

Usage

import { State5 } from '@dinghy/diagrams/entitiesUml25'

<State5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATE_5 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=umlState;rounded=1;verticalAlign=top;spacingTop=5;umlStateSymbol=collapseState;absoluteArcSize=1;arcSize=10;html=1;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 60,
}

State 6

Preview

Usage

import { State6 } from '@dinghy/diagrams/entitiesUml25'

<State6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATE_6 } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;align=center;verticalAlign=middle;rounded=1;absoluteArcSize=1;arcSize=10;dashed=1;whiteSpace=wrap;',
  },
  _width: 140,
  _height: 40,
}

State with entry point

Preview

Usage

import { StateWithEntryPoint } from '@dinghy/diagrams/entitiesUml25'

<StateWithEntryPoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATE_WITH_ENTRY_POINT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=umlState;rounded=1;verticalAlign=middle;align=center;absoluteArcSize=1;arcSize=10;umlStateConnection=connPointRefEntry;boundedLbl=1;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 60,
}

State with exit point

Preview

Usage

import { StateWithExitPoint } from '@dinghy/diagrams/entitiesUml25'

<StateWithExitPoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STATE_WITH_EXIT_POINT } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=umlState;rounded=1;verticalAlign=middle;spacingTop=0;absoluteArcSize=1;arcSize=10;umlStateConnection=connPointRefExit;boundedLbl=1;whiteSpace=wrap;html=1;',
  },
  _width: 0,
  _height: 60,
}

Stereotype Label

Preview

Usage

import { StereotypeLabel } from '@dinghy/diagrams/entitiesUml25'

<StereotypeLabel/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STEREOTYPE_LABEL } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'text;html=1;align=center;',
  },
  _width: 200,
  _height: 25,
}

Structured Activity Node

Preview

Usage

import { StructuredActivityNode } from '@dinghy/diagrams/entitiesUml25'

<StructuredActivityNode/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STRUCTURED_ACTIVITY_NODE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'dashed=1;rounded=1;absoluteArcSize=1;arcSize=20;html=1;verticalAlign=top;align=left;spacingTop=5;spacingLeft=10;whiteSpace=wrap;',
  },
  _width: 200,
  _height: 100,
}

Template signature

Preview

Usage

import { TemplateSignature } from '@dinghy/diagrams/entitiesUml25'

<TemplateSignature/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TEMPLATE_SIGNATURE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=partialRectangle;html=1;top=1;align=left;dashed=1;',
  },
  _width: 200,
  _height: 20,
}

Terminate

Preview

Usage

import { Terminate } from '@dinghy/diagrams/entitiesUml25'

<Terminate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TERMINATE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=umlDestroy;html=1;',
  },
  _original_width: 30,
  _original_height: 30,

}

Time Event Trigger

Preview

Usage

import { TimeEventTrigger } from '@dinghy/diagrams/entitiesUml25'

<TimeEventTrigger/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TIME_EVENT_TRIGGER } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'shape=collate;html=1;',
  },
  _original_width: 40,
  _original_height: 40,

}

Trigger

Preview

Usage

import { Trigger } from '@dinghy/diagrams/entitiesUml25'

<Trigger/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRIGGER } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'html=1;shape=mxgraph.infographic.ribbonSimple;notch1=20;notch2=0;align=center;verticalAlign=middle;fontSize=14;fontStyle=0;flipH=1;fillColor=#FFFFFF;whiteSpace=wrap;',
  },
  _width: 160,
  _height: 40,
}

Use Case

Preview

Usage

import { UseCase } from '@dinghy/diagrams/entitiesUml25'

<UseCase/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USE_CASE } from '@dinghy/diagrams/entitiesUml25'

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

Definition

{
  _style: {
    entity: 'swimlane;fontStyle=1;align=center;horizontal=1;startSize=30;collapsible=0;html=1;whiteSpace=wrap;',
  },
  _width: 0,
  _height: 140,
}