Cisco Architecture Entities

Access Switch

Preview
Usage
Definition

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

<AccessSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

ACI Controller

Preview
Usage
Definition

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

<AciController/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.aci_controller;',
  },
  _original_width: 50,
  _original_height: 50,

}

ACI Leaf Switch

Preview
Usage
Definition

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

<AciLeafSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.aci_leaf_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

ACI Spine Switch

Preview
Usage
Definition

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

<AciSpineSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.aci_spine_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

Actuator

Preview
Usage
Definition

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

<Actuator/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.actuator;',
  },
  _original_width: 50,
  _original_height: 50,

}

Adaptive Security Appliance

Preview
Usage
Definition

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

<AdaptiveSecurityAppliance/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.adaptive_security_appliance;',
  },
  _original_width: 50,
  _original_height: 50,

}

Automated System

Preview
Usage
Definition

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

<AutomatedSystem/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.automated_system;',
  },
  _original_width: 50,
  _original_height: 50,

}

Blade Server

Preview
Usage
Definition

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

<BladeServer/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.blade_server;',
  },
  _original_width: 50,
  _original_height: 50,

}

Catalyst Switch

Preview
Usage
Definition

import { CatalystSwitch } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<CatalystSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CATALYST_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.catalyst_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

Cisco Appliance

Preview
Usage
Definition

import { CiscoAppliance } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<CiscoAppliance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_APPLIANCE } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.cisco_appliance;',
  },
  _original_width: 50,
  _original_height: 50,

}

Core Switch

Preview
Usage
Definition

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

<CoreSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.l3_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

Corporate Device

Preview
Usage
Definition

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

<CorporateDevice/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.corporate_device1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Corporate Wireless Device

Preview
Usage
Definition

import { CorporateWirelessDevice } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<CorporateWirelessDevice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CORPORATE_WIRELESS_DEVICE } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.corporate_device;',
  },
  _original_width: 50,
  _original_height: 50,

}

DDOS Protection Appliance

Preview
Usage
Definition

import { DdosProtectionAppliance } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<DdosProtectionAppliance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DDOS_PROTECTION_APPLIANCE } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.ddos_protection_appliance;',
  },
  _original_width: 50,
  _original_height: 50,

}

Distribution Switch

Preview
Usage
Definition

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

<DistributionSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.stacked_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

Email Security

Preview
Usage
Definition

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

<EmailSecurity/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.email_security;',
  },
  _original_width: 50,
  _original_height: 50,

}

Endpoint Concentrator

Preview
Usage
Definition

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

<EndpointConcentrator/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.endpoint_concentrator;',
  },
  _original_width: 50,
  _original_height: 50,

}

Fabric Switch

Preview
Usage
Definition

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

<FabricSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.fabric_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

Firepower Appliance

Preview
Usage
Definition

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

<FirepowerAppliance/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.firepower_appliance;',
  },
  _original_width: 50,
  _original_height: 50,

}

Firepower Management Center

Preview
Usage
Definition

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

<FirepowerManagementCenter/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.firepower_management_center;',
  },
  _original_width: 50,
  _original_height: 50,

}

Firewall

Preview
Usage
Definition

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

<Firewall/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.firewall;',
  },
  _original_width: 50,
  _original_height: 50,

}

Flow Collector

Preview
Usage
Definition

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

<FlowCollector/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.flow_collector;',
  },
  _original_width: 50,
  _original_height: 50,

}

Flow Sensor

Preview
Usage
Definition

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

<FlowSensor/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.flow_sensor;',
  },
  _original_width: 50,
  _original_height: 50,

}

Generic Appliance

Preview
Usage
Definition

import { GenericAppliance } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<GenericAppliance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GENERIC_APPLIANCE } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.generic_appliance;',
  },
  _original_width: 50,
  _original_height: 50,

}

Identity Directory

Preview
Usage
Definition

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

<IdentityDirectory/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.identity_directory;',
  },
  _original_width: 50,
  _original_height: 50,

}

Intrusion Detection

Preview
Usage
Definition

import { IntrusionDetection } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<IntrusionDetection/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTRUSION_DETECTION } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.intrusion_detection;',
  },
  _original_width: 50,
  _original_height: 50,

}

Load Balancer

Preview
Usage
Definition

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

<LoadBalancer/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.load_balancer;',
  },
  _original_width: 50,
  _original_height: 50,

}

Log Collector

Preview
Usage
Definition

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

<LogCollector/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.log_collector;',
  },
  _original_width: 50,
  _original_height: 50,

}

Management Console

Preview
Usage
Definition

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

