Cisco Design Entities

Access Point

Preview

Usage

import { AccessPoint } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AccessPoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCESS_POINT } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.access_point;',
  },
  _original_width: 50,
  _original_height: 45,

}

Access Switch

Preview

Usage

import { AccessSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AccessSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACCESS_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.access_switch_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

ACI Controller

Preview

Usage

import { AciController } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AciController/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACI_CONTROLLER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.aci_controller;',
  },
  _original_width: 50,
  _original_height: 45,

}

ACI Controller 2

Preview

Usage

import { AciController2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AciController2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACI_CONTROLLER_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.aci_controller_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

ACI Leaf Switch

Preview

Usage

import { AciLeafSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AciLeafSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACI_LEAF_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.aci_leaf_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

ACI Spine Switch

Preview

Usage

import { AciSpineSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AciSpineSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACI_SPINE_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.aci_spine_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

Actor (female)

Preview

Usage

import { ActorFemale } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<ActorFemale/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTOR_FEMALE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;verticalAlign=top;align=center;pointerEvents=1;shape=mxgraph.cisco_safe.design.actor_1;',
  },
  _width: 23.5,
  _height: 50,
}

Actor (male)

Preview

Usage

import { ActorMale } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<ActorMale/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTOR_MALE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;verticalAlign=top;align=center;pointerEvents=1;shape=mxgraph.cisco_safe.design.actor_2;',
  },
  _width: 19,
  _height: 50,
}

Actuator

Preview

Usage

import { Actuator } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Actuator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ACTUATOR } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;verticalAlign=top;align=center;pointerEvents=1;shape=mxgraph.cisco_safe.design.actuator;',
  },
  _original_width: 50,
  _original_height: 45,

}

Adaptive Security Appliance

Preview

Usage

import { AdaptiveSecurityAppliance } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AdaptiveSecurityAppliance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADAPTIVE_SECURITY_APPLIANCE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.adaptive_security_appliance;',
  },
  _original_width: 50,
  _original_height: 45,

}

Adaptive Security Appliance 2

Preview

Usage

import { AdaptiveSecurityAppliance2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AdaptiveSecurityAppliance2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADAPTIVE_SECURITY_APPLIANCE_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.adaptive_security_appliance_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Automated System

Preview

Usage

import { AutomatedSystem } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<AutomatedSystem/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUTOMATED_SYSTEM } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.automated_system;',
  },
  _original_width: 50,
  _original_height: 45,

}

Blade Server

Preview

Usage

import { BladeServer } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<BladeServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLADE_SERVER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.blade_server;',
  },
  _original_width: 50,
  _original_height: 45,

}

Blade Server 2

Preview

Usage

import { BladeServer2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<BladeServer2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLADE_SERVER_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.blade_server_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Blank Device

Preview

Usage

import { BlankDevice } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<BlankDevice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLANK_DEVICE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;verticalAlign=top;pointerEvents=1;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];shape=mxgraph.cisco_safe.design.blank_device;',
  },
  _original_width: 50,
  _original_height: 45,

}

Blank Service

Preview

Usage

import { BlankService } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<BlankService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLANK_SERVICE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.blank_service;',
  },
  _original_width: 50,
  _original_height: 45,

}

Call Manager

Preview

Usage

import { CallManager } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<CallManager/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALL_MANAGER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.call_manager;',
  },
  _original_width: 50,
  _original_height: 45,

}

Catalyst Data Center Switch

Preview

Usage

import { CatalystDataCenterSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<CatalystDataCenterSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CATALYST_DATA_CENTER_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.catalyst_data_center_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

Catalyst Switch Stack

Preview

Usage

import { CatalystSwitchStack } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<CatalystSwitchStack/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CATALYST_SWITCH_STACK } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.catalyst_switch_stack;',
  },
  _original_width: 50,
  _original_height: 45,

}

Cisco Amp

Preview

Usage

import { CiscoAmp } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<CiscoAmp/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_AMP } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.cisco_amp;',
  },
  _original_width: 50,
  _original_height: 45,

}

Cisco AnyConnect

Preview

Usage

import { CiscoAnyconnect } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<CiscoAnyconnect/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_ANYCONNECT } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.cisco_anyconnect;',
  },
  _original_width: 50,
  _original_height: 45,

}

