Sap Connectors Entities

Accent 1

Preview

Usage

import { Accent1 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=1;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Accent 1 2

Preview

Usage

import { Accent12 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent12/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 1 3

Preview

Usage

import { Accent13 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent13/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=0;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Accent 1 4

Preview

Usage

import { Accent14 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent14/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#07838F;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Accent 1, Dashed

Preview

Usage

import { Accent1Dashed } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1Dashed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_DASHED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 1, Dashed 2

Preview

Usage

import { Accent1Dashed2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1Dashed2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_DASHED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 1, Dashed 3

Preview

Usage

import { Accent1Dashed3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1Dashed3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_DASHED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 1, Dashed 4

Preview

Usage

import { Accent1Dashed4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1Dashed4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_DASHED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#07838F;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;dashed=1;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Accent 1, Dotted

Preview

Usage

import { Accent1Dotted } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1Dotted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_DOTTED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 1, Dotted 2

Preview

Usage

import { Accent1Dotted2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1Dotted2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_DOTTED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 1, Dotted 3

Preview

Usage

import { Accent1Dotted3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1Dotted3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_DOTTED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#07838F;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 1, Dotted 4

Preview

Usage

import { Accent1Dotted4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent1Dotted4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_1_DOTTED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#07838F;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;dashPattern=1 4;',
  },
  _width: 120,
  _height: 20,
}

Accent 2

Preview

Usage

import { Accent2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=1;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Accent 2 2

Preview

Usage

import { Accent22 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent22/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 2 3

Preview

Usage

import { Accent23 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent23/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=0;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Accent 2 4

Preview

Usage

import { Accent24 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent24/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#5D36FF;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Accent 2, Dashed

Preview

Usage

import { Accent2Dashed } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2Dashed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_DASHED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 2, Dashed 2

Preview

Usage

import { Accent2Dashed2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2Dashed2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_DASHED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 2, Dashed 3

Preview

Usage

import { Accent2Dashed3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2Dashed3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_DASHED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 2, Dashed 4

Preview

Usage

import { Accent2Dashed4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2Dashed4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_DASHED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#5D36FF;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;dashed=1;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Accent 2, Dotted

Preview

Usage

import { Accent2Dotted } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2Dotted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_DOTTED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 2, Dotted 2

Preview

Usage

import { Accent2Dotted2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2Dotted2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_DOTTED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 2, Dotted 3

Preview

Usage

import { Accent2Dotted3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2Dotted3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_DOTTED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#5D36FF;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 2, Dotted 4

Preview

Usage

import { Accent2Dotted4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent2Dotted4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_2_DOTTED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#5D36FF;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;dashPattern=1 4;',
  },
  _width: 120,
  _height: 20,
}

Accent 3

Preview

Usage

import { Accent3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=1;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Accent 3 2

Preview

Usage

import { Accent32 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent32/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 3 3

Preview

Usage

import { Accent33 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent33/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=0;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Accent 3 4

Preview

Usage

import { Accent34 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent34/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#CB00DC;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Accent 3, Dashed

Preview

Usage

import { Accent3Dashed } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3Dashed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_DASHED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 3, Dashed 2

Preview

Usage

import { Accent3Dashed2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3Dashed2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_DASHED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 3, Dashed 3

Preview

Usage

import { Accent3Dashed3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3Dashed3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_DASHED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Accent 3, Dashed 4

Preview

Usage

import { Accent3Dashed4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3Dashed4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_DASHED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#CB00DC;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;dashed=1;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Accent 3, Dotted

Preview

Usage

import { Accent3Dotted } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3Dotted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_DOTTED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 3, Dotted 2

Preview

Usage

import { Accent3Dotted2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3Dotted2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_DOTTED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 3, Dotted 3

Preview

Usage

import { Accent3Dotted3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3Dotted3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_DOTTED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#CB00DC;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Accent 3, Dotted 4

Preview

Usage

import { Accent3Dotted4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Accent3Dotted4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCENT_3_DOTTED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#CB00DC;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;dashPattern=1 4;',
  },
  _width: 120,
  _height: 20,
}

Default, Firewall

Preview

Usage

import { DefaultFirewall } from '@dinghy/diagrams/entitiesSapConnectors'

<DefaultFirewall/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEFAULT_FIREWALL } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#475E75;bendable=1;rounded=0;endFill=0;endSize=3;strokeWidth=3;',
  },
  _width: 120,
  _height: 0,
}

Direct, Bi-directional

Preview

Usage

import { DirectBiDirectional } from '@dinghy/diagrams/entitiesSapConnectors'

<DirectBiDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIRECT_BI_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475E75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Direct, Elbow

Preview

Usage

import { DirectElbow } from '@dinghy/diagrams/entitiesSapConnectors'

<DirectElbow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIRECT_ELBOW } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#475E75;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Direct, One-directional

Preview

Usage

import { DirectOneDirectional } from '@dinghy/diagrams/entitiesSapConnectors'

<DirectOneDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIRECT_ONE_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=1;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Error

Preview

Usage

import { Error } from '@dinghy/diagrams/entitiesSapConnectors'

<Error/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=1;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Error 2

Preview

Usage

import { Error2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Error2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Error 3

Preview

Usage

import { Error3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Error3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=0;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Error 4

Preview

Usage

import { Error4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Error4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#d20a0a;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Error, Dashed

Preview

Usage

import { ErrorDashed } from '@dinghy/diagrams/entitiesSapConnectors'

<ErrorDashed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_DASHED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Error, Dashed 2

Preview

Usage

import { ErrorDashed2 } from '@dinghy/diagrams/entitiesSapConnectors'

<ErrorDashed2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_DASHED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Error, Dashed 3

Preview

Usage

import { ErrorDashed3 } from '@dinghy/diagrams/entitiesSapConnectors'

<ErrorDashed3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_DASHED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Error, Dashed 4

Preview

Usage

import { ErrorDashed4 } from '@dinghy/diagrams/entitiesSapConnectors'

<ErrorDashed4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_DASHED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#d20a0a;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;dashed=1;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Error, Dotted

Preview

Usage

import { ErrorDotted } from '@dinghy/diagrams/entitiesSapConnectors'

<ErrorDotted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_DOTTED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Error, Dotted 2

Preview

Usage

import { ErrorDotted2 } from '@dinghy/diagrams/entitiesSapConnectors'

<ErrorDotted2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_DOTTED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Error, Dotted 3

Preview

Usage

import { ErrorDotted3 } from '@dinghy/diagrams/entitiesSapConnectors'

<ErrorDotted3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_DOTTED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#d20a0a;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Error, Dotted 4

Preview

Usage

import { ErrorDotted4 } from '@dinghy/diagrams/entitiesSapConnectors'

<ErrorDotted4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ERROR_DOTTED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#d20a0a;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;dashPattern=1 4;',
  },
  _width: 120,
  _height: 20,
}

Firewall 2

Preview

Usage

import { Firewall2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Firewall2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#D20A0A;bendable=1;rounded=0;endFill=0;endSize=6;strokeWidth=3;',
  },
  _width: 120,
  _height: 0,
}

Firewall 3

Preview

Usage

import { Firewall3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Firewall3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=0;endSize=3;strokeWidth=3;',
  },
  _width: 120,
  _height: 0,
}

Indirect, Bi-directional

Preview

Usage

import { IndirectBiDirectional } from '@dinghy/diagrams/entitiesSapConnectors'

<IndirectBiDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDIRECT_BI_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Indirect, Elbow

Preview

Usage

import { IndirectElbow } from '@dinghy/diagrams/entitiesSapConnectors'

<IndirectElbow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDIRECT_ELBOW } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#475E75;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;dashed=1;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Indirect, One-directional

Preview

Usage

import { IndirectOneDirectional } from '@dinghy/diagrams/entitiesSapConnectors'

<IndirectOneDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDIRECT_ONE_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Optional, Bi-directional

Preview

Usage

import { OptionalBiDirectional } from '@dinghy/diagrams/entitiesSapConnectors'

<OptionalBiDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPTIONAL_BI_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Optional, Elbow

Preview

Usage

import { OptionalElbow } from '@dinghy/diagrams/entitiesSapConnectors'

<OptionalElbow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPTIONAL_ELBOW } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#475E75;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;dashPattern=1 4;',
  },
  _width: 120,
  _height: 20,
}

Optional, One-directional

Preview

Usage

import { OptionalOneDirectional } from '@dinghy/diagrams/entitiesSapConnectors'

<OptionalOneDirectional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPTIONAL_ONE_DIRECTIONAL } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#475E75;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Plain Optional

Preview

Usage

import { PlainOptional } from '@dinghy/diagrams/entitiesSapConnectors'

<PlainOptional/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAIN_OPTIONAL } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#475E75;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Plain, Direct

Preview

Usage

import { PlainDirect } from '@dinghy/diagrams/entitiesSapConnectors'

<PlainDirect/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAIN_DIRECT } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Plain, Indirect

Preview

Usage

import { PlainIndirect } from '@dinghy/diagrams/entitiesSapConnectors'

<PlainIndirect/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAIN_INDIRECT } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#475e75;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Success

Preview

Usage

import { Success } from '@dinghy/diagrams/entitiesSapConnectors'

<Success/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=1;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Success 2

Preview

Usage

import { Success2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Success2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Success 3

Preview

Usage

import { Success3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Success3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=0;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Success 4

Preview

Usage

import { Success4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Success4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#188918;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Success, Dashed

Preview

Usage

import { SuccessDashed } from '@dinghy/diagrams/entitiesSapConnectors'

<SuccessDashed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_DASHED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Success, Dashed 2

Preview

Usage

import { SuccessDashed2 } from '@dinghy/diagrams/entitiesSapConnectors'

<SuccessDashed2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_DASHED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Success, Dashed 3

Preview

Usage

import { SuccessDashed3 } from '@dinghy/diagrams/entitiesSapConnectors'

<SuccessDashed3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_DASHED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Success, Dashed 4

Preview

Usage

import { SuccessDashed4 } from '@dinghy/diagrams/entitiesSapConnectors'

<SuccessDashed4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_DASHED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#188918;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;',
  },
  _width: 120,
  _height: 20,
}

Success, Dotted

Preview

Usage

import { SuccessDotted } from '@dinghy/diagrams/entitiesSapConnectors'

<SuccessDotted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_DOTTED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Success, Dotted 2

Preview

Usage

import { SuccessDotted2 } from '@dinghy/diagrams/entitiesSapConnectors'

<SuccessDotted2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_DOTTED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Success, Dotted 3

Preview

Usage

import { SuccessDotted3 } from '@dinghy/diagrams/entitiesSapConnectors'

<SuccessDotted3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_DOTTED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#188918;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Success, Dotted 4

Preview

Usage

import { SuccessDotted4 } from '@dinghy/diagrams/entitiesSapConnectors'

<SuccessDotted4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_DOTTED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#188918;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;dashPattern=1 4;',
  },
  _width: 120,
  _height: 20,
}

Warning

Preview

Usage

import { Warning } from '@dinghy/diagrams/entitiesSapConnectors'

<Warning/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=1;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Warning 2

Preview

Usage

import { Warning2 } from '@dinghy/diagrams/entitiesSapConnectors'

<Warning2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Warning 3

Preview

Usage

import { Warning3 } from '@dinghy/diagrams/entitiesSapConnectors'

<Warning3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=0;endSize=4;strokeWidth=1.5;startSize=4;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 0,
}

Warning 4

Preview

Usage

import { Warning4 } from '@dinghy/diagrams/entitiesSapConnectors'

<Warning4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#c35500;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Warning, Dashed

Preview

Usage

import { WarningDashed } from '@dinghy/diagrams/entitiesSapConnectors'

<WarningDashed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_DASHED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Warning, Dashed 2

Preview

Usage

import { WarningDashed2 } from '@dinghy/diagrams/entitiesSapConnectors'

<WarningDashed2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_DASHED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Warning, Dashed 3

Preview

Usage

import { WarningDashed3 } from '@dinghy/diagrams/entitiesSapConnectors'

<WarningDashed3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_DASHED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;',
  },
  _width: 120,
  _height: 0,
}

Warning, Dashed 4

Preview

Usage

import { WarningDashed4 } from '@dinghy/diagrams/entitiesSapConnectors'

<WarningDashed4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_DASHED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#c35500;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;dashed=1;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;',
  },
  _width: 120,
  _height: 20,
}

Warning, Dotted

Preview

Usage

import { WarningDotted } from '@dinghy/diagrams/entitiesSapConnectors'

<WarningDotted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_DOTTED } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Warning, Dotted 2

Preview

Usage

import { WarningDotted2 } from '@dinghy/diagrams/entitiesSapConnectors'

<WarningDotted2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_DOTTED_2 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=blockThin;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=1;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=blockThin;startFill=1;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Warning, Dotted 3

Preview

Usage

import { WarningDotted3 } from '@dinghy/diagrams/entitiesSapConnectors'

<WarningDotted3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_DOTTED_3 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'endArrow=none;html=1;strokeColor=#c35500;bendable=1;rounded=0;endFill=0;endSize=4;edgeStyle=entityRelationEdgeStyle;startArrow=none;startFill=0;startSize=4;jumpStyle=none;jumpSize=0;targetPerimeterSpacing=15;dashed=1;strokeWidth=1.5;dashPattern=1 4;',
  },
  _width: 120,
  _height: 0,
}

Warning, Dotted 4

Preview

Usage

import { WarningDotted4 } from '@dinghy/diagrams/entitiesSapConnectors'

<WarningDotted4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WARNING_DOTTED_4 } from '@dinghy/diagrams/entitiesSapConnectors'

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

Definition

{
  _style: {
    entity: 'edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=18;strokeColor=#c35500;fontFamily=Helvetica;fontColor=default;targetPerimeterSpacing=15;endSize=4;startSize=4;endArrow=blockThin;endFill=1;strokeWidth=1.5;startArrow=none;startFill=0;dashed=1;dashPattern=1 4;',
  },
  _width: 120,
  _height: 20,
}