<ManagementConsole/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.mgmt_console;',
  },
  _original_width: 50,
  _original_height: 50,

}

MDM

Preview
Usage
Definition

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

<Mdm/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.mdm;',
  },
  _original_width: 50,
  _original_height: 50,

}

Mobile

Preview
Usage
Definition

import { Mobile } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<Mobile/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.mobile;',
  },
  _original_width: 50,
  _original_height: 50,

}

Monitoring

Preview
Usage
Definition

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

<Monitoring/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.monitoring;',
  },
  _original_width: 50,
  _original_height: 50,

}

Nexus 1kv

Preview
Usage
Definition

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

<Nexus1kv/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.nexus_1kv;',
  },
  _original_width: 50,
  _original_height: 50,

}

Nexus Data Center Switch

Preview
Usage
Definition

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

<NexusDataCenterSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.nexus_data_center_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

Nexus Fabric Switch

Preview
Usage
Definition

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

<NexusFabricSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.nexus_fabric_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

Nexus Switch

Preview
Usage
Definition

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

<NexusSwitch/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.nexus_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

NTP

Preview
Usage
Definition

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

<Ntp/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.ntp;',
  },
  _original_width: 50,
  _original_height: 50,

}

Phone

Preview
Usage
Definition

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

<Phone/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.phone;',
  },
  _original_width: 50,
  _original_height: 50,

}

Policy

Preview
Usage
Definition

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

<Policy/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.policy;',
  },
  _original_width: 50,
  _original_height: 50,

}

Radware Appliance

Preview
Usage
Definition

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

<RadwareAppliance/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.radware_appliance;',
  },
  _original_width: 50,
  _original_height: 50,

}

Router

Preview
Usage
Definition

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

<Router/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.router;',
  },
  _original_width: 50,
  _original_height: 50,

}

Sandbox Appliance

Preview
Usage
Definition

import { SandboxAppliance } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<SandboxAppliance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SANDBOX_APPLIANCE } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.sandbox_appliance;',
  },
  _original_width: 50,
  _original_height: 50,

}

SD WAN

Preview
Usage
Definition

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

<SdWan/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.sd_wan;',
  },
  _original_width: 50,
  _original_height: 50,

}

SD WAN 2

Preview
Usage
Definition

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

<SdWan2/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.sd_wan_2;',
  },
  _original_width: 50,
  _original_height: 50,

}

Secure DNS

Preview
Usage
Definition

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

<SecureDns/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.secure_dns;',
  },
  _original_width: 50,
  _original_height: 50,

}

Secure Server

Preview
Usage
Definition

import { SecureServer } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<SecureServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECURE_SERVER } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.secure_server;',
  },
  _original_width: 50,
  _original_height: 50,

}

Sensor

Preview
Usage
Definition

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

<Sensor/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.sensor;',
  },
  _original_width: 50,
  _original_height: 50,

}

Server

Preview
Usage
Definition

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

<Server/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.server;',
  },
  _original_width: 50,
  _original_height: 50,

}

SIEM

Preview
Usage
Definition

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

<Siem/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.siem;',
  },
  _original_width: 50,
  _original_height: 50,

}

Storage

Preview
Usage
Definition

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

<Storage/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.storage;',
  },
  _original_width: 50,
  _original_height: 50,

}

Tetration Analytics

Preview
Usage
Definition

import { TetrationAnalytics } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<TetrationAnalytics/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TETRATION_ANALYTICS } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.tetration_analytics;',
  },
  _original_width: 50,
  _original_height: 50,

}

TLS Appliance

Preview
Usage
Definition

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

<TlsAppliance/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.tls_appliance;',
  },
  _original_width: 50,
  _original_height: 50,

}

UDP Director

Preview
Usage
Definition

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

<UdpDirector/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.udp_director;',
  },
  _original_width: 50,
  _original_height: 50,

}

Unified Access Switch

Preview
Usage
Definition

import { UnifiedAccessSwitch } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<UnifiedAccessSwitch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UNIFIED_ACCESS_SWITCH } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.unified_access_switch;',
  },
  _original_width: 50,
  _original_height: 50,

}

Video Endpoint

Preview
Usage
Definition

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

<VideoEndpoint/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.video_endpoint;',
  },
  _original_width: 50,
  _original_height: 50,

}

VPN Concentrator

Preview
Usage
Definition

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

<VpnConcentrator/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.vpn_concentrator;',
  },
  _original_width: 50,
  _original_height: 50,

}

Vulnerability Management

Preview
Usage
Definition

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

