drawio/war/shapes/mxArchiMate.js

/**
 * $Id: mxArchiMate.js,v 1.0 2014/03/17 07:05:39 mate Exp $
 * Copyright (c) 2006-2014, JGraph Ltd
 */

//**********************************************************************************************************************************************************
//Location
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateLocation(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateLocation, mxShape);

mxArchiMateLocation.prototype.cst = {
		LOCATION : 'mxgraph.archimate.location'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateLocation.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
	c.setShadow(false);
	c.translate(w - 20, 5);
	this.foreground(c, w - 20, 5, 15, 15);
};

mxArchiMateLocation.prototype.background = function(c, x, y, w, h)
{
	c.rect(0, 0, w, h);
	c.fillAndStroke();
};

mxArchiMateLocation.prototype.foreground = function(c, x, y, w, h)
{
	c.setDashed(false);
	
	c.translate(3 ,0);
	w = w - 6;
	c.begin();
	c.moveTo(w * 0.5, h);
	c.arcTo(w * 0.1775, h * 0.3, 0, 0, 0, w * 0.345, h * 0.7);
	c.arcTo(w * 0.538, h * 0.364, 0, 0, 1, w * 0.5, 0);
	c.arcTo(w * 0.538, h * 0.364, 0, 0, 1, w * 0.655, h * 0.7);
	c.arcTo(w * 0.1775, h * 0.3, 0, 0, 0, w * 0.5, h);
	c.stroke();
};

mxCellRenderer.registerShape(mxArchiMateLocation.prototype.cst.LOCATION, mxArchiMateLocation);

//**********************************************************************************************************************************************************
//Business
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateBusiness(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateBusiness, mxShape);

mxArchiMateBusiness.prototype.cst = {
		BUSINESS : 'mxgraph.archimate.business',
		TYPE : 'busType',
		PROCESS : 'process',
		FUNCTION : 'function',
		INTERACTION : 'interaction',
		EVENT : 'event',
		SERVICE : 'service'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateBusiness.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
	c.setShadow(false);
	c.translate(w - 20, 5);
	this.foreground(c, w - 20, 5, 15, 15);
};

mxArchiMateBusiness.prototype.background = function(c, x, y, w, h)
{
	c.roundrect(0, 0, w, h, 10, 10);
	c.fillAndStroke();
};

mxArchiMateBusiness.prototype.foreground = function(c, x, y, w, h)
{
	var type = mxUtils.getValue(this.style, mxArchiMateBusiness.prototype.cst.TYPE, mxArchiMateBusiness.prototype.cst.PROCESS);
	
	c.setDashed(false);
	
	if (type === mxArchiMateBusiness.prototype.cst.PROCESS)
	{
		c.translate(0, 2);
		h = h - 4;
	
		c.begin();
		c.moveTo(0, h * 0.15);
		c.lineTo(w * 0.65, h * 0.15);
		c.lineTo(w * 0.65, 0);
		c.lineTo(w, h * 0.5);
		c.lineTo(w * 0.65, h);
		c.lineTo(w * 0.65, h * 0.85);
		c.lineTo(0, h * 0.85);
		c.close();
		c.stroke();
	}
	else if (type === mxArchiMateBusiness.prototype.cst.FUNCTION)
	{
		c.translate(2, 0);
		w = w - 4;
		
		c.begin();
		c.moveTo(0, h * 0.15);
		c.lineTo(w * 0.5, 0);
		c.lineTo(w, h * 0.15);
		c.lineTo(w, h);
		c.lineTo(w * 0.5, h * 0.85);
		c.lineTo(0, h);
		c.close();
		c.stroke();
	}
	else if (type === mxArchiMateBusiness.prototype.cst.INTERACTION)
	{
		c.begin();
		c.moveTo(w * 0.55, 0);
		c.arcTo(w * 0.45, h * 0.5, 0, 0, 1, w * 0.55, h);
		c.close();
		c.moveTo(w * 0.45, 0);
		c.arcTo(w * 0.45, h * 0.5, 0, 0, 0, w * 0.45, h);
		c.close();
		c.stroke();
	}
	else if (type === mxArchiMateBusiness.prototype.cst.EVENT)
	{
		c.translate(0, 3);
		h = h - 6;
		
		c.begin();
		c.moveTo(w - h * 0.5, 0);
		c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, w - h * 0.5, h);
		c.lineTo(0, h);
		c.arcTo(h * 0.5, h * 0.5, 0, 0, 0, 0, 0);
		c.close();
		c.stroke();
	}
	else if (type === mxArchiMateBusiness.prototype.cst.SERVICE)
	{
		c.translate(0, 3);
		h = h - 6;
		
		c.begin();
		c.moveTo(w - h * 0.5, 0);
		c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, w - h * 0.5, h);
		c.lineTo(0, h);
		c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, 0, 0);
		c.close();
		c.stroke();
	}
};

