mxClient

VERSION: '4.1.0'

Contains the current version of the mxGraph library.  The strings that communicate versions of mxGraph use the following format.

versionMajor.versionMinor.buildNumber.revisionNumber

Current version is 4.1.0.

IS_IE: navigator.userAgent.indexOf( 'MSIE' ) >

True if the current browser is Internet Explorer 10 or below.  Use mxClient.IS_IE11 to detect IE 11.

IS_IE6: navigator.userAgent.indexOf( 'MSIE 6' ) >

True if the current browser is Internet Explorer 6.x.

IS_IE11: !!navigator.userAgent.match( /Trident\/7\./ )

True if the current browser is Internet Explorer 11.x.

IS_EDGE: !!navigator.userAgent.match( /Edge\// )

True if the current browser is Microsoft Edge.

IS_QUIRKS: navigator.userAgent.indexOf( 'MSIE' ) >

True if the current browser is Internet Explorer and it is in quirks mode.

IS_EM: 'spellcheck' in document.createElement(     'textarea' ) && document.documentMode

True if the browser is IE11 in enterprise mode (IE8 standards mode).

VML_PREFIX: 'v'

Prefix for VML namespace in node names.  Default is ‘v’.

OFFICE_PREFIX: 'o'

Prefix for VML office namespace in node names.  Default is ‘o’.

IS_NS: navigator.userAgent.indexOf( 'Mozilla/' ) >

True if the current browser is Netscape (including Firefox).

IS_OP: navigator.userAgent.indexOf( 'Opera/' ) >

True if the current browser is Opera.

IS_OT: navigator.userAgent.indexOf( 'Presto/' ) >

True if -o-transform is available as a CSS style, ie for Opera browsers based on a Presto engine with version 2.5 or later.

IS_SF: navigator.userAgent.indexOf( 'AppleWebKit/' ) >

True if the current browser is Safari.

IS_ANDROID: navigator.userAgent.indexOf( 'Android' ) >

Returns true if the user agent contains Android.

IS_IOS: ( /iP(hone|od|ad)/.test(navigator.platform) )

Returns true if the user agent is an iPad, iPhone or iPod.

IOS_VERSION: (     function()  { if ((/iP(hone|od|ad)/.test(navigator.platform))) { var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/); if (v != null && v.length > 0) { return parseInt(v[1]); } } return 0; } )()

Returns the major version number for iOS devices or 0 if the device is not an iOS device.

IS_GC: navigator.userAgent.indexOf( 'Chrome/' ) >

True if the current browser is Google Chrome.

IS_CHROMEAPP: window.chrome !

True if the this is running inside a Chrome App.

IS_FF: navigator.userAgent.indexOf( 'Firefox/' ) >

True if the current browser is Firefox.

True if -moz-transform is available as a CSS style.  This is the case for all Firefox-based browsers newer than or equal 3, such as Camino, Iceweasel, Seamonkey and Iceape.

IS_VML: navigator.appName.toUpperCase()

True if the browser supports VML.

IS_SVG: navigator.appName.toUpperCase() !

True if the browser supports SVG.

NO_FO: !document.createElementNS || document.createElementNS(     'http://www.w3.org/2000/svg',     'foreignObject' ) !

True if foreignObject support is not available.  This is the case for Opera, older SVG-based browsers and all versions of IE.

IS_WIN: navigator.appVersion.indexOf( 'Win' ) > 0

True if the client is a Windows.

IS_MAC: navigator.appVersion.indexOf( 'Mac' ) > 0

True if the client is a Mac.

IS_CHROMEOS: /\bCrOS\b/.test( navigator.userAgent )

True if the client is a Chrome OS.

IS_TOUCH: 'ontouchstart' in document.documentElement

True if this device supports touchstart/-move/-end events (Apple iOS, Android, Chromebook and Chrome Browser on touch-enabled devices).

IS_POINTER: window.PointerEvent !

True if this device supports Microsoft pointer events (always false on Macs).

True if the documents location does not start with http:// or https://.

defaultBundles: []

Contains the base names of the default bundles if mxLoadResources is false.