Cisco Cloud Web Security

Preview

Usage

import { CiscoCloudWebSecurity } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<CiscoCloudWebSecurity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_CLOUD_WEB_SECURITY } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.cisco_cloud_web_security;',
  },
  _original_width: 50,
  _original_height: 45,

}

Client Firewall

Preview

Usage

import { ClientFirewall } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<ClientFirewall/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLIENT_FIREWALL } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.client_firewall;',
  },
  _original_width: 50,
  _original_height: 45,

}

Core Switch

Preview

Usage

import { CoreSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<CoreSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CORE_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.l3_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

Corporate Device

Preview

Usage

import { CorporateDevice } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<CorporateDevice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CORPORATE_DEVICE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.corporate_device;',
  },
  _original_width: 50,
  _original_height: 45,

}

DDOS Protection

Preview

Usage

import { DdosProtection } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<DdosProtection/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DDOS_PROTECTION } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.ddos_protection;',
  },
  _original_width: 50,
  _original_height: 45,

}

DDOS Protection 2

Preview

Usage

import { DdosProtection2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<DdosProtection2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DDOS_PROTECTION_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.ddos_protection_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Distribution Switch

Preview

Usage

import { DistributionSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<DistributionSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DISTRIBUTION_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.distribution_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

Email Security

Preview

Usage

import { EmailSecurity } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<EmailSecurity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EMAIL_SECURITY } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.email_security;',
  },
  _original_width: 50,
  _original_height: 45,

}

Encryption Offload

Preview

Usage

import { EncryptionOffload } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<EncryptionOffload/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENCRYPTION_OFFLOAD } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.encryption_offload;',
  },
  _original_width: 50,
  _original_height: 45,

}

Endpoint Concentrator

Preview

Usage

import { EndpointConcentrator } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<EndpointConcentrator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENDPOINT_CONCENTRATOR } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.endpoint_concentrator;',
  },
  _original_width: 50,
  _original_height: 45,

}

Endpoint Concentrator 2

Preview

Usage

import { EndpointConcentrator2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<EndpointConcentrator2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENDPOINT_CONCENTRATOR_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.endpoint_concentrator_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Fabric Switch

Preview

Usage

import { FabricSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FabricSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FABRIC_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.fabric_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

Firepower Appliance

Preview

Usage

import { FirepowerAppliance } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FirepowerAppliance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREPOWER_APPLIANCE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.firepower_appliance;',
  },
  _original_width: 50,
  _original_height: 45,

}

Firepower Appliance 2

Preview

Usage

import { FirepowerAppliance2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FirepowerAppliance2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREPOWER_APPLIANCE_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.firepower_appliance_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Firepower Management Center

Preview

Usage

import { FirepowerManagementCenter } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FirepowerManagementCenter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREPOWER_MANAGEMENT_CENTER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.firepower_management_center;',
  },
  _original_width: 50,
  _original_height: 45,

}

Firepower Management Center 2

Preview

Usage

import { FirepowerManagementCenter2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FirepowerManagementCenter2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREPOWER_MANAGEMENT_CENTER_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.firepower_management_center_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Firewall

Preview

Usage

import { Firewall } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Firewall/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.firewall;',
  },
  _original_width: 50,
  _original_height: 45,

}

Firewall 2

Preview

Usage

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

<Firewall2/>

// or

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

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.firewall_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Flow Collector

Preview

Usage

import { FlowCollector } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FlowCollector/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLOW_COLLECTOR } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.flow_collector;',
  },
  _original_width: 50,
  _original_height: 45,

}

Flow Collector 2

Preview

Usage

import { FlowCollector2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FlowCollector2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLOW_COLLECTOR_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.flow_collector_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Flow Sensor

Preview

Usage

import { FlowSensor } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FlowSensor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLOW_SENSOR } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.flow_sensor;',
  },
  _original_width: 50,
  _original_height: 45,

}

Flow Sensor 2

Preview

Usage

import { FlowSensor2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<FlowSensor2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLOW_SENSOR_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.flow_sensor_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Identity Directory

Preview

Usage

import { IdentityDirectory } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<IdentityDirectory/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IDENTITY_DIRECTORY } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.identity_directory;',
  },
  _original_width: 50,
  _original_height: 45,

}