mxCellRenderer.registerShape(mxArchiMateBusiness.prototype.cst.BUSINESS, mxArchiMateBusiness);

//**********************************************************************************************************************************************************
//Business Object
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateBusinessObject(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateBusinessObject, mxShape);

mxArchiMateBusinessObject.prototype.cst = {
		BUSINESS_OBJECT : 'mxgraph.archimate.businessObject'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateBusinessObject.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
	c.setShadow(false);
	this.foreground(c, 0, 0, w, h);
};

mxArchiMateBusinessObject.prototype.background = function(c, x, y, w, h)
{
	c.rect(0, 0, w, h);
	c.fillAndStroke();
};

mxArchiMateBusinessObject.prototype.foreground = function(c, x, y, w, h)
{
	if (h >= 15)
	{
		c.begin();
		c.moveTo(0, 15);
		c.lineTo(w, 15);
		c.stroke();
	}
};

mxCellRenderer.registerShape(mxArchiMateBusinessObject.prototype.cst.BUSINESS_OBJECT, mxArchiMateBusinessObject);

//**********************************************************************************************************************************************************
//Representation
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateRepresentation(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateRepresentation, mxShape);

mxArchiMateRepresentation.prototype.cst = {
		REPRESENTATION : 'mxgraph.archimate.representation'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateRepresentation.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
};

mxArchiMateRepresentation.prototype.background = function(c, x, y, w, h)
{
	c.begin();
	c.moveTo(0, 0);
	c.lineTo(w, 0);
	c.lineTo(w, h * 0.85);
	c.arcTo(w * 0.35, h * 0.35, 0, 0, 0, w * 0.5, h * 0.85);
	c.arcTo(w * 0.35, h * 0.35, 0, 0, 1, 0, h * 0.85);
	c.close();
	c.fillAndStroke();
};

mxCellRenderer.registerShape(mxArchiMateRepresentation.prototype.cst.REPRESENTATION, mxArchiMateRepresentation);

//**********************************************************************************************************************************************************
//Product
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateProduct(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateProduct, mxShape);

mxArchiMateProduct.prototype.cst = {
		PRODUCT : 'mxgraph.archimate.product'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateProduct.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
	c.setShadow(false);
	this.foreground(c, 0, 0, w, h);
};

mxArchiMateProduct.prototype.background = function(c, x, y, w, h)
{
	c.rect(0, 0, w, h);
	c.fillAndStroke();
};

mxArchiMateProduct.prototype.foreground = function(c, x, y, w, h)
{
	if (h >= 15)
	{
		c.begin();
		c.moveTo(0, 15);
		c.lineTo(w * 0.6, 15);
		c.lineTo(w * 0.6, 0);
		c.stroke();
	}
};

mxCellRenderer.registerShape(mxArchiMateProduct.prototype.cst.PRODUCT, mxArchiMateProduct);

//**********************************************************************************************************************************************************
//Application
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateApplication(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateApplication, mxShape);

mxArchiMateApplication.prototype.cst = {
		APPLICATION : 'mxgraph.archimate.application',
		TYPE : 'appType',
		COMPONENT : 'comp',
		INTERFACE : 'interface',
		INTERFACE2 : 'interface2',
		FUNCTION : 'function',
		INTERACTION : 'interaction',
		SERVICE : 'service',
		NODE : 'node',
		NETWORK : 'network',
		COMM_PATH : 'commPath',
		SYS_SW : 'sysSw',
		ARTIFACT : 'artifact',
		ACTOR : 'actor',
		ROLE : 'role',
		COLLABORATION : 'collab'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateApplication.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
	c.setShadow(false);
	c.translate(w - 20, 5);
	this.foreground(c, w - 20, 5, 15, 15);
};