Optional global config variable to toggle loading of the two resource files in mxGraph and mxEditor.  Default is true.  NOTE: This is a global variable, not a variable of mxClient.  If this is false, you can use mxClient.loadResources with its callback to load the default bundles asynchronously.

<script type="text/javascript">
     var mxLoadResources = false;
</script>
<script type="text/javascript" src="/path/to/core/directory/js/mxClient.js"></script>

Optional global config variable to force loading the JavaScript files in development mode.  Default is undefined.  NOTE: This is a global variable, not a variable of mxClient.

<script type="text/javascript">
     var mxLoadResources = true;
</script>
<script type="text/javascript" src="/path/to/core/directory/js/mxClient.js"></script>

Optional global config variable to specify the extension of resource files.  Default is true.  NOTE: This is a global variable, not a variable of mxClient.

<script type="text/javascript">
     var mxResourceExtension = '.txt';
</script>
<script type="text/javascript" src="/path/to/core/directory/js/mxClient.js"></script>

Optional global config variable to toggle loading of the CSS files when the library is initialized.  Default is true.  NOTE: This is a global variable, not a variable of mxClient.

<script type="text/javascript">
     var mxLoadStylesheets = false;
</script>
<script type="text/javascript" src="/path/to/core/directory/js/mxClient.js"></script>

Basepath for all URLs in the core without trailing slash.  Default is ‘.’.  Set mxBasePath prior to loading the mxClient library as follows to override this setting:

<script type="text/javascript">
     mxBasePath = '/path/to/core/directory';
</script>
<script type="text/javascript" src="/path/to/core/directory/js/mxClient.js"></script>

When using a relative path, the path is relative to the URL of the page that contains the assignment.  Trailing slashes are automatically removed.

Basepath for all images URLs in the core without trailing slash.  Default is mxClient.basePath + ‘/images’.  Set mxImageBasePath prior to loading the mxClient library as follows to override this setting:

<script type="text/javascript">
     mxImageBasePath = '/path/to/image/directory';
</script>
<script type="text/javascript" src="/path/to/core/directory/js/mxClient.js"></script>

When using a relative path, the path is relative to the URL of the page that contains the assignment.  Trailing slashes are automatically removed.

Defines the language of the client, eg. en for english, de for german etc.  The special value ‘none’ will disable all built-in internationalization and resource loading.  See mxResources.getSpecialBundle for handling identifiers with and without a dash.

Set mxLanguage prior to loading the mxClient library as follows to override this setting:

<script type="text/javascript">
     mxLanguage = 'en';
</script>
<script type="text/javascript" src="js/mxClient.js"></script>

If internationalization is disabled, then the following variables should be overridden to reflect the current language of the system.  These variables are cleared when i18n is disabled.  mxEditor.askZoomResource, mxEditor.lastSavedResource, mxEditor.currentFileResource, mxEditor.propertiesResource, mxEditor.tasksResource, mxEditor.helpResource, mxEditor.outlineResource, mxElbowEdgeHandler.doubleClickOrientationResource, mxUtils.errorResource, mxUtils.closeResource, mxGraphSelectionModel.doneResource, mxGraphSelectionModel.updatingSelectionResource, mxGraphView.doneResource, mxGraphView.updatingDocumentResource, <mxCellRenderer.collapseExpandResource>, mxGraph.containsValidationErrorsResource and mxGraph.alreadyConnectedResource.

Defines the default language which is used in the common resource files.  Any resources for this language will only load the common resource file, but not the language-specific resource file.  Default is ‘en’.

Set mxDefaultLanguage prior to loading the mxClient library as follows to override this setting:

<script type="text/javascript">
     mxDefaultLanguage = 'de';
</script>
<script type="text/javascript" src="js/mxClient.js"></script>

Defines the optional array of all supported language extensions.  The default language does not have to be part of this list.  See mxResources.isLanguageSupported.

<script type="text/javascript">
     mxLanguages = ['de', 'it', 'fr'];
</script>
<script type="text/javascript" src="js/mxClient.js"></script>

This is used to avoid unnecessary requests to language files, ie. if a 404 will be returned.