Cisco Collaboration Entities

AD Decoder

Preview

Usage

import { AdDecoder } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<AdDecoder/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AD_DECODER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=ad_decoder;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

AD Encoder

Preview

Usage

import { AdEncoder } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<AdEncoder/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AD_ENCODER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=ad_encoder;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Camera

Preview

Usage

import { Camera } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Camera/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CAMERA } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'points=[[0,0.5,0],[0.19,0.02,0],[0.59,0,0],[0.985,0.02,0],[1,0.5,0],[0.985,0.98,0],[0.59,1,0],[0.19,0.98,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.camera;fillColor=#005073;strokeColor=none;',
  },
  _width: 90,
  _height: 50,
}

Cisco MeetingPlace Express

Preview

Usage

import { CiscoMeetingplaceExpress } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<CiscoMeetingplaceExpress/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_MEETINGPLACE_EXPRESS } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=cisco_meetingplace_express;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Cisco Unified Contact Center Enterprise and Hosted

Preview

Usage

import { CiscoUnifiedContactCenterEnterpriseAndHosted } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<CiscoUnifiedContactCenterEnterpriseAndHosted/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_UNIFIED_CONTACT_CENTER_ENTERPRISE_AND_HOSTED } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=cisco_unified_contact_center_enterprise_and_hosted;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Cisco Unified Presence Service

Preview

Usage

import { CiscoUnifiedPresenceService } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<CiscoUnifiedPresenceService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CISCO_UNIFIED_PRESENCE_SERVICE } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=cisco_unified_presence_service;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Clock

Preview

Usage

import { Clock } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Clock/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOCK } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.5,0,0],[1,0.5,0],[0.5,1,0],[0,0.5,0],[0.145,0.145,0],[0.8555,0.145,0],[0.855,0.8555,0],[0.145,0.855,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=clock;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 50,

}

Collaboration

Preview

Usage

import { Collaboration } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Collaboration/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLLABORATION } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=collab1;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 65,

}

Collaboration 2

Preview

Usage

import { Collaboration2 } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Collaboration2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLLABORATION_2 } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=collab2;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Collaboration 3

Preview

Usage

import { Collaboration3 } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Collaboration3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLLABORATION_3 } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=collab3;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Collaboration 4

Preview

Usage

import { Collaboration4 } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Collaboration4/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLLABORATION_4 } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=collab4;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Communications Manager

Preview

Usage

import { CommunicationsManager } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<CommunicationsManager/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMUNICATIONS_MANAGER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=communications_manager;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Contact Center Express

Preview

Usage

import { ContactCenterExpress } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<ContactCenterExpress/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTACT_CENTER_EXPRESS } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=contact_center_express;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Content Recording / Streaming Server

Preview

Usage

import { ContentRecordingStreamingServer } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<ContentRecordingStreamingServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTENT_RECORDING_STREAMING_SERVER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=content_recording_streaming_server;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

DA Decoder

Preview

Usage

import { DaDecoder } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<DaDecoder/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DA_DECODER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=da_decoder;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

DA Encoder

Preview

Usage

import { DaEncoder } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<DaEncoder/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DA_ENCODER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=da_encoder;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

H.323

Preview

Usage

import { H323 } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<H323/>

// or

import { extendStyle } from "@dinghy/base-components";
import { H_323 } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=h323;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

HDTV

Preview

Usage

import { Hdtv } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Hdtv/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HDTV } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[1,0.4,0],[1,0.8,0],[0.815,1,0],[0.5,1,0],[0.185,1,0],[0,0.8,0],[0,0.4,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.hdtv;fillColor=#005073;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 50,

}

Immersive Telepresence Endpoint

Preview

Usage

import { ImmersiveTelepresenceEndpoint } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<ImmersiveTelepresenceEndpoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IMMERSIVE_TELEPRESENCE_ENDPOINT } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=immersive_telepresence_endpoint;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _width: 114.99999999999999,
  _height: 50,
}

IP IP Gateway

Preview

Usage

import { IpIpGateway } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<IpIpGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IP_IP_GATEWAY } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=ip_ip_gateway;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

IP Phone

Preview

Usage

import { IpPhone } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<IpPhone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IP_PHONE } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'points=[[0.59,0,0],[0.87,0.015,0],[0.88,0.3,0],[0.99,0.99,0],[0.5,1,0],[0.01,0.99,0],[0.075,0.5,0],[0.17,0.115,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.ip_phone;fillColor=#005073;strokeColor=none;',
  },
  _original_width: 57.49999999999999,
  _original_height: 50,

}

Joystick Keyboard

Preview

Usage

import { JoystickKeyboard } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<JoystickKeyboard/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JOYSTICK_KEYBOARD } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'points=[[0.13,0.24,0],[0.5,0.2,0],[0.62,0,0],[0.87,0.24,0],[0.95,0.55,0],[0.96,0.95,0],[0.5,1,0],[0.04,0.95,0],[0.05,0.55,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.joystick_keyboard;fillColor=#005073;strokeColor=none;',
  },
  _width: 90,
  _height: 50,
}

Laptop Video Client

Preview

Usage

import { LaptopVideoClient } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<LaptopVideoClient/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LAPTOP_VIDEO_CLIENT } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'points=[[0.13,0.225,0],[0.5,0,0],[0.87,0.225,0],[0.885,0.5,0],[0.985,0.99,0],[0.5,1,0],[0.015,0.99,0],[0.115,0.5,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.laptop_video_client;fillColor=#005073;strokeColor=none;',
  },
  _original_width: 50,
  _original_height: 42.5,

}