mxArchiMateApplication.prototype.background = function(c, x, y, w, h)
{
	c.rect(0, 0, w, h);
	c.fillAndStroke();
};

mxArchiMateApplication.prototype.foreground = function(c, x, y, w, h)
{
	var type = mxUtils.getValue(this.style, mxArchiMateApplication.prototype.cst.TYPE, mxArchiMateApplication.prototype.cst.COMPONENT);
	
	c.setDashed(false);
	
	if (type === mxArchiMateApplication.prototype.cst.COMPONENT)
	{
		c.translate(1, 0);
		w = w - 2;

		c.rect(w * 0.25, 0, w * 0.75, h);
		c.stroke();
		
		c.rect(0, h * 0.25, w * 0.5, h * 0.15);
		c.fillAndStroke();
		
		c.rect(0, h * 0.6, w * 0.5, h * 0.15);
		c.fillAndStroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.COLLABORATION)
	{
		c.translate(0, 3);
		h = h - 6;
		
		c.ellipse(0, 0, w * 0.6, h);
		c.stroke();
		c.ellipse(w * 0.4, 0, w * 0.6, h);
		c.fillAndStroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.INTERFACE)
	{
		c.translate(0, 4);
		h = h - 8;
		
		c.ellipse(w * 0.5, 0, w * 0.5, h);
		c.stroke();
		
		c.begin();
		c.moveTo(0, h * 0.5);
		c.lineTo(w * 0.5, h * 0.5);
		c.stroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.INTERFACE2)
	{
		c.translate(0, 1);
		h = h - 2;
		
		c.begin();
		c.moveTo(0, h * 0.5);
		c.lineTo(w * 0.6, h * 0.5);
		c.moveTo(w, 0);
		c.arcTo(w * 0.4, h * 0.5, 0, 0, 0, w, h);
		c.stroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.FUNCTION)
	{
		c.begin();
		c.moveTo(w * 0.5, 0);
		c.lineTo(w, h * 0.2);
		c.lineTo(w, h);
		c.lineTo(w * 0.5, h * 0.8);
		c.lineTo(0, h);
		c.lineTo(0, h * 0.2);
		c.close();
		c.stroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.INTERACTION)
	{
		c.begin();
		c.moveTo(w * 0.55, 0);
		c.arcTo(w * 0.45, h * 0.5, 0, 0, 1, w * 0.55, h);
		c.close();
		c.moveTo(w * 0.45, 0);
		c.arcTo(w * 0.45, h * 0.5, 0, 0, 0, w * 0.45, h);
		c.close();
		c.stroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.SERVICE)
	{
		c.translate(0, 3);
		h = h - 6;
		
		c.begin();
		c.moveTo(w - h * 0.5, 0);
		c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, w - h * 0.5, h);
		c.lineTo(0, h);
		c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, 0, 0);
		c.close();
		c.stroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.NODE)
	{
		c.begin();
		c.moveTo(0, h * 0.25);
		c.lineTo(w * 0.25, 0);
		c.lineTo(w, 0);
		c.lineTo(w, h * 0.75);
		c.lineTo(w * 0.75, h);
		c.lineTo(0, h);
		c.close();
		c.moveTo(0, h * 0.25);
		c.lineTo(w * 0.75, h * 0.25);
		c.lineTo(w * 0.75, h);
		c.moveTo(w, 0);
		c.lineTo(w * 0.75, h * 0.25);
		c.stroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.NETWORK)
	{
		c.translate(0, 2);
		h = h - 4;
		
		c.begin();
		c.moveTo(w * 0.4, h * 0.2);
		c.lineTo(w * 0.85, h * 0.2);
		c.lineTo(w * 0.6, h * 0.8);
		c.lineTo(w * 0.15, h * 0.8);
		c.close();
		c.stroke();
		
		var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
		c.setFillColor(strokeColor);
		
		c.ellipse(w * 0.25, 0, w * 0.3, h * 0.4);
		c.fill();
		
		c.ellipse(w * 0.7, 0, w * 0.3, h * 0.4);
		c.fill();
		
		c.ellipse(0, h * 0.6, w * 0.3, h * 0.4);
		c.fill();
		
		c.ellipse(w * 0.45, h * 0.6, w * 0.3, h * 0.4);
		c.fill();
	}
	else if (type === mxArchiMateApplication.prototype.cst.COMM_PATH)
	{
		c.translate(0, 5);
		h = h - 10;
		
		c.begin();
		c.moveTo(w * 0.1, 0);
		c.lineTo(0, h * 0.5);
		c.lineTo(w * 0.1, h);
		c.moveTo(w * 0.9, 0);
		c.lineTo(w, h * 0.5);
		c.lineTo(w * 0.9, h);
		c.stroke();
		
		c.setDashed(true);
		c.begin();
		c.moveTo(0, h * 0.5);
		c.lineTo(w, h * 0.5);
		c.stroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.SYS_SW)
	{
		c.ellipse(w * 0.3, 0, w * 0.7, h * 0.7);
		c.stroke();
		
		c.ellipse(0, h * 0.02, w * 0.98, h * 0.98);
		c.fillAndStroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.ARTIFACT)
	{
		c.translate(2, 0);
		w = w - 4;

		c.begin();
		c.moveTo(0, 0);
		c.lineTo(w * 0.7, 0);
		c.lineTo(w, h * 0.22);
		c.lineTo(w, h);
		c.lineTo(0, h);
		c.close();
		c.moveTo(w * 0.7, 0);
		c.lineTo(w * 0.7, h * 0.22);
		c.lineTo(w, h * 0.22);
		c.stroke();
	}
	else if (type === mxArchiMateApplication.prototype.cst.ACTOR)
	{
		c.translate(3, 0);
		w = w - 6;
		c.ellipse(w * 0.2, 0, w * 0.6, h * 0.3);
		c.stroke();
		
		c.begin();
		c.moveTo(w * 0.5, h * 0.3);
		c.lineTo(w * 0.5, h * 0.75);
		c.moveTo(0, h * 0.45);
		c.lineTo(w, h * 0.45);
		c.moveTo(0, h);
		c.lineTo(w * 0.5, h * 0.75);
		c.lineTo(w, h);
		c.stroke();
	}
	if (type === mxArchiMateApplication.prototype.cst.ROLE)
	{
		c.translate(0, 4);
		h = h - 8;

		c.begin();
		c.moveTo(w * 0.8, 0);
		c.lineTo(w * 0.2, 0);
		c.arcTo(w * 0.2, h * 0.5, 0, 0, 0, w * 0.2, h);
		c.lineTo(w * 0.8, h);
		c.stroke();
		
		c.ellipse(w * 0.6, 0, w * 0.4, h);
		c.stroke();
	}