Intrusion Prevention

Preview

Usage

import { IntrusionPrevention } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<IntrusionPrevention/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTRUSION_PREVENTION } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.intrusion_detection;',
  },
  _original_width: 50,
  _original_height: 45,

}

Intrusion Prevention 2

Preview

Usage

import { IntrusionPrevention2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<IntrusionPrevention2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTRUSION_PREVENTION_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.intrusion_prevention_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

L2 Switch

Preview

Usage

import { L2Switch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<L2Switch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { L2_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.l2_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

Load Balancer

Preview

Usage

import { LoadBalancer } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<LoadBalancer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOAD_BALANCER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.load_balancer;',
  },
  _original_width: 50,
  _original_height: 45,

}

Load Balancer 2

Preview

Usage

import { LoadBalancer2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<LoadBalancer2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOAD_BALANCER_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.load_balancer_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Log collector

Preview

Usage

import { LogCollector } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<LogCollector/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOG_COLLECTOR } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.log_collector;',
  },
  _original_width: 50,
  _original_height: 45,

}

Log collector 2

Preview

Usage

import { LogCollector2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<LogCollector2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOG_COLLECTOR_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.log_collector_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Management Console

Preview

Usage

import { ManagementConsole } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<ManagementConsole/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MANAGEMENT_CONSOLE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.mgmt_console;',
  },
  _original_width: 50,
  _original_height: 45,

}

Management Console 2

Preview

Usage

import { ManagementConsole2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<ManagementConsole2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MANAGEMENT_CONSOLE_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.mgmt_console_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

MDM

Preview

Usage

import { Mdm } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Mdm/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MDM } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.mdm;',
  },
  _original_width: 50,
  _original_height: 45,

}

MDM 2

Preview

Usage

import { Mdm2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Mdm2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MDM_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.mdm_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Mobile Device

Preview

Usage

import { MobileDevice } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<MobileDevice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_DEVICE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.mobile_device;',
  },
  _original_width: 50,
  _original_height: 45,

}

Monitoring

Preview

Usage

import { Monitoring } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Monitoring/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MONITORING } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.monitoring;',
  },
  _original_width: 50,
  _original_height: 45,

}

Monitoring 2

Preview

Usage

import { Monitoring2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Monitoring2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MONITORING_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.monitoring_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

MS Active Directory

Preview

Usage

import { MsActiveDirectory } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<MsActiveDirectory/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MS_ACTIVE_DIRECTORY } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.ms_active_directory;',
  },
  _original_width: 50,
  _original_height: 45,

}

MS Active Directory 2

Preview

Usage

import { MsActiveDirectory2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<MsActiveDirectory2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MS_ACTIVE_DIRECTORY_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.ms_active_directory_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Nexus 1kv

Preview

Usage

import { Nexus1kv } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Nexus1kv/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NEXUS_1KV } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.nexus_1kv;',
  },
  _original_width: 50,
  _original_height: 45,

}

Nexus Data Center Switch

Preview

Usage

import { NexusDataCenterSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<NexusDataCenterSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NEXUS_DATA_CENTER_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.nexus_data_center_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

Nexus Fabric Switch

Preview

Usage

import { NexusFabricSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<NexusFabricSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NEXUS_FABRIC_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.nexus_fabric_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

Nexus Switch

Preview

Usage

import { NexusSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<NexusSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NEXUS_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.nexus_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}

NTP

Preview

Usage

import { Ntp } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Ntp/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NTP } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.ntp;',
  },
  _original_width: 50,
  _original_height: 45,

}

NTP 2

Preview

Usage

import { Ntp2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Ntp2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NTP_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.ntp_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Phone

Preview

Usage

import { Phone } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Phone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.phone;',
  },
  _original_width: 50,
  _original_height: 45,

}

Policy

Preview

Usage

import { Policy } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Policy/>

// or

import { extendStyle } from "@dinghy/base-components";
import { POLICY } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.policy;',
  },
  _original_width: 50,
  _original_height: 45,

}

Policy 2

Preview

Usage

