Keyboard shortcuts work properly

1 files changed, 0 insertions, 1911 deletions

diff --git a/src/js/util/mxConstants.js b/src/js/util/mxConstants.js
deleted file mode 100644
index 8d11dc1..0000000
--- a/src/js/util/mxConstants.js
+++ /dev/null
@@ -1,1911 +0,0 @@
-/**
- * $Id: mxConstants.js,v 1.127 2012-11-20 09:06:07 gaudenz Exp $
- * Copyright (c) 2006-2010, JGraph Ltd
- */
- var mxConstants =
- {
-	/**
-	 * Class: mxConstants
-	 * 
-	 * Defines various global constants.
-	 * 
-	 * Variable: DEFAULT_HOTSPOT
-	 * 
-	 * Defines the portion of the cell which is to be used as a connectable
-	 * region. Default is 0.3. Possible values are 0 < x <= 1. 
-	 */
-	DEFAULT_HOTSPOT: 0.3,
-
-	/**
-	 * Variable: MIN_HOTSPOT_SIZE
-	 * 
-	 * Defines the minimum size in pixels of the portion of the cell which is
-	 * to be used as a connectable region. Default is 8.
-	 */
-	MIN_HOTSPOT_SIZE: 8,
-
-	/**
-	 * Variable: MAX_HOTSPOT_SIZE
-	 * 
-	 * Defines the maximum size in pixels of the portion of the cell which is
-	 * to be used as a connectable region. Use 0 for no maximum. Default is 0.
-	 */
-	MAX_HOTSPOT_SIZE: 0,
-
-	/**
-	 * Variable: RENDERING_HINT_EXACT
-	 * 
-	 * Defines the exact rendering hint.
-	 */
-	RENDERING_HINT_EXACT: 'exact',
-
-	/**
-	 * Variable: RENDERING_HINT_FASTER
-	 * 
-	 * Defines the faster rendering hint.
-	 */
-	RENDERING_HINT_FASTER: 'faster',
-
-	/**
-	 * Variable: RENDERING_HINT_FASTEST
-	 * 
-	 * Defines the fastest rendering hint.
-	 */
-	RENDERING_HINT_FASTEST: 'fastest',
-
-	/**
-	 * Variable: DIALECT_SVG
-	 * 
-	 * Defines the SVG display dialect name.
-	 */
-	DIALECT_SVG: 'svg',
-
-	/**
-	 * Variable: DIALECT_VML
-	 * 
-	 * Defines the VML display dialect name.
-	 */
-	DIALECT_VML: 'vml',
-
-	/**
-	 * Variable: DIALECT_MIXEDHTML
-	 * 
-	 * Defines the mixed HTML display dialect name.
-	 */
-	DIALECT_MIXEDHTML: 'mixedHtml',
-
-	/**
-	 * Variable: DIALECT_PREFERHTML
-	 * 
-	 * Defines the preferred HTML display dialect name.
-	 */
-	DIALECT_PREFERHTML: 'preferHtml',
-
-	/**
-	 * Variable: DIALECT_STRICTHTML
-	 * 
-	 * Defines the strict HTML display dialect.
-	 */
-	DIALECT_STRICTHTML: 'strictHtml',
-
-	/**
-	 * Variable: NS_SVG
-	 * 
-	 * Defines the SVG namespace.
-	 */
-	NS_SVG: 'http://www.w3.org/2000/svg',
-
-	/**
-	 * Variable: NS_XHTML
-	 * 
-	 * Defines the XHTML namespace.
-	 */
-	NS_XHTML: 'http://www.w3.org/1999/xhtml',
-
-	/**
-	 * Variable: NS_XLINK
-	 * 
-	 * Defines the XLink namespace.
-	 */
-	NS_XLINK: 'http://www.w3.org/1999/xlink',
-
-	/**
-	 * Variable: SHADOWCOLOR
-	 * 
-	 * Defines the color to be used to draw shadows in shapes and windows.
-	 * Default is gray.
-	 */
-	SHADOWCOLOR: 'gray',
-
-	/**
-	 * Variable: SHADOW_OFFSET_X
-	 * 
-	 * Specifies the x-offset of the shadow. Default is 2.
-	 */
-	SHADOW_OFFSET_X: 2,
-
-	/**
-	 * Variable: SHADOW_OFFSET_Y
-	 * 
-	 * Specifies the y-offset of the shadow. Default is 3.
-	 */
-	SHADOW_OFFSET_Y: 3,
-	
-	/**
-	 * Variable: SHADOW_OPACITY
-	 * 
-	 * Defines the opacity for shadows. Default is 1.
-	 */
-	SHADOW_OPACITY: 1,
- 
-	/**
-	 * Variable: NODETYPE_ELEMENT
-	 * 
-	 * DOM node of type ELEMENT.
-	 */
-	NODETYPE_ELEMENT: 1,
-
-	/**
-	 * Variable: NODETYPE_ATTRIBUTE
-	 * 
-	 * DOM node of type ATTRIBUTE.
-	 */
-	NODETYPE_ATTRIBUTE: 2,
-
-	/**
-	 * Variable: NODETYPE_TEXT
-	 * 
-	 * DOM node of type TEXT.
-	 */
-	NODETYPE_TEXT: 3,
-
-	/**
-	 * Variable: NODETYPE_CDATA
-	 * 
-	 * DOM node of type CDATA.
-	 */
-	NODETYPE_CDATA: 4,
-	
-	/**
-	 * Variable: NODETYPE_ENTITY_REFERENCE
-	 * 
-	 * DOM node of type ENTITY_REFERENCE.
-	 */
-	NODETYPE_ENTITY_REFERENCE: 5,
-
-	/**
-	 * Variable: NODETYPE_ENTITY
-	 * 
-	 * DOM node of type ENTITY.
-	 */
-	NODETYPE_ENTITY: 6,
-
-	/**
-	 * Variable: NODETYPE_PROCESSING_INSTRUCTION
-	 * 
-	 * DOM node of type PROCESSING_INSTRUCTION.
-	 */
-	NODETYPE_PROCESSING_INSTRUCTION: 7,
-
-	/**
-	 * Variable: NODETYPE_COMMENT
-	 * 
-	 * DOM node of type COMMENT.
-	 */
-	NODETYPE_COMMENT: 8,
-		
-	/**
-	 * Variable: NODETYPE_DOCUMENT
-	 * 
-	 * DOM node of type DOCUMENT.
-	 */
-	NODETYPE_DOCUMENT: 9,
-
-	/**
-	 * Variable: NODETYPE_DOCUMENTTYPE
-	 * 
-	 * DOM node of type DOCUMENTTYPE.
-	 */
-	NODETYPE_DOCUMENTTYPE: 10,
-
-	/**
-	 * Variable: NODETYPE_DOCUMENT_FRAGMENT
-	 * 
-	 * DOM node of type DOCUMENT_FRAGMENT.
-	 */
-	NODETYPE_DOCUMENT_FRAGMENT: 11,
-
-	/**
-	 * Variable: NODETYPE_NOTATION
-	 * 
-	 * DOM node of type NOTATION.
-	 */
-	NODETYPE_NOTATION: 12,
-	
-	/**
-	 * Variable: TOOLTIP_VERTICAL_OFFSET
-	 * 
-	 * Defines the vertical offset for the tooltip.
-	 * Default is 16.
-	 */
-	TOOLTIP_VERTICAL_OFFSET: 16,
-
-	/**
-	 * Variable: DEFAULT_VALID_COLOR
-	 * 
-	 * Specifies the default valid colorr. Default is #0000FF.
-	 */
-	DEFAULT_VALID_COLOR: '#00FF00',
-
-	/**
-	 * Variable: DEFAULT_INVALID_COLOR
-	 * 
-	 * Specifies the default invalid color. Default is #FF0000.
-	 */
-	DEFAULT_INVALID_COLOR: '#FF0000',
-
-	/**
-	 * Variable: HIGHLIGHT_STROKEWIDTH
-	 * 
-	 * Defines the strokewidth to be used for the highlights.
-	 * Default is 3.
-	 */
-	HIGHLIGHT_STROKEWIDTH: 3,
-	
-	/**
-	 * Variable: CURSOR_MOVABLE_VERTEX
-	 * 
-	 * Defines the cursor for a movable vertex. Default is 'move'.
-	 */
-	CURSOR_MOVABLE_VERTEX: 'move',
-	
-	/**
-	 * Variable: CURSOR_MOVABLE_EDGE
-	 * 
-	 * Defines the cursor for a movable edge. Default is 'move'.
-	 */
-	CURSOR_MOVABLE_EDGE: 'move',
-	
-	/**
-	 * Variable: CURSOR_LABEL_HANDLE
-	 * 
-	 * Defines the cursor for a movable label. Default is 'default'.
-	 */
-	CURSOR_LABEL_HANDLE: 'default',
-	
-	/**
-	 * Variable: CURSOR_BEND_HANDLE
-	 * 
-	 * Defines the cursor for a movable bend. Default is 'pointer'.
-	 */
-	CURSOR_BEND_HANDLE: 'pointer',
-	
-	/**
-	 * Variable: CURSOR_CONNECT
-	 * 
-	 * Defines the cursor for a connectable state. Default is 'pointer'.
-	 */
-	CURSOR_CONNECT: 'pointer',
-
-	/**
-	 * Variable: HIGHLIGHT_COLOR
-	 * 
-	 * Defines the color to be used for the cell highlighting.
-	 * Use 'none' for no color. Default is #00FF00.
-	 */
-	HIGHLIGHT_COLOR: '#00FF00',
-
-	/**
-	 * Variable: TARGET_HIGHLIGHT_COLOR
-	 * 
-	 * Defines the color to be used for highlighting a target cell for a new
-	 * or changed connection. Note that this may be either a source or
-	 * target terminal in the graph. Use 'none' for no color.
-	 * Default is #0000FF.
-	 */
-	CONNECT_TARGET_COLOR: '#0000FF',
-
-	/**
-	 * Variable: INVALID_CONNECT_TARGET_COLOR
-	 * 
-	 * Defines the color to be used for highlighting a invalid target cells
-	 * for a new or changed connections. Note that this may be either a source
-	 * or target terminal in the graph. Use 'none' for no color. Default is
-	 * #FF0000.
-	 */
-	INVALID_CONNECT_TARGET_COLOR: '#FF0000',
-
-	/**
-	 * Variable: DROP_TARGET_COLOR
-	 * 
-	 * Defines the color to be used for the highlighting target parent cells
-	 * (for drag and drop). Use 'none' for no color. Default is #0000FF.
-	 */
-	DROP_TARGET_COLOR: '#0000FF',
-
-	/**
-	 * Variable: VALID_COLOR
-	 * 
-	 * Defines the color to be used for the coloring valid connection
-	 * previews. Use 'none' for no color. Default is #FF0000.
-	 */
-	VALID_COLOR: '#00FF00',
-
-	/**
-	 * Variable: INVALID_COLOR
-	 * 
-	 * Defines the color to be used for the coloring invalid connection
-	 * previews. Use 'none' for no color. Default is #FF0000.
-	 */
-	INVALID_COLOR: '#FF0000',
-
-	/**
-	 * Variable: EDGE_SELECTION_COLOR
-	 * 
-	 * Defines the color to be used for the selection border of edges. Use
-	 * 'none' for no color. Default is #00FF00.
-	 */
-	EDGE_SELECTION_COLOR: '#00FF00',
-
-	/**
-	 * Variable: VERTEX_SELECTION_COLOR
-	 * 
-	 * Defines the color to be used for the selection border of vertices. Use
-	 * 'none' for no color. Default is #00FF00.
-	 */
-	VERTEX_SELECTION_COLOR: '#00FF00',
-
-	/**
-	 * Variable: VERTEX_SELECTION_STROKEWIDTH
-	 * 
-	 * Defines the strokewidth to be used for vertex selections.
-	 * Default is 1.
-	 */
-	VERTEX_SELECTION_STROKEWIDTH: 1,
-
-	/**
-	 * Variable: EDGE_SELECTION_STROKEWIDTH
-	 * 
-	 * Defines the strokewidth to be used for edge selections.
-	 * Default is 1.
-	 */
-	EDGE_SELECTION_STROKEWIDTH: 1,
-
-	/**
-	 * Variable: SELECTION_DASHED
-	 * 
-	 * Defines the dashed state to be used for the vertex selection
-	 * border. Default is true.
-	 */
-	VERTEX_SELECTION_DASHED: true,
-
-	/**
-	 * Variable: SELECTION_DASHED
-	 * 
-	 * Defines the dashed state to be used for the edge selection
-	 * border. Default is true.
-	 */
-	EDGE_SELECTION_DASHED: true,
-
-	/**
-	 * Variable: GUIDE_COLOR
-	 * 
-	 * Defines the color to be used for the guidelines in mxGraphHandler.
-	 * Default is #FF0000.
-	 */
-	GUIDE_COLOR: '#FF0000',
-
-	/**
-	 * Variable: GUIDE_STROKEWIDTH
-	 * 
-	 * Defines the strokewidth to be used for the guidelines in mxGraphHandler.
-	 * Default is 1.
-	 */
-	GUIDE_STROKEWIDTH: 1,
-
-	/**
-	 * Variable: OUTLINE_COLOR
-	 * 
-	 * Defines the color to be used for the outline rectangle
-	 * border.  Use 'none' for no color. Default is #0099FF.
-	 */
-	OUTLINE_COLOR: '#0099FF',
-
-	/**
-	 * Variable: OUTLINE_STROKEWIDTH
-	 * 
-	 * Defines the strokewidth to be used for the outline rectangle
-	 * stroke width. Default is 3.
-	 */
-	OUTLINE_STROKEWIDTH: (mxClient.IS_IE) ? 2 : 3,
-
-	/**
-	 * Variable: HANDLE_SIZE
-	 * 
-	 * Defines the default size for handles. Default is 7.
-	 */
-	HANDLE_SIZE: 7,
-
-	/**
-	 * Variable: LABEL_HANDLE_SIZE
-	 * 
-	 * Defines the default size for label handles. Default is 4.
-	 */
-	LABEL_HANDLE_SIZE: 4,
-
-	/**
-	 * Variable: HANDLE_FILLCOLOR
-	 * 
-	 * Defines the color to be used for the handle fill color. Use 'none' for
-	 * no color. Default is #00FF00 (green).
-	 */
-	HANDLE_FILLCOLOR: '#00FF00',
-
-	/**
-	 * Variable: HANDLE_STROKECOLOR
-	 * 
-	 * Defines the color to be used for the handle stroke color. Use 'none' for
-	 * no color. Default is black.
-	 */
-	HANDLE_STROKECOLOR: 'black',
-
-	/**
-	 * Variable: LABEL_HANDLE_FILLCOLOR
-	 * 
-	 * Defines the color to be used for the label handle fill color. Use 'none'
-	 * for no color. Default is yellow.
-	 */
-	LABEL_HANDLE_FILLCOLOR: 'yellow',
-
-	/**
-	 * Variable: CONNECT_HANDLE_FILLCOLOR
-	 * 
-	 * Defines the color to be used for the connect handle fill color. Use
-	 * 'none' for no color. Default is #0000FF (blue).
-	 */
-	CONNECT_HANDLE_FILLCOLOR: '#0000FF',
-
-	/**
-	 * Variable: LOCKED_HANDLE_FILLCOLOR
-	 * 
-	 * Defines the color to be used for the locked handle fill color. Use
-	 * 'none' for no color. Default is #FF0000 (red).
-	 */
-	LOCKED_HANDLE_FILLCOLOR: '#FF0000',
-
-	/**
-	 * Variable: OUTLINE_HANDLE_FILLCOLOR
-	 * 
-	 * Defines the color to be used for the outline sizer fill color. Use
-	 * 'none' for no color. Default is #00FFFF.
-	 */
-	OUTLINE_HANDLE_FILLCOLOR: '#00FFFF',
-
-	/**
-	 * Variable: OUTLINE_HANDLE_STROKECOLOR
-	 * 
-	 * Defines the color to be used for the outline sizer stroke color. Use
-	 * 'none' for no color. Default is #0033FF.
-	 */
-	OUTLINE_HANDLE_STROKECOLOR: '#0033FF',
-
-	/**
-	 * Variable: DEFAULT_FONTFAMILY
-	 * 
-	 * Defines the default family for all fonts in points. Default is
-	 * Arial,Helvetica.
-	 */
-	DEFAULT_FONTFAMILY: 'Arial,Helvetica',
-
-	/**
-	 * Variable: DEFAULT_FONTSIZE
-	 * 
-	 * Defines the default size for all fonts in points. Default is 11.
-	 */
-	DEFAULT_FONTSIZE: 11,
-
-	/**
-	 * Variable: DEFAULT_STARTSIZE
-	 * 
-	 * Defines the default start size for swimlanes. Default is 40.
-	 */
-	DEFAULT_STARTSIZE: 40,
-
-	/**
-	 * Variable: DEFAULT_MARKERSIZE
-	 * 
-	 * Defines the default size for all markers. Default is 6.
-	 */
-	DEFAULT_MARKERSIZE: 6,
-
-	/**
-	 * Variable: DEFAULT_IMAGESIZE
-	 * 
-	 * Defines the default width and height for images used in the
-	 * label shape. Default is 24.
-	 */
-	DEFAULT_IMAGESIZE: 24,
-
-	/**
-	 * Variable: ENTITY_SEGMENT
-	 * 
-	 * Defines the length of the horizontal segment of an Entity Relation.
-	 * This can be overridden using <mxConstants.STYLE_SEGMENT> style.
-	 * Default is 30.
-	 */
-	ENTITY_SEGMENT: 30,
-
-	/**
-	 * Variable: RECTANGLE_ROUNDING_FACTOR
-	 * 
-	 * Defines the rounding factor for rounded rectangles in percent between
-	 * 0 and 1. Values should be smaller than 0.5. Default is 0.15.
-	 */
-	RECTANGLE_ROUNDING_FACTOR: 0.15,
-
-	/**
-	 * Variable: LINE_ARCSIZE
-	 * 
-	 * Defines the size of the arcs for rounded edges. Default is 20.
-	 */
-	LINE_ARCSIZE: 20,
-
-	/**
-	 * Variable: ARROW_SPACING
-	 * 
-	 * Defines the spacing between the arrow shape and its terminals. Default
-	 * is 10.
-	 */
-	ARROW_SPACING: 10,
-
-	/**
-	 * Variable: ARROW_WIDTH
-	 * 
-	 * Defines the width of the arrow shape. Default is 30.
-	 */
-	ARROW_WIDTH: 30,
-
-	/**
-	 * Variable: ARROW_SIZE
-	 * 
-	 * Defines the size of the arrowhead in the arrow shape. Default is 30.
-	 */
-	ARROW_SIZE: 30,
-
-	/**
-	 * Variable: PAGE_FORMAT_A4_PORTRAIT
-	 * 
-	 * Defines the rectangle for the A4 portrait page format. The dimensions
-	 * of this page format are 826x1169 pixels.
-	 */
-	PAGE_FORMAT_A4_PORTRAIT: new mxRectangle(0, 0, 826, 1169),
-
-	/**
-	 * Variable: PAGE_FORMAT_A4_PORTRAIT
-	 * 
-	 * Defines the rectangle for the A4 portrait page format. The dimensions
-	 * of this page format are 826x1169 pixels.
-	 */
-	PAGE_FORMAT_A4_LANDSCAPE: new mxRectangle(0, 0, 1169, 826),
-
-	/**
-	 * Variable: PAGE_FORMAT_LETTER_PORTRAIT
-	 * 
-	 * Defines the rectangle for the Letter portrait page format. The
-	 * dimensions of this page format are 850x1100 pixels.
-	 */
-	PAGE_FORMAT_LETTER_PORTRAIT: new mxRectangle(0, 0, 850, 1100),
-
-	/**
-	 * Variable: PAGE_FORMAT_LETTER_PORTRAIT
-	 * 
-	 * Defines the rectangle for the Letter portrait page format. The dimensions
-	 * of this page format are 850x1100 pixels.
-	 */
-	PAGE_FORMAT_LETTER_LANDSCAPE: new mxRectangle(0, 0, 1100, 850),
-
-	/**
-	 * Variable: NONE
-	 * 
-	 * Defines the value for none. Default is "none".
-	 */
-	NONE: 'none',
-
-	/**
-	 * Variable: STYLE_PERIMETER
-	 * 
-	 * Defines the key for the perimeter style. This is a function that defines
-	 * the perimeter around a particular shape. Possible values are the
-	 * functions defined in <mxPerimeter>. Alternatively, the constants in this
-	 * class that start with <code>PERIMETER_</code> may be used to access
-	 * perimeter styles in <mxStyleRegistry>.
-	 */
-	STYLE_PERIMETER: 'perimeter',
-	
-	/**
-	 * Variable: STYLE_SOURCE_PORT
-	 * 
-	 * Defines the ID of the cell that should be used for computing the
-	 * perimeter point of the source for an edge. This allows for graphically
-	 * connecting to a cell while keeping the actual terminal of the edge.
-	 */
-	STYLE_SOURCE_PORT: 'sourcePort',
-	
-	/**
-	 * Variable: STYLE_TARGET_PORT
-	 * 
-	 * Defines the ID of the cell that should be used for computing the
-	 * perimeter point of the target for an edge. This allows for graphically
-	 * connecting to a cell while keeping the actual terminal of the edge.
-	 */
-	STYLE_TARGET_PORT: 'targetPort',
-
-	/**
-	 * Variable: STYLE_PORT_CONSTRAINT
-	 * 
-	 * Defines the direction(s) that edges are allowed to connect to cells in.
-	 * Possible values are <code>DIRECTION_NORTH, DIRECTION_SOUTH, 
-	 * DIRECTION_EAST</code> and <code>DIRECTION_WEST</code>.
-	 */
-	STYLE_PORT_CONSTRAINT: 'portConstraint',
-
-	/**
-	 * Variable: STYLE_OPACITY
-	 * 
-	 * Defines the key for the opacity style. The type of the value is 
-	 * numeric and the possible range is 0-100.
-	 */
-	STYLE_OPACITY: 'opacity',
-
-	/**
-	 * Variable: STYLE_TEXT_OPACITY
-	 * 
-	 * Defines the key for the text opacity style. The type of the value is 
-	 * numeric and the possible range is 0-100.
-	 */
-	STYLE_TEXT_OPACITY: 'textOpacity',
-
-	/**
-	 * Variable: STYLE_OVERFLOW
-	 * 
-	 * Defines the key for the overflow style. Possible values are 'visible',
-	 * 'hidden' and 'fill'. The default value is 'visible'. This value
-	 * specifies how overlapping vertex labels are handled. A value of
-	 * 'visible' will show the complete label. A value of 'hidden' will clip
-	 * the label so that it does not overlap the vertex bounds. A value of
-	 * 'fill' will use the vertex bounds for the label. See
-	 * <mxGraph.isLabelClipped>.
-	 */
-	STYLE_OVERFLOW: 'overflow',
-
-	/**
-	 * Variable: STYLE_ORTHOGONAL
-	 * 
-	 * Defines if the connection points on either end of the edge should be
-	 * computed so that the edge is vertical or horizontal if possible and
-	 * if the point is not at a fixed location. Default is false. This is
-	 * used in <mxGraph.isOrthogonal>, which also returns true if the edgeStyle
-	 * of the edge is an elbow or entity.
-	 */
-	STYLE_ORTHOGONAL: 'orthogonal',
-
-	/**
-	 * Variable: STYLE_EXIT_X
-	 * 
-	 * Defines the key for the horizontal relative coordinate connection point
-	 * of an edge with its source terminal.
-	 */
-	STYLE_EXIT_X: 'exitX',
-
-	/**
-	 * Variable: STYLE_EXIT_Y
-	 * 
-	 * Defines the key for the vertical relative coordinate connection point
-	 * of an edge with its source terminal.
-	 */
-	STYLE_EXIT_Y: 'exitY',
-
-	/**
-	 * Variable: STYLE_EXIT_PERIMETER
-	 * 
-	 * Defines if the perimeter should be used to find the exact entry point
-	 * along the perimeter of the source. Possible values are 0 (false) and
-	 * 1 (true). Default is 1 (true).
-	 */
-	STYLE_EXIT_PERIMETER: 'exitPerimeter',
-
-	/**
-	 * Variable: STYLE_ENTRY_X
-	 * 
-	 * Defines the key for the horizontal relative coordinate connection point
-	 * of an edge with its target terminal.
-	 */
-	STYLE_ENTRY_X: 'entryX',
-
-	/**
-	 * Variable: STYLE_ENTRY_Y
-	 * 
-	 * Defines the key for the vertical relative coordinate connection point
-	 * of an edge with its target terminal.
-	 */
-	STYLE_ENTRY_Y: 'entryY',
-
-	/**
-	 * Variable: STYLE_ENTRY_PERIMETER
-	 * 
-	 * Defines if the perimeter should be used to find the exact entry point
-	 * along the perimeter of the target. Possible values are 0 (false) and
-	 * 1 (true). Default is 1 (true).
-	 */
-	STYLE_ENTRY_PERIMETER: 'entryPerimeter',
-
-	/**
-	 * Variable: STYLE_WHITE_SPACE
-	 * 
-	 * Defines the key for the white-space style. Possible values are 'nowrap'
-	 * and 'wrap'. The default value is 'nowrap'. This value specifies how
-	 * white-space inside a HTML vertex label should be handled. A value of
-	 * 'nowrap' means the text will never wrap to the next line until a
-	 * linefeed is encountered. A value of 'wrap' means text will wrap when
-	 * necessary. This style is only used for HTML labels.
-	 * See <mxGraph.isWrapping>.
-	 */
-	STYLE_WHITE_SPACE: 'whiteSpace',
-
-	/**
-	 * Variable: STYLE_ROTATION
-	 * 
-	 * Defines the key for the rotation style. The type of the value is 
-	 * numeric and the possible range is 0-360.
-	 */
-	STYLE_ROTATION: 'rotation',
-
-	/**
-	 * Variable: STYLE_FILLCOLOR
-	 * 
-	 * Defines the key for the fill color. Possible values are all HTML color
-	 * names or HEX codes, as well as special keywords such as 'swimlane,
-	 * 'inherit' or 'indicated' to use the color code of a related cell or the
-	 * indicator shape.
-	 */
-	STYLE_FILLCOLOR: 'fillColor',
-
-	/**
-	 * Variable: STYLE_GRADIENTCOLOR
-	 * 
-	 * Defines the key for the gradient color. Possible values are all HTML color
-	 * names or HEX codes, as well as special keywords such as 'swimlane,
-	 * 'inherit' or 'indicated' to use the color code of a related cell or the
-	 * indicator shape. This is ignored if no fill color is defined.
-	 */
-	STYLE_GRADIENTCOLOR: 'gradientColor',
-
-	/**
-	 * Variable: STYLE_GRADIENT_DIRECTION
-	 * 
-	 * Defines the key for the gradient direction. Possible values are
-	 * <DIRECTION_EAST>, <DIRECTION_WEST>, <DIRECTION_NORTH> and
-	 * <DIRECTION_SOUTH>. Default is <DIRECTION_SOUTH>. Generally, and by
-	 * default in mxGraph, gradient painting is done from the value of
-	 * <STYLE_FILLCOLOR> to the value of <STYLE_GRADIENTCOLOR>. Taking the
-	 * example of <DIRECTION_NORTH>, this means <STYLE_FILLCOLOR> color at the 
-	 * bottom of paint pattern and <STYLE_GRADIENTCOLOR> at top, with a
-	 * gradient in-between.
-	 */
-	STYLE_GRADIENT_DIRECTION: 'gradientDirection',
-
-	/**
-	 * Variable: STYLE_STROKECOLOR
-	 * 
-	 * Defines the key for the strokeColor style. Possible values are all HTML
-	 * color names or HEX codes, as well as special keywords such as 'swimlane,
-	 * 'inherit', 'indicated' to use the color code of a related cell or the
-	 * indicator shape or 'none' for no color.
-	 */
-	STYLE_STROKECOLOR: 'strokeColor',
-
-	/**
-	 * Variable: STYLE_SEPARATORCOLOR
-	 * 
-	 * Defines the key for the separatorColor style. Possible values are all
-	 * HTML color names or HEX codes. This style is only used for
-	 * <SHAPE_SWIMLANE> shapes.
-	 */
-	STYLE_SEPARATORCOLOR: 'separatorColor',
-
-	/**
-	 * Variable: STYLE_STROKEWIDTH
-	 * 
-	 * Defines the key for the strokeWidth style. The type of the value is 
-	 * numeric and the possible range is any non-negative value larger or equal
-	 * to 1. The value defines the stroke width in pixels. Note: To hide a
-	 * stroke use strokeColor none.
-	 */
-	STYLE_STROKEWIDTH: 'strokeWidth',
-
-	/**
-	 * Variable: STYLE_ALIGN
-	 * 
-	 * Defines the key for the align style. Possible values are <ALIGN_LEFT>,
-	 * <ALIGN_CENTER> and <ALIGN_RIGHT>. This value defines how the lines of
-	 * the label are horizontally aligned. <ALIGN_LEFT> mean label text lines
-	 * are aligned to left of the label bounds, <ALIGN_RIGHT> to the right of
-	 * the label bounds and <ALIGN_CENTER> means the center of the text lines
-	 * are aligned in the center of the label bounds. Note this value doesn't
-	 * affect the positioning of the overall label bounds relative to the
-	 * vertex, to move the label bounds horizontally, use
-	 * <STYLE_LABEL_POSITION>.
-	 */
-	STYLE_ALIGN: 'align',
-
-	/**
-	 * Variable: STYLE_VERTICAL_ALIGN
-	 * 
-	 * Defines the key for the verticalAlign style. Possible values are
-	 * <ALIGN_TOP>, <ALIGN_MIDDLE> and <ALIGN_BOTTOM>. This value defines how
-	 * the lines of the label are vertically aligned. <ALIGN_TOP> means the
-	 * topmost label text line is aligned against the top of the label bounds,
-	 * <ALIGN_BOTTOM> means the bottom-most label text line is aligned against
-	 * the bottom of the label bounds and <ALIGN_MIDDLE> means there is equal
-	 * spacing between the topmost text label line and the top of the label
-	 * bounds and the bottom-most text label line and the bottom of the label
-	 * bounds. Note this value doesn't affect the positioning of the overall
-	 * label bounds relative to the vertex, to move the label bounds
-	 * vertically, use <STYLE_VERTICAL_LABEL_POSITION>.
-	 */
-	STYLE_VERTICAL_ALIGN: 'verticalAlign',
-
-	/**
-	 * Variable: STYLE_LABEL_POSITION
-	 * 
-	 * Defines the key for the horizontal label position of vertices. Possible
-	 * values are <ALIGN_LEFT>, <ALIGN_CENTER> and <ALIGN_RIGHT>. Default is
-	 * <ALIGN_CENTER>. The label align defines the position of the label
-	 * relative to the cell. <ALIGN_LEFT> means the entire label bounds is
-	 * placed completely just to the left of the vertex, <ALIGN_RIGHT> means
-	 * adjust to the right and <ALIGN_CENTER> means the label bounds are
-	 * vertically aligned with the bounds of the vertex. Note this value
-	 * doesn't affect the positioning of label within the label bounds, to move
-	 * the label horizontally within the label bounds, use <STYLE_ALIGN>.
-	 */
-	STYLE_LABEL_POSITION: 'labelPosition',
-
-	/**
-	 * Variable: STYLE_VERTICAL_LABEL_POSITION
-	 * 
-	 * Defines the key for the vertical label position of vertices. Possible
-	 * values are <ALIGN_TOP>, <ALIGN_BOTTOM> and <ALIGN_MIDDLE>. Default is
-	 * <ALIGN_MIDDLE>. The label align defines the position of the label
-	 * relative to the cell. <ALIGN_TOP> means the entire label bounds is
-	 * placed completely just on the top of the vertex, <ALIGN_BOTTOM> means
-	 * adjust on the bottom and <ALIGN_MIDDLE> means the label bounds are
-	 * horizontally aligned with the bounds of the vertex. Note this value
-	 * doesn't affect the positioning of label within the label bounds, to move
-	 * the label vertically within the label bounds, use
-	 * <STYLE_VERTICAL_ALIGN>.
-	 */
-	STYLE_VERTICAL_LABEL_POSITION: 'verticalLabelPosition',
-	
-	/**
-	 * Variable: STYLE_IMAGE_ASPECT
-	 * 
-	 * Defines the key for the image aspect style. Possible values are 0 (do
-	 * not preserve aspect) or 1 (keep aspect). This is only used in
-	 * <mxImageShape>. Default is 1.
-	 */
-	STYLE_IMAGE_ASPECT: 'imageAspect',
-
-	/**
-	 * Variable: STYLE_IMAGE_ALIGN
-	 * 
-	 * Defines the key for the align style. Possible values are <ALIGN_LEFT>,
-	 * <ALIGN_CENTER> and <ALIGN_RIGHT>. The value defines how any image in the
-	 * vertex label is aligned horizontally within the label bounds of a
-	 * <SHAPE_LABEL> shape.
-	 */
-	STYLE_IMAGE_ALIGN: 'imageAlign',
-
-	/**
-	 * Variable: STYLE_IMAGE_VERTICAL_ALIGN
-	 * 
-	 * Defines the key for the verticalAlign style. Possible values are
-	 * <ALIGN_TOP>, <ALIGN_MIDDLE> and <ALIGN_BOTTOM>. The value defines how
-	 * any image in the vertex label is aligned vertically within the label
-	 * bounds of a <SHAPE_LABEL> shape.
-	 */
-	STYLE_IMAGE_VERTICAL_ALIGN: 'imageVerticalAlign',
-
-	/**
-	 * Variable: STYLE_GLASS
-	 * 
-	 * Defines the key for the glass style. Possible values are 0 (disabled) and
-	 * 1(enabled). The default value is 0. This is used in <mxLabel>.
-	 */
-	STYLE_GLASS: 'glass',
-
-	/**
-	 * Variable: STYLE_IMAGE
-	 * 
-	 * Defines the key for the image style. Possible values are any image URL,
-	 * the type of the value is String. This is the path to the image to image
-	 * that is to be displayed within the label of a vertex. Data URLs should
-	 * use the following format: data:image/png,xyz where xyz is the base64
-	 * encoded data (without the "base64"-prefix). Note that Data URLs are only
-	 * supported in modern browsers.
-	 */
-	STYLE_IMAGE: 'image',
-
-	/**
-	 * Variable: STYLE_IMAGE_WIDTH
-	 * 
-	 * Defines the key for the imageWidth style. The type of this value is
-	 * int, the value is the image width in pixels and must be greater than 0.
-	 */
-	STYLE_IMAGE_WIDTH: 'imageWidth',
-
-	/**
-	 * Variable: STYLE_IMAGE_HEIGHT
-	 * 
-	 * Defines the key for the imageHeight style. The type of this value is
-	 * int, the value is the image height in pixels and must be greater than 0.
-	 */
-	STYLE_IMAGE_HEIGHT: 'imageHeight',
-
-	/**
-	 * Variable: STYLE_IMAGE_BACKGROUND
-	 * 
-	 * Defines the key for the image background color. This style is only used
-	 * in <mxImageShape>. Possible values are all HTML color names or HEX
-	 * codes.
-	 */
-	STYLE_IMAGE_BACKGROUND: 'imageBackground',
-
-	/**
-	 * Variable: STYLE_IMAGE_BORDER
-	 * 
-	 * Defines the key for the image border color. This style is only used in
-	 * <mxImageShape>. Possible values are all HTML color names or HEX codes.
-	 */
-	STYLE_IMAGE_BORDER: 'imageBorder',
-
-	/**
-	 * Variable: STYLE_IMAGE_FLIPH
-	 * 
-	 * Defines the key for the horizontal image flip. This style is only used
-	 * in <mxImageShape>. Possible values are 0 and 1. Default is 0.
-	 */
-	STYLE_IMAGE_FLIPH: 'imageFlipH',
-
-	/**
-	 * Variable: STYLE_IMAGE_FLIPV
-	 * 
-	 * Defines the key for the vertical image flip. This style is only used
-	 * in <mxImageShape>. Possible values are 0 and 1. Default is 0.
-	 */
-	STYLE_IMAGE_FLIPV: 'imageFlipV',
-
-	/**
-	 * Variable: STYLE_STENCIL_FLIPH
-	 * 
-	 * Defines the key for the horizontal stencil flip. This style is only used
-	 * for <mxStencilShape>. Possible values are 0 and 1. Default is 0.
-	 */
-	STYLE_STENCIL_FLIPH: 'stencilFlipH',
-
-	/**
-	 * Variable: STYLE_STENCIL_FLIPV
-	 * 
-	 * Defines the key for the vertical stencil flip. This style is only used
-	 * for <mxStencilShape>. Possible values are 0 and 1. Default is 0.
-	 */
-	STYLE_STENCIL_FLIPV: 'stencilFlipV',
-
-	/**
-	 * Variable: STYLE_NOLABEL
-	 * 
-	 * Defines the key for the noLabel style. If this is
-	 * true then no label is visible for a given cell.
-	 * Possible values are true or false (1 or 0).
-	 * Default is false.
-	 */
-	STYLE_NOLABEL: 'noLabel',
-
-	/**
-	 * Variable: STYLE_NOEDGESTYLE
-	 * 
-	 * Defines the key for the noEdgeStyle style. If this is
-	 * true then no edge style is applied for a given edge.
-	 * Possible values are true or false (1 or 0).
-	 * Default is false.
-	 */
-	STYLE_NOEDGESTYLE: 'noEdgeStyle',
-
-	/**
-	 * Variable: STYLE_LABEL_BACKGROUNDCOLOR
-	 * 
-	 * Defines the key for the label background color. Possible values are all
-	 * HTML color names or HEX codes.
-	 */
-	STYLE_LABEL_BACKGROUNDCOLOR: 'labelBackgroundColor',
-
-	/**
-	 * Variable: STYLE_LABEL_BORDERCOLOR
-	 * 
-	 * Defines the key for the label border color. Possible values are all
-	 * HTML color names or HEX codes.
-	 */
-	STYLE_LABEL_BORDERCOLOR: 'labelBorderColor',
-
-	/**
-	 * Variable: STYLE_LABEL_PADDING
-	 * 
-	 * Defines the key for the label padding, ie. the space between the label
-	 * border and the label.
-	 */
-	STYLE_LABEL_PADDING: 'labelPadding',
-
-	/**
-	 * Variable: STYLE_INDICATOR_SHAPE
-	 * 
-	 * Defines the key for the indicator shape used within an <mxLabel>.
-	 * Possible values are all SHAPE_* constants or the names of any new
-	 * shapes. The indicatorShape has precedence over the indicatorImage.
-	 */
-	STYLE_INDICATOR_SHAPE: 'indicatorShape',
-
-	/**
-	 * Variable: STYLE_INDICATOR_IMAGE
-	 * 
-	 * Defines the key for the indicator image used within an <mxLabel>.
-	 * Possible values are all image URLs. The indicatorShape has
-	 * precedence over the indicatorImage.
-	 */
-	STYLE_INDICATOR_IMAGE: 'indicatorImage',
-
-	/**
-	 * Variable: STYLE_INDICATOR_COLOR
-	 * 
-	 * Defines the key for the indicatorColor style. Possible values are all
-	 * HTML color names or HEX codes, as well as the special 'swimlane' keyword
-	 * to refer to the color of the parent swimlane if one exists.
-	 */
-	STYLE_INDICATOR_COLOR: 'indicatorColor',
-
-	/**
-	 * Variable: STYLE_INDICATOR_STROKECOLOR
-	 * 
-	 * Defines the key for the indicator stroke color in <mxLabel>.
-	 * Possible values are all color codes.
-	 */
-	STYLE_INDICATOR_STROKECOLOR: 'indicatorStrokeColor',
-
-	/**
-	 * Variable: STYLE_INDICATOR_GRADIENTCOLOR
-	 * 
-	 * Defines the key for the indicatorGradientColor style. Possible values
-	 * are all HTML color names or HEX codes. This style is only supported in
-	 * <SHAPE_LABEL> shapes.
-	 */
-	STYLE_INDICATOR_GRADIENTCOLOR: 'indicatorGradientColor',
-
-	/**
-	 * Variable: STYLE_INDICATOR_SPACING
-	 * 
-	 * The defines the key for the spacing between the label and the
-	 * indicator in <mxLabel>. Possible values are in pixels.
-	 */
-	STYLE_INDICATOR_SPACING: 'indicatorSpacing',
-
-	/**
-	 * Variable: STYLE_INDICATOR_WIDTH
-	 * 
-	 * Defines the key for the indicator width.
-	 * Possible values start at 0 (in pixels).
-	 */
-	STYLE_INDICATOR_WIDTH: 'indicatorWidth',
-
-	/**
-	 * Variable: STYLE_INDICATOR_HEIGHT
-	 * 
-	 * Defines the key for the indicator height.
-	 * Possible values start at 0 (in pixels).
-	 */
-	STYLE_INDICATOR_HEIGHT: 'indicatorHeight',
-
-	/**
-	 * Variable: STYLE_INDICATOR_DIRECTION
-	 * 
-	 * Defines the key for the indicatorDirection style. The direction style is
-	 * used to specify the direction of certain shapes (eg. <mxTriangle>).
-	 * Possible values are <DIRECTION_EAST> (default), <DIRECTION_WEST>,
-	 * <DIRECTION_NORTH> and <DIRECTION_SOUTH>.
-	 */
-	STYLE_INDICATOR_DIRECTION: 'indicatorDirection',
-
-	/**
-	 * Variable: STYLE_SHADOW
-	 * 
-	 * Defines the key for the shadow style. The type of the value is Boolean.
-	 */
-	STYLE_SHADOW: 'shadow',
-	
-	/**
-	 * Variable: STYLE_SEGMENT
-	 * 
-	 * Defines the key for the segment style. The type of this value is
-	 * float and the value represents the size of the horizontal
-	 * segment of the entity relation style. Default is ENTITY_SEGMENT.
-	 */
-	STYLE_SEGMENT: 'segment',
-	
-	/**
-	 * Variable: STYLE_ENDARROW
-	 *
-	 * Defines the key for the end arrow marker.
-	 * Possible values are all constants with an ARROW-prefix.
-	 * This is only used in <mxConnector>.
-	 *
-	 * Example:
-	 * (code)
-	 * style[mxConstants.STYLE_ENDARROW] = mxConstants.ARROW_CLASSIC;
-	 * (end)
-	 */
-	STYLE_ENDARROW: 'endArrow',
-
-	/**
-	 * Variable: STYLE_STARTARROW
-	 * 
-	 * Defines the key for the start arrow marker.
-	 * Possible values are all constants with an ARROW-prefix.
-	 * This is only used in <mxConnector>.
-	 * See <STYLE_ENDARROW>.
-	 */
-	STYLE_STARTARROW: 'startArrow',
-
-	/**
-	 * Variable: STYLE_ENDSIZE
-	 * 
-	 * Defines the key for the endSize style. The type of this value is numeric
-	 * and the value represents the size of the end marker in pixels.
-	 */
-	STYLE_ENDSIZE: 'endSize',
-
-	/**
-	 * Variable: STYLE_STARTSIZE
-	 * 
-	 * Defines the key for the startSize style. The type of this value is
-	 * numeric and the value represents the size of the start marker or the
-	 * size of the swimlane title region depending on the shape it is used for.
-	 */
-	STYLE_STARTSIZE: 'startSize',
-
-	/**
-	 * Variable: STYLE_ENDFILL
-	 * 
-	 * Defines the key for the endFill style. Use 0 for no fill or 1
-	 * (default) for fill. (This style is only exported via <mxImageExport>.)
-	 */
-	STYLE_ENDFILL: 'endFill',
-
-	/**
-	 * Variable: STYLE_STARTFILL
-	 * 
-	 * Defines the key for the startFill style. Use 0 for no fill or 1
-	 * (default) for fill. (This style is only exported via <mxImageExport>.)
-	 */
-	STYLE_STARTFILL: 'startFill',
-
-	/**
-	 * Variable: STYLE_DASHED
-	 * 
-	 * Defines the key for the dashed style. Use 0 (default) for non-dashed or 1
-	 * for dashed.
-	 */
-	STYLE_DASHED: 'dashed',
-
-	/**
-	 * Defines the key for the dashed pattern style in SVG and image exports.
-	 * The type of this value is a space separated list of numbers that specify
-	 * a custom-defined dash pattern. Dash styles are defined in terms of the
-	 * length of the dash (the drawn part of the stroke) and the length of the
-	 * space between the dashes. The lengths are relative to the line width: a
-	 * length of "1" is equal to the line width. VML ignores this style and
-	 * uses dashStyle instead as defined in the VML specification. This style
-	 * is only used in the <mxConnector> shape.
-	 */
-	STYLE_DASH_PATTERN: 'dashPattern',
-
-	/**
-	 * Variable: STYLE_ROUNDED
-	 * 
-	 * Defines the key for the rounded style. The type of this value is
-	 * Boolean. For edges this determines whether or not joins between edges
-	 * segments are smoothed to a rounded finish. For vertices that have the
-	 * rectangle shape, this determines whether or not the rectangle is
-	 * rounded.
-	 */
-	STYLE_ROUNDED: 'rounded',
-
-	/**
-	 * Variable: STYLE_ARCSIZE
-	 * 
-	 * Defines the rounding factor for a rounded rectangle in percent (without
-	 * the percent sign). Possible values are between 0 and 100. If this value
-	 * is not specified then RECTANGLE_ROUNDING_FACTOR * 100 is used.
-	 * (This style is only exported via <mxImageExport>.)
-	 */
-	STYLE_ARCSIZE: 'arcSize',
-
-	/**
-	 * Variable: STYLE_SMOOTH
-	 * 
-	 * An experimental style for edges. This style is currently not available
-	 * in the backends and is implemented differently for VML and SVG. The use
-	 * of this style is currently only recommended for VML.
-	 */
-	STYLE_SMOOTH: 'smooth',
-
-	/**
-	 * Variable: STYLE_SOURCE_PERIMETER_SPACING
-	 * 
-	 * Defines the key for the source perimeter spacing. The type of this value
-	 * is numeric. This is the distance between the source connection point of
-	 * an edge and the perimeter of the source vertex in pixels. This style
-	 * only applies to edges.
-	 */
-	STYLE_SOURCE_PERIMETER_SPACING: 'sourcePerimeterSpacing',
-
-	/**
-	 * Variable: STYLE_TARGET_PERIMETER_SPACING
-	 * 
-	 * Defines the key for the target perimeter spacing. The type of this value
-	 * is numeric. This is the distance between the target connection point of
-	 * an edge and the perimeter of the target vertex in pixels. This style
-	 * only applies to edges.
-	 */
-	STYLE_TARGET_PERIMETER_SPACING: 'targetPerimeterSpacing',
-
-	/**
-	 * Variable: STYLE_PERIMETER_SPACING
-	 * 
-	 * Defines the key for the perimeter spacing. This is the distance between
-	 * the connection point and the perimeter in pixels. When used in a vertex
-	 * style, this applies to all incoming edges to floating ports (edges that
-	 * terminate on the perimeter of the vertex). When used in an edge style,
-	 * this spacing applies to the source and target separately, if they
-	 * terminate in floating ports (on the perimeter of the vertex).
-	 */
-	STYLE_PERIMETER_SPACING: 'perimeterSpacing',
-
-	/**
-	 * Variable: STYLE_SPACING
-	 * 
-	 * Defines the key for the spacing. The value represents the spacing, in
-	 * pixels, added to each side of a label in a vertex (style applies to
-	 * vertices only).
-	 */
-	STYLE_SPACING: 'spacing',
-
-	/**
-	 * Variable: STYLE_SPACING_TOP
-	 * 
-	 * Defines the key for the spacingTop style. The value represents the
-	 * spacing, in pixels, added to the top side of a label in a vertex (style
-	 * applies to vertices only).
-	 */
-	STYLE_SPACING_TOP: 'spacingTop',
-
-	/**
-	 * Variable: STYLE_SPACING_LEFT
-	 * 
-	 * Defines the key for the spacingLeft style. The value represents the
-	 * spacing, in pixels, added to the left side of a label in a vertex (style
-	 * applies to vertices only).
-	 */
-	STYLE_SPACING_LEFT: 'spacingLeft',
-
-	/**
-	 * Variable: STYLE_SPACING_BOTTOM
-	 * 
-	 * Defines the key for the spacingBottom style The value represents the
-	 * spacing, in pixels, added to the bottom side of a label in a vertex
-	 * (style applies to vertices only).
-	 */
-	STYLE_SPACING_BOTTOM: 'spacingBottom',
-
-	/**
-	 * Variable: STYLE_SPACING_RIGHT
-	 * 
-	 * Defines the key for the spacingRight style The value represents the
-	 * spacing, in pixels, added to the right side of a label in a vertex (style
-	 * applies to vertices only).
-	 */
-	STYLE_SPACING_RIGHT: 'spacingRight',
-
-	/**
-	 * Variable: STYLE_HORIZONTAL
-	 * 
-	 * Defines the key for the horizontal style. Possible values are
-	 * true or false. This value only applies to vertices. If the <STYLE_SHAPE>
-	 * is <code>SHAPE_SWIMLANE</code> a value of false indicates that the
-	 * swimlane should be drawn vertically, true indicates to draw it
-	 * horizontally. If the shape style does not indicate that this vertex is a
-	 * swimlane, this value affects only whether the label is drawn
-	 * horizontally or vertically.
-	 */
-	STYLE_HORIZONTAL: 'horizontal',
-
-	/**
-	 * Variable: STYLE_DIRECTION
-	 * 
-	 * Defines the key for the direction style. The direction style is used
-	 * to specify the direction of certain shapes (eg. <mxTriangle>).
-	 * Possible values are <DIRECTION_EAST> (default), <DIRECTION_WEST>,
-	 * <DIRECTION_NORTH> and <DIRECTION_SOUTH>.
-	 */
-	STYLE_DIRECTION: 'direction',
-
-	/**
-	 * Variable: STYLE_ELBOW
-	 * 
-	 * Defines the key for the elbow style. Possible values are
-	 * <ELBOW_HORIZONTAL> and <ELBOW_VERTICAL>. Default is <ELBOW_HORIZONTAL>.
-	 * This defines how the three segment orthogonal edge style leaves its
-	 * terminal vertices. The vertical style leaves the terminal vertices at
-	 * the top and bottom sides.
-	 */
-	STYLE_ELBOW: 'elbow',
-
-	/**
-	 * Variable: STYLE_FONTCOLOR
-	 * 
-	 * Defines the key for the fontColor style. Possible values are all HTML
-	 * color names or HEX codes.
-	 */
-	STYLE_FONTCOLOR: 'fontColor',
-
-	/**
-	 * Variable: STYLE_FONTFAMILY
-	 * 
-	 * Defines the key for the fontFamily style. Possible values are names such
-	 * as Arial; Dialog; Verdana; Times New Roman. The value is of type String.
-	 */
-	STYLE_FONTFAMILY: 'fontFamily',
-
-	/**
-	 * Variable: STYLE_FONTSIZE
-	 * 
-	 * Defines the key for the fontSize style (in points). The type of the value
-	 * is int.
-	 */
-	STYLE_FONTSIZE: 'fontSize',
-
-	/**
-	 * Variable: STYLE_FONTSTYLE
-	 * 
-	 * Defines the key for the fontStyle style. Values may be any logical AND
-	 * (sum) of <FONT_BOLD>, <FONT_ITALIC>, <FONT_UNDERLINE> and <FONT_SHADOW>.
-	 * The type of the value is int.
-	 */
-	STYLE_FONTSTYLE: 'fontStyle',
-
-	/**
-	 * Variable: STYLE_AUTOSIZE
-	 * 
-	 * Defines the key for the autosize style. This specifies if a cell should be
-	 * resized automatically if the value has changed. Possible values are 0 or 1.
-	 * Default is 0. See <mxGraph.isAutoSizeCell>. This is normally combined with
-	 * <STYLE_RESIZABLE> to disable manual sizing.
-	 */
-	STYLE_AUTOSIZE: 'autosize',
-
-	/**
-	 * Variable: STYLE_FOLDABLE
-	 * 
-	 * Defines the key for the foldable style. This specifies if a cell is foldable
-	 * using a folding icon. Possible values are 0 or 1. Default is 1. See
-	 * <mxGraph.isCellFoldable>.
-	 */
-	STYLE_FOLDABLE: 'foldable',
-
-	/**
-	 * Variable: STYLE_EDITABLE
-	 * 
-	 * Defines the key for the editable style. This specifies if the value of
-	 * a cell can be edited using the in-place editor. Possible values are 0 or
-	 * 1. Default is 1. See <mxGraph.isCellEditable>.
-	 */
-	STYLE_EDITABLE: 'editable',
-
-	/**
-	 * Variable: STYLE_BENDABLE
-	 * 
-	 * Defines the key for the bendable style. This specifies if the control
-	 * points of an edge can be moved. Possible values are 0 or 1. Default is
-	 * 1. See <mxGraph.isCellBendable>.
-	 */
-	STYLE_BENDABLE: 'bendable',
-
-	/**
-	 * Variable: STYLE_MOVABLE
-	 * 
-	 * Defines the key for the movable style. This specifies if a cell can
-	 * be moved. Possible values are 0 or 1. Default is 1. See
-	 * <mxGraph.isCellMovable>.
-	 */
-	STYLE_MOVABLE: 'movable',
-
-	/**
-	 * Variable: STYLE_RESIZABLE
-	 * 
-	 * Defines the key for the resizable style. This specifies if a cell can
-	 * be resized. Possible values are 0 or 1. Default is 1. See
-	 * <mxGraph.isCellResizable>.
-	 */
-	STYLE_RESIZABLE: 'resizable',
-
-	/**
-	 * Variable: STYLE_CLONEABLE
-	 * 
-	 * Defines the key for the cloneable style. This specifies if a cell can
-	 * be cloned. Possible values are 0 or 1. Default is 1. See
-	 * <mxGraph.isCellCloneable>.
-	 */
-	STYLE_CLONEABLE: 'cloneable',
-
-	/**
-	 * Variable: STYLE_DELETABLE
-	 * 
-	 * Defines the key for the deletable style. This specifies if a cell can be
-	 * deleted. Possible values are 0 or 1. Default is 1. See
-	 * <mxGraph.isCellDeletable>.
-	 */
-	STYLE_DELETABLE: 'deletable',
-
-	/**
-	 * Variable: STYLE_SHAPE
-	 * 
-	 * Defines the key for the shape. Possible values are all constants
-	 * with a SHAPE-prefix or any newly defined shape names.
-	 */
-	STYLE_SHAPE: 'shape',
-
-	/**
-	 * Variable: STYLE_EDGE
-	 * 
-	 * Defines the key for the edge style. Possible values are the functions
-	 * defined in <mxEdgeStyle>.
-	 */
-	STYLE_EDGE: 'edgeStyle',
-
-	/**
-	 * Variable: STYLE_LOOP
-	 * 
-	 * Defines the key for the loop style. Possible values are the functions
-	 * defined in <mxEdgeStyle>.
-	 */
-	STYLE_LOOP: 'loopStyle',
-
-	/**
-	 * Variable: STYLE_ROUTING_CENTER_X
-	 * 
-	 * Defines the key for the horizontal routing center. Possible values are
-	 * between -0.5 and 0.5. This is the relative offset from the center used
-	 * for connecting edges. The type of this value is numeric.
-	 */
-	STYLE_ROUTING_CENTER_X: 'routingCenterX',
-
-	/**
-	 * Variable: STYLE_ROUTING_CENTER_Y
-	 * 
-	 * Defines the key for the vertical routing center. Possible values are
-	 * between -0.5 and 0.5. This is the relative offset from the center used
-	 * for connecting edges. The type of this value is numeric.
-	 */
-	STYLE_ROUTING_CENTER_Y: 'routingCenterY',
-
-	/**
-	 * Variable: FONT_BOLD
-	 * 
-	 * Constant for bold fonts. Default is 1.
-	 */
-	FONT_BOLD: 1,
-
-	/**
-	 * Variable: FONT_ITALIC
-	 * 
-	 * Constant for italic fonts. Default is 2.
-	 */
-	FONT_ITALIC: 2,
-
-	/**
-	 * Variable: FONT_UNDERLINE
-	 * 
-	 * Constant for underlined fonts. Default is 4.
-	 */
-	FONT_UNDERLINE: 4,
-
-	/**
-	 * Variable: FONT_SHADOW
-	 * 
-	 * Constant for fonts with a shadow. Default is 8.
-	 */
-	FONT_SHADOW: 8,
-
-	/**
-	 * Variable: SHAPE_RECTANGLE
-	 * 
-	 * Name under which <mxRectangleShape> is registered
-	 * in <mxCellRenderer>. Default is rectangle.
-	 */
-	SHAPE_RECTANGLE: 'rectangle',
-
-	/**
-	 * Variable: SHAPE_ELLIPSE
-	 * 
-	 * Name under which <mxEllipse> is registered
-	 * in <mxCellRenderer>. Default is ellipse.
-	 */
-	SHAPE_ELLIPSE: 'ellipse',
-
-	/**
-	 * Variable: SHAPE_DOUBLE_ELLIPSE
-	 * 
-	 * Name under which <mxDoubleEllipse> is registered
-	 * in <mxCellRenderer>. Default is doubleEllipse.
-	 */
-	SHAPE_DOUBLE_ELLIPSE: 'doubleEllipse',
-
-	/**
-	 * Variable: SHAPE_RHOMBUS
-	 * 
-	 * Name under which <mxRhombus> is registered
-	 * in <mxCellRenderer>. Default is rhombus.
-	 */
-	SHAPE_RHOMBUS: 'rhombus',
-
-	/**
-	 * Variable: SHAPE_LINE
-	 * 
-	 * Name under which <mxLine> is registered
-	 * in <mxCellRenderer>. Default is line.
-	 */
-	SHAPE_LINE: 'line',
-
-	/**
-	 * Variable: SHAPE_IMAGE
-	 * 
-	 * Name under which <mxImageShape> is registered
-	 * in <mxCellRenderer>. Default is image.
-	 */
-	SHAPE_IMAGE: 'image',
-	
-	/**
-	 * Variable: SHAPE_ARROW
-	 * 
-	 * Name under which <mxArrow> is registered
-	 * in <mxCellRenderer>. Default is arrow.
-	 */
-	SHAPE_ARROW: 'arrow',
-	
-	/**
-	 * Variable: SHAPE_LABEL
-	 * 
-	 * Name under which <mxLabel> is registered
-	 * in <mxCellRenderer>. Default is label.
-	 */
-	SHAPE_LABEL: 'label',
-	
-	/**
-	 * Variable: SHAPE_CYLINDER
-	 * 
-	 * Name under which <mxCylinder> is registered
-	 * in <mxCellRenderer>. Default is cylinder.
-	 */
-	SHAPE_CYLINDER: 'cylinder',
-	
-	/**
-	 * Variable: SHAPE_SWIMLANE
-	 * 
-	 * Name under which <mxSwimlane> is registered
-	 * in <mxCellRenderer>. Default is swimlane.
-	 */
-	SHAPE_SWIMLANE: 'swimlane',
-		
-	/**
-	 * Variable: SHAPE_CONNECTOR
-	 * 
-	 * Name under which <mxConnector> is registered
-	 * in <mxCellRenderer>. Default is connector.
-	 */
-	SHAPE_CONNECTOR: 'connector',
-		
-	/**
-	 * Variable: SHAPE_ACTOR
-	 * 
-	 * Name under which <mxActor> is registered
-	 * in <mxCellRenderer>. Default is actor.
-	 */
-	SHAPE_ACTOR: 'actor',
-		
-	/**
-	 * Variable: SHAPE_CLOUD
-	 * 
-	 * Name under which <mxCloud> is registered
-	 * in <mxCellRenderer>. Default is cloud.
-	 */
-	SHAPE_CLOUD: 'cloud',
-		
-	/**
-	 * Variable: SHAPE_TRIANGLE
-	 * 
-	 * Name under which <mxTriangle> is registered
-	 * in <mxCellRenderer>. Default is triangle.
-	 */
-	SHAPE_TRIANGLE: 'triangle',
-		
-	/**
-	 * Variable: SHAPE_HEXAGON
-	 * 
-	 * Name under which <mxHexagon> is registered
-	 * in <mxCellRenderer>. Default is hexagon.
-	 */
-	SHAPE_HEXAGON: 'hexagon',
-
-	/**
-	 * Variable: ARROW_CLASSIC
-	 * 
-	 * Constant for classic arrow markers.
-	 */
-	ARROW_CLASSIC: 'classic',
-
-	/**
-	 * Variable: ARROW_BLOCK
-	 * 
-	 * Constant for block arrow markers.
-	 */
-	ARROW_BLOCK: 'block',
-
-	/**
-	 * Variable: ARROW_OPEN
-	 * 
-	 * Constant for open arrow markers.
-	 */
-	ARROW_OPEN: 'open',
-
-	/**
-	 * Variable: ARROW_OVAL
-	 * 
-	 * Constant for oval arrow markers.
-	 */
-	ARROW_OVAL: 'oval',
-
-	/**
-	 * Variable: ARROW_DIAMOND
-	 * 
-	 * Constant for diamond arrow markers.
-	 */
-	ARROW_DIAMOND: 'diamond',
-
-	/**
-	 * Variable: ARROW_DIAMOND
-	 * 
-	 * Constant for diamond arrow markers.
-	 */
-	ARROW_DIAMOND_THIN: 'diamondThin',
-
-	/**
-	 * Variable: ALIGN_LEFT
-	 * 
-	 * Constant for left horizontal alignment. Default is left.
-	 */
-	ALIGN_LEFT: 'left',
-
-	/**
-	 * Variable: ALIGN_CENTER
-	 * 
-	 * Constant for center horizontal alignment. Default is center.
-	 */
-	ALIGN_CENTER: 'center',
-
-	/**
-	 * Variable: ALIGN_RIGHT
-	 * 
-	 * Constant for right horizontal alignment. Default is right.
-	 */
-	ALIGN_RIGHT: 'right',
-
-	/**
-	 * Variable: ALIGN_TOP
-	 * 
-	 * Constant for top vertical alignment. Default is top.
-	 */
-	ALIGN_TOP: 'top',
-
-	/**
-	 * Variable: ALIGN_MIDDLE
-	 * 
-	 * Constant for middle vertical alignment. Default is middle.
-	 */
-	ALIGN_MIDDLE: 'middle',
-
-	/**
-	 * Variable: ALIGN_BOTTOM
-	 * 
-	 * Constant for bottom vertical alignment. Default is bottom.
-	 */
-	ALIGN_BOTTOM: 'bottom',
-
-	/**
-	 * Variable: DIRECTION_NORTH
-	 * 
-	 * Constant for direction north. Default is north.
-	 */
-	DIRECTION_NORTH: 'north',
-
-	/**
-	 * Variable: DIRECTION_SOUTH
-	 * 
-	 * Constant for direction south. Default is south.
-	 */
-	DIRECTION_SOUTH: 'south',
-
-	/**
-	 * Variable: DIRECTION_EAST
-	 * 
-	 * Constant for direction east. Default is east.
-	 */
-	DIRECTION_EAST: 'east',
-
-	/**
-	 * Variable: DIRECTION_WEST
-	 * 
-	 * Constant for direction west. Default is west.
-	 */
-	DIRECTION_WEST: 'west',
-
-	/**
-	 * Variable: DIRECTION_MASK_NONE
-	 * 
-	 * Constant for no direction.
-	 */
-	DIRECTION_MASK_NONE: 0,
-
-	/**
-	 * Variable: DIRECTION_MASK_WEST
-	 * 
-	 * Bitwise mask for west direction.
-	 */
-	DIRECTION_MASK_WEST: 1,
-	
-	/**
-	 * Variable: DIRECTION_MASK_NORTH
-	 * 
-	 * Bitwise mask for north direction.
-	 */
-	DIRECTION_MASK_NORTH: 2,
-
-	/**
-	 * Variable: DIRECTION_MASK_SOUTH
-	 * 
-	 * Bitwise mask for south direction.
-	 */
-	DIRECTION_MASK_SOUTH: 4,
-
-	/**
-	 * Variable: DIRECTION_MASK_EAST
-	 * 
-	 * Bitwise mask for east direction.
-	 */
-	DIRECTION_MASK_EAST: 8,
-	
-	/**
-	 * Variable: DIRECTION_MASK_ALL
-	 * 
-	 * Bitwise mask for all directions.
-	 */
-	DIRECTION_MASK_ALL: 15,
-
-	/**
-	 * Variable: ELBOW_VERTICAL
-	 * 
-	 * Constant for elbow vertical. Default is horizontal.
-	 */
-	ELBOW_VERTICAL: 'vertical',
-
-	/**
-	 * Variable: ELBOW_HORIZONTAL
-	 * 
-	 * Constant for elbow horizontal. Default is horizontal.
-	 */
-	ELBOW_HORIZONTAL: 'horizontal',
-
-	/**
-	 * Variable: EDGESTYLE_ELBOW
-	 * 
-	 * Name of the elbow edge style. Can be used as a string value
-	 * for the STYLE_EDGE style.
-	 */
-	EDGESTYLE_ELBOW: 'elbowEdgeStyle',
-
-	/**
-	 * Variable: EDGESTYLE_ENTITY_RELATION
-	 * 
-	 * Name of the entity relation edge style. Can be used as a string value
-	 * for the STYLE_EDGE style.
-	 */
-	EDGESTYLE_ENTITY_RELATION: 'entityRelationEdgeStyle',
-
-	/**
-	 * Variable: EDGESTYLE_LOOP
-	 * 
-	 * Name of the loop edge style. Can be used as a string value
-	 * for the STYLE_EDGE style.
-	 */
-	EDGESTYLE_LOOP: 'loopEdgeStyle',
-
-	/**
-	 * Variable: EDGESTYLE_SIDETOSIDE
-	 * 
-	 * Name of the side to side edge style. Can be used as a string value
-	 * for the STYLE_EDGE style.
-	 */
-	EDGESTYLE_SIDETOSIDE: 'sideToSideEdgeStyle',
-
-	/**
-	 * Variable: EDGESTYLE_TOPTOBOTTOM
-	 * 
-	 * Name of the top to bottom edge style. Can be used as a string value
-	 * for the STYLE_EDGE style.
-	 */
-	EDGESTYLE_TOPTOBOTTOM: 'topToBottomEdgeStyle',
-
-	/**
-	 * Variable: EDGESTYLE_ORTHOGONAL
-	 * 
-	 * Name of the generic orthogonal edge style. Can be used as a string value
-	 * for the STYLE_EDGE style.
-	 */
-	EDGESTYLE_ORTHOGONAL: 'orthogonalEdgeStyle',
-
-	/**
-	 * Variable: EDGESTYLE_SEGMENT
-	 * 
-	 * Name of the generic segment edge style. Can be used as a string value
-	 * for the STYLE_EDGE style.
-	 */
-	EDGESTYLE_SEGMENT: 'segmentEdgeStyle',
- 
-	/**
-	 * Variable: PERIMETER_ELLIPSE
-	 * 
-	 * Name of the ellipse perimeter. Can be used as a string value
-	 * for the STYLE_PERIMETER style.
-	 */
-	PERIMETER_ELLIPSE: 'ellipsePerimeter',
-
-	/**
-	 * Variable: PERIMETER_RECTANGLE
-	 *
-	 * Name of the rectangle perimeter. Can be used as a string value
-	 * for the STYLE_PERIMETER style.
-	 */
-	PERIMETER_RECTANGLE: 'rectanglePerimeter',
-
-	/**
-	 * Variable: PERIMETER_RHOMBUS
-	 * 
-	 * Name of the rhombus perimeter. Can be used as a string value
-	 * for the STYLE_PERIMETER style.
-	 */
-	PERIMETER_RHOMBUS: 'rhombusPerimeter',
-
-	/**
-	 * Variable: PERIMETER_TRIANGLE
-	 * 
-	 * Name of the triangle perimeter. Can be used as a string value
-	 * for the STYLE_PERIMETER style.
-	 */
-	PERIMETER_TRIANGLE: 'trianglePerimeter'
-
-};