//	else if (type === mxArchiMateApplication.prototype.cst.COLLABORATION)
//	{
//		c.translate(0, 3);
//		h = h - 6;
//
//		c.ellipse(0, 0, w * 0.6, h);
//		c.stroke();
//		c.ellipse(w * 0.4, 0, w * 0.6, h);
//		c.stroke();
//	}
};

mxCellRenderer.registerShape(mxArchiMateApplication.prototype.cst.APPLICATION, mxArchiMateApplication);

//**********************************************************************************************************************************************************
//Tech
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateTech(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateTech, mxShape);

mxArchiMateTech.prototype.cst = {
		TECH : 'mxgraph.archimate.tech',
		TYPE : 'techType',
		DEVICE : 'device',
		PLATEAU : 'plateau'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateTech.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
	c.setShadow(false);
	c.translate(w - 30, 15);
	this.foreground(c, w - 30, 15, 15, 15);
};

mxArchiMateTech.prototype.background = function(c, x, y, w, h)
{
	c.begin();
	c.moveTo(0, 10);
	c.lineTo(10, 0);
	c.lineTo(w, 0);
	c.lineTo(w, h - 10);
	c.lineTo(w - 10, h);
	c.lineTo(0, h);
	c.close();
	c.moveTo(0, 10);
	c.lineTo(w - 10, 10);
	c.lineTo(w - 10, h);
	c.moveTo(w, 0);
	c.lineTo(w - 10, 10);
	c.fillAndStroke();
};