import { Policy2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Policy2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { POLICY_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.policy_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Radware Appliance

Preview

Usage

import { RadwareAppliance } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<RadwareAppliance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RADWARE_APPLIANCE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.radware;',
  },
  _original_width: 50,
  _original_height: 45,

}

Radware Appliance 2

Preview

Usage

import { RadwareAppliance2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<RadwareAppliance2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RADWARE_APPLIANCE_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.radware_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Router

Preview

Usage

import { Router } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Router/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUTER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.router;',
  },
  _original_width: 50,
  _original_height: 45,

}

Router 2

Preview

Usage

import { Router2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Router2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUTER_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.router_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

SD-WAN

Preview

Usage

import { SdWan } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<SdWan/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SD_WAN } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.sd_wan;',
  },
  _original_width: 50,
  _original_height: 45,

}

SD-WAN 2

Preview

Usage

import { SdWan2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<SdWan2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SD_WAN_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.sd_wan_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Secure DNS

Preview

Usage

import { SecureDns } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<SecureDns/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECURE_DNS } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.secure_dns;',
  },
  _original_width: 50,
  _original_height: 45,

}

Secure DNS 2

Preview

Usage

import { SecureDns2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<SecureDns2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECURE_DNS_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.secure_dns_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Sensor

Preview

Usage

import { Sensor } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Sensor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SENSOR } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.sensor;',
  },
  _original_width: 50,
  _original_height: 45,

}

Server

Preview

Usage

import { Server } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Server/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.server_1;',
  },
  _original_width: 50,
  _original_height: 45,

}

Server 2

Preview

Usage

import { Server2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Server2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.server_3;',
  },
  _original_width: 50,
  _original_height: 45,

}

Server 3

Preview

Usage

import { Server3 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Server3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_3 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.server_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Server 4

Preview

Usage

import { Server4 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Server4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER_4 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.server_4;',
  },
  _original_width: 50,
  _original_height: 45,

}

SIEM

Preview

Usage

import { Siem } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Siem/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SIEM } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.siem;',
  },
  _original_width: 50,
  _original_height: 45,

}

SIEM 2

Preview

Usage

import { Siem2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Siem2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SIEM_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.siem_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Storage

Preview

Usage

import { Storage } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Storage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STORAGE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.storage_1;',
  },
  _original_width: 50,
  _original_height: 45,

}

Storage 2

Preview

Usage

import { Storage2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Storage2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STORAGE_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.storage;',
  },
  _original_width: 50,
  _original_height: 45,

}

Switch Stack

Preview

Usage

import { SwitchStack } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<SwitchStack/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH_STACK } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.switch_stack;',
  },
  _original_width: 50,
  _original_height: 45,

}

Tetration Agent

Preview

Usage

import { TetrationAgent } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<TetrationAgent/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TETRATION_AGENT } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.tetration_agent;',
  },
  _original_width: 50,
  _original_height: 45,

}

TLS Appliance

Preview

Usage

import { TlsAppliance } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<TlsAppliance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TLS_APPLIANCE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.tls_appliance;',
  },
  _original_width: 50,
  _original_height: 45,

}

UDP Director

Preview

Usage

import { UdpDirector } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<UdpDirector/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UDP_DIRECTOR } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=ellipse;resIcon=mxgraph.cisco_safe.design.udp_director;',
  },
  _original_width: 50,
  _original_height: 45,

}

UDP Director 2

Preview

Usage

import { UdpDirector2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<UdpDirector2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UDP_DIRECTOR_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=ellipse;resIcon=mxgraph.cisco_safe.design.udp_director_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

User

Preview

Usage

import { User } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<User/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=ellipse;resIcon=mxgraph.cisco_safe.design.user;',
  },
  _original_width: 50,
  _original_height: 50,

}

Users

Preview

Usage

import { Users } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<Users/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=ellipse;resIcon=mxgraph.cisco_safe.design.users;',
  },
  _original_width: 50,
  _original_height: 50,

}

Video Endpoint

Preview

Usage

import { VideoEndpoint } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VideoEndpoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_ENDPOINT } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=ellipse;resIcon=mxgraph.cisco_safe.design.video_endpoint;',
  },
  _original_width: 50,
  _original_height: 50,

}

Virtual Secure Server

Preview

Usage