Media Server

Preview

Usage

import { MediaServer } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<MediaServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MEDIA_SERVER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=media_server;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Meeting Scheduling and Management Server

Preview

Usage

import { MeetingSchedulingAndManagementServer } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<MeetingSchedulingAndManagementServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MEETING_SCHEDULING_AND_MANAGEMENT_SERVER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=meeting_scheduling_and_management_server;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Monitor

Preview

Usage

import { Monitor } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Monitor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MONITOR } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=monitor;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Multipoint Meeting Server

Preview

Usage

import { MultipointMeetingServer } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<MultipointMeetingServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MULTIPOINT_MEETING_SERVER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=multipoint_meeting_server;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 50,

}

Operations Manager

Preview

Usage

import { OperationsManager } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<OperationsManager/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPERATIONS_MANAGER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=operations_manager;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Phone Polycom

Preview

Usage

import { PhonePolycom } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<PhonePolycom/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE_POLYCOM } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'points=[[0.5,0,0],[0.75,0.37,0],[0.96,0.735,0],[0.5,1,0],[0.045,0.73,0],[0.25,0.37,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.phone_polycom;fillColor=#005073;strokeColor=none;',
  },
  _original_width: 47.5,
  _original_height: 50,

}

Primary Codec

Preview

Usage

import { PrimaryCodec } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<PrimaryCodec/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRIMARY_CODEC } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=primary_codec;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Secondary Codec

Preview

Usage

import { SecondaryCodec } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<SecondaryCodec/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SECONDARY_CODEC } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=secondary_codec;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Set Top

Preview

Usage

import { SetTop } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<SetTop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SET_TOP } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=set_top;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Shield

Preview

Usage

import { Shield } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Shield/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHIELD } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=shield;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Surveillance Camera

Preview

Usage

import { SurveillanceCamera } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<SurveillanceCamera/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SURVEILLANCE_CAMERA } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'points=[[0.015,0.015,0],[0.5,0,0],[0.985,0.015,0],[1,0.22,0],[0.985,0.43,0],[0.73,0.85,0],[0.5,1,0],[0.285,0.85,0],[0.015,0.43,0],[0,0.22,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.surveillance_camera;fillColor=#005073;strokeColor=none;',
  },
  _original_width: 64,
  _original_height: 50,

}

Telepresence Endpoint

Preview

Usage

import { TelepresenceEndpoint } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<TelepresenceEndpoint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TELEPRESENCE_ENDPOINT } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=telepresence_endpoint;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 50,

}

Telepresence Endpoint (twin data display)

Preview

Usage

import { TelepresenceEndpointTwinDataDisplay } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<TelepresenceEndpointTwinDataDisplay/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TELEPRESENCE_ENDPOINT_TWIN_DATA_DISPLAY } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=telepresence_endpoint_twin_data_display;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Telepresence Exchange

Preview

Usage

import { TelepresenceExchange } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<TelepresenceExchange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TELEPRESENCE_EXCHANGE } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=telepresence_exchange;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Transcoder

Preview

Usage

import { Transcoder } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Transcoder/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRANSCODER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=transcoder;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Unity

Preview

Usage

import { Unity } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Unity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UNITY } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=unity;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 50,

}

UPC Unified Personal Communicator

Preview

Usage

import { UpcUnifiedPersonalCommunicator } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<UpcUnifiedPersonalCommunicator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UPC_UNIFIED_PERSONAL_COMMUNICATOR } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'points=[[0.13,0.225,0],[0.5,0,0],[0.87,0.225,0],[0.885,0.5,0],[0.985,0.99,0],[0.5,1,0],[0.015,0.99,0],[0.115,0.5,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.upc_unified_personal_communicator;fillColor=#005073;strokeColor=none;',
  },
  _original_width: 50,
  _original_height: 42.5,

}

Video Analytics

Preview

Usage

import { VideoAnalytics } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<VideoAnalytics/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_ANALYTICS } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=video_analytics;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Video Call Server

Preview

Usage

import { VideoCallServer } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<VideoCallServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_CALL_SERVER } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=video_call_server;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 50,
  _original_height: 50,

}

Video Gateway

Preview

Usage

import { VideoGateway } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<VideoGateway/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_GATEWAY } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=video_gateway;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

Virtual Desktop Service

Preview

Usage

import { VirtualDesktopService } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<VirtualDesktopService/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_DESKTOP_SERVICE } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,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]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=virtual_desktop_service;fillColor=#FAFAFA;strokeColor=#005073;',
  },
  _original_width: 64,
  _original_height: 50,

}

WebEx

Preview

Usage

import { Webex } from '@dinghy/diagrams/entitiesCisco19Collaboration'

<Webex/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEBEX } from '@dinghy/diagrams/entitiesCisco19Collaboration'

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

Definition

{
  _style: {
    entity: 'sketch=0;points=[[0.5,0,0],[1,0.5,0],[0.5,1,0],[0,0.5,0],[0.145,0.145,0],[0.8555,0.145,0],[0.855,0.8555,0],[0.145,0.855,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.webex',
  },
  _original_width: 50,
  _original_height: 50,

}