mxArchiMateTech.prototype.foreground = function(c, x, y, w, h)
{
	var type = mxUtils.getValue(this.style, mxArchiMateTech.prototype.cst.TYPE, mxArchiMateTech.prototype.cst.DEVICE);
	
	c.setDashed(false);
	
	if (type === mxArchiMateTech.prototype.cst.DEVICE)
	{
		c.roundrect(0, 0, w, h * 0.88, w * 0.05, h * 0.05);
		c.stroke();
		c.begin();
		c.moveTo(w * 0.1, h * 0.88);
		c.lineTo(0, h);
		c.lineTo(w, h);
		c.lineTo(w * 0.9, h * 0.88);
		c.stroke();
	}
	else if (type === mxArchiMateTech.prototype.cst.PLATEAU)
	{
		var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
		c.setFillColor(strokeColor);
		
		c.rect(w * 0.4, 0, w * 0.6, h * 0.2);
		c.fill();
		
		c.rect(w * 0.2, h * 0.4, w * 0.6, h * 0.2);
		c.fill();
		
		c.rect(0, h * 0.8, w * 0.6, h * 0.2);
		c.fill();
	}
};

mxCellRenderer.registerShape(mxArchiMateTech.prototype.cst.TECH, mxArchiMateTech);

//**********************************************************************************************************************************************************
//Motivational
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateMotivational(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateMotivational, mxShape);

mxArchiMateMotivational.prototype.cst = {
		MOTIV : 'mxgraph.archimate.motiv',
		TYPE : 'motivType',
		STAKE : 'stake',
		DRIVER : 'driver',
		ASSESSMENT : 'assess',
		GOAL : 'goal',
		REQUIREMENT : 'req',
		CONSTRAINT : 'const',
		PRINCIPLE : 'princ'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateMotivational.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
	c.setShadow(false);
	c.translate(w - 20, 5);
	this.foreground(c, w - 20, 5, 15, 15);
};

mxArchiMateMotivational.prototype.background = function(c, x, y, w, h)
{
	c.begin();
	c.moveTo(10, 0);
	c.lineTo(w - 10, 0);
	c.lineTo(w, 10);
	c.lineTo(w, h - 10);
	c.lineTo(w - 10, h);
	c.lineTo(10, h);
	c.lineTo(0, h - 10);
	c.lineTo(0, 10);
	c.close();
	c.fillAndStroke();
};

mxArchiMateMotivational.prototype.foreground = function(c, x, y, w, h)
{
	var type = mxUtils.getValue(this.style, mxArchiMateMotivational.prototype.cst.TYPE, mxArchiMateMotivational.prototype.cst.STAKE);
	
	c.setDashed(false);
	
	if (type === mxArchiMateMotivational.prototype.cst.STAKE)
	{
		c.translate(0, 4);
		h = h - 8;

		c.begin();
		c.moveTo(w * 0.8, 0);
		c.lineTo(w * 0.2, 0);
		c.arcTo(w * 0.2, h * 0.5, 0, 0, 0, w * 0.2, h);
		c.lineTo(w * 0.8, h);
		c.stroke();
		
		c.ellipse(w * 0.6, 0, w * 0.4, h);
		c.stroke();
	}
	else if (type === mxArchiMateMotivational.prototype.cst.DRIVER)
	{
		c.ellipse(w * 0.1, h * 0.1, w * 0.8, h * 0.8);
		c.stroke();
		
		c.begin();
		c.moveTo(0, h * 0.5);
		c.lineTo(w, h * 0.5);
		c.moveTo(w * 0.5, 0);
		c.lineTo(w * 0.5, h);
		c.moveTo(w * 0.145, h * 0.145);
		c.lineTo(w * 0.855, h * 0.855);
		c.moveTo(w * 0.145, h * 0.855);
		c.lineTo(w * 0.855, h * 0.145);
		c.stroke();
		
		var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
		c.setFillColor(strokeColor);
		
		c.ellipse(w * 0.35, h * 0.35, w * 0.3, h * 0.3);
		c.fillAndStroke();
	}
	else if (type === mxArchiMateMotivational.prototype.cst.ASSESSMENT)
	{
		c.ellipse(w * 0.2, 0, w * 0.8, h * 0.8);
		c.stroke();
		
		c.begin();
		c.moveTo(0, h);
		c.lineTo(w * 0.32, h * 0.68);
		c.stroke();
	}
	else if (type === mxArchiMateMotivational.prototype.cst.GOAL)
	{
		c.ellipse(0, 0, w, h);
		c.stroke();
		c.ellipse(w * 0.15, h * 0.15, w * 0.7, h * 0.7);
		c.stroke();
		var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
		c.setFillColor(strokeColor);
		c.ellipse(w * 0.3, h * 0.3, w * 0.4, h * 0.4);
		c.fillAndStroke();
	}
	else if (type === mxArchiMateMotivational.prototype.cst.REQUIREMENT)
	{
		c.translate(0, 4);
		h = h - 8;

		c.begin();
		c.moveTo(w * 0.25, 0);
		c.lineTo(w, 0);
		c.lineTo(w * 0.75, h);
		c.lineTo(0, h);
		c.close();
		c.stroke();
	}
	else if (type === mxArchiMateMotivational.prototype.cst.CONSTRAINT)
	{
		c.translate(0, 4);
		h = h - 8;

		c.begin();
		c.moveTo(w * 0.25, 0);
		c.lineTo(w, 0);
		c.lineTo(w * 0.75, h);
		c.lineTo(0, h);
		c.close();
		c.moveTo(w * 0.45, 0);
		c.lineTo(w * 0.2, h);
		c.stroke();
	}
	else if (type === mxArchiMateMotivational.prototype.cst.PRINCIPLE)
	{
		c.begin();
		c.moveTo(w * 0.05, h * 0.05);
		c.arcTo(w * 2.3, h * 2.3, 0, 0, 1, w * 0.95, h * 0.05);
		c.arcTo(w * 2.3, h * 2.3, 0, 0, 1, w * 0.95, h * 0.95);
		c.arcTo(w * 2.3, h * 2.3, 0, 0, 1, w * 0.05, h * 0.95);
		c.arcTo(w * 2.3, h * 2.3, 0, 0, 1, w * 0.05, h * 0.05);
		c.close();
		c.stroke();
		
		var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
		c.setFillColor(strokeColor);
		
		c.begin();
		c.moveTo(w * 0.45, h * 0.7);
		c.lineTo(w * 0.42, h * 0.15);
		c.lineTo(w * 0.58, h * 0.15);
		c.lineTo(w * 0.55, h * 0.7);
		c.close();
		c.fill();
		
		c.rect(w * 0.45, h * 0.75, w * 0.1, h * 0.1);
		c.fill();
	}
};