<VulnerabilityManagement/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.vulnerability_management;',
  },
  _original_width: 50,
  _original_height: 50,

}

Web Application Firewall

Preview
Usage
Definition

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

<WebApplicationFirewall/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.web_application_firewall;',
  },
  _original_width: 50,
  _original_height: 50,

}

Web Application Firewall 2

Preview
Usage
Definition

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

<WebApplicationFirewall2/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.web_application_firewall_2;',
  },
  _original_width: 50,
  _original_height: 50,

}

Web Filtering

Preview
Usage
Definition

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

<WebFiltering/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.web_filtering;',
  },
  _original_width: 50,
  _original_height: 50,

}

Web Security

Preview
Usage
Definition

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

<WebSecurity/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.web_security;',
  },
  _original_width: 50,
  _original_height: 50,

}

Wide Area Application Engine

Preview
Usage
Definition

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

<WideAreaApplicationEngine/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.wide_area_application_engine;',
  },
  _original_width: 50,
  _original_height: 50,

}

Wireless Access Point

Preview
Usage
Definition

import { WirelessAccessPoint } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

<WirelessAccessPoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIRELESS_ACCESS_POINT } from '@dinghy/diagrams/entitiesCiscoSafeArchitecture'

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.wireless_access_point;',
  },
  _original_width: 50,
  _original_height: 50,

}

Wireless LAN Controller

Preview
Usage
Definition

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

<WirelessLanController/>

// or

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

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

{
  _style: {
    entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#6ABD46;strokeColor=#ffffff;verticalAlign=top;align=center;points=[[0.085,0.085,0],[0.915,0.085,0],[0.915,0.915,0],[0.085,0.915,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];pointerEvents=1;shape=mxgraph.cisco_safe.compositeIcon;bgIcon=mxgraph.cisco_safe.architecture.generic_appliance;resIcon=mxgraph.cisco_safe.architecture.wireless_lan_controller;',
  },
  _original_width: 50,
  _original_height: 50,

}

Access Switch​

ACI Controller​

ACI Leaf Switch​

ACI Spine Switch​

Actuator​

Adaptive Security Appliance​

Automated System​

Blade Server​

Catalyst Switch​

Cisco Appliance​

Core Switch​

Corporate Device​

Corporate Wireless Device​

DDOS Protection Appliance​

Distribution Switch​

Email Security​

Endpoint Concentrator​

Fabric Switch​

Firepower Appliance​

Firepower Management Center​

Firewall​

Flow Collector​

Flow Sensor​

Generic Appliance​

Identity Directory​

Intrusion Detection​

Load Balancer​

Log Collector​

Management Console​

MDM​

Mobile​

Monitoring​

Nexus 1kv​

Nexus Data Center Switch​

Nexus Fabric Switch​

Nexus Switch​

NTP​

Phone​

Policy​

Radware Appliance​

Router​

Sandbox Appliance​

SD WAN​

SD WAN 2​

Secure DNS​

Secure Server​

Sensor​

Server​

SIEM​

Storage​

Tetration Analytics​

TLS Appliance​

UDP Director​

Unified Access Switch​

Video Endpoint​

VPN Concentrator​

Vulnerability Management​

Web Application Firewall​

Web Application Firewall 2​

Web Filtering​

Web Security​

Wide Area Application Engine​

Wireless Access Point​

Wireless LAN Controller​

Access Switch

ACI Controller

ACI Leaf Switch

ACI Spine Switch

Actuator

Adaptive Security Appliance

Automated System

Blade Server

Catalyst Switch

Cisco Appliance

Core Switch

Corporate Device

Corporate Wireless Device

DDOS Protection Appliance

Distribution Switch

Email Security

Endpoint Concentrator

Fabric Switch

Firepower Appliance

Firepower Management Center

Firewall

Flow Collector

Flow Sensor

Generic Appliance

Identity Directory

Intrusion Detection

Load Balancer

Log Collector

Management Console

MDM

Mobile

Monitoring

Nexus 1kv

Nexus Data Center Switch

Nexus Fabric Switch

Nexus Switch

NTP

Phone

Policy

Radware Appliance

Router

Sandbox Appliance

SD WAN

SD WAN 2

Secure DNS

Secure Server

Sensor

Server

SIEM

Storage

Tetration Analytics

TLS Appliance

UDP Director

Unified Access Switch

Video Endpoint

VPN Concentrator

Vulnerability Management

Web Application Firewall

Web Application Firewall 2

Web Filtering

Web Security

Wide Area Application Engine

Wireless Access Point

Wireless LAN Controller