import { VirtualSecureServer } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VirtualSecureServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_SECURE_SERVER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.virtual_secure_server;',
  },
  _original_width: 50,
  _original_height: 45,

}

vLoad Balancer

Preview

Usage

import { VloadBalancer } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VloadBalancer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VLOAD_BALANCER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.vload_balancer;',
  },
  _original_width: 50,
  _original_height: 45,

}

VPN Concentrator

Preview

Usage

import { VpnConcentrator } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VpnConcentrator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VPN_CONCENTRATOR } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.vpn_concentrator;',
  },
  _original_width: 50,
  _original_height: 45,

}

VPN Concentrator 2

Preview

Usage

import { VpnConcentrator2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VpnConcentrator2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VPN_CONCENTRATOR_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.vpn_concentrator_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Vulnerability Management

Preview

Usage

import { VulnerabilityManagement } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VulnerabilityManagement/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VULNERABILITY_MANAGEMENT } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.vulnerability_management;',
  },
  _original_width: 50,
  _original_height: 45,

}

Vulnerability Management 2

Preview

Usage

import { VulnerabilityManagement2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VulnerabilityManagement2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VULNERABILITY_MANAGEMENT_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.vulnerability_management_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

vWAF Security

Preview

Usage

import { VwafSecurity } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VwafSecurity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VWAF_SECURITY } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.vwaf_security;',
  },
  _original_width: 50,
  _original_height: 45,

}

vWeb Security

Preview

Usage

import { VwebSecurity } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VwebSecurity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VWEB_SECURITY } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.vweb_security;',
  },
  _original_width: 50,
  _original_height: 45,

}

vWLAN Controller

Preview

Usage

import { VwlanController } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<VwlanController/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VWLAN_CONTROLLER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.vwlan_controller;',
  },
  _original_width: 50,
  _original_height: 45,

}

Web Application Firewall

Preview

Usage

import { WebApplicationFirewall } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WebApplicationFirewall/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_APPLICATION_FIREWALL } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.web_application_firewall;',
  },
  _original_width: 50,
  _original_height: 45,

}

Web Application Firewall 2

Preview

Usage

import { WebApplicationFirewall2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WebApplicationFirewall2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_APPLICATION_FIREWALL_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.web_application_firewall_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Web Filtering

Preview

Usage

import { WebFiltering } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WebFiltering/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_FILTERING } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.web_filtering;',
  },
  _original_width: 50,
  _original_height: 45,

}

Web Filtering 2

Preview

Usage

import { WebFiltering2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WebFiltering2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_FILTERING_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.web_filtering_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Web Security

Preview

Usage

import { WebSecurity } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WebSecurity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_SECURITY } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.web_security;',
  },
  _original_width: 50,
  _original_height: 45,

}

Wide Area Application Engine

Preview

Usage

import { WideAreaApplicationEngine } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WideAreaApplicationEngine/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIDE_AREA_APPLICATION_ENGINE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.wide_area_application_engine;',
  },
  _original_width: 50,
  _original_height: 45,

}

Wide Area Application Engine 2

Preview

Usage

import { WideAreaApplicationEngine2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WideAreaApplicationEngine2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIDE_AREA_APPLICATION_ENGINE_2 } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.wide_area_application_engine_2;',
  },
  _original_width: 50,
  _original_height: 45,

}

Wireless Corporate Device

Preview

Usage

import { WirelessCorporateDevice } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WirelessCorporateDevice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIRELESS_CORPORATE_DEVICE } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.wireless_corporate_device;',
  },
  _original_width: 50,
  _original_height: 45,

}

Wireless LAN Controller

Preview

Usage

import { WirelessLanController } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WirelessLanController/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIRELESS_LAN_CONTROLLER } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.wlan_controller;',
  },
  _original_width: 50,
  _original_height: 45,

}

Wireless Switch

Preview

Usage

import { WirelessSwitch } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

<WirelessSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIRELESS_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeDesign'

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

Definition

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#A153A0;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0,0.5,0],[0.125,0.25,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.875,0.25,0],[1,0.5,0],[0.875,0.75,0],[0.75,1,0],[0.5,1,0],[0.125,0.75,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.design.blank_device;resIcon=mxgraph.cisco_safe.design.wireless_switch;',
  },
  _original_width: 50,
  _original_height: 45,

}