mxCellRenderer.registerShape(mxArchiMateMotivational.prototype.cst.MOTIV, mxArchiMateMotivational);

//**********************************************************************************************************************************************************
//Representation
//**********************************************************************************************************************************************************
/**
* Extends mxShape.
*/
function mxArchiMateGap(bounds, fill, stroke, strokewidth)
{
	mxShape.call(this);
	this.bounds = bounds;
	this.fill = fill;
	this.stroke = stroke;
	this.strokewidth = (strokewidth != null) ? strokewidth : 1;
};

/**
* Extends mxShape.
*/
mxUtils.extend(mxArchiMateGap, mxShape);

mxArchiMateGap.prototype.cst = {
		GAP : 'mxgraph.archimate.gap'
};

/**
* Function: paintVertexShape
* 
* Paints the vertex shape.
*/
mxArchiMateGap.prototype.paintVertexShape = function(c, x, y, w, h)
{
	c.translate(x, y);
	this.background(c, 0, 0, w, h);
	c.setShadow(false);
	c.translate(w - 20, 5);
	this.foreground(c, w - 20, 5, 15, 15);
};

mxArchiMateGap.prototype.background = function(c, x, y, w, h)
{
	c.begin();
	c.moveTo(0, 0);
	c.lineTo(w, 0);
	c.lineTo(w, h * 0.85);
	c.arcTo(w * 0.35, h * 0.35, 0, 0, 0, w * 0.5, h * 0.85);
	c.arcTo(w * 0.35, h * 0.35, 0, 0, 1, 0, h * 0.85);
	c.close();
	c.fillAndStroke();
};

mxArchiMateGap.prototype.foreground = function(c, x, y, w, h)
{
	c.setDashed(false);
	
	c.translate(0, 2);
	h = h - 4;

	c.ellipse(w * 0.15, 0, w * 0.7, h);
	c.stroke();
	
	c.begin();
	c.moveTo(0, h * 0.35);
	c.lineTo(w, h * 0.35);
	c.moveTo(0, h * 0.65);
	c.lineTo(w, h * 0.65);
	c.stroke();
};

mxCellRenderer.registerShape(mxArchiMateGap.prototype.cst.GAP, mxArchiMateGap);