').append(formContent));\n\n\t this.window = new kendo.ui.Window(this.wrapper.appendTo(this.element), this.options.window);\n\t this.window.bind(\"close\", function(e) {\n\t //The bellow line is required due to: draggable window in IE, change event will be triggered while the window is closing\n\t if (e.userTriggered) {\n\t e.sender.element.focus();\n\t that._cancelClick(e);\n\t }\n\t });\n\n\t this._attachButtonEvents();\n\t },\n\n\t _renderTemplate: function() {\n\t var template = this.options.template;\n\n\t if (typeof template === \"string\") {\n\t template = kendo.unescape(template);\n\t }\n\n\t template = kendo.template(template)(this.model);\n\n\t return template;\n\t },\n\n\t _renderFields: function() {\n\t var form = \"\";\n\t for (var i = 0; i < this.fields.length; i++) {\n\t var field = this.fields[i];\n\n\t form += '';\n\n\t if (this._isEditable(field.field)) {\n\t form += '';\n\t }\n\t }\n\n\t return form;\n\t },\n\n\t _renderButtons: function() {\n\t var form = '';\n\t return form;\n\t },\n\n\t _createButton: function(name) {\n\t return kendo.template(BUTTON_TEMPLATE)(defaultButtons[name]);\n\t },\n\n\t _attachButtonEvents: function() {\n\t this._cancelClickHandler = proxy(this._cancelClick, this);\n\t this.window.element.on(CLICK + NS, \"a.k-diagram-cancel\", this._cancelClickHandler);\n\n\t this._updateClickHandler = proxy(this._updateClick, this);\n\t this.window.element.on(CLICK + NS, \"a.k-diagram-update\", this._updateClickHandler);\n\t },\n\n\t _updateClick: function(e) {\n\t e.preventDefault();\n\t this.trigger(\"update\");\n\t },\n\n\t _cancelClick: function (e) {\n\t e.preventDefault();\n\t this.trigger(\"cancel\");\n\t },\n\n\t open: function() {\n\t this.window.center().open();\n\t },\n\n\t close: function() {\n\t this.window.bind(\"deactivate\", proxy(this.destroy, this)).close();\n\t },\n\n\t destroy: function() {\n\t this.window.close().destroy();\n\t this.window.element.off(CLICK + NS, \"a.k-diagram-cancel\", this._cancelClickHandler);\n\t this.window.element.off(CLICK + NS, \"a.k-diagram-update\", this._updateClickHandler);\n\t this._cancelClickHandler = null;\n\t this._editUpdateClickHandler = null;\n\t this.window = null;\n\t Editor.fn.destroy.call(this);\n\t }\n\t });\n\n\t function connectionSelector(container, options) {\n\t var model = this.dataSource.reader.model;\n\t if (model) {\n\t var textField = model.fn.fields.text ? \"text\": model.idField;\n\t $(\"\")\n\t .appendTo(container).kendoDropDownList({\n\t dataValueField: model.idField,\n\t dataTextField: textField,\n\t dataSource: this.dataSource.data().toJSON(),\n\t optionLabel: \" \",\n\t valuePrimitive: true\n\t });\n\t }\n\t }\n\n\t function InactiveItem(dataItem) {\n\t this.dataItem = dataItem;\n\t this.callbacks = [];\n\t }\n\n\t InactiveItem.fn = InactiveItem.prototype = {\n\t onActivate: function(callback) {\n\t var deffered = $.Deferred();\n\t this.callbacks.push({\n\t callback: callback,\n\t deferred: deffered\n\t });\n\t return deffered;\n\t },\n\n\t activate: function() {\n\t var callbacks = this.callbacks;\n\t var item;\n\t for (var idx = 0; idx < callbacks.length; idx++) {\n\t item = this.callbacks[idx];\n\t item.callback(this.dataItem);\n\t item.deferred.resolve();\n\t }\n\t this.callbacks = [];\n\t }\n\t };\n\n\t function InactiveItemsCollection() {\n\t this.items = {};\n\t }\n\n\t InactiveItemsCollection.fn = InactiveItemsCollection.prototype = {\n\t add: function(items) {\n\t for(var idx = 0; idx < items.length; idx++) {\n\t this.items[items[idx].uid] = new InactiveItem(items[idx]);\n\t }\n\t },\n\n\t forEach: function(callback){\n\t for (var uid in this.items) {\n\t callback(this.items[uid]);\n\t }\n\t },\n\n\t getByUid: function(uid) {\n\t return this.items[uid];\n\t },\n\n\t remove: function(item) {\n\t delete this.items[item.uid];\n\t }\n\t };\n\n\t var QuadRoot = Class.extend({\n\t init: function() {\n\t this.shapes = [];\n\t },\n\n\t _add: function(shape, bounds) {\n\t this.shapes.push({\n\t bounds: bounds,\n\t shape: shape\n\t });\n\t shape._quadNode = this;\n\t },\n\n\t insert: function(shape, bounds) {\n\t this._add(shape, bounds);\n\t },\n\n\t remove: function(shape) {\n\t var shapes = this.shapes;\n\t var length = shapes.length;\n\n\t for (var idx = 0; idx < length; idx++) {\n\t if (shapes[idx].shape === shape) {\n\t shapes.splice(idx, 1);\n\t break;\n\t }\n\t }\n\t },\n\n\t hitTestRect: function(rect, exclude) {\n\t var shapes = this.shapes;\n\t var length = shapes.length;\n\n\t for (var i = 0; i < length; i++) {\n\t if (this._testRect(shapes[i].shape, rect) && !dataviz.inArray(shapes[i].shape, exclude)) {\n\t return true;\n\t }\n\t }\n\t },\n\n\t _testRect: function(shape, rect) {\n\t var angle = shape.rotate().angle;\n\t var bounds = shape.bounds();\n\t var hit;\n\t if (!angle) {\n\t hit = bounds.overlaps(rect);\n\t } else {\n\t hit = Intersect.rects(rect, bounds, -angle);\n\t }\n\t return hit;\n\t }\n\t });\n\n\t var QuadNode = QuadRoot.extend({\n\t init: function(rect) {\n\t QuadRoot.fn.init.call(this);\n\t this.children = [];\n\t this.rect = rect;\n\t },\n\n\t inBounds: function(rect) {\n\t var nodeRect = this.rect;\n\t var nodeBottomRight = nodeRect.bottomRight();\n\t var bottomRight = rect.bottomRight();\n\t var inBounds = nodeRect.x <= rect.x && nodeRect.y <= rect.y && bottomRight.x <= nodeBottomRight.x &&\n\t bottomRight.y <= nodeBottomRight.y;\n\t return inBounds;\n\t },\n\n\t overlapsBounds: function(rect) {\n\t return this.rect.overlaps(rect);\n\t },\n\n\t insert: function (shape, bounds) {\n\t var inserted = false;\n\t var children = this.children;\n\t var length = children.length;\n\t if (this.inBounds(bounds)) {\n\t if (!length && this.shapes.length < 4) {\n\t this._add(shape, bounds);\n\t } else {\n\t if (!length) {\n\t this._initChildren();\n\t }\n\n\t for (var idx = 0; idx < children.length; idx++) {\n\t if (children[idx].insert(shape, bounds)) {\n\t inserted = true;\n\t break;\n\t }\n\t }\n\n\t if (!inserted) {\n\t this._add(shape, bounds);\n\t }\n\t }\n\t inserted = true;\n\t }\n\n\t return inserted;\n\t },\n\n\t _initChildren: function() {\n\t var rect = this.rect,\n\t children = this.children,\n\t shapes = this.shapes,\n\t center = rect.center(),\n\t halfWidth = rect.width / 2,\n\t halfHeight = rect.height / 2,\n\t childIdx, shapeIdx;\n\n\t children.push(\n\t new QuadNode(new Rect(rect.x, rect.y, halfWidth, halfHeight)),\n\t new QuadNode(new Rect(center.x, rect.y, halfWidth, halfHeight)),\n\t new QuadNode(new Rect(rect.x, center.y, halfWidth, halfHeight)),\n\t new QuadNode(new Rect(center.x, center.y, halfWidth, halfHeight))\n\t );\n\t for (shapeIdx = shapes.length - 1; shapeIdx >= 0; shapeIdx--) {\n\t for (childIdx = 0; childIdx < children.length; childIdx++) {\n\t if (children[childIdx].insert(shapes[shapeIdx].shape, shapes[shapeIdx].bounds)) {\n\t shapes.splice(shapeIdx, 1);\n\t break;\n\t }\n\t }\n\t }\n\t },\n\n\t hitTestRect: function(rect, exclude) {\n\t var idx;\n\t var children = this.children;\n\t var length = children.length;\n\t var hit = false;\n\n\t if (this.overlapsBounds(rect)) {\n\t if (QuadRoot.fn.hitTestRect.call(this, rect, exclude)) {\n\t hit = true;\n\t } else {\n\t for (idx = 0; idx < length; idx++) {\n\t if (children[idx].hitTestRect(rect, exclude)) {\n\t hit = true;\n\t break;\n\t }\n\t }\n\t }\n\t }\n\n\t return hit;\n\t }\n\t });\n\n\t var ShapesQuadTree = Class.extend({\n\t ROOT_SIZE: 1000,\n\n\t init: function(diagram) {\n\t var boundsChangeHandler = proxy(this._boundsChange, this);\n\t diagram.bind(ITEMBOUNDSCHANGE, boundsChangeHandler);\n\t diagram.bind(ITEMROTATE, boundsChangeHandler);\n\t this.initRoots();\n\t },\n\n\t initRoots: function() {\n\t this.rootMap = {};\n\t this.root = new QuadRoot();\n\t },\n\n\t clear: function() {\n\t this.initRoots();\n\t },\n\n\t _boundsChange: function(e) {\n\t if (e.item._quadNode) {\n\t e.item._quadNode.remove(e.item);\n\t }\n\t this.insert(e.item);\n\t },\n\n\t insert: function(shape) {\n\t var bounds = shape.bounds(ROTATED);\n\t var rootSize = this.ROOT_SIZE;\n\t var sectors = this.getSectors(bounds);\n\t var x = sectors[0][0];\n\t var y = sectors[1][0];\n\n\t if (this.inRoot(sectors)) {\n\t this.root.insert(shape, bounds);\n\t } else {\n\t if (!this.rootMap[x]) {\n\t this.rootMap[x] = {};\n\t }\n\n\t if (!this.rootMap[x][y]) {\n\t this.rootMap[x][y] = new QuadNode(\n\t new Rect(x * rootSize, y * rootSize, rootSize, rootSize)\n\t );\n\t }\n\n\t this.rootMap[x][y].insert(shape, bounds);\n\t }\n\t },\n\n\t remove: function(shape) {\n\t if (shape._quadNode) {\n\t shape._quadNode.remove(shape);\n\t }\n\t },\n\n\t inRoot: function(sectors) {\n\t return sectors[0].length > 1 || sectors[1].length > 1;\n\t },\n\n\t getSectors: function(rect) {\n\t var rootSize = this.ROOT_SIZE;\n\t var bottomRight = rect.bottomRight();\n\t var bottomX = math.floor(bottomRight.x / rootSize);\n\t var bottomY = math.floor(bottomRight.y / rootSize);\n\t var sectors = [[],[]];\n\t for (var x = math.floor(rect.x / rootSize); x <= bottomX; x++) {\n\t sectors[0].push(x);\n\t }\n\t for (var y = math.floor(rect.y / rootSize); y <= bottomY; y++) {\n\t sectors[1].push(y);\n\t }\n\t return sectors;\n\t },\n\n\t hitTestRect: function(rect, exclude) {\n\t var sectors = this.getSectors(rect);\n\t var xIdx, yIdx, x, y;\n\t var root;\n\n\t if (this.root.hitTestRect(rect, exclude)) {\n\t return true;\n\t }\n\n\t for (xIdx = 0; xIdx < sectors[0].length; xIdx++) {\n\t x = sectors[0][xIdx];\n\t for (yIdx = 0; yIdx < sectors[1].length; yIdx++) {\n\t y = sectors[1][yIdx];\n\t root = (this.rootMap[x] || {})[y];\n\t if (root && root.hitTestRect(rect, exclude)) {\n\t return true;\n\t }\n\t }\n\t }\n\n\t return false;\n\t }\n\t });\n\n\t function cloneDataItem(dataItem) {\n\t var result = dataItem;\n\t if (dataItem instanceof kendo.data.Model) {\n\t result = dataItem.toJSON();\n\t result[dataItem.idField] = dataItem._defaultId;\n\t }\n\t return result;\n\t }\n\n\t function splitDiagramElements(elements) {\n\t var connections = [];\n\t var shapes = [];\n\t var element, idx;\n\t for (idx = 0; idx < elements.length; idx++) {\n\t element = elements[idx];\n\t if (element instanceof Shape) {\n\t shapes.push(element);\n\t } else {\n\t connections.push(element);\n\t }\n\t }\n\t return {\n\t shapes: shapes,\n\t connections: connections\n\t };\n\t }\n\n\t function createModel(dataSource, model) {\n\t if (dataSource.reader.model) {\n\t return new dataSource.reader.model(model);\n\t }\n\n\t return new kendo.data.ObservableObject(model);\n\t }\n\n\t function clearField(field, model) {\n\t if (defined(model[field])) {\n\t model.set(field, null);\n\t }\n\t }\n\n\t function copyDefaultOptions(mainOptions, elementOptions, fields) {\n\t var field;\n\t for (var idx = 0; idx < fields.length; idx++) {\n\t field = fields[idx];\n\t if (elementOptions && !defined(elementOptions[field])) {\n\t elementOptions[field] = mainOptions[field];\n\t }\n\t }\n\t }\n\n\t function translateToOrigin(visual) {\n\t var bbox = visual.drawingContainer().clippedBBox(null);\n\t if (bbox.origin.x !== 0 || bbox.origin.y !== 0) {\n\t visual.position(-bbox.origin.x, -bbox.origin.y);\n\t }\n\t }\n\n\t function preventDefault(e) {\n\t e.preventDefault();\n\t }\n\n\t dataviz.ui.plugin(Diagram);\n\n\t deepExtend(diagram, {\n\t Shape: Shape,\n\t Connection: Connection,\n\t Connector: Connector,\n\t DiagramToolBar: DiagramToolBar,\n\t QuadNode: QuadNode,\n\t QuadRoot: QuadRoot,\n\t ShapesQuadTree: ShapesQuadTree,\n\t PopupEditor: PopupEditor\n\t });\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 869:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dropdownlist\");\n\n/***/ }),\n\n/***/ 870:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.draganddrop\");\n\n/***/ }),\n\n/***/ 871:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.toolbar\");\n\n/***/ }),\n\n/***/ 872:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.editable\");\n\n/***/ }),\n\n/***/ 873:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.window\");\n\n/***/ }),\n\n/***/ 874:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./svg\");\n\n/***/ }),\n\n/***/ 875:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./services\");\n\n/***/ }),\n\n/***/ 876:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./layout\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(877);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 877:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(878) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t var kendo = window.kendo,\n\t diagram = kendo.dataviz.diagram,\n\t Graph = diagram.Graph,\n\t Node = diagram.Node,\n\t Link = diagram.Link,\n\t deepExtend = kendo.deepExtend,\n\t Size = diagram.Size,\n\t Rect = diagram.Rect,\n\t Dictionary = diagram.Dictionary,\n\t Set = diagram.Set,\n\t HyperTree = diagram.Graph,\n\t Utils = diagram.Utils,\n\t Point = diagram.Point,\n\t EPSILON = 1e-06,\n\t DEG_TO_RAD = Math.PI / 180,\n\t contains = Utils.contains,\n\t grep = $.grep;\n\n\t /**\n\t * Base class for layout algorithms.\n\t * @type {*}\n\t */\n\t var LayoutBase = kendo.Class.extend({\n\t defaultOptions: {\n\t type: \"Tree\",\n\t subtype: \"Down\",\n\t roots: null,\n\t animate: false,\n\t //-------------------------------------------------------------------\n\t /**\n\t * Force-directed option: whether the motion of the nodes should be limited by the boundaries of the diagram surface.\n\t */\n\t limitToView: false,\n\t /**\n\t * Force-directed option: the amount of friction applied to the motion of the nodes.\n\t */\n\t friction: 0.9,\n\t /**\n\t * Force-directed option: the optimal distance between nodes (minimum energy).\n\t */\n\t nodeDistance: 50,\n\t /**\n\t * Force-directed option: the number of time things are being calculated.\n\t */\n\t iterations: 300,\n\t //-------------------------------------------------------------------\n\t /**\n\t * Tree option: the separation in one direction (depends on the subtype what direction this is).\n\t */\n\t horizontalSeparation: 90,\n\t /**\n\t * Tree option: the separation in the complementary direction (depends on the subtype what direction this is).\n\t */\n\t verticalSeparation: 50,\n\n\t //-------------------------------------------------------------------\n\t /**\n\t * Tip-over tree option: children-to-parent vertical distance.\n\t */\n\t underneathVerticalTopOffset: 15,\n\t /**\n\t * Tip-over tree option: children-to-parent horizontal distance.\n\t */\n\t underneathHorizontalOffset: 15,\n\t /**\n\t * Tip-over tree option: leaf-to-next-branch vertical distance.\n\t */\n\t underneathVerticalSeparation: 15,\n\t //-------------------------------------------------------------------\n\t /**\n\t * Settings object to organize the different components of the diagram in a grid layout structure\n\t */\n\t grid: {\n\t /**\n\t * The width of the grid in which components are arranged. Beyond this width a component will be on the next row.\n\t */\n\t width: 1500,\n\t /**\n\t * The left offset of the grid.\n\t */\n\t offsetX: 50,\n\t /**\n\t * The top offset of the grid.\n\t */\n\t offsetY: 50,\n\t /**\n\t * The horizontal padding within a cell of the grid where a single component resides.\n\t */\n\t componentSpacingX: 20,\n\t /**\n\t * The vertical padding within a cell of the grid where a single component resides.\n\t */\n\t componentSpacingY: 20\n\t },\n\n\t //-------------------------------------------------------------------\n\t /**\n\t * Layered option: the separation height/width between the layers.\n\t */\n\t layerSeparation: 50,\n\t /**\n\t * Layered option: how many rounds of shifting and fine-tuning.\n\t */\n\t layeredIterations: 2,\n\t /**\n\t * Tree-radial option: the angle at which the layout starts.\n\t */\n\t startRadialAngle: 0,\n\t /**\n\t * Tree-radial option: the angle at which the layout starts.\n\t */\n\t endRadialAngle: 360,\n\t /**\n\t * Tree-radial option: the separation between levels.\n\t */\n\t radialSeparation: 150,\n\t /**\n\t * Tree-radial option: the separation between the root and the first level.\n\t */\n\t radialFirstLevelSeparation: 200,\n\t /**\n\t * Tree-radial option: whether a virtual roots bing the components in one radial layout.\n\t */\n\t keepComponentsInOneRadialLayout: false,\n\t //-------------------------------------------------------------------\n\n\t // TODO: ensure to change this to false when containers are around\n\t ignoreContainers: true,\n\t layoutContainerChildren: false,\n\t ignoreInvisible: true,\n\t animateTransitions: false\n\t },\n\t init: function () {\n\t },\n\n\t /**\n\t * Organizes the components in a grid.\n\t * Returns the final set of nodes (not the Graph).\n\t * @param components\n\t */\n\t gridLayoutComponents: function (components) {\n\t if (!components) {\n\t throw \"No components supplied.\";\n\t }\n\n\t // calculate and cache the bounds of the components\n\t Utils.forEach(components, function (c) {\n\t c.calcBounds();\n\t });\n\n\t // order by decreasing width\n\t components.sort(function (a, b) {\n\t return b.bounds.width - a.bounds.width;\n\t });\n\n\t var maxWidth = this.options.grid.width,\n\t offsetX = this.options.grid.componentSpacingX,\n\t offsetY = this.options.grid.componentSpacingY,\n\t height = 0,\n\t startX = this.options.grid.offsetX,\n\t startY = this.options.grid.offsetY,\n\t x = startX,\n\t y = startY,\n\t i,\n\t resultLinkSet = [],\n\t resultNodeSet = [];\n\n\t while (components.length > 0) {\n\t if (x >= maxWidth) {\n\t // start a new row\n\t x = startX;\n\t y += height + offsetY;\n\t // reset the row height\n\t height = 0;\n\t }\n\t var component = components.pop();\n\t this.moveToOffset(component, new Point(x, y));\n\t for (i = 0; i < component.nodes.length; i++) {\n\t resultNodeSet.push(component.nodes[i]); // to be returned in the end\n\t }\n\t for (i = 0; i < component.links.length; i++) {\n\t resultLinkSet.push(component.links[i]);\n\t }\n\t var boundingRect = component.bounds;\n\t var currentHeight = boundingRect.height;\n\t if (currentHeight <= 0 || isNaN(currentHeight)) {\n\t currentHeight = 0;\n\t }\n\t var currentWidth = boundingRect.width;\n\t if (currentWidth <= 0 || isNaN(currentWidth)) {\n\t currentWidth = 0;\n\t }\n\n\t if (currentHeight >= height) {\n\t height = currentHeight;\n\t }\n\t x += currentWidth + offsetX;\n\t }\n\n\t return {\n\t nodes: resultNodeSet,\n\t links: resultLinkSet\n\t };\n\t },\n\n\t moveToOffset: function (component, p) {\n\t var i, j,\n\t bounds = component.bounds,\n\t deltax = p.x - bounds.x,\n\t deltay = p.y - bounds.y;\n\n\t for (i = 0; i < component.nodes.length; i++) {\n\t var node = component.nodes[i];\n\t var nodeBounds = node.bounds();\n\t if (nodeBounds.width === 0 && nodeBounds.height === 0 && nodeBounds.x === 0 && nodeBounds.y === 0) {\n\t nodeBounds = new Rect(0, 0, 0, 0);\n\t }\n\t nodeBounds.x += deltax;\n\t nodeBounds.y += deltay;\n\t node.bounds(nodeBounds);\n\t }\n\t for (i = 0; i < component.links.length; i++) {\n\t var link = component.links[i];\n\t if (link.points) {\n\t var newpoints = [];\n\t var points = link.points;\n\t for (j = 0; j < points.length; j++) {\n\t var pt = points[j];\n\t pt.x += deltax;\n\t pt.y += deltay;\n\t newpoints.push(pt);\n\t }\n\t link.points = newpoints;\n\t }\n\t }\n\t this.currentHorizontalOffset += bounds.width + this.options.grid.offsetX;\n\t return new Point(deltax, deltay);\n\t },\n\n\t transferOptions: function (options) {\n\n\t // Size options lead to stackoverflow and need special handling\n\n\t this.options = kendo.deepExtend({}, this.defaultOptions);\n\t if (Utils.isUndefined(options)) {\n\t return;\n\t }\n\n\t this.options = kendo.deepExtend(this.options, options || {});\n\t }\n\t });\n\n\t /**\n\t * The data bucket a hypertree holds in its nodes. *\n\t * @type {*}\n\t */\n\t /* var ContainerGraph = kendo.Class.extend({\n\t init: function (diagram) {\n\t this.diagram = diagram;\n\t this.graph = new Graph(diagram);\n\t this.container = null;\n\t this.containerNode = null;\n\t }\n\n\t });*/\n\n\t /**\n\t * Adapter between the diagram control and the graph representation. It converts shape and connections to nodes and edges taking into the containers and their collapsef state,\n\t * the visibility of items and more. If the layoutContainerChildren is true a hypertree is constructed which holds the hierarchy of containers and many conditions are analyzed\n\t * to investigate how the effective graph structure looks like and how the layout has to be performed.\n\t * @type {*}\n\t */\n\t var DiagramToHyperTreeAdapter = kendo.Class.extend({\n\t init: function (diagram) {\n\n\t /**\n\t * The mapping to/from the original nodes.\n\t * @type {Dictionary}\n\t */\n\t this.nodeMap = new Dictionary();\n\n\t /**\n\t * Gets the mapping of a shape to a container in case the shape sits in a collapsed container.\n\t * @type {Dictionary}\n\t */\n\t this.shapeMap = new Dictionary();\n\n\t /**\n\t * The nodes being mapped.\n\t * @type {Dictionary}\n\t */\n\t this.nodes = [];\n\n\t /**\n\t * The connections being mapped.\n\t * @type {Dictionary}\n\t */\n\t this.edges = [];\n\n\t // the mapping from an edge to all the connections it represents, this can be both because of multiple connections between\n\t // two shapes or because a container holds multiple connections to another shape or container.\n\t this.edgeMap = new Dictionary();\n\n\t /**\n\t * The resulting set of Nodes when the analysis has finished.\n\t * @type {Array}\n\t */\n\t this.finalNodes = [];\n\n\t /**\n\t * The resulting set of Links when the analysis has finished.\n\t * @type {Array}\n\t */\n\t this.finalLinks = [];\n\n\t /**\n\t * The items being omitted because of multigraph edges.\n\t * @type {Array}\n\t */\n\t this.ignoredConnections = [];\n\n\t /**\n\t * The items being omitted because of containers, visibility and other factors.\n\t * @type {Array}\n\t */\n\t this.ignoredShapes = [];\n\n\t /**\n\t * The map from a node to the partition/hypernode in which it sits. This hyperMap is null if 'options.layoutContainerChildren' is false.\n\t * @type {Dictionary}\n\t */\n\t this.hyperMap = new Dictionary();\n\n\t /**\n\t * The hypertree contains the hierarchy defined by the containers.\n\t * It's in essence a Graph of Graphs with a tree structure defined by the hierarchy of containers.\n\t * @type {HyperTree}\n\t */\n\t this.hyperTree = new Graph();\n\n\t /**\n\t * The resulting graph after conversion. Note that this does not supply the information contained in the\n\t * ignored connection and shape collections.\n\t * @type {null}\n\t */\n\t this.finalGraph = null;\n\n\t this.diagram = diagram;\n\t },\n\n\t /**\n\t * The hyperTree is used when the 'options.layoutContainerChildren' is true. It contains the hierarchy of containers whereby each node is a ContainerGraph.\n\t * This type of node has a Container reference to the container which holds the Graph items. There are three possible situations during the conversion process:\n\t * - Ignore the containers: the container are non-existent and only normal shapes are mapped. If a shape has a connection to a container it will be ignored as well\n\t * since there is no node mapped for the container.\n\t * - Do not ignore the containers and leave the content of the containers untouched: the top-level elements are being mapped and the children within a container are not altered.\n\t * - Do not ignore the containers and organize the content of the containers as well: the hypertree is constructed and there is a partitioning of all nodes and connections into the hypertree.\n\t * The only reason a connection or node is not being mapped might be due to the visibility, which includes the visibility change through a collapsed parent container.\n\t * @param options\n\t */\n\t convert: function (options) {\n\n\t if (Utils.isUndefined(this.diagram)) {\n\t throw \"No diagram to convert.\";\n\t }\n\n\t this.options = kendo.deepExtend({\n\t ignoreInvisible: true,\n\t ignoreContainers: true,\n\t layoutContainerChildren: false\n\t },\n\t options || {}\n\t );\n\n\t this.clear();\n\t // create the nodes which participate effectively in the graph analysis\n\t this._renormalizeShapes();\n\n\t // recreate the incoming and outgoing collections of each and every node\n\t this._renormalizeConnections();\n\n\t // export the resulting graph\n\t this.finalNodes = new Dictionary(this.nodes);\n\t this.finalLinks = new Dictionary(this.edges);\n\n\t this.finalGraph = new Graph();\n\t this.finalNodes.forEach(function (n) {\n\t this.finalGraph.addNode(n);\n\t }, this);\n\t this.finalLinks.forEach(function (l) {\n\t this.finalGraph.addExistingLink(l);\n\t }, this);\n\t return this.finalGraph;\n\t },\n\n\t /**\n\t * Maps the specified connection to an edge of the graph deduced from the given diagram.\n\t * @param connection\n\t * @returns {*}\n\t */\n\t mapConnection: function (connection) {\n\t return this.edgeMap.get(connection.id);\n\t },\n\n\t /**\n\t * Maps the specified shape to a node of the graph deduced from the given diagram.\n\t * @param shape\n\t * @returns {*}\n\t */\n\t mapShape: function (shape) {\n\t return this.nodeMap.get(shape.id);\n\t },\n\n\t /**\n\t * Gets the edge, if any, between the given nodes.\n\t * @param a\n\t * @param b\n\t */\n\t getEdge: function (a, b) {\n\t return Utils.first(a.links, function (link) {\n\t return link.getComplement(a) === b;\n\t });\n\t },\n\n\t /**\n\t * Clears all the collections used by the conversion process.\n\t */\n\t clear: function () {\n\t this.finalGraph = null;\n\t this.hyperTree = (!this.options.ignoreContainers && this.options.layoutContainerChildren) ? new HyperTree() : null;\n\t this.hyperMap = (!this.options.ignoreContainers && this.options.layoutContainerChildren) ? new Dictionary() : null;\n\t this.nodeMap = new Dictionary();\n\t this.shapeMap = new Dictionary();\n\t this.nodes = [];\n\t this.edges = [];\n\t this.edgeMap = new Dictionary();\n\t this.ignoredConnections = [];\n\t this.ignoredShapes = [];\n\t this.finalNodes = [];\n\t this.finalLinks = [];\n\t },\n\n\t /**\n\t * The path from a given ContainerGraph to the root (container).\n\t * @param containerGraph\n\t * @returns {Array}\n\t */\n\t listToRoot: function (containerGraph) {\n\t var list = [];\n\t var s = containerGraph.container;\n\t if (!s) {\n\t return list;\n\t }\n\t list.push(s);\n\t while (s.parentContainer) {\n\t s = s.parentContainer;\n\t list.push(s);\n\t }\n\t list.reverse();\n\t return list;\n\t },\n\n\t firstNonIgnorableContainer: function (shape) {\n\n\t if (shape.isContainer && !this._isIgnorableItem(shape)) {\n\t return shape;\n\t }\n\t return !shape.parentContainer ? null : this.firstNonIgnorableContainer(shape.parentContainer);\n\t },\n\t isContainerConnection: function (a, b) {\n\t if (a.isContainer && this.isDescendantOf(a, b)) {\n\t return true;\n\t }\n\t return b.isContainer && this.isDescendantOf(b, a);\n\t },\n\n\t /**\n\t * Returns true if the given shape is a direct child or a nested container child of the given container.\n\t * If the given container and shape are the same this will return false since a shape cannot be its own child.\n\t * @param scope\n\t * @param a\n\t * @returns {boolean}\n\t */\n\t isDescendantOf: function (scope, a) {\n\t if (!scope.isContainer) {\n\t throw \"Expecting a container.\";\n\t }\n\t if (scope === a) {\n\t return false;\n\t }\n\t if (contains(scope.children, a)) {\n\t return true;\n\t }\n\t var containers = [];\n\t for (var i = 0, len = scope.children.length; i < len; i++) {\n\t var c = scope.children[i];\n\t if (c.isContainer && this.isDescendantOf(c, a)) {\n\t containers.push(c);\n\t }\n\t }\n\n\t return containers.length > 0;\n\t },\n\t isIgnorableItem: function (shape) {\n\t if (this.options.ignoreInvisible) {\n\t if (shape.isCollapsed && this._isVisible(shape)) {\n\t return false;\n\t }\n\t if (!shape.isCollapsed && this._isVisible(shape)) {\n\t return false;\n\t }\n\t return true;\n\t }\n\t else {\n\t return shape.isCollapsed && !this._isTop(shape);\n\t }\n\t },\n\n\t /**\n\t * Determines whether the shape is or needs to be mapped to another shape. This occurs essentially when the shape sits in\n\t * a collapsed container hierarchy and an external connection needs a node endpoint. This node then corresponds to the mapped shape and is\n\t * necessarily a container in the parent hierarchy of the shape.\n\t * @param shape\n\t */\n\t isShapeMapped: function (shape) {\n\t return shape.isCollapsed && !this._isVisible(shape) && !this._isTop(shape);\n\t },\n\n\t leastCommonAncestor: function (a, b) {\n\t if (!a) {\n\t throw \"Parameter should not be null.\";\n\t }\n\t if (!b) {\n\t throw \"Parameter should not be null.\";\n\t }\n\n\t if (!this.hyperTree) {\n\t throw \"No hypertree available.\";\n\t }\n\t var al = this.listToRoot(a);\n\t var bl = this.listToRoot(b);\n\t var found = null;\n\t if (Utils.isEmpty(al) || Utils.isEmpty(bl)) {\n\t return this.hyperTree.root.data;\n\t }\n\t var xa = al[0];\n\t var xb = bl[0];\n\t var i = 0;\n\t while (xa === xb) {\n\t found = al[i];\n\t i++;\n\t if (i >= al.length || i >= bl.length) {\n\t break;\n\t }\n\t xa = al[i];\n\t xb = bl[i];\n\t }\n\t if (!found) {\n\t return this.hyperTree.root.data;\n\t }\n\t else {\n\t return grep(this.hyperTree.nodes, function (n) {\n\t return n.data.container === found;\n\t });\n\t }\n\t },\n\t /**\n\t * Determines whether the specified item is a top-level shape or container.\n\t * @param item\n\t * @returns {boolean}\n\t * @private\n\t */\n\t _isTop: function (item) {\n\t return !item.parentContainer;\n\t },\n\n\t /**\n\t * Determines iteratively (by walking up the container stack) whether the specified shape is visible.\n\t * This does NOT tell whether the item is not visible due to an explicit Visibility change or due to a collapse state.\n\t * @param shape\n\t * @returns {*}\n\t * @private\n\t */\n\t _isVisible: function (shape) {\n\n\t if (!shape.visible()) {\n\t return false;\n\t }\n\t return !shape.parentContainer ? shape.visible() : this._isVisible(shape.parentContainer);\n\t },\n\n\t _isCollapsed: function (shape) {\n\n\t if (shape.isContainer && shape.isCollapsed) {\n\t return true;\n\t }\n\t return shape.parentContainer && this._isCollapsed(shape.parentContainer);\n\t },\n\n\t /**\n\t * First part of the graph creation; analyzing the shapes and containers and deciding whether they should be mapped to a Node.\n\t * @private\n\t */\n\t _renormalizeShapes: function () {\n\t // add the nodes, the adjacency structure will be reconstructed later on\n\t if (this.options.ignoreContainers) {\n\t for (var i = 0, len = this.diagram.shapes.length; i < len; i++) {\n\t var shape = this.diagram.shapes[i];\n\n\t // if not visible (and ignoring the invisible ones) or a container we skip\n\t if ((this.options.ignoreInvisible && !this._isVisible(shape)) || shape.isContainer) {\n\t this.ignoredShapes.push(shape);\n\t continue;\n\t }\n\t var node = new Node(shape.id, shape);\n\t node.isVirtual = false;\n\n\t // the mapping will always contain singletons and the hyperTree will be null\n\t this.nodeMap.add(shape.id, node);\n\t this.nodes.push(node);\n\t }\n\t }\n\t else {\n\t throw \"Containers are not supported yet, but stay tuned.\";\n\t }\n\t },\n\n\t /**\n\t * Second part of the graph creation; analyzing the connections and deciding whether they should be mapped to an edge.\n\t * @private\n\t */\n\t _renormalizeConnections: function () {\n\t if (this.diagram.connections.length === 0) {\n\t return;\n\t }\n\t for (var i = 0, len = this.diagram.connections.length; i < len; i++) {\n\t var conn = this.diagram.connections[i];\n\n\t if (this.isIgnorableItem(conn)) {\n\t this.ignoredConnections.push(conn);\n\t continue;\n\t }\n\n\t var source = !conn.sourceConnector ? null : conn.sourceConnector.shape;\n\t var sink = !conn.targetConnector ? null : conn.targetConnector.shape;\n\n\t // no layout for floating connections\n\t if (!source || !sink) {\n\t this.ignoredConnections.push(conn);\n\t continue;\n\t }\n\n\t if (contains(this.ignoredShapes, source) && !this.shapeMap.containsKey(source)) {\n\t this.ignoredConnections.push(conn);\n\t continue;\n\t }\n\t if (contains(this.ignoredShapes, sink) && !this.shapeMap.containsKey(sink)) {\n\t this.ignoredConnections.push(conn);\n\t continue;\n\t }\n\n\t // if the endpoint sits in a collapsed container we need the container rather than the shape itself\n\t if (this.shapeMap.containsKey(source)) {\n\t source = this.shapeMap[source];\n\t }\n\t if (this.shapeMap.containsKey(sink)) {\n\t sink = this.shapeMap[sink];\n\t }\n\n\t var sourceNode = this.mapShape(source);\n\t var sinkNode = this.mapShape(sink);\n\t if ((sourceNode === sinkNode) || this.areConnectedAlready(sourceNode, sinkNode)) {\n\t this.ignoredConnections.push(conn);\n\t continue;\n\t }\n\n\t if (sourceNode === null || sinkNode === null) {\n\t throw \"A shape was not mapped to a node.\";\n\t }\n\t if (this.options.ignoreContainers) {\n\t // much like a floating connection here since at least one end is attached to a container\n\t if (sourceNode.isVirtual || sinkNode.isVirtual) {\n\t this.ignoredConnections.push(conn);\n\t continue;\n\t }\n\t var newEdge = new Link(sourceNode, sinkNode, conn.id, conn);\n\n\t this.edgeMap.add(conn.id, newEdge);\n\t this.edges.push(newEdge);\n\t }\n\t else {\n\t throw \"Containers are not supported yet, but stay tuned.\";\n\t }\n\t }\n\t },\n\n\t areConnectedAlready: function (n, m) {\n\t return Utils.any(this.edges, function (l) {\n\t return l.source === n && l.target === m || l.source === m && l.target === n;\n\t });\n\t }\n\n\t /**\n\t * Depth-first traversal of the given container.\n\t * @param container\n\t * @param action\n\t * @param includeStart\n\t * @private\n\t */\n\t /* _visitContainer: function (container, action, includeStart) {\n\n\t *//*if (container == null) throw new ArgumentNullException(\"container\");\n\t if (action == null) throw new ArgumentNullException(\"action\");\n\t if (includeStart) action(container);\n\t if (container.children.isEmpty()) return;\n\t foreach(\n\t var item\n\t in\n\t container.children.OfType < IShape > ()\n\t )\n\t {\n\t var childContainer = item\n\t as\n\t IContainerShape;\n\t if (childContainer != null) this.VisitContainer(childContainer, action);\n\t else action(item);\n\t }*//*\n\t }*/\n\n\n\t });\n\n\t /**\n\t * The classic spring-embedder (aka force-directed, Fruchterman-Rheingold, barycentric) algorithm.\n\t * http://en.wikipedia.org/wiki/Force-directed_graph_drawing\n\t * - Chapter 12 of Tamassia et al. \"Handbook of graph drawing and visualization\".\n\t * - Kobourov on preprint arXiv; http://arxiv.org/pdf/1201.3011.pdf\n\t * - Fruchterman and Rheingold in SOFTWARE-PRACTICE AND EXPERIENCE, VOL. 21(1 1), 1129-1164 (NOVEMBER 1991)\n\t * @type {*}\n\t */\n\t var SpringLayout = LayoutBase.extend({\n\t init: function (diagram) {\n\t var that = this;\n\t LayoutBase.fn.init.call(that);\n\t if (Utils.isUndefined(diagram)) {\n\t throw \"Diagram is not specified.\";\n\t }\n\t this.diagram = diagram;\n\t },\n\n\t layout: function (options) {\n\n\t this.transferOptions(options);\n\n\t var adapter = new DiagramToHyperTreeAdapter(this.diagram);\n\t var graph = adapter.convert(options);\n\t if (graph.isEmpty()) {\n\t return;\n\t }\n\t // split into connected components\n\t var components = graph.getConnectedComponents();\n\t if (Utils.isEmpty(components)) {\n\t return;\n\t }\n\t for (var i = 0; i < components.length; i++) {\n\t var component = components[i];\n\t this.layoutGraph(component, options);\n\t }\n\t var finalNodeSet = this.gridLayoutComponents(components);\n\t return new diagram.LayoutState(this.diagram, finalNodeSet);\n\t },\n\n\t layoutGraph: function (graph, options) {\n\n\t if (Utils.isDefined(options)) {\n\t this.transferOptions(options);\n\t }\n\t this.graph = graph;\n\n\t var initialTemperature = this.options.nodeDistance * 9;\n\t this.temperature = initialTemperature;\n\n\t var guessBounds = this._expectedBounds();\n\t this.width = guessBounds.width;\n\t this.height = guessBounds.height;\n\n\t for (var step = 0; step < this.options.iterations; step++) {\n\t this.refineStage = step >= this.options.iterations * 5 / 6;\n\t this.tick();\n\t // exponential cooldown\n\t this.temperature = this.refineStage ?\n\t initialTemperature / 30 :\n\t initialTemperature * (1 - step / (2 * this.options.iterations ));\n\t }\n\t },\n\n\t /**\n\t * Single iteration of the simulation.\n\t */\n\t tick: function () {\n\t var i;\n\t // collect the repulsive forces on each node\n\t for (i = 0; i < this.graph.nodes.length; i++) {\n\t this._repulsion(this.graph.nodes[i]);\n\t }\n\n\t // collect the attractive forces on each node\n\t for (i = 0; i < this.graph.links.length; i++) {\n\t this._attraction(this.graph.links[i]);\n\t }\n\t // update the positions\n\t for (i = 0; i < this.graph.nodes.length; i++) {\n\t var node = this.graph.nodes[i];\n\t var offset = Math.sqrt(node.dx * node.dx + node.dy * node.dy);\n\t if (offset === 0) {\n\t return;\n\t }\n\t node.x += Math.min(offset, this.temperature) * node.dx / offset;\n\t node.y += Math.min(offset, this.temperature) * node.dy / offset;\n\t if (this.options.limitToView) {\n\t node.x = Math.min(this.width, Math.max(node.width / 2, node.x));\n\t node.y = Math.min(this.height, Math.max(node.height / 2, node.y));\n\t }\n\t }\n\t },\n\n\t /**\n\t * Shakes the node away from its current position to escape the deadlock.\n\t * @param node A Node.\n\t * @private\n\t */\n\t _shake: function (node) {\n\t // just a simple polar neighborhood\n\t var rho = Math.random() * this.options.nodeDistance / 4;\n\t var alpha = Math.random() * 2 * Math.PI;\n\t node.x += rho * Math.cos(alpha);\n\t node.y -= rho * Math.sin(alpha);\n\t },\n\n\t /**\n\t * The typical Coulomb-Newton force law F=k/r^2\n\t * @remark This only works in dimensions less than three.\n\t * @param d\n\t * @param n A Node.\n\t * @param m Another Node.\n\t * @returns {number}\n\t * @private\n\t */\n\t _InverseSquareForce: function (d, n, m) {\n\t var force;\n\t if (!this.refineStage) {\n\t force = Math.pow(d, 2) / Math.pow(this.options.nodeDistance, 2);\n\t }\n\t else {\n\t var deltax = n.x - m.x;\n\t var deltay = n.y - m.y;\n\n\t var wn = n.width / 2;\n\t var hn = n.height / 2;\n\t var wm = m.width / 2;\n\t var hm = m.height / 2;\n\n\t force = (Math.pow(deltax, 2) / Math.pow(wn + wm + this.options.nodeDistance, 2)) + (Math.pow(deltay, 2) / Math.pow(hn + hm + this.options.nodeDistance, 2));\n\t }\n\t return force * 4 / 3;\n\t },\n\n\t /**\n\t * The typical Hooke force law F=kr^2\n\t * @param d\n\t * @param n\n\t * @param m\n\t * @returns {number}\n\t * @private\n\t */\n\t _SquareForce: function (d, n, m) {\n\t return 1 / this._InverseSquareForce(d, n, m);\n\t },\n\n\t _repulsion: function (n) {\n\t n.dx = 0;\n\t n.dy = 0;\n\t Utils.forEach(this.graph.nodes, function (m) {\n\t if (m === n) {\n\t return;\n\t }\n\t while (n.x === m.x && n.y === m.y) {\n\t this._shake(m);\n\t }\n\t var vx = n.x - m.x;\n\t var vy = n.y - m.y;\n\t var distance = Math.sqrt(vx * vx + vy * vy);\n\t var r = this._SquareForce(distance, n, m) * 2;\n\t n.dx += (vx / distance) * r;\n\t n.dy += (vy / distance) * r;\n\t }, this);\n\t },\n\t _attraction: function (link) {\n\t var t = link.target;\n\t var s = link.source;\n\t if (s === t) {\n\t // loops induce endless shakes\n\t return;\n\t }\n\t while (s.x === t.x && s.y === t.y) {\n\t this._shake(t);\n\t }\n\n\t var vx = s.x - t.x;\n\t var vy = s.y - t.y;\n\t var distance = Math.sqrt(vx * vx + vy * vy);\n\n\t var a = this._InverseSquareForce(distance, s, t) * 5;\n\t var dx = (vx / distance) * a;\n\t var dy = (vy / distance) * a;\n\t t.dx += dx;\n\t t.dy += dy;\n\t s.dx -= dx;\n\t s.dy -= dy;\n\t },\n\n\t /**\n\t * Calculates the expected bounds after layout.\n\t * @returns {*}\n\t * @private\n\t */\n\t _expectedBounds: function () {\n\n\t var size, N = this.graph.nodes.length, /*golden ration optimal?*/ ratio = 1.5, multiplier = 4;\n\t if (N === 0) {\n\t return size;\n\t }\n\t size = Utils.fold(this.graph.nodes, function (s, node) {\n\t var area = node.width * node.height;\n\t if (area > 0) {\n\t s += Math.sqrt(area);\n\t return s;\n\t }\n\t return 0;\n\t }, 0, this);\n\t var av = size / N;\n\t var squareSize = av * Math.ceil(Math.sqrt(N));\n\t var width = squareSize * Math.sqrt(ratio);\n\t var height = squareSize / Math.sqrt(ratio);\n\t return { width: width * multiplier, height: height * multiplier };\n\t }\n\n\t });\n\n\t var TreeLayoutProcessor = kendo.Class.extend({\n\n\t init: function (options) {\n\t this.center = null;\n\t this.options = options;\n\t },\n\t layout: function (treeGraph, root) {\n\t this.graph = treeGraph;\n\t if (!this.graph.nodes || this.graph.nodes.length === 0) {\n\t return;\n\t }\n\n\t if (!contains(this.graph.nodes, root)) {\n\t throw \"The given root is not in the graph.\";\n\t }\n\n\t this.center = root;\n\t this.graph.cacheRelationships();\n\t /* var nonull = this.graph.nodes.where(function (n) {\n\t return n.associatedShape != null;\n\t });*/\n\n\t // transfer the rects\n\t /*nonull.forEach(function (n) {\n\t n.Location = n.associatedShape.Position;\n\t n.NodeSize = n.associatedShape.ActualBounds.ToSize();\n\t }\n\n\t );*/\n\n\t // caching the children\n\t /* nonull.forEach(function (n) {\n\t n.children = n.getChildren();\n\t });*/\n\n\t this.layoutSwitch();\n\n\t // apply the layout to the actual visuals\n\t // nonull.ForEach(n => n.associatedShape.Position = n.Location);\n\t },\n\n\t layoutLeft: function (left) {\n\t this.setChildrenDirection(this.center, \"Left\", false);\n\t this.setChildrenLayout(this.center, \"Default\", false);\n\t var h = 0, w = 0, y, i, node;\n\t for (i = 0; i < left.length; i++) {\n\t node = left[i];\n\t node.TreeDirection = \"Left\";\n\t var s = this.measure(node, Size.Empty);\n\t w = Math.max(w, s.Width);\n\t h += s.height + this.options.verticalSeparation;\n\t }\n\n\t h -= this.options.verticalSeparation;\n\t var x = this.center.x - this.options.horizontalSeparation;\n\t y = this.center.y + ((this.center.height - h) / 2);\n\t for (i = 0; i < left.length; i++) {\n\t node = left[i];\n\t var p = new Point(x - node.Size.width, y);\n\n\t this.arrange(node, p);\n\t y += node.Size.height + this.options.verticalSeparation;\n\t }\n\t },\n\n\t layoutRight: function (right) {\n\t this.setChildrenDirection(this.center, \"Right\", false);\n\t this.setChildrenLayout(this.center, \"Default\", false);\n\t var h = 0, w = 0, y, i, node;\n\t for (i = 0; i < right.length; i++) {\n\t node = right[i];\n\t node.TreeDirection = \"Right\";\n\t var s = this.measure(node, Size.Empty);\n\t w = Math.max(w, s.Width);\n\t h += s.height + this.options.verticalSeparation;\n\t }\n\n\t h -= this.options.verticalSeparation;\n\t var x = this.center.x + this.options.horizontalSeparation + this.center.width;\n\t y = this.center.y + ((this.center.height - h) / 2);\n\t for (i = 0; i < right.length; i++) {\n\t node = right[i];\n\t var p = new Point(x, y);\n\t this.arrange(node, p);\n\t y += node.Size.height + this.options.verticalSeparation;\n\t }\n\t },\n\n\t layoutUp: function (up) {\n\t this.setChildrenDirection(this.center, \"Up\", false);\n\t this.setChildrenLayout(this.center, \"Default\", false);\n\t var w = 0, y, node, i;\n\t for (i = 0; i < up.length; i++) {\n\t node = up[i];\n\t node.TreeDirection = \"Up\";\n\t var s = this.measure(node, Size.Empty);\n\t w += s.width + this.options.horizontalSeparation;\n\t }\n\n\t w -= this.options.horizontalSeparation;\n\t var x = this.center.x + (this.center.width / 2) - (w / 2);\n\n\t // y = this.center.y -verticalSeparation -this.center.height/2 - h;\n\t for (i = 0; i < up.length; i++) {\n\t node = up[i];\n\t y = this.center.y - this.options.verticalSeparation - node.Size.height;\n\t var p = new Point(x, y);\n\t this.arrange(node, p);\n\t x += node.Size.width + this.options.horizontalSeparation;\n\t }\n\t },\n\n\t layoutDown: function (down) {\n\t var node, i;\n\t this.setChildrenDirection(this.center, \"Down\", false);\n\t this.setChildrenLayout(this.center, \"Default\", false);\n\t var w = 0, y;\n\t for (i = 0; i < down.length; i++) {\n\t node = down[i];\n\t node.treeDirection = \"Down\";\n\t var s = this.measure(node, Size.Empty);\n\t w += s.width + this.options.horizontalSeparation;\n\t }\n\n\t w -= this.options.horizontalSeparation;\n\t var x = this.center.x + (this.center.width / 2) - (w / 2);\n\t y = this.center.y + this.options.verticalSeparation + this.center.height;\n\t for (i = 0; i < down.length; i++) {\n\t node = down[i];\n\t var p = new Point(x, y);\n\t this.arrange(node, p);\n\t x += node.Size.width + this.options.horizontalSeparation;\n\t }\n\t },\n\n\t layoutRadialTree: function () {\n\t // var rmax = children.Aggregate(0D, (current, node) => Math.max(node.SectorAngle, current));\n\t this.setChildrenDirection(this.center, \"Radial\", false);\n\t this.setChildrenLayout(this.center, \"Default\", false);\n\t this.previousRoot = null;\n\t var startAngle = this.options.startRadialAngle * DEG_TO_RAD;\n\t var endAngle = this.options.endRadialAngle * DEG_TO_RAD;\n\t if (endAngle <= startAngle) {\n\t throw \"Final angle should not be less than the start angle.\";\n\t }\n\n\t this.maxDepth = 0;\n\t this.origin = new Point(this.center.x, this.center.y);\n\t this.calculateAngularWidth(this.center, 0);\n\n\t // perform the layout\n\t if (this.maxDepth > 0) {\n\t this.radialLayout(this.center, this.options.radialFirstLevelSeparation, startAngle, endAngle);\n\t }\n\n\t // update properties of the root node\n\t this.center.Angle = endAngle - startAngle;\n\t },\n\n\t tipOverTree: function (down, startFromLevel) {\n\t if (Utils.isUndefined(startFromLevel)) {\n\t startFromLevel = 0;\n\t }\n\n\t this.setChildrenDirection(this.center, \"Down\", false);\n\t this.setChildrenLayout(this.center, \"Default\", false);\n\t this.setChildrenLayout(this.center, \"Underneath\", false, startFromLevel);\n\t var w = 0, y, node, i;\n\t for (i = 0; i < down.length; i++) {\n\t node = down[i];\n\n\t // if (node.IsSpecial) continue;\n\t node.TreeDirection = \"Down\";\n\t var s = this.measure(node, Size.Empty);\n\t w += s.width + this.options.horizontalSeparation;\n\t }\n\n\t w -= this.options.horizontalSeparation;\n\n\t // putting the root in the center with respect to the whole diagram is not a nice result, let's put it with respect to the first level only\n\t w -= down[down.length - 1].width;\n\t w += down[down.length - 1].associatedShape.bounds().width;\n\n\t var x = this.center.x + (this.center.width / 2) - (w / 2);\n\t y = this.center.y + this.options.verticalSeparation + this.center.height;\n\t for (i = 0; i < down.length; i++) {\n\t node = down[i];\n\t // if (node.IsSpecial) continue;\n\t var p = new Point(x, y);\n\t this.arrange(node, p);\n\t x += node.Size.width + this.options.horizontalSeparation;\n\t }\n\n\t /*//let's place the special node, assuming there is only one\n\t if (down.Count(n => n.IsSpecial) > 0)\n\t {\n\t var special = (from n in down where n.IsSpecial select n).First();\n\t if (special.Children.Count > 0)\n\t throw new DiagramException(\"The 'special' element should not have children.\");\n\t special.Data.Location = new Point(Center.Data.Location.X + Center.AssociatedShape.BoundingRectangle.Width + this.options.HorizontalSeparation, Center.Data.Location.Y);\n\t }*/\n\t },\n\t calculateAngularWidth: function (n, d) {\n\t if (d > this.maxDepth) {\n\t this.maxDepth = d;\n\t }\n\n\t var aw = 0, w = 1000, h = 1000, diameter = d === 0 ? 0 : Math.sqrt((w * w) + (h * h)) / d;\n\n\t if (n.children.length > 0) {\n\t // eventually with n.IsExpanded\n\t for (var i = 0, len = n.children.length; i < len; i++) {\n\t var child = n.children[i];\n\t aw += this.calculateAngularWidth(child, d + 1);\n\t }\n\t aw = Math.max(diameter, aw);\n\t }\n\t else {\n\t aw = diameter;\n\t }\n\n\t n.sectorAngle = aw;\n\t return aw;\n\t },\n\t sortChildren: function (n) {\n\t var basevalue = 0, i;\n\n\t // update basevalue angle for node ordering\n\t if (n.parents.length > 1) {\n\t throw \"Node is not part of a tree.\";\n\t }\n\t var p = n.parents[0];\n\t if (p) {\n\t var pl = new Point(p.x, p.y);\n\t var nl = new Point(n.x, n.y);\n\t basevalue = this.normalizeAngle(Math.atan2(pl.y - nl.y, pl.x - nl.x));\n\t }\n\n\t var count = n.children.length;\n\t if (count === 0) {\n\t return null;\n\t }\n\n\t var angle = [];\n\t var idx = [];\n\n\t for (i = 0; i < count; ++i) {\n\t var c = n.children[i];\n\t var l = new Point(c.x, c.y);\n\t idx[i] = i;\n\t angle[i] = this.normalizeAngle(-basevalue + Math.atan2(l.y - l.y, l.x - l.x));\n\t }\n\n\t Utils.bisort(angle, idx);\n\t var col = []; // list of nodes\n\t var children = n.children;\n\t for (i = 0; i < count; ++i) {\n\t col.push(children[idx[i]]);\n\t }\n\n\t return col;\n\t },\n\n\t normalizeAngle: function (angle) {\n\t while (angle > Math.PI * 2) {\n\t angle -= 2 * Math.PI;\n\t }\n\t while (angle < 0) {\n\t angle += Math.PI * 2;\n\t }\n\t return angle;\n\t },\n\t radialLayout: function (node, radius, startAngle, endAngle) {\n\t var deltaTheta = endAngle - startAngle;\n\t var deltaThetaHalf = deltaTheta / 2.0;\n\t var parentSector = node.sectorAngle;\n\t var fraction = 0;\n\t var sorted = this.sortChildren(node);\n\t for (var i = 0, len = sorted.length; i < len; i++) {\n\t var childNode = sorted[i];\n\t var cp = childNode;\n\t var childAngleFraction = cp.sectorAngle / parentSector;\n\t if (childNode.children.length > 0) {\n\t this.radialLayout(childNode,\n\t radius + this.options.radialSeparation,\n\t startAngle + (fraction * deltaTheta),\n\t startAngle + ((fraction + childAngleFraction) * deltaTheta));\n\t }\n\n\t this.setPolarLocation(childNode, radius, startAngle + (fraction * deltaTheta) + (childAngleFraction * deltaThetaHalf));\n\t cp.angle = childAngleFraction * deltaTheta;\n\t fraction += childAngleFraction;\n\t }\n\t },\n\t setPolarLocation: function (node, radius, angle) {\n\t node.x = this.origin.x + (radius * Math.cos(angle));\n\t node.y = this.origin.y + (radius * Math.sin(angle));\n\t node.BoundingRectangle = new Rect(node.x, node.y, node.width, node.height);\n\t },\n\n\t /**\n\t * Sets the children direction recursively.\n\t * @param node\n\t * @param direction\n\t * @param includeStart\n\t */\n\t setChildrenDirection: function (node, direction, includeStart) {\n\t var rootDirection = node.treeDirection;\n\t this.graph.depthFirstTraversal(node, function (n) {\n\t n.treeDirection = direction;\n\t });\n\t if (!includeStart) {\n\t node.treeDirection = rootDirection;\n\t }\n\t },\n\n\t /**\n\t * Sets the children layout recursively.\n\t * @param node\n\t * @param layout\n\t * @param includeStart\n\t * @param startFromLevel\n\t */\n\t setChildrenLayout: function (node, layout, includeStart, startFromLevel) {\n\t if (Utils.isUndefined(startFromLevel)) {\n\t startFromLevel = 0;\n\t }\n\t var rootLayout = node.childrenLayout;\n\t if (startFromLevel > 0) {\n\t // assign levels to the Node.Level property\n\t this.graph.assignLevels(node);\n\n\t // assign the layout on the condition that the level is at least the 'startFromLevel'\n\t this.graph.depthFirstTraversal(\n\t node, function (s) {\n\t if (s.level >= startFromLevel + 1) {\n\t s.childrenLayout = layout;\n\t }\n\t }\n\t );\n\t }\n\t else {\n\t this.graph.depthFirstTraversal(node, function (s) {\n\t s.childrenLayout = layout;\n\t });\n\n\t // if the start should not be affected we put the state back\n\t if (!includeStart) {\n\t node.childrenLayout = rootLayout;\n\t }\n\t }\n\t },\n\n\t /**\n\t * Returns the actual size of the node. The given size is the allowed space wherein the node can lay out itself.\n\t * @param node\n\t * @param givenSize\n\t * @returns {Size}\n\t */\n\t measure: function (node, givenSize) {\n\t var w = 0, h = 0, s;\n\t var result = new Size(0, 0);\n\t if (!node) {\n\t throw \"\";\n\t }\n\t var b = node.associatedShape.bounds();\n\t var shapeWidth = b.width;\n\t var shapeHeight = b.height;\n\t if (node.parents.length !== 1) {\n\t throw \"Node not in a spanning tree.\";\n\t }\n\n\t var parent = node.parents[0];\n\t if (node.treeDirection === \"Undefined\") {\n\t node.treeDirection = parent.treeDirection;\n\t }\n\n\t if (Utils.isEmpty(node.children)) {\n\t result = new Size(\n\t Math.abs(shapeWidth) < EPSILON ? 50 : shapeWidth,\n\t Math.abs(shapeHeight) < EPSILON ? 25 : shapeHeight);\n\t }\n\t else if (node.children.length === 1) {\n\t switch (node.treeDirection) {\n\t case \"Radial\":\n\t s = this.measure(node.children[0], givenSize); // child size\n\t w = shapeWidth + (this.options.radialSeparation * Math.cos(node.AngleToParent)) + s.width;\n\t h = shapeHeight + Math.abs(this.options.radialSeparation * Math.sin(node.AngleToParent)) + s.height;\n\t break;\n\t case \"Left\":\n\t case \"Right\":\n\t switch (node.childrenLayout) {\n\n\t case \"TopAlignedWithParent\":\n\t break;\n\n\t case \"BottomAlignedWithParent\":\n\t break;\n\n\t case \"Underneath\":\n\t s = this.measure(node.children[0], givenSize);\n\t w = shapeWidth + s.width + this.options.underneathHorizontalOffset;\n\t h = shapeHeight + this.options.underneathVerticalTopOffset + s.height;\n\t break;\n\n\t case \"Default\":\n\t s = this.measure(node.children[0], givenSize);\n\t w = shapeWidth + this.options.horizontalSeparation + s.width;\n\t h = Math.max(shapeHeight, s.height);\n\t break;\n\n\t default:\n\t throw \"Unhandled TreeDirection in the Radial layout measuring.\";\n\t }\n\t break;\n\t case \"Up\":\n\t case \"Down\":\n\t switch (node.childrenLayout) {\n\n\t case \"TopAlignedWithParent\":\n\t case \"BottomAlignedWithParent\":\n\t break;\n\n\t case \"Underneath\":\n\t s = this.measure(node.children[0], givenSize);\n\t w = Math.max(shapeWidth, s.width + this.options.underneathHorizontalOffset);\n\t h = shapeHeight + this.options.underneathVerticalTopOffset + s.height;\n\t break;\n\n\t case \"Default\":\n\t s = this.measure(node.children[0], givenSize);\n\t h = shapeHeight + this.options.verticalSeparation + s.height;\n\t w = Math.max(shapeWidth, s.width);\n\t break;\n\n\t default:\n\t throw \"Unhandled TreeDirection in the Down layout measuring.\";\n\t }\n\t break;\n\t default:\n\t throw \"Unhandled TreeDirection in the layout measuring.\";\n\t }\n\n\t result = new Size(w, h);\n\t }\n\t else {\n\t var i, childNode;\n\t switch (node.treeDirection) {\n\t case \"Left\":\n\t case \"Right\":\n\t switch (node.childrenLayout) {\n\n\t case \"TopAlignedWithParent\":\n\t case \"BottomAlignedWithParent\":\n\t break;\n\n\t case \"Underneath\":\n\t w = shapeWidth;\n\t h = shapeHeight + this.options.underneathVerticalTopOffset;\n\t for (i = 0; i < node.children.length; i++) {\n\t childNode = node.children[i];\n\t s = this.measure(childNode, givenSize);\n\t w = Math.max(w, s.width + this.options.underneathHorizontalOffset);\n\t h += s.height + this.options.underneathVerticalSeparation;\n\t }\n\n\t h -= this.options.underneathVerticalSeparation;\n\t break;\n\n\t case \"Default\":\n\t w = shapeWidth;\n\t h = 0;\n\t for (i = 0; i < node.children.length; i++) {\n\t childNode = node.children[i];\n\t s = this.measure(childNode, givenSize);\n\t w = Math.max(w, shapeWidth + this.options.horizontalSeparation + s.width);\n\t h += s.height + this.options.verticalSeparation;\n\t }\n\t h -= this.options.verticalSeparation;\n\t break;\n\n\t default:\n\t throw \"Unhandled TreeDirection in the Right layout measuring.\";\n\t }\n\n\t break;\n\t case \"Up\":\n\t case \"Down\":\n\n\t switch (node.childrenLayout) {\n\n\t case \"TopAlignedWithParent\":\n\t case \"BottomAlignedWithParent\":\n\t break;\n\n\t case \"Underneath\":\n\t w = shapeWidth;\n\t h = shapeHeight + this.options.underneathVerticalTopOffset;\n\t for (i = 0; i < node.children.length; i++) {\n\t childNode = node.children[i];\n\t s = this.measure(childNode, givenSize);\n\t w = Math.max(w, s.width + this.options.underneathHorizontalOffset);\n\t h += s.height + this.options.underneathVerticalSeparation;\n\t }\n\n\t h -= this.options.underneathVerticalSeparation;\n\t break;\n\n\t case \"Default\":\n\t w = 0;\n\t h = 0;\n\t for (i = 0; i < node.children.length; i++) {\n\t childNode = node.children[i];\n\t s = this.measure(childNode, givenSize);\n\t w += s.width + this.options.horizontalSeparation;\n\t h = Math.max(h, s.height + this.options.verticalSeparation + shapeHeight);\n\t }\n\n\t w -= this.options.horizontalSeparation;\n\t break;\n\n\t default:\n\t throw \"Unhandled TreeDirection in the Down layout measuring.\";\n\t }\n\n\t break;\n\t default:\n\t throw \"Unhandled TreeDirection in the layout measuring.\";\n\t }\n\n\t result = new Size(w, h);\n\t }\n\n\t node.SectorAngle = Math.sqrt((w * w / 4) + (h * h / 4));\n\t node.Size = result;\n\t return result;\n\t },\n\t arrange: function (n, p) {\n\t var i, pp, child, node, childrenwidth, b = n.associatedShape.bounds();\n\t var shapeWidth = b.width;\n\t var shapeHeight = b.height;\n\t if (Utils.isEmpty(n.children)) {\n\t n.x = p.x;\n\t n.y = p.y;\n\t n.BoundingRectangle = new Rect(p.x, p.y, shapeWidth, shapeHeight);\n\t }\n\t else {\n\t var x, y;\n\t var selfLocation;\n\t switch (n.treeDirection) {\n\t case \"Left\":\n\t switch (n.childrenLayout) {\n\t case \"TopAlignedWithParent\":\n\t case \"BottomAlignedWithParent\":\n\t break;\n\n\t case \"Underneath\":\n\t selfLocation = p;\n\t n.x = selfLocation.x;\n\t n.y = selfLocation.y;\n\t n.BoundingRectangle = new Rect(n.x, n.y, n.width, n.height);\n\t y = p.y + shapeHeight + this.options.underneathVerticalTopOffset;\n\t for (i = 0; i < node.children.length; i++) {\n\t node = node.children[i];\n\t x = selfLocation.x - node.associatedShape.width - this.options.underneathHorizontalOffset;\n\t pp = new Point(x, y);\n\t this.arrange(node, pp);\n\t y += node.Size.height + this.options.underneathVerticalSeparation;\n\t }\n\t break;\n\n\t case \"Default\":\n\t selfLocation = new Point(p.x + n.Size.width - shapeWidth, p.y + ((n.Size.height - shapeHeight) / 2));\n\t n.x = selfLocation.x;\n\t n.y = selfLocation.y;\n\t n.BoundingRectangle = new Rect(n.x, n.y, n.width, n.height);\n\t x = selfLocation.x - this.options.horizontalSeparation; // alignment of children\n\t y = p.y;\n\t for (i = 0; i < n.children.length; i++) {\n\t node = n.children[i];\n\t pp = new Point(x - node.Size.width, y);\n\t this.arrange(node, pp);\n\t y += node.Size.height + this.options.verticalSeparation;\n\t }\n\t break;\n\n\t default:\n\t throw \"Unsupported TreeDirection\";\n\t }\n\n\t break;\n\t case \"Right\":\n\t switch (n.childrenLayout) {\n\t case \"TopAlignedWithParent\":\n\t case \"BottomAlignedWithParent\":\n\t break;\n\n\t case \"Underneath\":\n\t selfLocation = p;\n\t n.x = selfLocation.x;\n\t n.y = selfLocation.y;\n\t n.BoundingRectangle = new Rect(n.x, n.y, n.width, n.height);\n\t x = p.x + shapeWidth + this.options.underneathHorizontalOffset;\n\n\t // alignment of children left-underneath the parent\n\t y = p.y + shapeHeight + this.options.underneathVerticalTopOffset;\n\t for (i = 0; i < n.children.length; i++) {\n\t node = n.children[i];\n\t pp = new Point(x, y);\n\t this.arrange(node, pp);\n\t y += node.Size.height + this.options.underneathVerticalSeparation;\n\t }\n\n\t break;\n\n\t case \"Default\":\n\t selfLocation = new Point(p.x, p.y + ((n.Size.height - shapeHeight) / 2));\n\t n.x = selfLocation.x;\n\t n.y = selfLocation.y;\n\t n.BoundingRectangle = new Rect(n.x, n.y, n.width, n.height);\n\t x = p.x + shapeWidth + this.options.horizontalSeparation; // alignment of children\n\t y = p.y;\n\t for (i = 0; i < n.children.length; i++) {\n\t node = n.children[i];\n\t pp = new Point(x, y);\n\t this.arrange(node, pp);\n\t y += node.Size.height + this.options.verticalSeparation;\n\t }\n\t break;\n\n\t default:\n\t throw \"Unsupported TreeDirection\";\n\t }\n\n\t break;\n\t case \"Up\":\n\t selfLocation = new Point(p.x + ((n.Size.width - shapeWidth) / 2), p.y + n.Size.height - shapeHeight);\n\t n.x = selfLocation.x;\n\t n.y = selfLocation.y;\n\t n.BoundingRectangle = new Rect(n.x, n.y, n.width, n.height);\n\t if (Math.abs(selfLocation.x - p.x) < EPSILON) {\n\t childrenwidth = 0;\n\t // means there is an aberration due to the oversized Element with respect to the children\n\t for (i = 0; i < n.children.length; i++) {\n\t child = n.children[i];\n\t childrenwidth += child.Size.width + this.options.horizontalSeparation;\n\t }\n\t childrenwidth -= this.options.horizontalSeparation;\n\t x = p.x + ((shapeWidth - childrenwidth) / 2);\n\t }\n\t else {\n\t x = p.x;\n\t }\n\n\t for (i = 0; i < n.children.length; i++) {\n\t node = n.children[i];\n\t y = selfLocation.y - this.options.verticalSeparation - node.Size.height;\n\t pp = new Point(x, y);\n\t this.arrange(node, pp);\n\t x += node.Size.width + this.options.horizontalSeparation;\n\t }\n\t break;\n\n\t case \"Down\":\n\n\t switch (n.childrenLayout) {\n\t case \"TopAlignedWithParent\":\n\t case \"BottomAlignedWithParent\":\n\t break;\n\t case \"Underneath\":\n\t selfLocation = p;\n\t n.x = selfLocation.x;\n\t n.y = selfLocation.y;\n\t n.BoundingRectangle = new Rect(n.x, n.y, n.width, n.height);\n\t x = p.x + this.options.underneathHorizontalOffset; // alignment of children left-underneath the parent\n\t y = p.y + shapeHeight + this.options.underneathVerticalTopOffset;\n\t for (i = 0; i < n.children.length; i++) {\n\t node = n.children[i];\n\t pp = new Point(x, y);\n\t this.arrange(node, pp);\n\t y += node.Size.height + this.options.underneathVerticalSeparation;\n\t }\n\t break;\n\n\t case \"Default\":\n\t selfLocation = new Point(p.x + ((n.Size.width - shapeWidth) / 2), p.y);\n\t n.x = selfLocation.x;\n\t n.y = selfLocation.y;\n\t n.BoundingRectangle = new Rect(n.x, n.y, n.width, n.height);\n\t if (Math.abs(selfLocation.x - p.x) < EPSILON) {\n\t childrenwidth = 0;\n\t // means there is an aberration due to the oversized Element with respect to the children\n\t for (i = 0; i < n.children.length; i++) {\n\t child = n.children[i];\n\t childrenwidth += child.Size.width + this.options.horizontalSeparation;\n\t }\n\n\t childrenwidth -= this.options.horizontalSeparation;\n\t x = p.x + ((shapeWidth - childrenwidth) / 2);\n\t }\n\t else {\n\t x = p.x;\n\t }\n\n\t for (i = 0; i < n.children.length; i++) {\n\t node = n.children[i];\n\t y = selfLocation.y + this.options.verticalSeparation + shapeHeight;\n\t pp = new Point(x, y);\n\t this.arrange(node, pp);\n\t x += node.Size.width + this.options.horizontalSeparation;\n\t }\n\t break;\n\n\t default:\n\t throw \"Unsupported TreeDirection\";\n\t }\n\t break;\n\n\t case \"None\":\n\t break;\n\n\t default:\n\t throw \"Unsupported TreeDirection\";\n\t }\n\t }\n\t },\n\t layoutSwitch: function () {\n\t if (!this.center) {\n\t return;\n\t }\n\n\t if (Utils.isEmpty(this.center.children)) {\n\t return;\n\t }\n\n\t var type = this.options.subtype;\n\t if (Utils.isUndefined(type)) {\n\t type = \"Down\";\n\t }\n\t var single, male, female, leftcount;\n\t var children = this.center.children;\n\t switch (type.toLowerCase()) {\n\t case \"radial\":\n\t case \"radialtree\":\n\t this.layoutRadialTree();\n\t break;\n\n\t case \"mindmaphorizontal\":\n\t case \"mindmap\":\n\t single = this.center.children;\n\n\t if (this.center.children.length === 1) {\n\t this.layoutRight(single);\n\t }\n\t else {\n\t // odd number will give one more at the right\n\t leftcount = children.length / 2;\n\t male = grep(this.center.children, function (n) {\n\t return Utils.indexOf(children, n) < leftcount;\n\t });\n\t female = grep(this.center.children, function (n) {\n\t return Utils.indexOf(children, n) >= leftcount;\n\t });\n\n\t this.layoutLeft(male);\n\t this.layoutRight(female);\n\t }\n\t break;\n\n\t case \"mindmapvertical\":\n\t single = this.center.children;\n\n\t if (this.center.children.length === 1) {\n\t this.layoutDown(single);\n\t }\n\t else {\n\t // odd number will give one more at the right\n\t leftcount = children.length / 2;\n\t male = grep(this.center.children, function (n) {\n\t return Utils.indexOf(children, n) < leftcount;\n\t });\n\t female = grep(this.center.children, function (n) {\n\t return Utils.indexOf(children, n) >= leftcount;\n\t });\n\t this.layoutUp(male);\n\t this.layoutDown(female);\n\t }\n\t break;\n\n\t case \"right\":\n\t this.layoutRight(this.center.children);\n\t break;\n\n\t case \"left\":\n\t this.layoutLeft(this.center.children);\n\t break;\n\n\t case \"up\":\n\t case \"bottom\":\n\t this.layoutUp(this.center.children);\n\t break;\n\n\t case \"down\":\n\t case \"top\":\n\t this.layoutDown(this.center.children);\n\t break;\n\n\t case \"tipover\":\n\t case \"tipovertree\":\n\t if (this.options.tipOverTreeStartLevel < 0) {\n\t throw \"The tip-over level should be a positive integer.\";\n\t }\n\t this.tipOverTree(this.center.children, this.options.tipOverTreeStartLevel);\n\t break;\n\n\t case \"undefined\":\n\t case \"none\":\n\t break;\n\t }\n\t }\n\t });\n\n\t /**\n\t * The various tree layout algorithms.\n\t * @type {*}\n\t */\n\t var TreeLayout = LayoutBase.extend({\n\t init: function (diagram) {\n\t var that = this;\n\t LayoutBase.fn.init.call(that);\n\t if (Utils.isUndefined(diagram)) {\n\t throw \"No diagram specified.\";\n\t }\n\t this.diagram = diagram;\n\t },\n\n\t /**\n\t * Arranges the diagram in a tree-layout with the specified options and tree subtype.\n\t */\n\t layout: function (options) {\n\n\t this.transferOptions(options);\n\n\t // transform the diagram into a Graph\n\t var adapter = new DiagramToHyperTreeAdapter(this.diagram);\n\n\t /**\n\t * The Graph reduction from the given diagram.\n\t * @type {*}\n\t */\n\t this.graph = adapter.convert();\n\n\t var finalNodeSet = this.layoutComponents();\n\n\t // note that the graph contains the original data and\n\t // the components are another instance of nodes referring to the same set of shapes\n\t return new diagram.LayoutState(this.diagram, finalNodeSet);\n\t },\n\n\t layoutComponents: function () {\n\t if (this.graph.isEmpty()) {\n\t return;\n\t }\n\n\t // split into connected components\n\t var components = this.graph.getConnectedComponents();\n\t if (Utils.isEmpty(components)) {\n\t return;\n\t }\n\n\t var layout = new TreeLayoutProcessor(this.options);\n\t var trees = [];\n\t // find a spanning tree for each component\n\t for (var i = 0; i < components.length; i++) {\n\t var component = components[i];\n\n\t var treeGraph = this.getTree(component);\n\t if (!treeGraph) {\n\t throw \"Failed to find a spanning tree for the component.\";\n\t }\n\t var root = treeGraph.root;\n\t var tree = treeGraph.tree;\n\t layout.layout(tree, root);\n\n\t trees.push(tree);\n\t }\n\n\t return this.gridLayoutComponents(trees);\n\n\t },\n\n\t /**\n\t * Gets a spanning tree (and root) for the given graph.\n\t * Ensure that the given graph is connected!\n\t * @param graph\n\t * @returns {*} A literal object consisting of the found root and the spanning tree.\n\t */\n\t getTree: function (graph) {\n\t var root = null;\n\t if (this.options.roots && this.options.roots.length > 0) {\n\t for (var i = 0, len = graph.nodes.length; i < len; i++) {\n\t var node = graph.nodes[i];\n\t for (var j = 0; j < this.options.roots.length; j++) {\n\t var givenRootShape = this.options.roots[j];\n\t if (givenRootShape === node.associatedShape) {\n\t root = node;\n\t break;\n\t }\n\t }\n\t }\n\t }\n\t if (!root) {\n\t // finds the most probable root on the basis of the longest path in the component\n\t root = graph.root();\n\t // should not happen really\n\t if (!root) {\n\t throw \"Unable to find a root for the tree.\";\n\t }\n\t }\n\t return this.getTreeForRoot(graph, root);\n\t },\n\n\t getTreeForRoot: function (graph, root) {\n\n\t var tree = graph.getSpanningTree(root);\n\t if (Utils.isUndefined(tree) || tree.isEmpty()) {\n\t return null;\n\t }\n\t return {\n\t tree: tree,\n\t root: tree.root\n\t };\n\t }\n\n\t });\n\n\t /**\n\t * The Sugiyama aka layered layout algorithm.\n\t * @type {*}\n\t */\n\t var LayeredLayout = LayoutBase.extend({\n\t init: function (diagram) {\n\t var that = this;\n\t LayoutBase.fn.init.call(that);\n\t if (Utils.isUndefined(diagram)) {\n\t throw \"Diagram is not specified.\";\n\t }\n\t this.diagram = diagram;\n\t },\n\n\t layout: function (options) {\n\n\t this.transferOptions(options);\n\n\t var adapter = new DiagramToHyperTreeAdapter(this.diagram);\n\t var graph = adapter.convert(options);\n\t if (graph.isEmpty()) {\n\t return;\n\t }\n\t // split into connected components\n\t var components = graph.getConnectedComponents();\n\t if (Utils.isEmpty(components)) {\n\t return;\n\t }\n\t for (var i = 0; i < components.length; i++) {\n\t var component = components[i];\n\t this.layoutGraph(component, options);\n\t }\n\t var finalNodeSet = this.gridLayoutComponents(components);\n\t return new diagram.LayoutState(this.diagram, finalNodeSet);\n\n\t },\n\n\t /**\n\t * Initializes the runtime data properties of the layout.\n\t * @private\n\t */\n\t _initRuntimeProperties: function () {\n\t for (var k = 0; k < this.graph.nodes.length; k++) {\n\t var node = this.graph.nodes[k];\n\t node.layer = -1;\n\t node.downstreamLinkCount = 0;\n\t node.upstreamLinkCount = 0;\n\n\t node.isVirtual = false;\n\n\t node.uBaryCenter = 0.0;\n\t node.dBaryCenter = 0.0;\n\n\t node.upstreamPriority = 0;\n\t node.downstreamPriority = 0;\n\n\t node.gridPosition = 0;\n\t }\n\t },\n\t _prepare: function (graph) {\n\t var current = [], i, l, link;\n\n\t // defines a mapping of a node to the layer index\n\t var layerMap = new Dictionary();\n\t var layerCount = 0;\n\t var targetLayer, next, target;\n\n\t Utils.forEach(graph.nodes, function (node) {\n\t if (node.incoming.length === 0) {\n\t layerMap.set(node, 0);\n\t current.push(node);\n\t }\n\t });\n\n\t while (current.length > 0) {\n\t next = current.shift();\n\t for (i = 0; i < next.outgoing.length; i++) {\n\t link = next.outgoing[i];\n\t target = link.target;\n\n\t if (layerMap.containsKey(target)) {\n\t targetLayer = Math.max(layerMap.get(next) + 1, layerMap.get(target));\n\t } else {\n\t targetLayer = layerMap.get(next) + 1;\n\t }\n\t layerMap.set(target, targetLayer);\n\t if (targetLayer > layerCount) {\n\t layerCount = targetLayer;\n\t }\n\n\t if (!contains(current, target)) {\n\t current.push(target);\n\t }\n\t }\n\t }\n\n\t var sortedNodes = layerMap.keys();\n\n\t sortedNodes.sort(function (o1, o2) {\n\t var o1layer = layerMap.get(o1);\n\t var o2layer = layerMap.get(o2);\n\t return Utils.sign(o2layer - o1layer);\n\t });\n\n\t for (var n = 0; n < sortedNodes.length; ++n) {\n\t var node = sortedNodes[n];\n\t var minLayer = Number.MAX_VALUE;\n\n\t if (node.outgoing.length === 0) {\n\t continue;\n\t }\n\n\t for (l = 0; l < node.outgoing.length; ++l) {\n\t link = node.outgoing[l];\n\t minLayer = Math.min(minLayer, layerMap.get(link.target));\n\t }\n\n\t if (minLayer > 1) {\n\t layerMap.set(node, minLayer - 1);\n\t }\n\t }\n\n\t this.layers = [];\n\t var layer;\n\t for (i = 0; i < layerCount + 1; i++) {\n\t layer = [];\n\t layer.linksTo = {};\n\t this.layers.push(layer);\n\t }\n\n\t layerMap.forEach(function (node, layer) {\n\t node.layer = layer;\n\t this.layers[layer].push(node);\n\t }, this);\n\n\t // set initial grid positions\n\t for (l = 0; l < this.layers.length; l++) {\n\t layer = this.layers[l];\n\t for (i = 0; i < layer.length; i++) {\n\t layer[i].gridPosition = i;\n\t }\n\t }\n\t },\n\t /**\n\t * Performs the layout of a single component.\n\t */\n\t layoutGraph: function (graph, options) {\n\t if (Utils.isUndefined(graph)) {\n\t throw \"No graph given or graph analysis of the diagram failed.\";\n\t }\n\t if (Utils.isDefined(options)) {\n\t this.transferOptions(options);\n\t }\n\t this.graph = graph;\n\n\t // sets unique indices on the nodes\n\t graph.setItemIndices();\n\n\t // ensures no cycles present for this layout\n\t var reversedEdges = graph.makeAcyclic();\n\n\t // define the runtime props being used by the layout algorithm\n\t this._initRuntimeProperties();\n\n\t this._prepare(graph, options);\n\n\t this._dummify();\n\n\t this._optimizeCrossings();\n\n\t this._swapPairs();\n\n\t this.arrangeNodes();\n\n\t this._moveThingsAround();\n\n\t this._dedummify();\n\n\t // re-reverse the links which were switched earlier\n\t Utils.forEach(reversedEdges, function (e) {\n\t if (e.points) {\n\t e.points.reverse();\n\t }\n\t });\n\t },\n\n\t setMinDist: function (m, n, minDist) {\n\t var l = m.layer;\n\t var i = m.layerIndex;\n\t this.minDistances[l][i] = minDist;\n\t },\n\n\t getMinDist: function (m, n) {\n\t var dist = 0,\n\t i1 = m.layerIndex,\n\t i2 = n.layerIndex,\n\t l = m.layer,\n\t min = Math.min(i1, i2),\n\t max = Math.max(i1, i2);\n\t // use Sum()?\n\t for (var k = min; k < max; ++k) {\n\t dist += this.minDistances[l][k];\n\t }\n\t return dist;\n\t },\n\n\t placeLeftToRight: function (leftClasses) {\n\t var leftPos = new Dictionary(), n, node;\n\t for (var c = 0; c < this.layers.length; ++c) {\n\t var classNodes = leftClasses[c];\n\t if (!classNodes) {\n\t continue;\n\t }\n\n\t for (n = 0; n < classNodes.length; n++) {\n\t node = classNodes[n];\n\t if (!leftPos.containsKey(node)) {\n\t this.placeLeft(node, leftPos, c);\n\t }\n\t }\n\n\t // adjust class\n\t var d = Number.POSITIVE_INFINITY;\n\t for (n = 0; n < classNodes.length; n++) {\n\t node = classNodes[n];\n\t var rightSibling = this.rightSibling(node);\n\t if (rightSibling && this.nodeLeftClass.get(rightSibling) !== c) {\n\t d = Math.min(d, leftPos.get(rightSibling) - leftPos.get(node) - this.getMinDist(node, rightSibling));\n\t }\n\t }\n\t if (d === Number.POSITIVE_INFINITY) {\n\t var D = [];\n\t for (n = 0; n < classNodes.length; n++) {\n\t node = classNodes[n];\n\t var neighbors = [];\n\t Utils.addRange(neighbors, this.upNodes.get(node));\n\t Utils.addRange(neighbors, this.downNodes.get(node));\n\n\t for (var e = 0; e < neighbors.length; e++) {\n\t var neighbor = neighbors[e];\n\t if (this.nodeLeftClass.get(neighbor) < c) {\n\t D.push(leftPos.get(neighbor) - leftPos.get(node));\n\t }\n\t }\n\t }\n\t D.sort();\n\t if (D.length === 0) {\n\t d = 0;\n\t }\n\t else if (D.length % 2 === 1) {\n\t d = D[this.intDiv(D.length, 2)];\n\t }\n\t else {\n\t d = (D[this.intDiv(D.length, 2) - 1] + D[this.intDiv(D.length, 2)]) / 2;\n\t }\n\t }\n\t for (n = 0; n < classNodes.length; n++) {\n\t node = classNodes[n];\n\t leftPos.set(node, leftPos.get(node) + d);\n\t }\n\t }\n\t return leftPos;\n\t },\n\n\t placeRightToLeft: function (rightClasses) {\n\t var rightPos = new Dictionary(), n, node;\n\t for (var c = 0; c < this.layers.length; ++c) {\n\t var classNodes = rightClasses[c];\n\t if (!classNodes) {\n\t continue;\n\t }\n\n\t for (n = 0; n < classNodes.length; n++) {\n\t node = classNodes[n];\n\t if (!rightPos.containsKey(node)) {\n\t this.placeRight(node, rightPos, c);\n\t }\n\t }\n\n\t // adjust class\n\t var d = Number.NEGATIVE_INFINITY;\n\t for (n = 0; n < classNodes.length; n++) {\n\t node = classNodes[n];\n\t var leftSibling = this.leftSibling(node);\n\t if (leftSibling && this.nodeRightClass.get(leftSibling) !== c) {\n\t d = Math.max(d, rightPos.get(leftSibling) - rightPos.get(node) + this.getMinDist(leftSibling, node));\n\t }\n\t }\n\t if (d === Number.NEGATIVE_INFINITY) {\n\t var D = [];\n\t for (n = 0; n < classNodes.length; n++) {\n\t node = classNodes[n];\n\t var neighbors = [];\n\t Utils.addRange(neighbors, this.upNodes.get(node));\n\t Utils.addRange(neighbors, this.downNodes.get(node));\n\n\t for (var e = 0; e < neighbors.length; e++) {\n\t var neighbor = neighbors[e];\n\t if (this.nodeRightClass.get(neighbor) < c) {\n\t D.push(rightPos.get(node) - rightPos.get(neighbor));\n\t }\n\t }\n\t }\n\t D.sort();\n\t if (D.length === 0) {\n\t d = 0;\n\t }\n\t else if (D.length % 2 === 1) {\n\t d = D[this.intDiv(D.length, 2)];\n\t }\n\t else {\n\t d = (D[this.intDiv(D.length, 2) - 1] + D[this.intDiv(D.length, 2)]) / 2;\n\t }\n\t }\n\t for (n = 0; n < classNodes.length; n++) {\n\t node = classNodes[n];\n\t rightPos.set(node, rightPos.get(node) + d);\n\t }\n\t }\n\t return rightPos;\n\t },\n\n\t _getLeftWing: function () {\n\t var leftWing = { value: null };\n\t var result = this.computeClasses(leftWing, 1);\n\t this.nodeLeftClass = leftWing.value;\n\t return result;\n\t },\n\n\t _getRightWing: function () {\n\t var rightWing = { value: null };\n\t var result = this.computeClasses(rightWing, -1);\n\t this.nodeRightClass = rightWing.value;\n\t return result;\n\t },\n\n\t computeClasses: function (wingPair, d) {\n\t var currentWing = 0,\n\t wing = wingPair.value = new Dictionary();\n\n\t for (var l = 0; l < this.layers.length; ++l) {\n\t currentWing = l;\n\n\t var layer = this.layers[l];\n\t for (var n = d === 1 ? 0 : layer.length - 1; 0 <= n && n < layer.length; n += d) {\n\t var node = layer[n];\n\t if (!wing.containsKey(node)) {\n\t wing.set(node, currentWing);\n\t if (node.isVirtual) {\n\t var ndsinl = this._nodesInLink(node);\n\t for (var kk = 0; kk < ndsinl.length; kk++) {\n\t var vnode = ndsinl[kk];\n\t wing.set(vnode, currentWing);\n\t }\n\t }\n\t }\n\t else {\n\t currentWing = wing.get(node);\n\t }\n\t }\n\t }\n\n\t var wings = [];\n\t for (var i = 0; i < this.layers.length; i++) {\n\t wings.push(null);\n\t }\n\t wing.forEach(function (node, classIndex) {\n\t if (wings[classIndex] === null) {\n\t wings[classIndex] = [];\n\t }\n\t wings[classIndex].push(node);\n\t });\n\n\t return wings;\n\t },\n\t _isVerticalLayout: function () {\n\t return this.options.subtype.toLowerCase() === \"up\" || this.options.subtype.toLowerCase() === \"down\" || this.options.subtype.toLowerCase() === \"vertical\";\n\t },\n\n\t _isHorizontalLayout: function () {\n\t return this.options.subtype.toLowerCase() === \"right\" || this.options.subtype.toLowerCase() === \"left\" || this.options.subtype.toLowerCase() === \"horizontal\";\n\t },\n\t _isIncreasingLayout: function () {\n\t // meaning that the visiting of the layers goes in the natural order of increasing layer index\n\t return this.options.subtype.toLowerCase() === \"right\" || this.options.subtype.toLowerCase() === \"down\";\n\t },\n\t _moveThingsAround: function () {\n\t var i, l, node, layer, n, w;\n\t // sort the layers by their grid position\n\t for (l = 0; l < this.layers.length; ++l) {\n\t layer = this.layers[l];\n\t layer.sort(this._gridPositionComparer);\n\t }\n\n\t this.minDistances = [];\n\t for (l = 0; l < this.layers.length; ++l) {\n\t layer = this.layers[l];\n\t this.minDistances[l] = [];\n\t for (n = 0; n < layer.length; ++n) {\n\t node = layer[n];\n\t node.layerIndex = n;\n\t this.minDistances[l][n] = this.options.nodeDistance;\n\t if (n < layer.length - 1) {\n\t if (this._isVerticalLayout()) {\n\t this.minDistances[l][n] += (node.width + layer[n + 1].width) / 2;\n\t }\n\t else {\n\t this.minDistances[l][n] += (node.height + layer[n + 1].height) / 2;\n\t }\n\t }\n\t }\n\t }\n\n\t this.downNodes = new Dictionary();\n\t this.upNodes = new Dictionary();\n\t Utils.forEach(this.graph.nodes, function (node) {\n\t this.downNodes.set(node, []);\n\t this.upNodes.set(node, []);\n\t }, this);\n\t Utils.forEach(this.graph.links, function (link) {\n\t var origin = link.source;\n\t var dest = link.target;\n\t var down = null, up = null;\n\t if (origin.layer > dest.layer) {\n\t down = link.source;\n\t up = link.target;\n\t }\n\t else {\n\t up = link.source;\n\t down = link.target;\n\t }\n\t this.downNodes.get(up).push(down);\n\t this.upNodes.get(down).push(up);\n\t }, this);\n\t this.downNodes.forEachValue(function (list) {\n\t list.sort(this._gridPositionComparer);\n\t }, this);\n\t this.upNodes.forEachValue(function (list) {\n\t list.sort(this._gridPositionComparer);\n\t }, this);\n\n\t for (l = 0; l < this.layers.length - 1; ++l) {\n\t layer = this.layers[l];\n\t for (w = 0; w < layer.length - 1; w++) {\n\t var currentNode = layer[w];\n\t if (!currentNode.isVirtual) {\n\t continue;\n\t }\n\n\t var currDown = this.downNodes.get(currentNode)[0];\n\t if (!currDown.isVirtual) {\n\t continue;\n\t }\n\n\t for (n = w + 1; n < layer.length; ++n) {\n\t node = layer[n];\n\t if (!node.isVirtual) {\n\t continue;\n\t }\n\n\t var downNode = this.downNodes.get(node)[0];\n\t if (!downNode.isVirtual) {\n\t continue;\n\t }\n\n\t if (currDown.gridPosition > downNode.gridPosition) {\n\t var pos = currDown.gridPosition;\n\t currDown.gridPosition = downNode.gridPosition;\n\t downNode.gridPosition = pos;\n\t var i1 = currDown.layerIndex;\n\t var i2 = downNode.layerIndex;\n\t this.layers[l + 1][i1] = downNode;\n\t this.layers[l + 1][i2] = currDown;\n\t currDown.layerIndex = i2;\n\t downNode.layerIndex = i1;\n\t }\n\t }\n\t }\n\t }\n\n\n\t var leftClasses = this._getLeftWing();\n\t var rightClasses = this._getRightWing();\n\n\n\t var leftPos = this.placeLeftToRight(leftClasses);\n\t var rightPos = this.placeRightToLeft(rightClasses);\n\t var x = new Dictionary();\n\t Utils.forEach(this.graph.nodes, function (node) {\n\t x.set(node, (leftPos.get(node) + rightPos.get(node)) / 2);\n\t });\n\n\n\t var order = new Dictionary();\n\t var placed = new Dictionary();\n\t for (l = 0; l < this.layers.length; ++l) {\n\t layer = this.layers[l];\n\t var sequenceStart = -1, sequenceEnd = -1;\n\t for (n = 0; n < layer.length; ++n) {\n\t node = layer[n];\n\t order.set(node, 0);\n\t placed.set(node, false);\n\t if (node.isVirtual) {\n\t if (sequenceStart === -1) {\n\t sequenceStart = n;\n\t }\n\t else if (sequenceStart === n - 1) {\n\t sequenceStart = n;\n\t }\n\t else {\n\t sequenceEnd = n;\n\t order.set(layer[sequenceStart], 0);\n\t if (x.get(node) - x.get(layer[sequenceStart]) === this.getMinDist(layer[sequenceStart], node)) {\n\t placed.set(layer[sequenceStart], true);\n\t }\n\t else {\n\t placed.set(layer[sequenceStart], false);\n\t }\n\t sequenceStart = n;\n\t }\n\t }\n\t }\n\t }\n\t var directions = [1, -1];\n\t Utils.forEach(directions, function (d) {\n\t var start = d === 1 ? 0 : this.layers.length - 1;\n\t for (var l = start; 0 <= l && l < this.layers.length; l += d) {\n\t var layer = this.layers[l];\n\t var virtualStartIndex = this._firstVirtualNode(layer);\n\t var virtualStart = null;\n\t var sequence = null;\n\t if (virtualStartIndex !== -1) {\n\t virtualStart = layer[virtualStartIndex];\n\t sequence = [];\n\t for (i = 0; i < virtualStartIndex; i++) {\n\t sequence.push(layer[i]);\n\t }\n\t }\n\t else {\n\t virtualStart = null;\n\t sequence = layer;\n\t }\n\t if (sequence.length > 0) {\n\t this._sequencer(x, null, virtualStart, d, sequence);\n\t for (i = 0; i < sequence.length - 1; ++i) {\n\t this.setMinDist(sequence[i], sequence[i + 1], x.get(sequence[i + 1]) - x.get(sequence[i]));\n\t }\n\t if (virtualStart) {\n\t this.setMinDist(sequence[sequence.length - 1], virtualStart, x.get(virtualStart) - x.get(sequence[sequence.length - 1]));\n\t }\n\t }\n\n\t while (virtualStart) {\n\t var virtualEnd = this.nextVirtualNode(layer, virtualStart);\n\t if (!virtualEnd) {\n\t virtualStartIndex = virtualStart.layerIndex;\n\t sequence = [];\n\t for (i = virtualStartIndex + 1; i < layer.length; i++) {\n\t sequence.push(layer[i]);\n\t }\n\t if (sequence.length > 0) {\n\t this._sequencer(x, virtualStart, null, d, sequence);\n\t for (i = 0; i < sequence.length - 1; ++i) {\n\t this.setMinDist(sequence[i], sequence[i + 1], x.get(sequence[i + 1]) - x.get(sequence[i]));\n\t }\n\t this.setMinDist(virtualStart, sequence[0], x.get(sequence[0]) - x.get(virtualStart));\n\t }\n\t }\n\t else if (order.get(virtualStart) === d) {\n\t virtualStartIndex = virtualStart.layerIndex;\n\t var virtualEndIndex = virtualEnd.layerIndex;\n\t sequence = [];\n\t for (i = virtualStartIndex + 1; i < virtualEndIndex; i++) {\n\t sequence.push(layer[i]);\n\t }\n\t if (sequence.length > 0) {\n\t this._sequencer(x, virtualStart, virtualEnd, d, sequence);\n\t }\n\t placed.set(virtualStart, true);\n\t }\n\t virtualStart = virtualEnd;\n\t }\n\t this.adjustDirections(l, d, order, placed);\n\t }\n\t }, this);\n\n\n\t var fromLayerIndex = this._isIncreasingLayout() ? 0 : this.layers.length - 1;\n\t var reachedFinalLayerIndex = function (k, ctx) {\n\t if (ctx._isIncreasingLayout()) {\n\t return k < ctx.layers.length;\n\t }\n\t else {\n\t return k >= 0;\n\t }\n\t };\n\t var layerIncrement = this._isIncreasingLayout() ? +1 : -1, offset = 0;\n\n\t /**\n\t * Calcs the max height of the given layer.\n\t */\n\t function maximumHeight(layer, ctx) {\n\t var height = Number.MIN_VALUE;\n\t for (var n = 0; n < layer.length; ++n) {\n\t var node = layer[n];\n\t if (ctx._isVerticalLayout()) {\n\t height = Math.max(height, node.height);\n\t }\n\t else {\n\t height = Math.max(height, node.width);\n\t }\n\t }\n\t return height;\n\t }\n\n\t for (i = fromLayerIndex; reachedFinalLayerIndex(i, this); i += layerIncrement) {\n\t layer = this.layers[i];\n\t var height = maximumHeight(layer, this);\n\n\t for (n = 0; n < layer.length; ++n) {\n\t node = layer[n];\n\t if (this._isVerticalLayout()) {\n\t node.x = x.get(node);\n\t node.y = offset + height / 2;\n\t }\n\t else {\n\t node.x = offset + height / 2;\n\t node.y = x.get(node);\n\t }\n\t }\n\n\t offset += this.options.layerSeparation + height;\n\t }\n\t },\n\n\t adjustDirections: function (l, d, order, placed) {\n\t if (l + d < 0 || l + d >= this.layers.length) {\n\t return;\n\t }\n\n\t var prevBridge = null, prevBridgeTarget = null;\n\t var layer = this.layers[l + d];\n\t for (var n = 0; n < layer.length; ++n) {\n\t var nextBridge = layer[n];\n\t if (nextBridge.isVirtual) {\n\t var nextBridgeTarget = this.getNeighborOnLayer(nextBridge, l);\n\t if (nextBridgeTarget.isVirtual) {\n\t if (prevBridge) {\n\t var p = placed.get(prevBridgeTarget);\n\t var clayer = this.layers[l];\n\t var i1 = prevBridgeTarget.layerIndex;\n\t var i2 = nextBridgeTarget.layerIndex;\n\t for (var i = i1 + 1; i < i2; ++i) {\n\t if (clayer[i].isVirtual) {\n\t p = p && placed.get(clayer[i]);\n\t }\n\t }\n\t if (p) {\n\t order.set(prevBridge, d);\n\t var j1 = prevBridge.layerIndex;\n\t var j2 = nextBridge.layerIndex;\n\t for (var j = j1 + 1; j < j2; ++j) {\n\t if (layer[j].isVirtual) {\n\t order.set(layer[j], d);\n\t }\n\t }\n\t }\n\t }\n\t prevBridge = nextBridge;\n\t prevBridgeTarget = nextBridgeTarget;\n\t }\n\t }\n\t }\n\t },\n\n\t getNeighborOnLayer: function (node, l) {\n\t var neighbor = this.upNodes.get(node)[0];\n\t if (neighbor.layer === l) {\n\t return neighbor;\n\t }\n\t neighbor = this.downNodes.get(node)[0];\n\t if (neighbor.layer === l) {\n\t return neighbor;\n\t }\n\t return null;\n\t },\n\n\t _sequencer: function (x, virtualStart, virtualEnd, dir, sequence) {\n\t if (sequence.length === 1) {\n\t this._sequenceSingle(x, virtualStart, virtualEnd, dir, sequence[0]);\n\t }\n\n\t if (sequence.length > 1) {\n\t var r = sequence.length, t = this.intDiv(r, 2);\n\t this._sequencer(x, virtualStart, virtualEnd, dir, sequence.slice(0, t));\n\t this._sequencer(x, virtualStart, virtualEnd, dir, sequence.slice(t));\n\t this.combineSequences(x, virtualStart, virtualEnd, dir, sequence);\n\t }\n\t },\n\n\t _sequenceSingle: function (x, virtualStart, virtualEnd, dir, node) {\n\t var neighbors = dir === -1 ? this.downNodes.get(node) : this.upNodes.get(node);\n\n\t var n = neighbors.length;\n\t if (n !== 0) {\n\t if (n % 2 === 1) {\n\t x.set(node, x.get(neighbors[this.intDiv(n, 2)]));\n\t }\n\t else {\n\t x.set(node, (x.get(neighbors[this.intDiv(n, 2) - 1]) + x.get(neighbors[this.intDiv(n, 2)])) / 2);\n\t }\n\n\t if (virtualStart) {\n\t x.set(node, Math.max(x.get(node), x.get(virtualStart) + this.getMinDist(virtualStart, node)));\n\t }\n\t if (virtualEnd) {\n\t x.set(node, Math.min(x.get(node), x.get(virtualEnd) - this.getMinDist(node, virtualEnd)));\n\t }\n\t }\n\t },\n\n\t combineSequences: function (x, virtualStart, virtualEnd, dir, sequence) {\n\t var r = sequence.length, t = this.intDiv(r, 2);\n\n\t // collect left changes\n\t var leftHeap = [], i, c, n, neighbors, neighbor, pair;\n\t for (i = 0; i < t; ++i) {\n\t c = 0;\n\t neighbors = dir === -1 ? this.downNodes.get(sequence[i]) : this.upNodes.get(sequence[i]);\n\t for (n = 0; n < neighbors.length; ++n) {\n\t neighbor = neighbors[n];\n\t if (x.get(neighbor) >= x.get(sequence[i])) {\n\t c++;\n\t }\n\t else {\n\t c--;\n\t leftHeap.push({ k: x.get(neighbor) + this.getMinDist(sequence[i], sequence[t - 1]), v: 2 });\n\t }\n\t }\n\t leftHeap.push({ k: x.get(sequence[i]) + this.getMinDist(sequence[i], sequence[t - 1]), v: c });\n\t }\n\t if (virtualStart) {\n\t leftHeap.push({ k: x.get(virtualStart) + this.getMinDist(virtualStart, sequence[t - 1]), v: Number.MAX_VALUE });\n\t }\n\t leftHeap.sort(this._positionDescendingComparer);\n\n\t // collect right changes\n\t var rightHeap = [];\n\t for (i = t; i < r; ++i) {\n\t c = 0;\n\t neighbors = dir === -1 ? this.downNodes.get(sequence[i]) : this.upNodes.get(sequence[i]);\n\t for (n = 0; n < neighbors.length; ++n) {\n\t neighbor = neighbors[n];\n\t if (x.get(neighbor) <= x.get(sequence[i])) {\n\t c++;\n\t }\n\t else {\n\t c--;\n\t rightHeap.push({ k: x.get(neighbor) - this.getMinDist(sequence[i], sequence[t]), v: 2 });\n\t }\n\t }\n\t rightHeap.push({ k: x.get(sequence[i]) - this.getMinDist(sequence[i], sequence[t]), v: c });\n\t }\n\t if (virtualEnd) {\n\t rightHeap.push({ k: x.get(virtualEnd) - this.getMinDist(virtualEnd, sequence[t]), v: Number.MAX_VALUE });\n\t }\n\t rightHeap.sort(this._positionAscendingComparer);\n\n\t var leftRes = 0, rightRes = 0;\n\t var m = this.getMinDist(sequence[t - 1], sequence[t]);\n\t while (x.get(sequence[t]) - x.get(sequence[t - 1]) < m) {\n\t if (leftRes < rightRes) {\n\t if (leftHeap.length === 0) {\n\t x.set(sequence[t - 1], x.get(sequence[t]) - m);\n\t break;\n\t }\n\t else {\n\t pair = leftHeap.shift();\n\t leftRes = leftRes + pair.v;\n\t x.set(sequence[t - 1], pair.k);\n\t x.set(sequence[t - 1], Math.max(x.get(sequence[t - 1]), x.get(sequence[t]) - m));\n\t }\n\t }\n\t else {\n\t if (rightHeap.length === 0) {\n\t x.set(sequence[t], x.get(sequence[t - 1]) + m);\n\t break;\n\t }\n\t else {\n\t pair = rightHeap.shift();\n\t rightRes = rightRes + pair.v;\n\t x.set(sequence[t], pair.k);\n\t x.set(sequence[t], Math.min(x.get(sequence[t]), x.get(sequence[t - 1]) + m));\n\t }\n\t }\n\t }\n\t for (i = t - 2; i >= 0; i--) {\n\t x.set(sequence[i], Math.min(x.get(sequence[i]), x.get(sequence[t - 1]) - this.getMinDist(sequence[i], sequence[t - 1])));\n\t }\n\t for (i = t + 1; i < r; i++) {\n\t x.set(sequence[i], Math.max(x.get(sequence[i]), x.get(sequence[t]) + this.getMinDist(sequence[i], sequence[t])));\n\t }\n\t },\n\n\t placeLeft: function (node, leftPos, leftClass) {\n\t var pos = Number.NEGATIVE_INFINITY;\n\t Utils.forEach(this._getComposite(node), function (v) {\n\t var leftSibling = this.leftSibling(v);\n\t if (leftSibling && this.nodeLeftClass.get(leftSibling) === this.nodeLeftClass.get(v)) {\n\t if (!leftPos.containsKey(leftSibling)) {\n\t this.placeLeft(leftSibling, leftPos, leftClass);\n\t }\n\t pos = Math.max(pos, leftPos.get(leftSibling) + this.getMinDist(leftSibling, v));\n\t }\n\t }, this);\n\t if (pos === Number.NEGATIVE_INFINITY) {\n\t pos = 0;\n\t }\n\t Utils.forEach(this._getComposite(node), function (v) {\n\t leftPos.set(v, pos);\n\t });\n\t },\n\n\t placeRight: function (node, rightPos, rightClass) {\n\t var pos = Number.POSITIVE_INFINITY;\n\t Utils.forEach(this._getComposite(node), function (v) {\n\t var rightSibling = this.rightSibling(v);\n\t if (rightSibling && this.nodeRightClass.get(rightSibling) === this.nodeRightClass.get(v)) {\n\t if (!rightPos.containsKey(rightSibling)) {\n\t this.placeRight(rightSibling, rightPos, rightClass);\n\t }\n\t pos = Math.min(pos, rightPos.get(rightSibling) - this.getMinDist(v, rightSibling));\n\t }\n\t }, this);\n\t if (pos === Number.POSITIVE_INFINITY) {\n\t pos = 0;\n\t }\n\t Utils.forEach(this._getComposite(node), function (v) {\n\t rightPos.set(v, pos);\n\t });\n\t },\n\n\t leftSibling: function (node) {\n\t var layer = this.layers[node.layer],\n\t layerIndex = node.layerIndex;\n\t return layerIndex === 0 ? null : layer[layerIndex - 1];\n\t },\n\n\t rightSibling: function (node) {\n\t var layer = this.layers[node.layer];\n\t var layerIndex = node.layerIndex;\n\t return layerIndex === layer.length - 1 ? null : layer[layerIndex + 1];\n\n\t },\n\n\t _getComposite: function (node) {\n\t return node.isVirtual ? this._nodesInLink(node) : [node];\n\t },\n\n\t arrangeNodes: function () {\n\t var i, l, ni, layer, node;\n\t // Initialize node's base priority\n\t for (l = 0; l < this.layers.length; l++) {\n\t layer = this.layers[l];\n\n\t for (ni = 0; ni < layer.length; ni++) {\n\t node = layer[ni];\n\t node.upstreamPriority = node.upstreamLinkCount;\n\t node.downstreamPriority = node.downstreamLinkCount;\n\t }\n\t }\n\n\t // Layout is invoked after MinimizeCrossings\n\t // so we may assume node's barycenters are initially correct\n\n\t var maxLayoutIterations = 2;\n\t for (var it = 0; it < maxLayoutIterations; it++) {\n\t for (i = this.layers.length - 1; i >= 1; i--) {\n\t this.layoutLayer(false, i);\n\t }\n\n\t for (i = 0; i < this.layers.length - 1; i++) {\n\t this.layoutLayer(true, i);\n\t }\n\t }\n\n\t // Offset the whole structure so that there are no gridPositions < 0\n\t var gridPos = Number.MAX_VALUE;\n\t for (l = 0; l < this.layers.length; l++) {\n\t layer = this.layers[l];\n\n\t for (ni = 0; ni < layer.length; ni++) {\n\t node = layer[ni];\n\t gridPos = Math.min(gridPos, node.gridPosition);\n\t }\n\t }\n\n\t if (gridPos < 0) {\n\t for (l = 0; l < this.layers.length; l++) {\n\t layer = this.layers[l];\n\n\t for (ni = 0; ni < layer.length; ni++) {\n\t node = layer[ni];\n\t node.gridPosition = node.gridPosition - gridPos;\n\t }\n\t }\n\t }\n\t },\n\n\t /// \n\t /// Layout of a single layer.\n\t /// \n\t /// The layer to organize.\n\t /// If set to true we move down in the layer stack.\n\t /// \n\t layoutLayer: function (down, layer) {\n\t var iconsidered;\n\t var considered;\n\n\t if (down) {\n\t considered = this.layers[iconsidered = layer + 1];\n\t }\n\t else {\n\t considered = this.layers[iconsidered = layer - 1];\n\t }\n\n\t // list containing the nodes in the considered layer sorted by priority\n\t var sorted = [];\n\t for (var n = 0; n < considered.length; n++) {\n\t sorted.push(considered[n]);\n\t }\n\t sorted.sort(function (n1, n2) {\n\t var n1Priority = (n1.upstreamPriority + n1.downstreamPriority) / 2;\n\t var n2Priority = (n2.upstreamPriority + n2.downstreamPriority) / 2;\n\n\t if (Math.abs(n1Priority - n2Priority) < 0.0001) {\n\t return 0;\n\t }\n\t if (n1Priority < n2Priority) {\n\t return 1;\n\t }\n\t return -1;\n\t });\n\n\t // each node strives for its barycenter; high priority nodes start first\n\t Utils.forEach(sorted, function (node) {\n\t var nodeGridPos = node.gridPosition;\n\t var nodeBaryCenter = this.calcBaryCenter(node);\n\t var nodePriority = (node.upstreamPriority + node.downstreamPriority) / 2;\n\n\t if (Math.abs(nodeGridPos - nodeBaryCenter) < 0.0001) {\n\t // This node is exactly at its barycenter -> perfect\n\t return;\n\t }\n\n\t if (Math.abs(nodeGridPos - nodeBaryCenter) < 0.25 + 0.0001) {\n\t // This node is close enough to the barycenter -> should work\n\t return;\n\t }\n\n\t if (nodeGridPos < nodeBaryCenter) {\n\t // Try to move the node to the right in an\n\t // attempt to reach its barycenter\n\t while (nodeGridPos < nodeBaryCenter) {\n\t if (!this.moveRight(node, considered, nodePriority)) {\n\t break;\n\t }\n\n\t nodeGridPos = node.gridPosition;\n\t }\n\t }\n\t else {\n\t // Try to move the node to the left in an\n\t // attempt to reach its barycenter\n\t while (nodeGridPos > nodeBaryCenter) {\n\t if (!this.moveLeft(node, considered, nodePriority)) {\n\t break;\n\t }\n\n\t nodeGridPos = node.gridPosition;\n\t }\n\t }\n\t }, this);\n\n\t // after the layer has been rearranged we need to recalculate the barycenters\n\t // of the nodes in the surrounding layers\n\t if (iconsidered > 0) {\n\t this.calcDownData(iconsidered - 1);\n\t }\n\t if (iconsidered < this.layers.length - 1) {\n\t this.calcUpData(iconsidered + 1);\n\t }\n\t },\n\n\t /// \n\t /// Moves the node to the right and returns true if this was possible.\n\t /// \n\t /// The node.\n\t /// The layer.\n\t /// Returns true if the shift was possible, otherwise false . \n\t moveRight: function (node, layer, priority) {\n\t var index = Utils.indexOf(layer, node);\n\t if (index === layer.length - 1) {\n\t // this is the last node in the layer, so we can move to the right without troubles\n\t node.gridPosition = node.gridPosition + 0.5;\n\t return true;\n\t }\n\n\t var rightNode = layer[index + 1];\n\t var rightNodePriority = (rightNode.upstreamPriority + rightNode.downstreamPriority) / 2;\n\n\t // check if there is space between the right and the current node\n\t if (rightNode.gridPosition > node.gridPosition + 1) {\n\t node.gridPosition = node.gridPosition + 0.5;\n\t return true;\n\t }\n\n\t // we have reached a node with higher priority; no movement is allowed\n\t if (rightNodePriority > priority ||\n\t Math.abs(rightNodePriority - priority) < 0.0001) {\n\t return false;\n\t }\n\n\t // the right node has lower priority - try to move it\n\t if (this.moveRight(rightNode, layer, priority)) {\n\t node.gridPosition = node.gridPosition + 0.5;\n\t return true;\n\t }\n\n\t return false;\n\t },\n\n\t /// \n\t /// Moves the node to the left and returns true if this was possible.\n\t /// \n\t /// The node.\n\t /// The layer.\n\t /// Returns true if the shift was possible, otherwise false . \n\t moveLeft: function (node, layer, priority) {\n\t var index = Utils.indexOf(layer, node);\n\t if (index === 0) {\n\t // this is the last node in the layer, so we can move to the left without troubles\n\t node.gridPosition = node.gridPosition - 0.5;\n\t return true;\n\t }\n\n\t var leftNode = layer[index - 1];\n\t var leftNodePriority = (leftNode.upstreamPriority + leftNode.downstreamPriority) / 2;\n\n\t // check if there is space between the left and the current node\n\t if (leftNode.gridPosition < node.gridPosition - 1) {\n\t node.gridPosition = node.gridPosition - 0.5;\n\t return true;\n\t }\n\n\t // we have reached a node with higher priority; no movement is allowed\n\t if (leftNodePriority > priority ||\n\t Math.abs(leftNodePriority - priority) < 0.0001) {\n\t return false;\n\t }\n\n\t // The left node has lower priority - try to move it\n\t if (this.moveLeft(leftNode, layer, priority)) {\n\t node.gridPosition = node.gridPosition - 0.5;\n\t return true;\n\t }\n\n\t return false;\n\t },\n\n\t mapVirtualNode: function (node, link) {\n\t this.nodeToLinkMap.set(node, link);\n\t if (!this.linkToNodeMap.containsKey(link)) {\n\t this.linkToNodeMap.set(link, []);\n\t }\n\t this.linkToNodeMap.get(link).push(node);\n\t },\n\n\t _nodesInLink: function (node) {\n\t return this.linkToNodeMap.get(this.nodeToLinkMap.get(node));\n\t },\n\n\t /// \n\t /// Inserts dummy nodes to break long links.\n\t /// \n\t _dummify: function () {\n\t this.linkToNodeMap = new Dictionary();\n\t this.nodeToLinkMap = new Dictionary();\n\n\t var layer, pos, newNode, node, r, newLink, i, l, links = this.graph.links.slice(0);\n\t var layers = this.layers;\n\n\t var addLinkBetweenLayers = function(upLayer, downLayer, link) {\n\t layers[upLayer].linksTo[downLayer] = layers[upLayer].linksTo[downLayer] || [];\n\t layers[upLayer].linksTo[downLayer].push(link);\n\t };\n\n\t for (l = 0; l < links.length; l++) {\n\t var link = links[l];\n\t var o = link.source;\n\t var d = link.target;\n\n\t var oLayer = o.layer;\n\t var dLayer = d.layer;\n\t var oPos = o.gridPosition;\n\t var dPos = d.gridPosition;\n\n\t var step = (dPos - oPos) / Math.abs(dLayer - oLayer);\n\n\t var p = o;\n\t if (oLayer - dLayer > 1) {\n\t for (i = oLayer - 1; i > dLayer; i--) {\n\t newNode = new Node();\n\t newNode.x = o.x;\n\t newNode.y = o.y;\n\t newNode.width = o.width / 100;\n\t newNode.height = o.height / 100;\n\n\t layer = layers[i];\n\t pos = (i - dLayer) * step + oPos;\n\t if (pos > layer.length) {\n\t pos = layer.length;\n\t }\n\n\t // check if origin and dest are both last\n\t if (oPos >= layers[oLayer].length - 1 &&\n\t dPos >= layers[dLayer].length - 1) {\n\t pos = layer.length;\n\t }\n\n\t // check if origin and destination are both first\n\t else if (oPos === 0 && dPos === 0) {\n\t pos = 0;\n\t }\n\n\t newNode.layer = i;\n\t newNode.uBaryCenter = 0.0;\n\t newNode.dBaryCenter = 0.0;\n\t newNode.upstreamLinkCount = 0;\n\t newNode.downstreamLinkCount = 0;\n\t newNode.gridPosition = pos;\n\t newNode.isVirtual = true;\n\n\t Utils.insert(layer, newNode, pos);\n\n\t // translate rightwards nodes' positions\n\t for (r = pos + 1; r < layer.length; r++) {\n\t node = layer[r];\n\t node.gridPosition = node.gridPosition + 1;\n\t }\n\n\t newLink = new Link(p, newNode);\n\t newLink.depthOfDumminess = 0;\n\n\t addLinkBetweenLayers(i - 1, i, newLink);\n\n\t p = newNode;\n\n\t // add the new node and the new link to the graph\n\t this.graph._addNode(newNode);\n\t this.graph.addLink(newLink);\n\n\t newNode.index = this.graph.nodes.length - 1;\n\t this.mapVirtualNode(newNode, link);\n\t }\n\n\t // set the origin of the real arrow to the last dummy\n\t addLinkBetweenLayers(dLayer - 1, dLayer, newLink);\n\t link.changeSource(p);\n\t link.depthOfDumminess = oLayer - dLayer - 1;\n\t } else if (oLayer - dLayer < -1) {\n\t for (i = oLayer + 1; i < dLayer; i++) {\n\t newNode = new Node();\n\t newNode.x = o.x;\n\t newNode.y = o.y;\n\t newNode.width = o.width / 100;\n\t newNode.height = o.height / 100;\n\n\t layer = layers[i];\n\t pos = (i - oLayer) * step + oPos;\n\t if (pos > layer.length) {\n\t pos = layer.length;\n\t }\n\n\t // check if origin and dest are both last\n\t if (oPos >= layers[oLayer].length - 1 &&\n\t dPos >= layers[dLayer].length - 1) {\n\t pos = layer.length;\n\t }\n\n\t // check if origin and destination are both first\n\t else if (oPos === 0 && dPos === 0) {\n\t pos = 0;\n\t }\n\n\t newNode.layer = i;\n\t newNode.uBaryCenter = 0.0;\n\t newNode.dBaryCenter = 0.0;\n\t newNode.upstreamLinkCount = 0;\n\t newNode.downstreamLinkCount = 0;\n\t newNode.gridPosition = pos;\n\t newNode.isVirtual = true;\n\n\t pos &= pos; // truncates to int\n\t Utils.insert(layer, newNode, pos);\n\n\t // translate rightwards nodes' positions\n\t for (r = pos + 1; r < layer.length; r++) {\n\t node = layer[r];\n\t node.gridPosition = node.gridPosition + 1;\n\t }\n\n\t newLink = new Link(p, newNode);\n\t newLink.depthOfDumminess = 0;\n\t addLinkBetweenLayers(i - 1, i, newLink);\n\n\t p = newNode;\n\n\t // add the new node and the new link to the graph\n\t this.graph._addNode(newNode);\n\t this.graph.addLink(newLink);\n\n\t newNode.index = this.graph.nodes.length - 1;\n\t this.mapVirtualNode(newNode, link);\n\t }\n\t addLinkBetweenLayers(dLayer - 1, dLayer, link);\n\n\t // Set the origin of the real arrow to the last dummy\n\t link.changeSource(p);\n\t link.depthOfDumminess = dLayer - oLayer - 1;\n\t } else {\n\t addLinkBetweenLayers(oLayer, dLayer, link);\n\t }\n\t }\n\t },\n\n\t /// \n\t /// Removes the dummy nodes inserted earlier to break long links.\n\t /// \n\t /// The virtual nodes are effectively turned into intermediate connection points. \n\t _dedummify: function () {\n\t var dedum = true;\n\t while (dedum) {\n\t dedum = false;\n\n\t for (var l = 0; l < this.graph.links.length; l++) {\n\t var link = this.graph.links[l];\n\t if (!link.depthOfDumminess) {\n\t continue;\n\t }\n\n\t var points = [];\n\n\t // add points in reverse order\n\t points.unshift({ x: link.target.x, y: link.target.y });\n\t points.unshift({ x: link.source.x, y: link.source.y });\n\n\t // _dedummify the link\n\t var temp = link;\n\t var depthOfDumminess = link.depthOfDumminess;\n\t for (var d = 0; d < depthOfDumminess; d++) {\n\t var node = temp.source;\n\t var prevLink = node.incoming[0];\n\n\t points.unshift({ x: prevLink.source.x, y: prevLink.source.y });\n\n\t temp = prevLink;\n\t }\n\n\t // restore the original link origin\n\t link.changeSource(temp.source);\n\n\t // reset dummification flag\n\t link.depthOfDumminess = 0;\n\n\t // note that we only need the intermediate points, floating links have been dropped in the analysis\n\t if (points.length > 2) {\n\t // first and last are the endpoints\n\t points.splice(0, 1);\n\t points.splice(points.length - 1);\n\t link.points = points;\n\t }\n\t else {\n\t link.points = [];\n\t }\n\n\t // we are not going to delete the dummy elements;\n\t // they won't be needed anymore anyway.\n\n\t dedum = true;\n\t break;\n\t }\n\t }\n\t },\n\n\t /// \n\t /// Optimizes/reduces the crossings between the layers by turning the crossing problem into a (combinatorial) number ordering problem.\n\t /// \n\t _optimizeCrossings: function () {\n\t var moves = -1, i;\n\t var maxIterations = 3;\n\t var iter = 0;\n\n\t while (moves !== 0) {\n\t if (iter++ > maxIterations) {\n\t break;\n\t }\n\n\t moves = 0;\n\n\t for (i = this.layers.length - 1; i >= 1; i--) {\n\t moves += this.optimizeLayerCrossings(false, i);\n\t }\n\n\t for (i = 0; i < this.layers.length - 1; i++) {\n\t moves += this.optimizeLayerCrossings(true, i);\n\t }\n\t }\n\t },\n\n\t calcUpData: function (layer) {\n\t if (layer === 0) {\n\t return;\n\t }\n\n\t var considered = this.layers[layer], i, l, link;\n\t var upLayer = new Set();\n\t var temp = this.layers[layer - 1];\n\t for (i = 0; i < temp.length; i++) {\n\t upLayer.add(temp[i]);\n\t }\n\n\t for (i = 0; i < considered.length; i++) {\n\t var node = considered[i];\n\n\t // calculate barycenter\n\t var sum = 0;\n\t var total = 0;\n\n\t for (l = 0; l < node.incoming.length; l++) {\n\t link = node.incoming[l];\n\t if (upLayer.contains(link.source)) {\n\t total++;\n\t sum += link.source.gridPosition;\n\t }\n\t }\n\n\t for (l = 0; l < node.outgoing.length; l++) {\n\t link = node.outgoing[l];\n\t if (upLayer.contains(link.target)) {\n\t total++;\n\t sum += link.target.gridPosition;\n\t }\n\t }\n\n\t if (total > 0) {\n\t node.uBaryCenter = sum / total;\n\t node.upstreamLinkCount = total;\n\t }\n\t else {\n\t node.uBaryCenter = i;\n\t node.upstreamLinkCount = 0;\n\t }\n\t }\n\t },\n\n\t calcDownData: function (layer) {\n\t if (layer === this.layers.length - 1) {\n\t return;\n\t }\n\n\t var considered = this.layers[layer], i , l, link;\n\t var downLayer = new Set();\n\t var temp = this.layers[layer + 1];\n\t for (i = 0; i < temp.length; i++) {\n\t downLayer.add(temp[i]);\n\t }\n\n\t for (i = 0; i < considered.length; i++) {\n\t var node = considered[i];\n\n\t // calculate barycenter\n\t var sum = 0;\n\t var total = 0;\n\n\t for (l = 0; l < node.incoming.length; l++) {\n\t link = node.incoming[l];\n\t if (downLayer.contains(link.source)) {\n\t total++;\n\t sum += link.source.gridPosition;\n\t }\n\t }\n\n\t for (l = 0; l < node.outgoing.length; l++) {\n\t link = node.outgoing[l];\n\t if (downLayer.contains(link.target)) {\n\t total++;\n\t sum += link.target.gridPosition;\n\t }\n\t }\n\n\t if (total > 0) {\n\t node.dBaryCenter = sum / total;\n\t node.downstreamLinkCount = total;\n\t }\n\t else {\n\t node.dBaryCenter = i;\n\t node.downstreamLinkCount = 0;\n\t }\n\t }\n\t },\n\n\t /// \n\t /// Optimizes the crossings.\n\t /// \n\t /// The big trick here is the usage of weights or values attached to connected nodes which turn a problem of crossing links\n\t /// to an a problem of ordering numbers. \n\t /// The layer index.\n\t /// If set to true we move down in the layer stack.\n\t /// The number of nodes having moved, i.e. the number of crossings reduced. \n\t optimizeLayerCrossings: function (down, layer) {\n\t var iconsidered;\n\t var considered;\n\n\t if (down) {\n\t considered = this.layers[iconsidered = layer + 1];\n\t }\n\t else {\n\t considered = this.layers[iconsidered = layer - 1];\n\t }\n\n\t // remember what it was\n\t var presorted = considered.slice(0);\n\n\t // calculate barycenters for all nodes in the considered layer\n\t if (down) {\n\t this.calcUpData(iconsidered);\n\t }\n\t else {\n\t this.calcDownData(iconsidered);\n\t }\n\n\t var that = this;\n\t // sort nodes within this layer according to the barycenters\n\t considered.sort(function(n1, n2) {\n\t var n1BaryCenter = that.calcBaryCenter(n1),\n\t n2BaryCenter = that.calcBaryCenter(n2);\n\t if (Math.abs(n1BaryCenter - n2BaryCenter) < 0.0001) {\n\t // in case of coinciding barycenters compare by the count of in/out links\n\t if (n1.degree() === n2.degree()) {\n\t return that.compareByIndex(n1, n2);\n\t }\n\t else if (n1.degree() < n2.degree()) {\n\t return 1;\n\t }\n\t return -1;\n\t }\n\t var compareValue = (n2BaryCenter - n1BaryCenter) * 1000;\n\t if (compareValue > 0) {\n\t return -1;\n\t }\n\t else if (compareValue < 0) {\n\t return 1;\n\t }\n\t return that.compareByIndex(n1, n2);\n\t });\n\n\t // count relocations\n\t var i, moves = 0;\n\t for (i = 0; i < considered.length; i++) {\n\t if (considered[i] !== presorted[i]) {\n\t moves++;\n\t }\n\t }\n\n\t if (moves > 0) {\n\t // now that the boxes have been arranged, update their grid positions\n\t var inode = 0;\n\t for (i = 0; i < considered.length; i++) {\n\t var node = considered[i];\n\t node.gridPosition = inode++;\n\t }\n\t }\n\n\t return moves;\n\t },\n\n\t /// \n\t /// Swaps a pair of nodes in a layer.\n\t /// \n\t /// Index of the layer.\n\t /// The Nth node in the layer.\n\t _swapPairs: function () {\n\t var maxIterations = this.options.layeredIterations;\n\t var iter = 0;\n\n\t while (true) {\n\t if (iter++ > maxIterations) {\n\t break;\n\t }\n\n\t var downwards = (iter % 4 <= 1);\n\t var secondPass = (iter % 4 === 1);\n\n\t for (var l = (downwards ? 0 : this.layers.length - 1);\n\t downwards ? l <= this.layers.length - 1 : l >= 0; l += (downwards ? 1 : -1)) {\n\t var layer = this.layers[l];\n\t var hasSwapped = false;\n\n\t // there is no need to recalculate crossings if they were calculated\n\t // on the previous step and nothing has changed\n\t var calcCrossings = true;\n\t var memCrossings = 0;\n\n\t for (var n = 0; n < layer.length - 1; n++) {\n\t // count crossings\n\t var up = 0;\n\t var down = 0;\n\t var crossBefore = 0;\n\n\t if (calcCrossings) {\n\t if (l !== 0) {\n\t up = this.countLinksCrossingBetweenTwoLayers(l - 1, l);\n\t }\n\t if (l !== this.layers.length - 1) {\n\t down = this.countLinksCrossingBetweenTwoLayers(l, l + 1);\n\t }\n\t if (downwards) {\n\t up *= 2;\n\t }\n\t else {\n\t down *= 2;\n\t }\n\n\t crossBefore = up + down;\n\t }\n\t else {\n\t crossBefore = memCrossings;\n\t }\n\n\t if (crossBefore === 0) {\n\t continue;\n\t }\n\n\t // Swap nodes\n\t var node1 = layer[n];\n\t var node2 = layer[n + 1];\n\n\t var node1GridPos = node1.gridPosition;\n\t var node2GridPos = node2.gridPosition;\n\t layer[n] = node2;\n\t layer[n + 1] = node1;\n\t node1.gridPosition = node2GridPos;\n\t node2.gridPosition = node1GridPos;\n\n\t // count crossings again and if worse than before, restore swapping\n\t up = 0;\n\t if (l !== 0) {\n\t up = this.countLinksCrossingBetweenTwoLayers(l - 1, l);\n\t }\n\t down = 0;\n\t if (l !== this.layers.length - 1) {\n\t down = this.countLinksCrossingBetweenTwoLayers(l, l + 1);\n\t }\n\t if (downwards) {\n\t up *= 2;\n\t }\n\t else {\n\t down *= 2;\n\t }\n\t var crossAfter = up + down;\n\n\t var revert = false;\n\t if (secondPass) {\n\t revert = crossAfter >= crossBefore;\n\t }\n\t else {\n\t revert = crossAfter > crossBefore;\n\t }\n\n\t if (revert) {\n\t node1 = layer[n];\n\t node2 = layer[n + 1];\n\n\t node1GridPos = node1.gridPosition;\n\t node2GridPos = node2.gridPosition;\n\t layer[n] = node2;\n\t layer[n + 1] = node1;\n\t node1.gridPosition = node2GridPos;\n\t node2.gridPosition = node1GridPos;\n\n\t // nothing has changed, remember the crossings so that\n\t // they are not calculated again on the next step\n\t memCrossings = crossBefore;\n\t calcCrossings = false;\n\t }\n\t else {\n\t hasSwapped = true;\n\t calcCrossings = true;\n\t }\n\t }\n\n\t if (hasSwapped) {\n\t if (l !== this.layers.length - 1) {\n\t this.calcUpData(l + 1);\n\t }\n\t if (l !== 0) {\n\t this.calcDownData(l - 1);\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t /// \n\t /// Counts the number of links crossing between two layers.\n\t /// \n\t /// The layer index.\n\t /// Another layer index.\n\t /// \n\t * - the links points and node bounds in the literal object\n\t * @param diagramOrGraphOrNodes\n\t */\n\t capture: function (diagramOrGraphOrNodes) {\n\t var node,\n\t nodes,\n\t shape,\n\t i,\n\t conn,\n\t link,\n\t links;\n\n\t if (diagramOrGraphOrNodes instanceof diagram.Graph) {\n\n\t for (i = 0; i < diagramOrGraphOrNodes.nodes.length; i++) {\n\t node = diagramOrGraphOrNodes.nodes[i];\n\t shape = node.associatedShape;\n\t //shape.bounds(new Rect(node.x, node.y, node.width, node.height));\n\t this.nodeMap.set(shape.visual.id, new Rect(node.x, node.y, node.width, node.height));\n\t }\n\t for (i = 0; i < diagramOrGraphOrNodes.links.length; i++) {\n\t link = diagramOrGraphOrNodes.links[i];\n\t conn = link.associatedConnection;\n\t this.linkMap.set(conn.visual.id, link.points());\n\t }\n\t }\n\t else if (diagramOrGraphOrNodes instanceof Array) {\n\t nodes = diagramOrGraphOrNodes;\n\t for (i = 0; i < nodes.length; i++) {\n\t node = nodes[i];\n\t shape = node.associatedShape;\n\t if (shape) {\n\t this.nodeMap.set(shape.visual.id, new Rect(node.x, node.y, node.width, node.height));\n\t }\n\t }\n\t }\n\t else if (diagramOrGraphOrNodes.hasOwnProperty(\"links\") && diagramOrGraphOrNodes.hasOwnProperty(\"nodes\")) {\n\t nodes = diagramOrGraphOrNodes.nodes;\n\t links = diagramOrGraphOrNodes.links;\n\t for (i = 0; i < nodes.length; i++) {\n\t node = nodes[i];\n\t shape = node.associatedShape;\n\t if (shape) {\n\t this.nodeMap.set(shape.visual.id, new Rect(node.x, node.y, node.width, node.height));\n\t }\n\t }\n\t for (i = 0; i < links.length; i++) {\n\t link = links[i];\n\t conn = link.associatedConnection;\n\t if (conn) {\n\t this.linkMap.set(conn.visual.id, link.points);\n\t }\n\t }\n\t }\n\t else { // capture the diagram\n\t var shapes = this.diagram.shapes;\n\t var connections = this.diagram.connections;\n\t for (i = 0; i < shapes.length; i++) {\n\t shape = shapes[i];\n\t this.nodeMap.set(shape.visual.id, shape.bounds());\n\t }\n\t for (i = 0; i < connections.length; i++) {\n\t conn = connections[i];\n\t this.linkMap.set(conn.visual.id, conn.points());\n\t }\n\t }\n\t }\n\t });\n\n\t deepExtend(diagram, {\n\t init: function (element) {\n\t kendo.init(element, diagram.ui);\n\t },\n\t SpringLayout: SpringLayout,\n\t TreeLayout: TreeLayout,\n\t GraphAdapter: DiagramToHyperTreeAdapter,\n\t LayeredLayout: LayeredLayout,\n\t LayoutBase: LayoutBase,\n\t LayoutState: LayoutState\n\t });\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 878:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./math\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(879);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 858:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 879:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(880), __webpack_require__(858) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var kendo = window.kendo,\n\t diagram = kendo.dataviz.diagram,\n\t Class = kendo.Class,\n\t deepExtend = kendo.deepExtend,\n\t dataviz = kendo.dataviz,\n\t Utils = diagram.Utils,\n\t Point = dataviz.Point2D,\n\t isFunction = kendo.isFunction,\n\t contains = Utils.contains,\n\t map = $.map;\n\n\t // Constants ==============================================================\n\t var HITTESTAREA = 3,\n\t EPSILON = 1e-06;\n\n\t deepExtend(Point.fn, {\n\t plus: function (p) {\n\t return new Point(this.x + p.x, this.y + p.y);\n\t },\n\t minus: function (p) {\n\t return new Point(this.x - p.x, this.y - p.y);\n\t },\n\t offset: function (value) {\n\t return new Point(this.x - value, this.y - value);\n\t },\n\t times: function (s) {\n\t return new Point(this.x * s, this.y * s);\n\t },\n\t normalize: function () {\n\t if (this.length() === 0) {\n\t return new Point();\n\t }\n\t return this.times(1 / this.length());\n\t },\n\t length: function () {\n\t return Math.sqrt(this.x * this.x + this.y * this.y);\n\t },\n\t toString: function () {\n\t return \"(\" + this.x + \",\" + this.y + \")\";\n\t },\n\t lengthSquared: function () {\n\t return (this.x * this.x + this.y * this.y);\n\t },\n\t middleOf: function MiddleOf(p, q) {\n\t return new Point(q.x - p.x, q.y - p.y).times(0.5).plus(p);\n\t },\n\t toPolar: function (useDegrees) {\n\t var factor = 1;\n\t if (useDegrees) {\n\t factor = 180 / Math.PI;\n\t }\n\t var a = Math.atan2(Math.abs(this.y), Math.abs(this.x));\n\t var halfpi = Math.PI / 2;\n\t var len = this.length();\n\t if (this.x === 0) {\n\t // note that the angle goes down and not the usual mathematical convention\n\n\t if (this.y === 0) {\n\t return new Polar(0, 0);\n\t }\n\t if (this.y > 0) {\n\t return new Polar(len, factor * halfpi);\n\t }\n\t if (this.y < 0) {\n\t return new Polar(len, factor * 3 * halfpi);\n\t }\n\t }\n\t else if (this.x > 0) {\n\t if (this.y === 0) {\n\t return new Polar(len, 0);\n\t }\n\t if (this.y > 0) {\n\t return new Polar(len, factor * a);\n\t }\n\t if (this.y < 0) {\n\t return new Polar(len, factor * (4 * halfpi - a));\n\t }\n\t }\n\t else {\n\t if (this.y === 0) {\n\t return new Polar(len, 2 * halfpi);\n\t }\n\t if (this.y > 0) {\n\t return new Polar(len, factor * (2 * halfpi - a));\n\t }\n\t if (this.y < 0) {\n\t return new Polar(len, factor * (2 * halfpi + a));\n\t }\n\t }\n\t },\n\t isOnLine: function (from, to) {\n\t if (from.x > to.x) { // from must be the leftmost point\n\t var temp = to;\n\t to = from;\n\t from = temp;\n\t }\n\t var r1 = new Rect(from.x, from.y).inflate(HITTESTAREA, HITTESTAREA),\n\t r2 = new Rect(to.x, to.y).inflate(HITTESTAREA, HITTESTAREA), o1, u1;\n\t if (r1.union(r2).contains(this)) {\n\t if (from.x === to.x || from.y === to.y) {\n\t return true;\n\t }\n\t else if (from.y < to.y) {\n\t o1 = r1.x + (((r2.x - r1.x) * (this.y - (r1.y + r1.height))) / ((r2.y + r2.height) - (r1.y + r1.height)));\n\t u1 = (r1.x + r1.width) + ((((r2.x + r2.width) - (r1.x + r1.width)) * (this.y - r1.y)) / (r2.y - r1.y));\n\t }\n\t else {\n\t o1 = r1.x + (((r2.x - r1.x) * (this.y - r1.y)) / (r2.y - r1.y));\n\t u1 = (r1.x + r1.width) + ((((r2.x + r2.width) - (r1.x + r1.width)) * (this.y - (r1.y + r1.height))) / ((r2.y + r2.height) - (r1.y + r1.height)));\n\t }\n\t return (this.x > o1 && this.x < u1);\n\t }\n\t return false;\n\t }\n\t });\n\n\t deepExtend(Point, {\n\t parse: function (str) {\n\t var tempStr = str.slice(1, str.length - 1),\n\t xy = tempStr.split(\",\"),\n\t x = parseInt(xy[0], 10),\n\t y = parseInt(xy[1], 10);\n\t if (!isNaN(x) && !isNaN(y)) {\n\t return new Point(x, y);\n\t }\n\t }\n\t });\n\n\t /**\n\t * Structure combining a Point with two additional points representing the handles or tangents attached to the first point.\n\t * If the additional points are null or equal to the first point the path will be sharp.\n\t * Left and right correspond to the direction of the underlying path.\n\t */\n\t var PathDefiner = Class.extend(\n\t {\n\t init: function (p, left, right) {\n\t this.point = p;\n\t this.left = left;\n\t this.right = right;\n\t }\n\t }\n\t );\n\n\t /**\n\t * Defines a rectangular region.\n\t */\n\t var Rect = Class.extend({\n\t init: function (x, y, width, height) {\n\t this.x = x || 0;\n\t this.y = y || 0;\n\t this.width = width || 0;\n\t this.height = height || 0;\n\t },\n\t contains: function (point) {\n\t return ((point.x >= this.x) && (point.x <= (this.x + this.width)) && (point.y >= this.y) && (point.y <= (this.y + this.height)));\n\t },\n\t inflate: function (dx, dy) {\n\t if (dy === undefined) {\n\t dy = dx;\n\t }\n\n\t this.x -= dx;\n\t this.y -= dy;\n\t this.width += 2 * dx + 1;\n\t this.height += 2 * dy + 1;\n\t return this;\n\t },\n\t offset: function (dx, dy) {\n\t var x = dx, y = dy;\n\t if (dx instanceof Point) {\n\t x = dx.x;\n\t y = dx.y;\n\t }\n\t this.x += x;\n\t this.y += y;\n\t return this;\n\t },\n\t union: function (r) {\n\t var x1 = Math.min(this.x, r.x);\n\t var y1 = Math.min(this.y, r.y);\n\t var x2 = Math.max((this.x + this.width), (r.x + r.width));\n\t var y2 = Math.max((this.y + this.height), (r.y + r.height));\n\t return new Rect(x1, y1, x2 - x1, y2 - y1);\n\t },\n\t center: function () {\n\t return new Point(this.x + this.width / 2, this.y + this.height / 2);\n\t },\n\t top: function () {\n\t return new Point(this.x + this.width / 2, this.y);\n\t },\n\t right: function () {\n\t return new Point(this.x + this.width, this.y + this.height / 2);\n\t },\n\t bottom: function () {\n\t return new Point(this.x + this.width / 2, this.y + this.height);\n\t },\n\t left: function () {\n\t return new Point(this.x, this.y + this.height / 2);\n\t },\n\t topLeft: function () {\n\t return new Point(this.x, this.y);\n\t },\n\t topRight: function () {\n\t return new Point(this.x + this.width, this.y);\n\t },\n\t bottomLeft: function () {\n\t return new Point(this.x, this.y + this.height);\n\t },\n\t bottomRight: function () {\n\t return new Point(this.x + this.width, this.y + this.height);\n\t },\n\t clone: function () {\n\t return new Rect(this.x, this.y, this.width, this.height);\n\t },\n\t isEmpty: function () {\n\t return !this.width && !this.height;\n\t },\n\t equals: function (rect) {\n\t return this.x === rect.x && this.y === rect.y && this.width === rect.width && this.height === rect.height;\n\t },\n\t rotatedBounds: function (angle) {\n\t var rect = this.clone(),\n\t points = this.rotatedPoints(angle),\n\t tl = points[0],\n\t tr = points[1],\n\t br = points[2],\n\t bl = points[3];\n\n\t rect.x = Math.min(br.x, tl.x, tr.x, bl.x);\n\t rect.y = Math.min(br.y, tl.y, tr.y, bl.y);\n\t rect.width = Math.max(br.x, tl.x, tr.x, bl.x) - rect.x;\n\t rect.height = Math.max(br.y, tl.y, tr.y, bl.y) - rect.y;\n\n\t return rect;\n\t },\n\t rotatedPoints: function (angle) {\n\t var rect = this,\n\t c = rect.center(),\n\t br = rect.bottomRight().rotate(c, 360 - angle),\n\t tl = rect.topLeft().rotate(c, 360 - angle),\n\t tr = rect.topRight().rotate(c, 360 - angle),\n\t bl = rect.bottomLeft().rotate(c, 360 - angle);\n\n\t return [tl, tr, br, bl];\n\t },\n\t toString: function (delimiter) {\n\t delimiter = delimiter || \" \";\n\n\t return this.x + delimiter + this.y + delimiter + this.width + delimiter + this.height;\n\t },\n\t scale: function (scaleX, scaleY, staicPoint, adornerCenter, angle) {\n\t var tl = this.topLeft();\n\t var thisCenter = this.center();\n\t tl.rotate(thisCenter, 360 - angle).rotate(adornerCenter, angle);\n\n\t var delta = staicPoint.minus(tl);\n\t var scaled = new Point(delta.x * scaleX, delta.y * scaleY);\n\t var position = delta.minus(scaled);\n\t tl = tl.plus(position);\n\t tl.rotate(adornerCenter, 360 - angle).rotate(thisCenter, angle);\n\n\t this.x = tl.x;\n\t this.y = tl.y;\n\n\t this.width *= scaleX;\n\t this.height *= scaleY;\n\t },\n\n\t zoom: function(zoom) {\n\t this.x *= zoom;\n\t this.y *= zoom;\n\t this.width *= zoom;\n\t this.height *= zoom;\n\t return this;\n\t },\n\n\t overlaps: function(rect) {\n\t var bottomRight = this.bottomRight();\n\t var rectBottomRight = rect.bottomRight();\n\t var overlaps = !(bottomRight.x < rect.x || bottomRight.y < rect.y ||\n\t rectBottomRight.x < this.x || rectBottomRight.y < this.y);\n\t return overlaps;\n\t }\n\t });\n\n\t var Size = Class.extend({\n\t init: function (width, height) {\n\t this.width = width;\n\t this.height = height;\n\t }\n\t });\n\n\t Size.prototype.Empty = new Size(0, 0);\n\n\t Rect.toRect = function (rect) {\n\t if (!(rect instanceof Rect)) {\n\t rect = new Rect(rect.x, rect.y, rect.width, rect.height);\n\t }\n\n\t return rect;\n\t };\n\n\t Rect.empty = function () {\n\t return new Rect(0, 0, 0, 0);\n\t };\n\n\t Rect.fromPoints = function (p, q) {\n\t if (isNaN(p.x) || isNaN(p.y) || isNaN(q.x) || isNaN(q.y)) {\n\t throw \"Some values are NaN.\";\n\t }\n\t return new Rect(Math.min(p.x, q.x), Math.min(p.y, q.y), Math.abs(p.x - q.x), Math.abs(p.y - q.y));\n\t };\n\n\t function isNearZero(num) {\n\t return Math.abs(num) < EPSILON;\n\t }\n\n\t function intersectLine(start1, end1, start2, end2, isSegment) {\n\t var tangensdiff = ((end1.x - start1.x) * (end2.y - start2.y)) - ((end1.y - start1.y) * (end2.x - start2.x));\n\t if (isNearZero(tangensdiff)) {\n\t //parallel lines\n\t return;\n\t }\n\n\t var num1 = ((start1.y - start2.y) * (end2.x - start2.x)) - ((start1.x - start2.x) * (end2.y - start2.y));\n\t var num2 = ((start1.y - start2.y) * (end1.x - start1.x)) - ((start1.x - start2.x) * (end1.y - start1.y));\n\t var r = num1 / tangensdiff;\n\t var s = num2 / tangensdiff;\n\n\t if (isSegment && (r < 0 || r > 1 || s < 0 || s > 1)) {\n\t //r < 0 => line 1 is below line 2\n\t //r > 1 => line 1 is above line 2\n\t //s < 0 => line 2 is below line 1\n\t //s > 1 => line 2 is above line 1\n\t return;\n\t }\n\n\t return new Point(start1.x + (r * (end1.x - start1.x)), start1.y + (r * (end1.y - start1.y)));\n\t }\n\n\t var Intersect = {\n\t lines: function (start1, end1, start2, end2) {\n\t return intersectLine(start1, end1, start2, end2);\n\t },\n\t segments: function (start1, end1, start2, end2) {\n\t return intersectLine(start1, end1, start2, end2, true);\n\t },\n\t rectWithLine: function (rect, start, end) {\n\t return Intersect.segments(start, end, rect.topLeft(), rect.topRight()) ||\n\t Intersect.segments(start, end, rect.topRight(), rect.bottomRight()) ||\n\t Intersect.segments(start, end, rect.bottomLeft(), rect.bottomRight()) ||\n\t Intersect.segments(start, end, rect.topLeft(), rect.bottomLeft());\n\t },\n\t rects: function (rect1, rect2, angle) {\n\t var tl = rect2.topLeft(),\n\t tr = rect2.topRight(),\n\t bl = rect2.bottomLeft(),\n\t br = rect2.bottomRight();\n\t var center = rect2.center();\n\t if (angle) {\n\t tl = tl.rotate(center, angle);\n\t tr = tr.rotate(center, angle);\n\t bl = bl.rotate(center, angle);\n\t br = br.rotate(center, angle);\n\t }\n\n\t var intersect = rect1.contains(tl) ||\n\t rect1.contains(tr) ||\n\t rect1.contains(bl) ||\n\t rect1.contains(br) ||\n\t Intersect.rectWithLine(rect1, tl, tr) ||\n\t Intersect.rectWithLine(rect1, tl, bl) ||\n\t Intersect.rectWithLine(rect1, tr, br) ||\n\t Intersect.rectWithLine(rect1, bl, br);\n\n\t if (!intersect) {//last possible case is rect1 to be completely within rect2\n\t tl = rect1.topLeft();\n\t tr = rect1.topRight();\n\t bl = rect1.bottomLeft();\n\t br = rect1.bottomRight();\n\n\t if (angle) {\n\t var reverseAngle = 360 - angle;\n\t tl = tl.rotate(center, reverseAngle);\n\t tr = tr.rotate(center, reverseAngle);\n\t bl = bl.rotate(center, reverseAngle);\n\t br = br.rotate(center, reverseAngle);\n\t }\n\n\t intersect = rect2.contains(tl) ||\n\t rect2.contains(tr) ||\n\t rect2.contains(bl) ||\n\t rect2.contains(br);\n\t }\n\n\t return intersect;\n\t }\n\t };\n\n\t /**\n\t * Aligns two rectangles, where one is the container and the other is content.\n\t */\n\t var RectAlign = Class.extend({\n\t init: function (container) {\n\t this.container = Rect.toRect(container);\n\t },\n\n\t align: function (content, alignment) {\n\t var alignValues = alignment.toLowerCase().split(\" \");\n\n\t for (var i = 0; i < alignValues.length; i++) {\n\t content = this._singleAlign(content, alignValues[i]);\n\t }\n\n\t return content;\n\t },\n\t _singleAlign: function (content, alignment) {\n\t if (isFunction(this[alignment])) {\n\t return this[alignment](content);\n\t }\n\t else {\n\t return content;\n\t }\n\t },\n\n\t left: function (content) {\n\t return this._align(content, this._left);\n\t },\n\t center: function (content) {\n\t return this._align(content, this._center);\n\t },\n\t right: function (content) {\n\t return this._align(content, this._right);\n\t },\n\t stretch: function (content) {\n\t return this._align(content, this._stretch);\n\t },\n\t top: function (content) {\n\t return this._align(content, this._top);\n\t },\n\t middle: function (content) {\n\t return this._align(content, this._middle);\n\t },\n\t bottom: function (content) {\n\t return this._align(content, this._bottom);\n\t },\n\n\t _left: function (container, content) {\n\t content.x = container.x;\n\t },\n\t _center: function (container, content) {\n\t content.x = ((container.width - content.width) / 2) || 0;\n\t },\n\t _right: function (container, content) {\n\t content.x = container.width - content.width;\n\t },\n\t _top: function (container, content) {\n\t content.y = container.y;\n\t },\n\t _middle: function (container, content) {\n\t content.y = ((container.height - content.height) / 2) || 0;\n\t },\n\t _bottom: function (container, content) {\n\t content.y = container.height - content.height;\n\t },\n\t _stretch: function (container, content) {\n\t content.x = 0;\n\t content.y = 0;\n\t content.height = container.height;\n\t content.width = container.width;\n\t },\n\t _align: function (content, alignCalc) {\n\t content = Rect.toRect(content);\n\t alignCalc(this.container, content);\n\n\t return content;\n\t }\n\t });\n\n\t var Polar = Class.extend({\n\t init: function (r, a) {\n\t this.r = r;\n\t this.angle = a;\n\t }\n\t });\n\n\t /**\n\t * SVG transformation matrix.\n\t */\n\t var Matrix = Class.extend({\n\t init: function (a, b, c, d, e, f) {\n\t this.a = a || 0;\n\t this.b = b || 0;\n\t this.c = c || 0;\n\t this.d = d || 0;\n\t this.e = e || 0;\n\t this.f = f || 0;\n\t },\n\t plus: function (m) {\n\t this.a += m.a;\n\t this.b += m.b;\n\t this.c += m.c;\n\t this.d += m.d;\n\t this.e += m.e;\n\t this.f += m.f;\n\t },\n\t minus: function (m) {\n\t this.a -= m.a;\n\t this.b -= m.b;\n\t this.c -= m.c;\n\t this.d -= m.d;\n\t this.e -= m.e;\n\t this.f -= m.f;\n\t },\n\t times: function (m) {\n\t return new Matrix(\n\t this.a * m.a + this.c * m.b,\n\t this.b * m.a + this.d * m.b,\n\t this.a * m.c + this.c * m.d,\n\t this.b * m.c + this.d * m.d,\n\t this.a * m.e + this.c * m.f + this.e,\n\t this.b * m.e + this.d * m.f + this.f\n\t );\n\t },\n\t apply: function (p) {\n\t return new Point(this.a * p.x + this.c * p.y + this.e, this.b * p.x + this.d * p.y + this.f);\n\t },\n\t applyRect: function (r) {\n\t return Rect.fromPoints(this.apply(r.topLeft()), this.apply(r.bottomRight()));\n\t },\n\t toString: function () {\n\t return \"matrix(\" + this.a + \" \" + this.b + \" \" + this.c + \" \" + this.d + \" \" + this.e + \" \" + this.f + \")\";\n\t }\n\t });\n\n\t deepExtend(Matrix, {\n\t fromSVGMatrix: function (vm) {\n\t var m = new Matrix();\n\t m.a = vm.a;\n\t m.b = vm.b;\n\t m.c = vm.c;\n\t m.d = vm.d;\n\t m.e = vm.e;\n\t m.f = vm.f;\n\t return m;\n\t },\n\t fromMatrixVector: function (v) {\n\t var m = new Matrix();\n\t m.a = v.a;\n\t m.b = v.b;\n\t m.c = v.c;\n\t m.d = v.d;\n\t m.e = v.e;\n\t m.f = v.f;\n\t return m;\n\t },\n\t fromList: function (v) {\n\t if (v.length !== 6) {\n\t throw \"The given list should consist of six elements.\";\n\t }\n\t var m = new Matrix();\n\t m.a = v[0];\n\t m.b = v[1];\n\t m.c = v[2];\n\t m.d = v[3];\n\t m.e = v[4];\n\t m.f = v[5];\n\t return m;\n\t },\n\t translation: function (x, y) {\n\t var m = new Matrix();\n\t m.a = 1;\n\t m.b = 0;\n\t m.c = 0;\n\t m.d = 1;\n\t m.e = x;\n\t m.f = y;\n\t return m;\n\t },\n\t unit: function () {\n\t return new Matrix(1, 0, 0, 1, 0, 0);\n\t },\n\t rotation: function (angle, x, y) {\n\t var m = new Matrix();\n\t m.a = Math.cos(angle * Math.PI / 180);\n\t m.b = Math.sin(angle * Math.PI / 180);\n\t m.c = -m.b;\n\t m.d = m.a;\n\t m.e = (x - x * m.a + y * m.b) || 0;\n\t m.f = (y - y * m.a - x * m.b) || 0;\n\t return m;\n\t },\n\t scaling: function (scaleX, scaleY) {\n\t var m = new Matrix();\n\t m.a = scaleX;\n\t m.b = 0;\n\t m.c = 0;\n\t m.d = scaleY;\n\t m.e = 0;\n\t m.f = 0;\n\t return m;\n\t },\n\t parse: function (v) {\n\t var parts, nums;\n\t if (v) {\n\t v = v.trim();\n\t // of the form \"matrix(...)\"\n\t if (v.slice(0, 6).toLowerCase() === \"matrix\") {\n\t nums = v.slice(7, v.length - 1).trim();\n\t parts = nums.split(\",\");\n\t if (parts.length === 6) {\n\t return Matrix.fromList(map(parts, function (p) {\n\t return parseFloat(p);\n\t }));\n\t }\n\t parts = nums.split(\" \");\n\t if (parts.length === 6) {\n\t return Matrix.fromList(map(parts, function (p) {\n\t return parseFloat(p);\n\t }));\n\t }\n\t }\n\t // of the form \"(...)\"\n\t if (v.slice(0, 1) === \"(\" && v.slice(v.length - 1) === \")\") {\n\t v = v.substr(1, v.length - 1);\n\t }\n\t if (v.indexOf(\",\") > 0) {\n\t parts = v.split(\",\");\n\t if (parts.length === 6) {\n\t return Matrix.fromList(map(parts, function (p) {\n\t return parseFloat(p);\n\t }));\n\t }\n\t }\n\t if (v.indexOf(\" \") > 0) {\n\t parts = v.split(\" \");\n\t if (parts.length === 6) {\n\t return Matrix.fromList(map(parts, function (p) {\n\t return parseFloat(p);\n\t }));\n\t }\n\t }\n\t }\n\t return parts;\n\t }\n\t });\n\n\t /**\n\t * SVG transformation represented as a vector.\n\t */\n\t var MatrixVector = Class.extend({\n\t init: function (a, b, c, d, e, f) {\n\t this.a = a || 0;\n\t this.b = b || 0;\n\t this.c = c || 0;\n\t this.d = d || 0;\n\t this.e = e || 0;\n\t this.f = f || 0;\n\t },\n\t fromMatrix: function FromMatrix(m) {\n\t var v = new MatrixVector();\n\t v.a = m.a;\n\t v.b = m.b;\n\t v.c = m.c;\n\t v.d = m.d;\n\t v.e = m.e;\n\t v.f = m.f;\n\t return v;\n\t }\n\t });\n\n\t /**\n\t * Returns a value with Gaussian (normal) distribution.\n\t * @param mean The mean value of the distribution.\n\t * @param deviation The deviation (spreading at half-height) of the distribution.\n\t * @returns {number}\n\t */\n\t function normalVariable(mean, deviation) {\n\t var x, y, r;\n\t do {\n\t x = Math.random() * 2 - 1;\n\t y = Math.random() * 2 - 1;\n\t r = x * x + y * y;\n\t }\n\t while (!r || r > 1);\n\t return mean + deviation * x * Math.sqrt(-2 * Math.log(r) / r);\n\t }\n\n\t /**\n\t * Returns a random identifier which can be used as an ID of objects, eventually augmented with a prefix.\n\t * @returns {string}\n\t */\n\t function randomId(length) {\n\t if (Utils.isUndefined(length)) {\n\t length = 10;\n\t }\n\t // old version return Math.floor((1 + Math.random()) * 0x1000000).toString(16).substring(1);\n\t var result = '';\n\t var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';\n\t for (var i = length; i > 0; --i) {\n\t result += chars.charAt(Math.round(Math.random() * (chars.length - 1)));\n\t }\n\t return result;\n\t }\n\n\t var Geometry = {\n\n\t /**\n\t * Returns the squared distance to the line defined by the two given Points.\n\t * @param p An arbitrary Point.\n\t * @param a An endpoint of the line or segment.\n\t * @param b The complementary endpoint of the line or segment.\n\t */\n\t _distanceToLineSquared: function (p, a, b) {\n\t function d2(pt1, pt2) {\n\t return (pt1.x - pt2.x) * (pt1.x - pt2.x) + (pt1.y - pt2.y) * (pt1.y - pt2.y);\n\t }\n\n\t if (a === b) { // returns the distance of p to a\n\t return d2(p, a);\n\t }\n\n\t var vx = b.x - a.x,\n\t vy = b.y - a.y,\n\t dot = (p.x - a.x) * vx + (p.y - a.y) * vy;\n\t if (dot < 0) {\n\t return d2(a, p); // sits on side of a\n\t }\n\n\t dot = (b.x - p.x) * vx + (b.y - p.y) * vy;\n\t if (dot < 0) {\n\t return d2(b, p); // sits on side of b\n\t }\n\t // regular case, use crossproduct to get the sine out\n\t dot = (b.x - p.x) * vy - (b.y - p.y) * vx;\n\t return dot * dot / (vx * vx + vy * vy);\n\t },\n\n\t /**\n\t * Returns the distance to the line defined by the two given Points.\n\t * @param p An arbitrary Point.\n\t * @param a An endpoint of the line or segment.\n\t * @param b The complementary endpoint of the line or segment.\n\t */\n\t distanceToLine: function (p, a, b) {\n\t return Math.sqrt(this._distanceToLineSquared(p, a, b));\n\t },\n\n\t /**\n\t * Returns the distance of the given points to the polyline defined by the points.\n\t * @param p An arbitrary point.\n\t * @param points The points defining the polyline.\n\t * @returns {Number}\n\t */\n\t distanceToPolyline: function (p, points) {\n\t var minimum = Number.MAX_VALUE;\n\t if (Utils.isUndefined(points) || points.length === 0) {\n\t return Number.MAX_VALUE;\n\t }\n\t for (var s = 0; s < points.length - 1; s++) {\n\t var p1 = points[s];\n\t var p2 = points[s + 1];\n\n\t var d = this._distanceToLineSquared(p, p1, p2);\n\t if (d < minimum) {\n\t minimum = d;\n\t }\n\t }\n\t return Math.sqrt(minimum);\n\t }\n\t };\n\n\t /*---------------The HashTable structure--------------------------------*/\n\n\t /**\n\t * Represents a collection of key-value pairs that are organized based on the hash code of the key.\n\t * _buckets[hashId] = {key: key, value:...}\n\t * Important: do not use the standard Array access method, use the get/set methods instead.\n\t * See http://en.wikipedia.org/wiki/Hash_table\n\t */\n\t var HashTable = kendo.Class.extend({\n\t init: function () {\n\t this._buckets = [];\n\t this.length = 0;\n\t },\n\n\t /**\n\t * Adds the literal object with the given key (of the form {key: key,....}).\n\t */\n\t add: function (key, value) {\n\n\t var obj = this._createGetBucket(key);\n\t if (Utils.isDefined(value)) {\n\t obj.value = value;\n\t }\n\t return obj;\n\t },\n\n\t /**\n\t * Gets the literal object with the given key.\n\t */\n\t get: function (key) {\n\t if (this._bucketExists(key)) {\n\t return this._createGetBucket(key);\n\t }\n\t return null;\n\t },\n\n\t /**\n\t * Set the key-value pair.\n\t * @param key The key of the entry.\n\t * @param value The value to set. If the key already exists the value will be overwritten.\n\t */\n\t set: function (key, value) {\n\t this.add(key, value);\n\t },\n\n\t /**\n\t * Determines whether the HashTable contains a specific key.\n\t */\n\t containsKey: function (key) {\n\t return this._bucketExists(key);\n\t },\n\n\t /**\n\t * Removes the element with the specified key from the hashtable.\n\t * Returns the removed bucket.\n\t */\n\t remove: function (key) {\n\t if (this._bucketExists(key)) {\n\t var hashId = this._hash(key);\n\t delete this._buckets[hashId];\n\t this.length--;\n\t return key;\n\t }\n\t },\n\n\t /**\n\t * Foreach with an iterator working on the key-value pairs.\n\t * @param func\n\t */\n\t forEach: function (func) {\n\t var hashes = this._hashes();\n\t for (var i = 0, len = hashes.length; i < len; i++) {\n\t var hash = hashes[i];\n\t var bucket = this._buckets[hash];\n\t if (Utils.isUndefined(bucket)) {\n\t continue;\n\t }\n\t func(bucket);\n\t }\n\t },\n\n\t /**\n\t * Returns a (shallow) clone of the current HashTable.\n\t * @returns {HashTable}\n\t */\n\t clone: function () {\n\t var ht = new HashTable();\n\t var hashes = this._hashes();\n\t for (var i = 0, len = hashes.length; i < len; i++) {\n\t var hash = hashes[i];\n\t var bucket = this._buckets[hash];\n\t if (Utils.isUndefined(bucket)) {\n\t continue;\n\t }\n\t ht.add(bucket.key, bucket.value);\n\t }\n\t return ht;\n\t },\n\n\t /**\n\t * Returns the hashes of the buckets.\n\t * @returns {Array}\n\t * @private\n\t */\n\t _hashes: function () {\n\t var hashes = [];\n\t for (var hash in this._buckets) {\n\t if (this._buckets.hasOwnProperty(hash)) {\n\t hashes.push(hash);\n\t }\n\t }\n\t return hashes;\n\t },\n\n\t _bucketExists: function (key) {\n\t var hashId = this._hash(key);\n\t return Utils.isDefined(this._buckets[hashId]);\n\t },\n\n\t /**\n\t * Returns-adds the createGetBucket with the given key. If not present it will\n\t * be created and returned.\n\t * A createGetBucket is a literal object of the form {key: key, ...}.\n\t */\n\t _createGetBucket: function (key) {\n\t var hashId = this._hash(key);\n\t var bucket = this._buckets[hashId];\n\t if (Utils.isUndefined(bucket)) {\n\t bucket = { key: key };\n\t this._buckets[hashId] = bucket;\n\t this.length++;\n\t }\n\t return bucket;\n\t },\n\n\t /**\n\t * Hashing of the given key.\n\t */\n\t _hash: function (key) {\n\t if (Utils.isNumber(key)) {\n\t return key;\n\t }\n\t if (Utils.isString(key)) {\n\t return this._hashString(key);\n\t }\n\t if (Utils.isObject(key)) {\n\t return this._objectHashId(key);\n\t }\n\t throw \"Unsupported key type.\";\n\t },\n\n\t /**\n\t * Hashing of a string.\n\t */\n\t _hashString: function (s) {\n\t // see for example http://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript-jquery\n\t var result = 0;\n\t if (s.length === 0) {\n\t return result;\n\t }\n\t for (var i = 0; i < s.length; i++) {\n\t var ch = s.charCodeAt(i);\n\t result = ((result * 32) - result) + ch;\n\t }\n\t return result;\n\t },\n\n\t /**\n\t * Returns the unique identifier for an object. This is automatically assigned and add on the object.\n\t */\n\t _objectHashId: function (key) {\n\t var id = key._hashId;\n\t if (Utils.isUndefined(id)) {\n\t id = randomId();\n\t key._hashId = id;\n\t }\n\t return id;\n\t }\n\t });\n\n\t /*---------------The Dictionary structure--------------------------------*/\n\n\t /**\n\t * Represents a collection of key-value pairs.\n\t * Important: do not use the standard Array access method, use the get/Set methods instead.\n\t */\n\t var Dictionary = kendo.Observable.extend({\n\t /**\n\t * Initializes a new instance of the Dictionary class.\n\t * @param dictionary Loads the content of the given dictionary into this new one.\n\t */\n\t init: function (dictionary) {\n\t var that = this;\n\t kendo.Observable.fn.init.call(that);\n\t this._hashTable = new HashTable();\n\t this.length = 0;\n\t if (Utils.isDefined(dictionary)) {\n\t if ($.isArray(dictionary)) {\n\t for (var i = 0; i < dictionary.length; i++) {\n\t this.add(dictionary[i]);\n\t }\n\t } else {\n\t dictionary.forEach(function (k, v) {\n\t this.add(k, v);\n\t }, this);\n\t }\n\t }\n\t },\n\n\t /**\n\t * Adds a key-value to the dictionary.\n\t * If the key already exists this will assign the given value to the existing entry.\n\t */\n\t add: function (key, value) {\n\t var entry = this._hashTable.get(key);\n\t if (!entry) {\n\t entry = this._hashTable.add(key);\n\t this.length++;\n\t this.trigger('changed');\n\t }\n\t entry.value = value;\n\t },\n\n\t /**\n\t * Set the key-value pair.\n\t * @param key The key of the entry.\n\t * @param value The value to set. If the key already exists the value will be overwritten.\n\t */\n\t set: function (key, value) {\n\t this.add(key, value);\n\t },\n\n\t /**\n\t * Gets the value associated with the given key in the dictionary.\n\t */\n\t get: function (key) {\n\t var entry = this._hashTable.get(key);\n\t if (entry) {\n\t return entry.value;\n\t }\n\t throw new Error(\"Cannot find key \" + key);\n\t },\n\n\t /**\n\t * Returns whether the dictionary contains the given key.\n\t */\n\t containsKey: function (key) {\n\t return this._hashTable.containsKey(key);\n\t },\n\n\t /**\n\t * Removes the element with the specified key from the dictionary.\n\t */\n\t remove: function (key) {\n\t if (this.containsKey(key)) {\n\t this.trigger(\"changed\");\n\t this.length--;\n\t return this._hashTable.remove(key);\n\t }\n\t },\n\n\t /**\n\t * The functional gets the key and value as parameters.\n\t */\n\t forEach: function (func, thisRef) {\n\t this._hashTable.forEach(function (entry) {\n\t func.call(thisRef, entry.key, entry.value);\n\t });\n\t },\n\n\t /**\n\t * Same as forEach except that only the value is passed to the functional.\n\t */\n\t forEachValue: function (func, thisRef) {\n\t this._hashTable.forEach(function (entry) {\n\t func.call(thisRef, entry.value);\n\t });\n\t },\n\n\t /**\n\t * Calls a defined callback function for each key in the dictionary.\n\t */\n\t forEachKey: function (func, thisRef) {\n\t this._hashTable.forEach(function (entry) {\n\t func.call(thisRef, entry.key);\n\t });\n\t },\n\n\t /**\n\t * Gets an array with all keys in the dictionary.\n\t */\n\t keys: function () {\n\t var keys = [];\n\t this.forEachKey(function (key) {\n\t keys.push(key);\n\t });\n\t return keys;\n\t }\n\t });\n\n\t /*---------------Queue structure--------------------------------*/\n\n\t var Queue = kendo.Class.extend({\n\n\t init: function () {\n\t this._tail = null;\n\t this._head = null;\n\t this.length = 0;\n\t },\n\n\t /**\n\t * Enqueues an object to the end of the queue.\n\t */\n\t enqueue: function (value) {\n\t var entry = { value: value, next: null };\n\t if (!this._head) {\n\t this._head = entry;\n\t this._tail = this._head;\n\t }\n\t else {\n\t this._tail.next = entry;\n\t this._tail = this._tail.next;\n\t }\n\t this.length++;\n\t },\n\n\t /**\n\t * Removes and returns the object at top of the queue.\n\t */\n\t dequeue: function () {\n\t if (this.length < 1) {\n\t throw new Error(\"The queue is empty.\");\n\t }\n\t var value = this._head.value;\n\t this._head = this._head.next;\n\t this.length--;\n\t return value;\n\t },\n\n\t contains: function (item) {\n\t var current = this._head;\n\t while (current) {\n\t if (current.value === item) {\n\t return true;\n\t }\n\t current = current.next;\n\t }\n\t return false;\n\t }\n\t });\n\n\n\t /**\n\t * While other data structures can have multiple times the same item a Set owns only\n\t * once a particular item.\n\t * @type {*}\n\t */\n\t var Set = kendo.Observable.extend({\n\t init: function (resource) {\n\t var that = this;\n\t kendo.Observable.fn.init.call(that);\n\t this._hashTable = new HashTable();\n\t this.length = 0;\n\t if (Utils.isDefined(resource)) {\n\t if (resource instanceof HashTable) {\n\t resource.forEach(function (d) {\n\t this.add(d);\n\t });\n\t }\n\t else if (resource instanceof Dictionary) {\n\t resource.forEach(function (k, v) {\n\t this.add({key: k, value: v});\n\t }, this);\n\t }\n\t }\n\t },\n\n\t contains: function (item) {\n\t return this._hashTable.containsKey(item);\n\t },\n\n\t add: function (item) {\n\t var entry = this._hashTable.get(item);\n\t if (!entry) {\n\t this._hashTable.add(item, item);\n\t this.length++;\n\t this.trigger('changed');\n\t }\n\t },\n\n\t get: function (item) {\n\t if (this.contains(item)) {\n\t return this._hashTable.get(item).value;\n\t }\n\t else {\n\t return null;\n\t }\n\t },\n\n\t /**\n\t * Returns the hash of the item.\n\t * @param item\n\t * @returns {*}\n\t */\n\t hash: function (item) {\n\t return this._hashTable._hash(item);\n\t },\n\n\t /**\n\t * Removes the given item from the set. No exception is thrown if the item is not in the Set.\n\t * @param item\n\t */\n\t remove: function (item) {\n\t if (this.contains(item)) {\n\t this._hashTable.remove(item);\n\t this.length--;\n\t this.trigger('changed');\n\t }\n\t },\n\t /**\n\t * Foreach with an iterator working on the key-value pairs.\n\t * @param func\n\t */\n\t forEach: function (func, context) {\n\t this._hashTable.forEach(function (kv) {\n\t func(kv.value);\n\t }, context);\n\t },\n\t toArray: function () {\n\t var r = [];\n\t this.forEach(function (d) {\n\t r.push(d);\n\t });\n\t return r;\n\t }\n\t });\n\n\t /*----------------Node-------------------------------*/\n\n\t /**\n\t * Defines the node (vertex) of a Graph.\n\t */\n\t var Node = kendo.Class.extend({\n\n\t init: function (id, shape) {\n\n\t /**\n\t * Holds all the links incident with the current node.\n\t * Do not use this property to manage the incoming links, use the appropriate add/remove methods instead.\n\t */\n\t this.links = [];\n\n\t /**\n\t * Holds the links from the current one to another Node .\n\t * Do not use this property to manage the incoming links, use the appropriate add/remove methods instead.\n\t */\n\t this.outgoing = [];\n\n\t /**\n\t * Holds the links from another Node to the current one.\n\t * Do not use this property to manage the incoming links, use the appropriate add/remove methods instead.\n\t */\n\t this.incoming = [];\n\n\t /**\n\t * Holds the weight of this Node.\n\t */\n\t this.weight = 1;\n\n\t if (Utils.isDefined(id)) {\n\t this.id = id;\n\t }\n\t else {\n\t this.id = randomId();\n\t }\n\t if (Utils.isDefined(shape)) {\n\t this.associatedShape = shape;\n\t // transfer the shape's bounds to the runtime props\n\t var b = shape.bounds();\n\t this.width = b.width;\n\t this.height = b.height;\n\t this.x = b.x;\n\t this.y = b.y;\n\t }\n\t else {\n\t this.associatedShape = null;\n\t }\n\t /**\n\t * The payload of the node.\n\t * @type {null}\n\t */\n\t this.data = null;\n\t this.type = \"Node\";\n\t this.shortForm = \"Node '\" + this.id + \"'\";\n\t /**\n\t * Whether this is an injected node during the analysis or layout process.\n\t * @type {boolean}\n\t */\n\t this.isVirtual = false;\n\t },\n\n\t /**\n\t * Returns whether this node has no links attached.\n\t */\n\t isIsolated: function () {\n\t return Utils.isEmpty(this.links);\n\t },\n\n\t /**\n\t * Gets or sets the bounding rectangle of this node.\n\t * This should be considered as runtime data, the property is not hotlinked to a SVG item.\n\t */\n\t bounds: function (r) {\n\t if (!Utils.isDefined(r)) {\n\t return new diagram.Rect(this.x, this.y, this.width, this.height);\n\t }\n\n\t this.x = r.x;\n\t this.y = r.y;\n\t this.width = r.width;\n\t this.height = r.height;\n\t },\n\n\t /**\n\t * Returns whether there is at least one link with the given (complementary) node. This can be either an\n\t * incoming or outgoing link.\n\t */\n\t isLinkedTo: function (node) {\n\t var that = this;\n\t return Utils.any(that.links, function (link) {\n\t return link.getComplement(that) === node;\n\t });\n\t },\n\n\t /**\n\t * Gets the children of this node, defined as the adjacent nodes with a link from this node to the adjacent one.\n\t * @returns {Array}\n\t */\n\t getChildren: function () {\n\t if (this.outgoing.length === 0) {\n\t return [];\n\t }\n\t var children = [];\n\t for (var i = 0, len = this.outgoing.length; i < len; i++) {\n\t var link = this.outgoing[i];\n\t children.push(link.getComplement(this));\n\t }\n\t return children;\n\t },\n\n\t /**\n\t * Gets the parents of this node, defined as the adjacent nodes with a link from the adjacent node to this one.\n\t * @returns {Array}\n\t */\n\t getParents: function () {\n\t if (this.incoming.length === 0) {\n\t return [];\n\t }\n\t var parents = [];\n\t for (var i = 0, len = this.incoming.length; i < len; i++) {\n\t var link = this.incoming[i];\n\t parents.push(link.getComplement(this));\n\t }\n\t return parents;\n\t },\n\n\t /**\n\t * Returns a clone of the Node. Note that the identifier is not cloned since it's a different Node instance.\n\t * @returns {Node}\n\t */\n\t clone: function () {\n\t var copy = new Node();\n\t if (Utils.isDefined(this.weight)) {\n\t copy.weight = this.weight;\n\t }\n\t if (Utils.isDefined(this.balance)) {\n\t copy.balance = this.balance;\n\t }\n\t if (Utils.isDefined(this.owner)) {\n\t copy.owner = this.owner;\n\t }\n\t copy.associatedShape = this.associatedShape;\n\t copy.x = this.x;\n\t copy.y = this.y;\n\t copy.width = this.width;\n\t copy.height = this.height;\n\t return copy;\n\t },\n\n\t /**\n\t * Returns whether there is a link from the current node to the given node.\n\t */\n\t adjacentTo: function (node) {\n\t return this.isLinkedTo(node) !== null;\n\t },\n\n\t /**\n\t * Removes the given link from the link collection this node owns.\n\t * @param link\n\t */\n\t removeLink: function (link) {\n\t if (link.source === this) {\n\t Utils.remove(this.links, link);\n\t Utils.remove(this.outgoing, link);\n\t link.source = null;\n\t }\n\n\t if (link.target === this) {\n\t Utils.remove(this.links, link);\n\t Utils.remove(this.incoming, link);\n\t link.target = null;\n\t }\n\t },\n\n\t /**\n\t * Returns whether there is a (outgoing) link from the current node to the given one.\n\t */\n\t hasLinkTo: function (node) {\n\t return Utils.any(this.outgoing, function (link) {\n\t return link.target === node;\n\t });\n\t },\n\n\t /**\n\t * Returns the degree of this node, i.e. the sum of incoming and outgoing links.\n\t */\n\t degree: function () {\n\t return this.links.length;\n\t },\n\n\t /**\n\t * Returns whether this node is either the source or the target of the given link.\n\t */\n\t incidentWith: function (link) {\n\t return contains(this.links, link);\n\t },\n\n\t /**\n\t * Returns the links between this node and the given one.\n\t */\n\t getLinksWith: function (node) {\n\t return Utils.all(this.links, function (link) {\n\t return link.getComplement(this) === node;\n\t }, this);\n\t },\n\n\t /**\n\t * Returns the nodes (either parent or child) which are linked to the current one.\n\t */\n\t getNeighbors: function () {\n\t var neighbors = [];\n\t Utils.forEach(this.incoming, function (e) {\n\t neighbors.push(e.getComplement(this));\n\t }, this);\n\t Utils.forEach(this.outgoing, function (e) {\n\t neighbors.push(e.getComplement(this));\n\t }, this);\n\t return neighbors;\n\t }\n\t });\n\n\t /**\n\t * Defines a directed link (edge, connection) of a Graph.\n\t */\n\t var Link = kendo.Class.extend({\n\n\t init: function (source, target, id, connection) {\n\t if (Utils.isUndefined(source)) {\n\t throw \"The source of the new link is not set.\";\n\t }\n\t if (Utils.isUndefined(target)) {\n\t throw \"The target of the new link is not set.\";\n\t }\n\t var sourceFound, targetFound;\n\t if (Utils.isString(source)) {\n\t sourceFound = new Node(source);\n\t }\n\t else {\n\t sourceFound = source;\n\t }\n\t if (Utils.isString(target)) {\n\t targetFound = new Node(target);\n\t }\n\t else {\n\t targetFound = target;\n\t }\n\n\t this.source = sourceFound;\n\t this.target = targetFound;\n\t this.source.links.push(this);\n\t this.target.links.push(this);\n\t this.source.outgoing.push(this);\n\t this.target.incoming.push(this);\n\t if (Utils.isDefined(id)) {\n\t this.id = id;\n\t }\n\t else {\n\t this.id = randomId();\n\t }\n\t if (Utils.isDefined(connection)) {\n\t this.associatedConnection = connection;\n\t }\n\t else {\n\t this.associatedConnection = null;\n\t }\n\t this.type = \"Link\";\n\t this.shortForm = \"Link '\" + this.source.id + \"->\" + this.target.id + \"'\";\n\t },\n\n\t /**\n\t * Returns the complementary node of the given one, if any.\n\t */\n\t getComplement: function (node) {\n\t if (this.source !== node && this.target !== node) {\n\t throw \"The given node is not incident with this link.\";\n\t }\n\t return this.source === node ? this.target : this.source;\n\t },\n\n\t /**\n\t * Returns the overlap of the current link with the given one, if any.\n\t */\n\t getCommonNode: function (link) {\n\t if (this.source === link.source || this.source === link.target) {\n\t return this.source;\n\t }\n\t if (this.target === link.source || this.target === link.target) {\n\t return this.target;\n\t }\n\t return null;\n\t },\n\n\t /**\n\t * Returns whether the current link is bridging the given nodes.\n\t */\n\t isBridging: function (v1, v2) {\n\t return this.source === v1 && this.target === v2 || this.source === v2 && this.target === v1;\n\t },\n\n\t /**\n\t * Returns the source and target of this link as a tuple.\n\t */\n\t getNodes: function () {\n\t return [this.source, this.target];\n\t },\n\n\t /**\n\t * Returns whether the given node is either the source or the target of the current link.\n\t */\n\t incidentWith: function (node) {\n\t return this.source === node || this.target === node;\n\t },\n\n\t /**\n\t * Returns whether the given link is a continuation of the current one. This can be both\n\t * via an incoming or outgoing link.\n\t */\n\t adjacentTo: function (link) {\n\t return contains(this.source.links, link) || contains(this.target.links, link);\n\t },\n\n\t /**\n\t * Changes the source-node of this link.\n\t */\n\t changeSource: function (node) {\n\t Utils.remove(this.source.links, this);\n\t Utils.remove(this.source.outgoing, this);\n\n\t node.links.push(this);\n\t node.outgoing.push(this);\n\n\t this.source = node;\n\t },\n\n\t /**\n\t * Changes the target-node of this link.\n\t * @param node\n\t */\n\t changeTarget: function (node) {\n\t Utils.remove(this.target.links, this);\n\t Utils.remove(this.target.incoming, this);\n\n\t node.links.push(this);\n\t node.incoming.push(this);\n\n\t this.target = node;\n\t },\n\n\t /**\n\t * Changes both the source and the target nodes of this link.\n\t */\n\t changesNodes: function (v, w) {\n\t if (this.source === v) {\n\t this.changeSource(w);\n\t }\n\t else if (this.target === v) {\n\t this.changeTarget(w);\n\t }\n\t },\n\n\t /**\n\t * Reverses the direction of this link.\n\t */\n\t reverse: function () {\n\t var oldSource = this.source;\n\t var oldTarget = this.target;\n\n\t this.source = oldTarget;\n\t Utils.remove(oldSource.outgoing, this);\n\t this.source.outgoing.push(this);\n\n\t this.target = oldSource;\n\t Utils.remove(oldTarget.incoming, this);\n\t this.target.incoming.push(this);\n\t return this;\n\t },\n\n\t /**\n\t * Ensures that the given target defines the endpoint of this link.\n\t */\n\t directTo: function (target) {\n\t if (this.source !== target && this.target !== target) {\n\t throw \"The given node is not incident with this link.\";\n\t }\n\t if (this.target !== target) {\n\t this.reverse();\n\t }\n\t },\n\n\t /**\n\t * Returns a reversed clone of this link.\n\t */\n\t createReverseEdge: function () {\n\t var r = this.clone();\n\t r.reverse();\n\t r.reversed = true;\n\t return r;\n\t },\n\n\t /**\n\t * Returns a clone of this link.\n\t */\n\t clone: function () {\n\t var clone = new Link(this.source, this.target);\n\t return clone;\n\t }\n\t });\n\n\t /*--------------Graph structure---------------------------------*/\n\t /**\n\t * Defines a directed graph structure.\n\t * Note that the incidence structure resides in the nodes through the incoming and outgoing links collection, rahter than\n\t * inside the Graph.\n\t */\n\t var Graph = kendo.Class.extend({\n\t init: function (idOrDiagram) {\n\t /**\n\t * The links or edge collection of this Graph.\n\t * @type {Array}\n\t */\n\t this.links = [];\n\t /**\n\t * The node or vertex collection of this Graph.\n\t * @type {Array}\n\t */\n\t this.nodes = [];\n\n\t this._nodeMap = new Dictionary();\n\t /**\n\t * The optional reference to the Diagram on which this Graph is based.\n\t * @type {null}\n\t */\n\t this.diagram = null;\n\n\t /**\n\t * The root of this Graph. If not set explicitly the first Node with zero incoming links will be taken.\n\t * @type {null}\n\t * @private\n\t */\n\t this._root = null;\n\t if (Utils.isDefined(idOrDiagram)) {\n\t if (Utils.isString(idOrDiagram)) {\n\t this.id = idOrDiagram;\n\t }\n\t else {\n\t this.diagram = idOrDiagram;\n\t this.id = idOrDiagram.id;\n\t }\n\t }\n\t else {\n\t this.id = randomId();\n\t }\n\n\t /**\n\t * The bounds of this graph if the nodes have spatial extension defined.\n\t * @type {Rect}\n\t */\n\t this.bounds = new Rect();\n\t // keeps track whether the children & parents have been created\n\t this._hasCachedRelationships = false;\n\t this.type = \"Graph\";\n\t },\n\t /**\n\t * Caches the relational information of parents and children in the 'parents' and 'children'\n\t * properties.\n\t * @param forceRebuild If set to true the relational info will be rebuild even if already present.\n\t */\n\t cacheRelationships: function (forceRebuild) {\n\t if (Utils.isUndefined(forceRebuild)) {\n\t forceRebuild = false;\n\t }\n\t if (this._hasCachedRelationships && !forceRebuild) {\n\t return;\n\t }\n\t for (var i = 0, len = this.nodes.length; i < len; i++) {\n\t var node = this.nodes[i];\n\t node.children = this.getChildren(node);\n\t node.parents = this.getParents(node);\n\t }\n\t this._hasCachedRelationships = true;\n\t },\n\n\t /**\n\t * Assigns tree-levels to the nodes assuming this is a tree graph.\n\t * If not connected or not a tree the process will succeed but\n\t * will have little meaning.\n\t * @param startNode The node from where the level numbering starts, usually the root of the tree.\n\t * @param visited The collection of visited nodes.\n\t * @param offset The offset or starting counter of the level info.\n\t */\n\t assignLevels: function (startNode, offset, visited) {\n\t if (!startNode) {\n\t throw \"Start node not specified.\";\n\t }\n\t if (Utils.isUndefined(offset)) {\n\t offset = 0;\n\t }\n\t // if not done before, cache the parents and children\n\t this.cacheRelationships();\n\t if (Utils.isUndefined(visited)) {\n\t visited = new Dictionary();\n\t Utils.forEach(this.nodes, function (n) {\n\t visited.add(n, false);\n\t });\n\t }\n\t visited.set(startNode, true);\n\t startNode.level = offset;\n\t var children = startNode.children;\n\t for (var i = 0, len = children.length; i < len; i++) {\n\t var child = children[i];\n\t if (!child || visited.get(child)) {\n\t continue;\n\t }\n\t this.assignLevels(child, offset + 1, visited);\n\t }\n\t },\n\n\t /**\n\t * Gets or set the root of this graph.\n\t * If not set explicitly the first Node with zero incoming links will be taken.\n\t * @param value\n\t * @returns {*}\n\t */\n\t root: function (value) {\n\t if (Utils.isUndefined(value)) {\n\t if (!this._root) {\n\t // TODO: better to use the longest path for the most probable root?\n\t var found = Utils.first(this.nodes, function (n) {\n\t return n.incoming.length === 0;\n\t });\n\t if (found) {\n\t return found;\n\t }\n\t return Utils.first(this.nodes);\n\t }\n\t else {\n\t return this._root;\n\t }\n\t }\n\t else {\n\t this._root = value;\n\t }\n\t },\n\n\t /**\n\t * Returns the connected components of this graph.\n\t * Note that the returned graphs are made up of the nodes and links of this graph, i.e. a pointer to the items of this graph.\n\t * If you alter the items of the components you'll alter the original graph and vice versa.\n\t * @returns {Array}\n\t */\n\t getConnectedComponents: function () {\n\t this.componentIndex = 0;\n\t this.setItemIndices();\n\t var componentId = Utils.initArray(this.nodes.length, -1);\n\n\t for (var v = 0; v < this.nodes.length; v++) {\n\t if (componentId[v] === -1) {\n\t this._collectConnectedNodes(componentId, v);\n\t this.componentIndex++;\n\t }\n\t }\n\n\t var components = [], i;\n\t for (i = 0; i < this.componentIndex; ++i) {\n\t components[i] = new Graph();\n\t }\n\t for (i = 0; i < componentId.length; ++i) {\n\t var graph = components[componentId[i]];\n\t graph.addNodeAndOutgoings(this.nodes[i]);\n\t }\n\t // sorting the components in decreasing order of node count\n\t components.sort(function (a, b) {\n\t return b.nodes.length - a.nodes.length;\n\t });\n\t return components;\n\t },\n\n\t _collectConnectedNodes: function (setIds, nodeIndex) {\n\t setIds[nodeIndex] = this.componentIndex; // part of the current component\n\t var node = this.nodes[nodeIndex];\n\t Utils.forEach(node.links,\n\t function (link) {\n\t var next = link.getComplement(node);\n\t var nextId = next.index;\n\t if (setIds[nextId] === -1) {\n\t this._collectConnectedNodes(setIds, nextId);\n\t }\n\t }, this);\n\t },\n\n\t /**\n\t * Calculates the bounds of this Graph if the Nodes have spatial dimensions defined.\n\t * @returns {Rect}\n\t */\n\t calcBounds: function () {\n\t if (this.isEmpty()) {\n\t this.bounds = new Rect();\n\t return this.bounds;\n\t }\n\t var b = null;\n\t for (var i = 0, len = this.nodes.length; i < len; i++) {\n\t var node = this.nodes[i];\n\t if (!b) {\n\t b = node.bounds();\n\t }\n\t else {\n\t b = b.union(node.bounds());\n\t }\n\t }\n\t this.bounds = b;\n\t return this.bounds;\n\t },\n\n\t /**\n\t * Creates a spanning tree for the current graph.\n\t * Important: this will not return a spanning forest if the graph is disconnected.\n\t * Prim's algorithm finds a minimum-cost spanning tree of an edge-weighted, connected, undirected graph;\n\t * see http://en.wikipedia.org/wiki/Prim%27s_algorithm .\n\t * @param root The root of the spanning tree.\n\t * @returns {Graph}\n\t */\n\t getSpanningTree: function (root) {\n\t var tree = new Graph();\n\t var map = new Dictionary(), source, target;\n\t tree.root = root.clone();\n\t tree.root.level = 0;\n\t tree.root.id = root.id;\n\t map.add(root, tree.root);\n\t root.level = 0;\n\n\t var visited = [];\n\t var remaining = [];\n\t tree._addNode(tree.root);\n\t visited.push(root);\n\t remaining.push(root);\n\n\t var levelCount = 1;\n\t while (remaining.length > 0) {\n\t var next = remaining.pop();\n\t for (var ni = 0; ni < next.links.length; ni++) {\n\t var link = next.links[ni];\n\t var cn = link.getComplement(next);\n\t if (contains(visited, cn)) {\n\t continue;\n\t }\n\n\t cn.level = next.level + 1;\n\t if (levelCount < cn.level + 1) {\n\t levelCount = cn.level + 1;\n\t }\n\t if (!contains(remaining, cn)) {\n\t remaining.push(cn);\n\t }\n\t if (!contains(visited, cn)) {\n\t visited.push(cn);\n\t }\n\t if (map.containsKey(next)) {\n\t source = map.get(next);\n\t }\n\t else {\n\t source = next.clone();\n\t source.level = next.level;\n\t source.id = next.id;\n\t map.add(next, source);\n\t }\n\t if (map.containsKey(cn)) {\n\t target = map.get(cn);\n\t }\n\t else {\n\t target = cn.clone();\n\t target.level = cn.level;\n\t target.id = cn.id;\n\t map.add(cn, target);\n\t }\n\t var newLink = new Link(source, target);\n\t tree.addLink(newLink);\n\t }\n\n\t }\n\n\t var treeLevels = [];\n\t for (var i = 0; i < levelCount; i++) {\n\t treeLevels.push([]);\n\t }\n\n\t Utils.forEach(tree.nodes, function (node) {\n\t treeLevels[node.level].push(node);\n\t });\n\n\t tree.treeLevels = treeLevels;\n\t tree.cacheRelationships();\n\t return tree;\n\t },\n\n\t /**\n\t * Returns a random node in this graph.\n\t * @param excludedNodes The collection of nodes which should not be considered.\n\t * @param incidenceLessThan The maximum degree or incidence the random node should have.\n\t * @returns {*}\n\t */\n\t takeRandomNode: function (excludedNodes, incidenceLessThan) {\n\t if (Utils.isUndefined(excludedNodes)) {\n\t excludedNodes = [];\n\t }\n\t if (Utils.isUndefined(incidenceLessThan)) {\n\t incidenceLessThan = 4;\n\t }\n\t if (this.nodes.length === 0) {\n\t return null;\n\t }\n\t if (this.nodes.length === 1) {\n\t return contains(excludedNodes, this.nodes[0]) ? null : this.nodes[0];\n\t }\n\t var pool = $.grep(this.nodes, function (node) {\n\t return !contains(excludedNodes, node) && node.degree() <= incidenceLessThan;\n\t });\n\t if (Utils.isEmpty(pool)) {\n\t return null;\n\t }\n\t return pool[Utils.randomInteger(0, pool.length)];\n\t },\n\n\t /**\n\t * Returns whether this is an empty graph.\n\t */\n\t isEmpty: function () {\n\t return Utils.isEmpty(this.nodes);\n\t },\n\n\t /**\n\t * Checks whether the endpoints of the links are all in the nodes collection.\n\t */\n\t isHealthy: function () {\n\t return Utils.all(this.links, function (link) {\n\t return contains(this.nodes, link.source) && contains(this.nodes, link.target);\n\t }, this);\n\t },\n\n\t /**\n\t * Gets the parents of this node, defined as the adjacent nodes with a link from the adjacent node to this one.\n\t * @returns {Array}\n\t */\n\t getParents: function (n) {\n\t if (!this.hasNode(n)) {\n\t throw \"The given node is not part of this graph.\";\n\t }\n\t return n.getParents();\n\t },\n\n\t /**\n\t * Gets the children of this node, defined as the adjacent nodes with a link from this node to the adjacent one.\n\t * @returns {Array}\n\t */\n\t getChildren: function (n) {\n\t if (!this.hasNode(n)) {\n\t throw \"The given node is not part of this graph.\";\n\t }\n\t return n.getChildren();\n\t },\n\n\t /**\n\t * Adds a new link to the graph between the given nodes.\n\t */\n\t addLink: function (sourceOrLink, target, owner) {\n\n\t if (Utils.isUndefined(sourceOrLink)) {\n\t throw \"The source of the link is not defined.\";\n\t }\n\t if (Utils.isUndefined(target)) {\n\t // can only be undefined if the first one is a Link\n\t if (Utils.isDefined(sourceOrLink.type) && sourceOrLink.type === \"Link\") {\n\t this.addExistingLink(sourceOrLink);\n\t return;\n\t }\n\t else {\n\t throw \"The target of the link is not defined.\";\n\t }\n\t }\n\n\t var foundSource = this.getNode(sourceOrLink);\n\t if (Utils.isUndefined(foundSource)) {\n\t foundSource = this.addNode(sourceOrLink);\n\t }\n\t var foundTarget = this.getNode(target);\n\t if (Utils.isUndefined(foundTarget)) {\n\t foundTarget = this.addNode(target);\n\t }\n\n\t var newLink = new Link(foundSource, foundTarget);\n\n\t if (Utils.isDefined(owner)) {\n\t newLink.owner = owner;\n\t }\n\n\t /*newLink.source.outgoing.push(newLink);\n\t newLink.source.links.push(newLink);\n\t newLink.target.incoming.push(newLink);\n\t newLink.target.links.push(newLink);*/\n\n\t this.links.push(newLink);\n\n\t return newLink;\n\t },\n\n\t /**\n\t * Removes all the links in this graph.\n\t */\n\t removeAllLinks: function () {\n\t while (this.links.length > 0) {\n\t var link = this.links[0];\n\t this.removeLink(link);\n\t }\n\t },\n\n\t /**\n\t * Adds the given link to the current graph.\n\t */\n\t addExistingLink: function (link) {\n\n\t if (this.hasLink(link)) {\n\t return;\n\t }\n\t this.links.push(link);\n\t if (this.hasNode(link.source.id)) {\n\t // priority to the existing node with the id even if other props are different\n\t var s = this.getNode(link.source.id);\n\t link.changeSource(s);\n\t }\n\t else {\n\t this.addNode(link.source);\n\t }\n\n\t if (this.hasNode(link.target.id)) {\n\t var t = this.getNode(link.target.id);\n\t link.changeTarget(t);\n\t }\n\t else {\n\t this.addNode(link.target);\n\t }\n\n\t /* if (!link.source.outgoing.contains(link)) {\n\t link.source.outgoing.push(link);\n\t }\n\t if (!link.source.links.contains(link)) {\n\t link.source.links.push(link);\n\t }\n\t if (!link.target.incoming.contains(link)) {\n\t link.target.incoming.push(link);\n\t }\n\t if (!link.target.links.contains(link)) {\n\t link.target.links.push(link);\n\t }*/\n\t },\n\n\t /**\n\t * Returns whether the given identifier or Link is part of this graph.\n\t * @param linkOrId An identifier or a Link object.\n\t * @returns {*}\n\t */\n\t hasLink: function (linkOrId) {\n\t if (Utils.isString(linkOrId)) {\n\t return Utils.any(this.links, function (link) {\n\t return link.id === linkOrId;\n\t });\n\t }\n\t if (linkOrId.type === \"Link\") {\n\t return contains(this.links, linkOrId);\n\t }\n\t throw \"The given object is neither an identifier nor a Link.\";\n\t },\n\t /**\n\t * Gets the node with the specified Id or null if not part of this graph.\n\t */\n\t getNode: function (nodeOrId) {\n\t var id = nodeOrId.id || nodeOrId;\n\t if (this._nodeMap.containsKey(id)) {\n\t return this._nodeMap.get(id);\n\t }\n\t },\n\n\t /**\n\t * Returns whether the given node or node Id is part of this graph.\n\t */\n\t hasNode: function (nodeOrId) {\n\t var id = nodeOrId.id || nodeOrId;\n\t return this._nodeMap.containsKey(id);\n\t },\n\n\t _addNode: function(node) {\n\t this.nodes.push(node);\n\t this._nodeMap.add(node.id, node);\n\t },\n\n\t _removeNode: function(node) {\n\t Utils.remove(this.nodes, node);\n\t this._nodeMap.remove(node.id);\n\t },\n\n\t /**\n\t * Removes the given node from this graph.\n\t * The node can be specified as an object or as an identifier (string).\n\t */\n\t removeNode: function (nodeOrId) {\n\t var n = nodeOrId;\n\t if (Utils.isString(nodeOrId)) {\n\t n = this.getNode(nodeOrId);\n\t }\n\n\t if (Utils.isDefined(n)) {\n\t var links = n.links;\n\t n.links = [];\n\t for (var i = 0, len = links.length; i < len; i++) {\n\t var link = links[i];\n\t this.removeLink(link);\n\t }\n\t this._removeNode(n);\n\t }\n\t else {\n\t throw \"The identifier should be a Node or the Id (string) of a node.\";\n\t }\n\t },\n\n\t /**\n\t * Returns whether the given nodes are connected with a least one link independently of the direction.\n\t */\n\t areConnected: function (n1, n2) {\n\t return Utils.any(this.links, function (link) {\n\t return link.source == n1 && link.target == n2 || link.source == n2 && link.target == n1;\n\t });\n\t },\n\n\t /**\n\t * Removes the given link from this graph.\n\t */\n\t removeLink: function (link) {\n\t /* if (!this.links.contains(link)) {\n\t throw \"The given link is not part of the Graph.\";\n\t }\n\t */\n\t Utils.remove(this.links, link);\n\n\t Utils.remove(link.source.outgoing, link);\n\t Utils.remove(link.source.links, link);\n\t Utils.remove(link.target.incoming, link);\n\t Utils.remove(link.target.links, link);\n\t },\n\n\t /**\n\t * Adds a new node to this graph, if not already present.\n\t * The node can be an existing Node or the identifier of a new node.\n\t * No error is thrown if the node is already there and the existing one is returned.\n\t */\n\t addNode: function (nodeOrId, layoutRect, owner) {\n\n\t var newNode = null;\n\n\t if (!Utils.isDefined(nodeOrId)) {\n\t throw \"No Node or identifier for a new Node is given.\";\n\t }\n\n\t if (Utils.isString(nodeOrId)) {\n\t if (this.hasNode(nodeOrId)) {\n\t return this.getNode(nodeOrId);\n\t }\n\t newNode = new Node(nodeOrId);\n\t }\n\t else {\n\t if (this.hasNode(nodeOrId)) {\n\t return this.getNode(nodeOrId);\n\t }\n\t // todo: ensure that the param is a Node?\n\t newNode = nodeOrId;\n\t }\n\n\t if (Utils.isDefined(layoutRect)) {\n\t newNode.bounds(layoutRect);\n\t }\n\n\t if (Utils.isDefined(owner)) {\n\t newNode.owner = owner;\n\t }\n\t this._addNode(newNode);\n\t return newNode;\n\t },\n\n\t /**\n\t * Adds the given Node and its outgoing links.\n\t */\n\t addNodeAndOutgoings: function (node) {\n\t if (!this.hasNode(node)) {\n\t this._addNode(node);\n\t }\n\n\t var newLinks = node.outgoing;\n\t node.outgoing = [];\n\t Utils.forEach(newLinks, function (link) {\n\t this.addExistingLink(link);\n\t }, this);\n\t },\n\n\t /**\n\t * Sets the 'index' property on the links and nodes of this graph.\n\t */\n\t setItemIndices: function () {\n\t var i;\n\t for (i = 0; i < this.nodes.length; ++i) {\n\t this.nodes[i].index = i;\n\t }\n\n\t for (i = 0; i < this.links.length; ++i) {\n\t this.links[i].index = i;\n\t }\n\t },\n\n\t /**\n\t * Returns a clone of this graph.\n\t */\n\t clone: function (saveMapping) {\n\t var copy = new Graph();\n\t var save = Utils.isDefined(saveMapping) && saveMapping === true;\n\t if (save) {\n\t copy.nodeMap = new Dictionary();\n\t copy.linkMap = new Dictionary();\n\t }\n\t // we need a map even if the saveMapping is not set\n\t var map = new Dictionary();\n\t Utils.forEach(this.nodes, function (nOriginal) {\n\t var nCopy = nOriginal.clone();\n\t map.set(nOriginal, nCopy);\n\t copy._addNode(nCopy);\n\n\t if (save) {\n\t copy.nodeMap.set(nCopy, nOriginal);\n\t }\n\t });\n\n\t Utils.forEach(this.links, function (linkOriginal) {\n\t if (map.containsKey(linkOriginal.source) && map.containsKey(linkOriginal.target)) {\n\t var linkCopy = copy.addLink(map.get(linkOriginal.source), map.get(linkOriginal.target));\n\t if (save) {\n\t copy.linkMap.set(linkCopy, linkOriginal);\n\t }\n\t }\n\t });\n\n\t return copy;\n\t },\n\n\t /**\n\t * The parsing allows a quick way to create graphs.\n\t * - [\"n1->n2\", \"n2->n3\"]: creates the three nodes and adds the links\n\t * - [\"n1->n2\", {id: \"QSDF\"}, \"n2->n3\"]: same as previous but also performs a deep extend of the link between n1 and n2 with the given object.\n\t */\n\t linearize: function (addIds) {\n\t return Graph.Utils.linearize(this, addIds);\n\t },\n\n\t /**\n\t * Performs a depth-first traversal starting at the given node.\n\t * @param startNode a node or id of a node in this graph\n\t * @param action\n\t */\n\t depthFirstTraversal: function (startNode, action) {\n\t if (Utils.isUndefined(startNode)) {\n\t throw \"You need to supply a starting node.\";\n\t }\n\t if (Utils.isUndefined(action)) {\n\t throw \"You need to supply an action.\";\n\t }\n\t if (!this.hasNode(startNode)) {\n\t throw \"The given start-node is not part of this graph\";\n\t }\n\t var foundNode = this.getNode(startNode);// case the given one is an Id\n\t var visited = [];\n\t this._dftIterator(foundNode, action, visited);\n\t },\n\n\t _dftIterator: function (node, action, visited) {\n\n\t action(node);\n\t visited.push(node);\n\t var children = node.getChildren();\n\t for (var i = 0, len = children.length; i < len; i++) {\n\t var child = children[i];\n\t if (contains(visited, child)) {\n\t continue;\n\t }\n\t this._dftIterator(child, action, visited);\n\t }\n\t },\n\n\t /**\n\t * Performs a breadth-first traversal starting at the given node.\n\t * @param startNode a node or id of a node in this graph\n\t * @param action\n\t */\n\t breadthFirstTraversal: function (startNode, action) {\n\n\t if (Utils.isUndefined(startNode)) {\n\t throw \"You need to supply a starting node.\";\n\t }\n\t if (Utils.isUndefined(action)) {\n\t throw \"You need to supply an action.\";\n\t }\n\n\t if (!this.hasNode(startNode)) {\n\t throw \"The given start-node is not part of this graph\";\n\t }\n\t var foundNode = this.getNode(startNode);// case the given one is an Id\n\t var queue = new Queue();\n\t var visited = [];\n\t queue.enqueue(foundNode);\n\n\t while (queue.length > 0) {\n\t var node = queue.dequeue();\n\t action(node);\n\t visited.push(node);\n\t var children = node.getChildren();\n\t for (var i = 0, len = children.length; i < len; i++) {\n\t var child = children[i];\n\t if (contains(visited, child) || contains(queue, child)) {\n\t continue;\n\t }\n\t queue.enqueue(child);\n\t }\n\t }\n\t },\n\n\t /**\n\t * This is the classic Tarjan algorithm for strongly connected components.\n\t * See e.g. http://en.wikipedia.org/wiki/Tarjan's_strongly_connected_components_algorithm\n\t * @param excludeSingleItems Whether isolated nodes should be excluded from the analysis.\n\t * @param node The start node from which the analysis starts.\n\t * @param indices Numbers the nodes consecutively in the order in which they are discovered.\n\t * @param lowLinks The smallest index of any node known to be reachable from the node, including the node itself\n\t * @param connected The current component.\n\t * @param stack The bookkeeping stack of things to visit.\n\t * @param index The counter of visited nodes used to assign the indices.\n\t * @private\n\t */\n\t _stronglyConnectedComponents: function (excludeSingleItems, node, indices, lowLinks, connected, stack, index) {\n\t indices.add(node, index);\n\t lowLinks.add(node, index);\n\t index++;\n\n\t stack.push(node);\n\n\t var children = node.getChildren(), next;\n\t for (var i = 0, len = children.length; i < len; i++) {\n\t next = children[i];\n\t if (!indices.containsKey(next)) {\n\t this._stronglyConnectedComponents(excludeSingleItems, next, indices, lowLinks, connected, stack, index);\n\t lowLinks.add(node, Math.min(lowLinks.get(node), lowLinks.get(next)));\n\t }\n\t else if (contains(stack, next)) {\n\t lowLinks.add(node, Math.min(lowLinks.get(node), indices.get(next)));\n\t }\n\t }\n\t // If v is a root node, pop the stack and generate a strong component\n\t if (lowLinks.get(node) === indices.get(node)) {\n\t var component = [];\n\t do {\n\t next = stack.pop();\n\t component.push(next);\n\t }\n\t while (next !== node);\n\t if (!excludeSingleItems || (component.length > 1)) {\n\t connected.push(component);\n\t }\n\t }\n\t },\n\n\t /**\n\t * Returns the cycles found in this graph.\n\t * The returned arrays consist of the nodes which are strongly coupled.\n\t * @param excludeSingleItems Whether isolated nodes should be excluded.\n\t * @returns {Array} The array of cycles found.\n\t */\n\t findCycles: function (excludeSingleItems) {\n\t if (Utils.isUndefined(excludeSingleItems)) {\n\t excludeSingleItems = true;\n\t }\n\t var indices = new Dictionary();\n\t var lowLinks = new Dictionary();\n\t var connected = [];\n\t var stack = [];\n\t for (var i = 0, len = this.nodes.length; i < len; i++) {\n\t var node = this.nodes[i];\n\t if (indices.containsKey(node)) {\n\t continue;\n\t }\n\t this._stronglyConnectedComponents(excludeSingleItems, node, indices, lowLinks, connected, stack, 0);\n\t }\n\t return connected;\n\t },\n\n\t /**\n\t * Returns whether this graph is acyclic.\n\t * @returns {*}\n\t */\n\t isAcyclic: function () {\n\t return Utils.isEmpty(this.findCycles());\n\t },\n\n\t /**\n\t * Returns whether the given graph is a subgraph of this one.\n\t * @param other Another graph instance.\n\t */\n\t isSubGraph: function (other) {\n\t var otherArray = other.linearize();\n\t var thisArray = this.linearize();\n\t return Utils.all(otherArray, function (s) {\n\t return contains(thisArray, s);\n\t });\n\t },\n\n\t /**\n\t * Makes an acyclic graph from the current (connected) one.\n\t * * @returns {Array} The reversed links.\n\t */\n\t makeAcyclic: function () {\n\t // if empty or almost empty\n\t if (this.isEmpty() || this.nodes.length <= 1 || this.links.length <= 1) {\n\t return [];\n\t }\n\t // singular case of just two nodes\n\t if (this.nodes.length == 2) {\n\t var result = [];\n\t if (this.links.length > 1) {\n\t var oneLink = this.links[0];\n\t var oneNode = oneLink.source;\n\t for (var i = 0, len = this.links.length; i < len; i++) {\n\t var link = this.links[i];\n\t if (link.source == oneNode) {\n\t continue;\n\t }\n\t var rev = link.reverse();\n\t result.push(rev);\n\t }\n\t }\n\t return result;\n\t }\n\n\t var copy = this.clone(true); // copy.nodeMap tells you the mapping\n\t var N = this.nodes.length;\n\n\t var intensityCatalog = new Dictionary();\n\n\t /**\n\t * If there are both incoming and outgoing links this will return the flow intensity (out-in).\n\t * Otherwise the node acts as a flow source with N specifying the (equal) intensity.\n\t * @param node\n\t * @returns {number}\n\t */\n\t var flowIntensity = function (node) {\n\t if (node.outgoing.length === 0) {\n\t return (2 - N);\n\t }\n\t else if (node.incoming.length === 0) {\n\t return (N - 2);\n\t }\n\t else {\n\t return node.outgoing.length - node.incoming.length;\n\t }\n\t };\n\n\t /**\n\t * Collects the nodes with the same intensity.\n\t * @param node\n\t * @param intensityCatalog\n\t */\n\t var catalogEqualIntensity = function (node, intensityCatalog) {\n\t var intensity = flowIntensity(node, N);\n\t if (!intensityCatalog.containsKey(intensity)) {\n\t intensityCatalog.set(intensity, []);\n\t }\n\t intensityCatalog.get(intensity).push(node);\n\t };\n\n\t Utils.forEach(copy.nodes, function (v) {\n\t catalogEqualIntensity(v, intensityCatalog);\n\t });\n\n\t var sourceStack = [];\n\t var targetStack = [];\n\n\t while (copy.nodes.length > 0) {\n\t var source, target, intensity;\n\t if (intensityCatalog.containsKey(2 - N)) {\n\t var targets = intensityCatalog.get(2 - N); // nodes without outgoings\n\t while (targets.length > 0) {\n\t target = targets.pop();\n\t for (var li = 0; li < target.links.length; li++) {\n\t var targetLink = target.links[li];\n\t source = targetLink.getComplement(target);\n\t intensity = flowIntensity(source, N);\n\t Utils.remove(intensityCatalog.get(intensity), source);\n\t source.removeLink(targetLink);\n\t catalogEqualIntensity(source, intensityCatalog);\n\t }\n\t copy._removeNode(target);\n\t targetStack.unshift(target);\n\t }\n\t }\n\n\t // move sources to sourceStack\n\t if (intensityCatalog.containsKey(N - 2)) {\n\t var sources = intensityCatalog.get(N - 2); // nodes without incomings\n\t while (sources.length > 0) {\n\t source = sources.pop();\n\t for (var si = 0; si < source.links.length; si++) {\n\t var sourceLink = source.links[si];\n\t target = sourceLink.getComplement(source);\n\t intensity = flowIntensity(target, N);\n\t Utils.remove(intensityCatalog.get(intensity), target);\n\t target.removeLink(sourceLink);\n\t catalogEqualIntensity(target, intensityCatalog);\n\t }\n\t sourceStack.push(source);\n\t copy._removeNode(source);\n\t }\n\t }\n\n\t if (copy.nodes.length > 0) {\n\t for (var k = N - 3; k > 2 - N; k--) {\n\t if (intensityCatalog.containsKey(k) &&\n\t intensityCatalog.get(k).length > 0) {\n\t var maxdiff = intensityCatalog.get(k);\n\t var v = maxdiff.pop();\n\t for (var ri = 0; ri < v.links.length; ri++) {\n\t var ril = v.links[ri];\n\t var u = ril.getComplement(v);\n\t intensity = flowIntensity(u, N);\n\t Utils.remove(intensityCatalog.get(intensity), u);\n\t u.removeLink(ril);\n\t catalogEqualIntensity(u, intensityCatalog);\n\t }\n\t sourceStack.push(v);\n\t copy._removeNode(v);\n\t break;\n\t }\n\t }\n\t }\n\t }\n\n\t sourceStack = sourceStack.concat(targetStack);\n\n\t var vertexOrder = new Dictionary();\n\t for (var kk = 0; kk < this.nodes.length; kk++) {\n\t vertexOrder.set(copy.nodeMap.get(sourceStack[kk]), kk);\n\t }\n\n\t var reversedEdges = [];\n\t Utils.forEach(this.links, function (link) {\n\t if (vertexOrder.get(link.source) > vertexOrder.get(link.target)) {\n\t link.reverse();\n\t reversedEdges.push(link);\n\t }\n\t });\n\t return reversedEdges;\n\t }\n\t });\n\n\t /**\n\t * A collection of predefined graphs for demo and testing purposes.\n\t */\n\t Graph.Predefined = {\n\t /**\n\t * Eight-shapes graph all connected in a cycle.\n\t * @returns {*}\n\t * @constructor\n\t */\n\t EightGraph: function () {\n\t return Graph.Utils.parse([ \"1->2\", \"2->3\", \"3->4\", \"4->1\", \"3->5\", \"5->6\", \"6->7\", \"7->3\"]);\n\t },\n\n\t /**\n\t * Creates a typical mindmap diagram.\n\t * @returns {*}\n\t * @constructor\n\t */\n\t Mindmap: function () {\n\t return Graph.Utils.parse([\"0->1\", \"0->2\", \"0->3\", \"0->4\", \"0->5\", \"1->6\", \"1->7\", \"7->8\", \"2->9\", \"9->10\", \"9->11\", \"3->12\",\n\t \"12->13\", \"13->14\", \"4->15\", \"4->16\", \"15->17\", \"15->18\", \"18->19\", \"18->20\", \"14->21\", \"14->22\", \"5->23\", \"23->24\", \"23->25\", \"6->26\"]);\n\t },\n\n\t /**\n\t * Three nodes connected in a cycle.\n\t * @returns {*}\n\t * @constructor\n\t */\n\t ThreeGraph: function () {\n\t return Graph.Utils.parse([ \"1->2\", \"2->3\", \"3->1\"]);\n\t },\n\n\t /**\n\t * A tree with each node having two children.\n\t * @param levels How many levels the binary tree should have.\n\t * @returns {diagram.Graph}\n\t * @constructor\n\t */\n\t BinaryTree: function (levels) {\n\t if (Utils.isUndefined(levels)) {\n\t levels = 5;\n\t }\n\t return Graph.Utils.createBalancedTree(levels, 2);\n\t },\n\n\t /**\n\t * A linear graph (discrete line segment).\n\t * @param length How many segments (the node count is hence (length+1)).\n\t * @returns {diagram.Graph}\n\t * @constructor\n\t */\n\t Linear: function (length) {\n\t if (Utils.isUndefined(length)) {\n\t length = 10;\n\t }\n\t return Graph.Utils.createBalancedTree(length, 1);\n\t },\n\n\t /**\n\t * A standard tree-graph with the specified levels and children (siblings) count.\n\t * Note that for a balanced tree of level N and sibling count s, counting the root as level zero:\n\t * - NodeCount = (1-s^(N+1))/(1-s)]\n\t * - LinkCount = s.(1-s^N)/(1-s)\n\t * @param levels How many levels the tree should have.\n\t * @param siblingsCount How many siblings each level should have.\n\t * @returns {diagram.Graph}\n\t * @constructor\n\t */\n\t Tree: function (levels, siblingsCount) {\n\t return Graph.Utils.createBalancedTree(levels, siblingsCount);\n\t },\n\n\t /**\n\t * Creates a forest.\n\t * Note that for a balanced forest of level N, sibling count s and tree count t, counting the root as level zero:\n\t * - NodeCount = t.(1-s^(N+1))/(1-s)]\n\t * - LinkCount = t.s.(1-s^N)/(1-s)\n\t * @param levels How many levels the tree should have.\n\t * @param siblingsCount How many siblings each level should have.\n\t * @param trees The amount of trees the forest should have.\n\t * @returns {diagram.Graph}\n\t * @constructor\n\t */\n\t Forest: function (levels, siblingsCount, trees) {\n\t return Graph.Utils.createBalancedForest(levels, siblingsCount, trees);\n\t },\n\n\t /**\n\t * A workflow-like graph with cycles.\n\t * @returns {*}\n\t * @constructor\n\t */\n\t Workflow: function () {\n\t return Graph.Utils.parse(\n\t [\"0->1\", \"1->2\", \"2->3\", \"1->4\", \"4->3\", \"3->5\", \"5->6\", \"6->3\", \"6->7\", \"5->4\"]\n\t );\n\t },\n\n\t /**\n\t * A grid graph with the direction of the links avoiding cycles.\n\t * Node count: (n+1).(m+1)\n\t * Link count: n.(m+1) + m.(n+1)\n\t * @param n Horizontal count of grid cells. If zero this will result in a linear graph.\n\t * @param m Vertical count of grid cells. If zero this will result in a linear graph.\n\t * @constructor\n\t */\n\t Grid: function (n, m) {\n\t var g = new diagram.Graph();\n\t if (n <= 0 && m <= 0) {\n\t return g;\n\t }\n\n\t for (var i = 0; i < n + 1; i++) {\n\t var previous = null;\n\t for (var j = 0; j < m + 1; j++) {\n\t // using x-y coordinates to name the nodes\n\t var node = new Node(i.toString() + \".\" + j.toString());\n\t g.addNode(node);\n\t if (previous) {\n\t g.addLink(previous, node);\n\t }\n\t if (i > 0) {\n\t var left = g.getNode((i - 1).toString() + \".\" + j.toString());\n\t g.addLink(left, node);\n\t }\n\t previous = node;\n\t }\n\t }\n\t return g;\n\t }\n\n\t };\n\n\t /**\n\t * Graph generation and other utilities.\n\t */\n\t Graph.Utils = {\n\t /**\n\t * The parsing allows a quick way to create graphs.\n\t * - [\"n1->n2\", \"n2->n3\"]: creates the three nodes and adds the links\n\t * - [\"n1->n2\", {id: \"id177\"}, \"n2->n3\"]: same as previous but also performs a deep extend of the link between n1 and n2 with the given object.\n\t */\n\t parse: function (graphString) {\n\n\t var previousLink, graph = new diagram.Graph(), parts = graphString.slice();\n\t for (var i = 0, len = parts.length; i < len; i++) {\n\t var part = parts[i];\n\t if (Utils.isString(part)) // link spec\n\t {\n\t if (part.indexOf(\"->\") < 0) {\n\t throw \"The link should be specified as 'a->b'.\";\n\t }\n\t var p = part.split(\"->\");\n\t if (p.length != 2) {\n\t throw \"The link should be specified as 'a->b'.\";\n\t }\n\t previousLink = new Link(p[0], p[1]);\n\t graph.addLink(previousLink);\n\t }\n\t if (Utils.isObject(part)) {\n\t if (!previousLink) {\n\t throw \"Specification found before Link definition.\";\n\t }\n\t kendo.deepExtend(previousLink, part);\n\t }\n\t }\n\t return graph;\n\t },\n\n\t /**\n\t * Returns a linearized representation of the given Graph.\n\t * See also the Graph.Utils.parse method for the inverse operation.\n\t */\n\t linearize: function (graph, addIds) {\n\t if (Utils.isUndefined(graph)) {\n\t throw \"Expected an instance of a Graph object in slot one.\";\n\t }\n\t if (Utils.isUndefined(addIds)) {\n\t addIds = false;\n\t }\n\t var lin = [];\n\t for (var i = 0, len = graph.links.length; i < len; i++) {\n\t var link = graph.links[i];\n\t lin.push(link.source.id + \"->\" + link.target.id);\n\t if (addIds) {\n\t lin.push({id: link.id});\n\t }\n\t }\n\t return lin;\n\t },\n\n\t /**\n\t * The method used by the diagram creation to instantiate a shape.\n\t * @param kendoDiagram The Kendo diagram where the diagram will be created.\n\t * @param p The position at which to place the shape.\n\t * @param shapeDefaults Optional Shape options.\n\t * @param id Optional identifier of the shape.\n\t * @returns {*}\n\t * @private\n\t */\n\t _addShape: function (kendoDiagram, p, id, shapeDefaults) {\n\t if (Utils.isUndefined(p)) {\n\t p = new diagram.Point(0, 0);\n\t }\n\n\t if (Utils.isUndefined(id)) {\n\t id = randomId();\n\t }\n\n\t shapeDefaults = kendo.deepExtend({\n\t width: 20,\n\t height: 20,\n\t id: id,\n\t radius: 10,\n\t fill: \"#778899\",\n\t data: \"circle\",\n\t undoable: false,\n\t x: p.x,\n\t y: p.y\n\t }, shapeDefaults);\n\n\t return kendoDiagram.addShape(shapeDefaults);\n\t },\n\t /**\n\t * The method used by the diagram creation to instantiate a connection.\n\t * @param diagram he Kendo diagram where the diagram will be created.\n\t * @param from The source shape.\n\t * @param to The target shape.\n\t * @param options Optional Connection options.\n\t * @returns {*}\n\t * @private\n\t */\n\t _addConnection: function (diagram, from, to, options) {\n\t return diagram.connect(from, to, options);\n\t },\n\n\t /**\n\t * Creates a diagram from the given Graph.\n\t * @param diagram The Kendo diagram where the diagram will be created.\n\t * @param graph The graph structure defining the diagram.\n\t */\n\t createDiagramFromGraph: function (diagram, graph, doLayout, randomSize) {\n\n\t if (Utils.isUndefined(diagram)) {\n\t throw \"The diagram surface is undefined.\";\n\t }\n\t if (Utils.isUndefined(graph)) {\n\t throw \"No graph specification defined.\";\n\t }\n\t if (Utils.isUndefined(doLayout)) {\n\t doLayout = true;\n\t }\n\t if (Utils.isUndefined(randomSize)) {\n\t randomSize = false;\n\t }\n\n\t var width = diagram.element.clientWidth || 200;\n\t var height = diagram.element.clientHeight || 200;\n\t var map = [], node, shape;\n\t for (var i = 0, len = graph.nodes.length; i < len; i++) {\n\t node = graph.nodes[i];\n\t var p = node.position;\n\t if (Utils.isUndefined(p)) {\n\t if (Utils.isDefined(node.x) && Utils.isDefined(node.y)) {\n\t p = new Point(node.x, node.y);\n\t }\n\t else {\n\t p = new Point(Utils.randomInteger(10, width - 20), Utils.randomInteger(10, height - 20));\n\t }\n\t }\n\t var opt = {};\n\n\t if (node.id === \"0\") {\n\t /* kendo.deepExtend(opt,\n\t {\n\t fill: \"Orange\",\n\t data: 'circle',\n\t width: 100,\n\t height: 100,\n\t center: new Point(50, 50)\n\t });*/\n\t }\n\t else if (randomSize) {\n\t kendo.deepExtend(opt, {\n\t width: Math.random() * 150 + 20,\n\t height: Math.random() * 80 + 50,\n\t data: 'rectangle',\n\t fill: {\n\t color: \"#778899\"\n\t }\n\t });\n\t }\n\n\t shape = this._addShape(diagram, p, node.id, opt);\n\t //shape.content(node.id);\n\n\t var bounds = shape.bounds();\n\t if (Utils.isDefined(bounds)) {\n\t node.x = bounds.x;\n\t node.y = bounds.y;\n\t node.width = bounds.width;\n\t node.height = bounds.height;\n\t }\n\t map[node.id] = shape;\n\t }\n\t for (var gli = 0; gli < graph.links.length; gli++) {\n\t var link = graph.links[gli];\n\t var sourceShape = map[link.source.id];\n\t if (Utils.isUndefined(sourceShape)) {\n\t continue;\n\t }\n\t var targetShape = map[link.target.id];\n\t if (Utils.isUndefined(targetShape)) {\n\t continue;\n\t }\n\t this._addConnection(diagram, sourceShape, targetShape, {id: link.id});\n\n\t }\n\t if (doLayout) {\n\t var l = new diagram.SpringLayout(diagram);\n\t l.layoutGraph(graph, {limitToView: false});\n\t for (var shi = 0; shi < graph.nodes.length; shi++) {\n\t node = graph.nodes[shi];\n\t shape = map[node.id];\n\t shape.bounds(new Rect(node.x, node.y, node.width, node.height));\n\t }\n\t }\n\t },\n\n\t /**\n\t * Creates a balanced tree with the specified number of levels and siblings count.\n\t * Note that for a balanced tree of level N and sibling count s, counting the root as level zero:\n\t * - NodeCount = (1-s^(N+1))/(1-s)]\n\t * - LinkCount = s.(1-s^N)/(1-s)\n\t * @param levels How many levels the tree should have.\n\t * @param siblingsCount How many siblings each level should have.\n\t * @returns {diagram.Graph}\n\t */\n\t createBalancedTree: function (levels, siblingsCount) {\n\t if (Utils.isUndefined(levels)) {\n\t levels = 3;\n\t }\n\t if (Utils.isUndefined(siblingsCount)) {\n\t siblingsCount = 3;\n\t }\n\n\t var g = new diagram.Graph(), counter = -1, lastAdded = [], news;\n\t if (levels <= 0 || siblingsCount <= 0) {\n\t return g;\n\t }\n\t var root = new Node((++counter).toString());\n\t g.addNode(root);\n\t g.root = root;\n\t lastAdded.push(root);\n\t for (var i = 0; i < levels; i++) {\n\t news = [];\n\t for (var j = 0; j < lastAdded.length; j++) {\n\t var parent = lastAdded[j];\n\t for (var k = 0; k < siblingsCount; k++) {\n\t var item = new Node((++counter).toString());\n\t g.addLink(parent, item);\n\t news.push(item);\n\t }\n\t }\n\t lastAdded = news;\n\t }\n\t return g;\n\t },\n\n\t /**\n\t * Creates a balanced tree with the specified number of levels and siblings count.\n\t * Note that for a balanced forest of level N, sibling count s and tree count t, counting the root as level zero:\n\t * - NodeCount = t.(1-s^(N+1))/(1-s)]\n\t * - LinkCount = t.s.(1-s^N)/(1-s)\n\t * @param levels How many levels the tree should have.\n\t * @param siblingsCount How many siblings each level should have.\n\t * @returns {diagram.Graph}\n\t * @param treeCount The number of trees the forest should have.\n\t */\n\t createBalancedForest: function (levels, siblingsCount, treeCount) {\n\t if (Utils.isUndefined(levels)) {\n\t levels = 3;\n\t }\n\t if (Utils.isUndefined(siblingsCount)) {\n\t siblingsCount = 3;\n\t }\n\t if (Utils.isUndefined(treeCount)) {\n\t treeCount = 5;\n\t }\n\t var g = new diagram.Graph(), counter = -1, lastAdded = [], news;\n\t if (levels <= 0 || siblingsCount <= 0 || treeCount <= 0) {\n\t return g;\n\t }\n\n\t for (var t = 0; t < treeCount; t++) {\n\t var root = new Node((++counter).toString());\n\t g.addNode(root);\n\t lastAdded = [root];\n\t for (var i = 0; i < levels; i++) {\n\t news = [];\n\t for (var j = 0; j < lastAdded.length; j++) {\n\t var parent = lastAdded[j];\n\t for (var k = 0; k < siblingsCount; k++) {\n\t var item = new Node((++counter).toString());\n\t g.addLink(parent, item);\n\t news.push(item);\n\t }\n\t }\n\t lastAdded = news;\n\t }\n\t }\n\t return g;\n\t },\n\n\t /**\n\t * Creates a random graph (uniform distribution) with the specified amount of nodes.\n\t * @param nodeCount The amount of nodes the random graph should have.\n\t * @param maxIncidence The maximum allowed degree of the nodes.\n\t * @param isTree Whether the return graph should be a tree (default: false).\n\t * @returns {diagram.Graph}\n\t */\n\t createRandomConnectedGraph: function (nodeCount, maxIncidence, isTree) {\n\n\t /* Swa's Mathematica export of random Bernoulli graphs\n\t gr[n_,p_]:=Module[{g=RandomGraph[BernoulliGraphDistribution[n,p],VertexLabels->\"Name\",DirectedEdges->True]},\n\t While[Not[ConnectedGraphQ[g]],g=RandomGraph[BernoulliGraphDistribution[n,p],VertexLabels->\"Name\",DirectedEdges->True]];g];\n\t project[a_]:=(\"\\\"\"<>ToString[Part[#,1]]<>\"->\"<>ToString[Part[#,2]]<>\"\\\"\")& @ a;\n\t export[g_]:=project/@ EdgeList[g]\n\t g = gr[12,.1]\n\t export [g]\n\t */\n\n\t if (Utils.isUndefined(nodeCount)) {\n\t nodeCount = 40;\n\t }\n\t if (Utils.isUndefined(maxIncidence)) {\n\t maxIncidence = 4;\n\t }\n\t if (Utils.isUndefined(isTree)) {\n\t isTree = false;\n\t }\n\n\t var g = new diagram.Graph(), counter = -1;\n\t if (nodeCount <= 0) {\n\t return g;\n\t }\n\n\t var root = new Node((++counter).toString());\n\t g.addNode(root);\n\t if (nodeCount === 1) {\n\t return g;\n\t }\n\t if (nodeCount > 1) {\n\t // random tree\n\t for (var i = 1; i < nodeCount; i++) {\n\t var poolNode = g.takeRandomNode([], maxIncidence);\n\t if (!poolNode) {\n\t //failed to find one so the graph will have less nodes than specified\n\t break;\n\t }\n\t var newNode = g.addNode(i.toString());\n\t g.addLink(poolNode, newNode);\n\t }\n\t if (!isTree && nodeCount > 1) {\n\t var randomAdditions = Utils.randomInteger(1, nodeCount);\n\t for (var ri = 0; ri < randomAdditions; ri++) {\n\t var n1 = g.takeRandomNode([], maxIncidence);\n\t var n2 = g.takeRandomNode([], maxIncidence);\n\t if (n1 && n2 && !g.areConnected(n1, n2)) {\n\t g.addLink(n1, n2);\n\t }\n\t }\n\t }\n\t return g;\n\t }\n\t },\n\n\t /**\n\t * Generates a random diagram.\n\t * @param diagram The host diagram.\n\t * @param shapeCount The number of shapes the random diagram should contain.\n\t * @param maxIncidence The maximum degree the shapes can have.\n\t * @param isTree Whether the generated diagram should be a tree\n\t * @param layoutType The optional layout type to apply after the diagram is generated.\n\t */\n\t randomDiagram: function (diagram, shapeCount, maxIncidence, isTree, randomSize) {\n\t var g = kendo.dataviz.diagram.Graph.Utils.createRandomConnectedGraph(shapeCount, maxIncidence, isTree);\n\t Graph.Utils.createDiagramFromGraph(diagram, g, false, randomSize);\n\t }\n\t };\n\n\t kendo.deepExtend(diagram, {\n\t init: function (element) {\n\t kendo.init(element, diagram.ui);\n\t },\n\n\t Point: Point,\n\t Intersect: Intersect,\n\t Geometry: Geometry,\n\t Rect: Rect,\n\t Size: Size,\n\t RectAlign: RectAlign,\n\t Matrix: Matrix,\n\t MatrixVector: MatrixVector,\n\t normalVariable: normalVariable,\n\t randomId: randomId,\n\t Dictionary: Dictionary,\n\t HashTable: HashTable,\n\t Queue: Queue,\n\t Set: Set,\n\t Node: Node,\n\t Link: Link,\n\t Graph: Graph,\n\t PathDefiner: PathDefiner\n\t });\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 880:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./utils\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(881);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 860:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 874:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./svg\");\n\n/***/ }),\n\n/***/ 881:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (f, define) {\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(860), __webpack_require__(874) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function () {\n\n\t (function ($, undefined) {\n\t // Imports ================================================================\n\t var kendo = window.kendo,\n\t dataviz = kendo.dataviz,\n\t diagram = dataviz.diagram,\n\t Class = kendo.Class,\n\t Group = diagram.Group,\n\t Rect = diagram.Rect,\n\t Rectangle = diagram.Rectangle,\n\t Utils = diagram.Utils,\n\t isUndefined = Utils.isUndefined,\n\t Point = diagram.Point,\n\t Circle = diagram.Circle,\n\t Ticker = diagram.Ticker,\n\t deepExtend = kendo.deepExtend,\n\t Movable = kendo.ui.Movable,\n\t browser = kendo.support.browser,\n\t util = kendo.drawing.util,\n\t defined = util.defined,\n\t inArray = $.inArray,\n\t proxy = $.proxy;\n\n\t // Constants ==============================================================\n\t var Cursors = {\n\t arrow: \"default\",\n\t grip: \"pointer\",\n\t cross: \"pointer\",\n\t add: \"pointer\",\n\t move: \"move\",\n\t select: \"pointer\",\n\t south: \"s-resize\",\n\t east: \"e-resize\",\n\t west: \"w-resize\",\n\t north: \"n-resize\",\n\t rowresize: \"row-resize\",\n\t colresize: \"col-resize\"\n\t },\n\t HIT_TEST_DISTANCE = 10,\n\t AUTO = \"Auto\",\n\t TOP = \"Top\",\n\t RIGHT = \"Right\",\n\t LEFT = \"Left\",\n\t BOTTOM = \"Bottom\",\n\t DEFAULT_SNAP_SIZE = 10,\n\t DEFAULT_SNAP_ANGLE = 10,\n\t DRAG_START = \"dragStart\",\n\t DRAG = \"drag\",\n\t DRAG_END = \"dragEnd\",\n\t ITEMROTATE = \"itemRotate\",\n\t ITEMBOUNDSCHANGE = \"itemBoundsChange\",\n\t MIN_SNAP_SIZE = 5,\n\t MIN_SNAP_ANGLE = 5,\n\t MOUSE_ENTER = \"mouseEnter\",\n\t MOUSE_LEAVE = \"mouseLeave\",\n\t ZOOM_START = \"zoomStart\",\n\t ZOOM_END = \"zoomEnd\",\n\t SCROLL_MIN = -20000,\n\t SCROLL_MAX = 20000,\n\t FRICTION = 0.90,\n\t FRICTION_MOBILE = 0.93,\n\t VELOCITY_MULTIPLIER = 5,\n\t TRANSPARENT = \"transparent\",\n\t PAN = \"pan\",\n\t ROTATED = \"rotated\",\n\t SOURCE = \"source\",\n\t TARGET = \"target\",\n\t HANDLE_NAMES = {\n\t \"-1\": SOURCE,\n\t \"1\": TARGET\n\t };\n\n\t diagram.Cursors = Cursors;\n\n\t var PositionAdapter = kendo.Class.extend({\n\t init: function (layoutState) {\n\t this.layoutState = layoutState;\n\t this.diagram = layoutState.diagram;\n\t },\n\t initState: function () {\n\t this.froms = [];\n\t this.tos = [];\n\t this.subjects = [];\n\t function pusher(id, bounds) {\n\t var shape = this.diagram.getShapeById(id);\n\t if (shape) {\n\t this.subjects.push(shape);\n\t this.froms.push(shape.bounds().topLeft());\n\t this.tos.push(bounds.topLeft());\n\t }\n\t }\n\n\t this.layoutState.nodeMap.forEach(pusher, this);\n\t },\n\t update: function (tick) {\n\t if (this.subjects.length <= 0) {\n\t return;\n\t }\n\t for (var i = 0; i < this.subjects.length; i++) {\n\t //todo: define a Lerp function instead\n\t this.subjects[i].position(\n\t new Point(this.froms[i].x + (this.tos[i].x - this.froms[i].x) * tick, this.froms[i].y + (this.tos[i].y - this.froms[i].y) * tick)\n\t );\n\t }\n\t }\n\t });\n\n\t var LayoutUndoUnit = Class.extend({\n\t init: function (initialState, finalState, animate) {\n\t if (isUndefined(animate)) {\n\t this.animate = false;\n\t }\n\t else {\n\t this.animate = animate;\n\t }\n\t this._initialState = initialState;\n\t this._finalState = finalState;\n\t this.title = \"Diagram layout\";\n\t },\n\t undo: function () {\n\t this.setState(this._initialState);\n\t },\n\t redo: function () {\n\t this.setState(this._finalState);\n\t },\n\t setState: function (state) {\n\t var diagram = state.diagram;\n\t if (this.animate) {\n\t state.linkMap.forEach(\n\t function (id, points) {\n\t var conn = diagram.getShapeById(id);\n\t conn.visible(false);\n\t if (conn) {\n\t conn.points(points);\n\t }\n\t }\n\t );\n\t var ticker = new Ticker();\n\t ticker.addAdapter(new PositionAdapter(state));\n\t ticker.onComplete(function () {\n\t state.linkMap.forEach(\n\t function (id) {\n\t var conn = diagram.getShapeById(id);\n\t conn.visible(true);\n\t }\n\t );\n\t });\n\t ticker.play();\n\t }\n\t else {\n\t state.nodeMap.forEach(function (id, bounds) {\n\t var shape = diagram.getShapeById(id);\n\t if (shape) {\n\t shape.position(bounds.topLeft());\n\t }\n\t });\n\t state.linkMap.forEach(\n\t function (id, points) {\n\t var conn = diagram.getShapeById(id);\n\t if (conn) {\n\t conn.points(points);\n\t }\n\t }\n\t );\n\t }\n\t }\n\t });\n\n\t var CompositeUnit = Class.extend({\n\t init: function (unit) {\n\t this.units = [];\n\t this.title = \"Composite unit\";\n\t if (unit !== undefined) {\n\t this.units.push(unit);\n\t }\n\t },\n\t add: function (undoUnit) {\n\t this.units.push(undoUnit);\n\t },\n\t undo: function () {\n\t for (var i = 0; i < this.units.length; i++) {\n\t this.units[i].undo();\n\t }\n\t },\n\t redo: function () {\n\t for (var i = 0; i < this.units.length; i++) {\n\t this.units[i].redo();\n\t }\n\t }\n\t });\n\n\t var ConnectionEditUnit = Class.extend({\n\t init: function (item, redoSource, redoTarget) {\n\t this.item = item;\n\t this._redoSource = redoSource;\n\t this._redoTarget = redoTarget;\n\t if (defined(redoSource)) {\n\t this._undoSource = item.source();\n\t }\n\n\t if (defined(redoTarget)) {\n\t this._undoTarget = item.target();\n\t }\n\t this.title = \"Connection Editing\";\n\t },\n\t undo: function () {\n\t if (this._undoSource !== undefined) {\n\t this.item._updateConnector(this._undoSource, \"source\");\n\t }\n\n\t if (this._undoTarget !== undefined) {\n\t this.item._updateConnector(this._undoTarget, \"target\");\n\t }\n\n\t this.item.updateModel();\n\t },\n\t redo: function () {\n\t if (this._redoSource !== undefined) {\n\t this.item._updateConnector(this._redoSource, \"source\");\n\t }\n\n\t if (this._redoTarget !== undefined) {\n\t this.item._updateConnector(this._redoTarget, \"target\");\n\t }\n\n\t this.item.updateModel();\n\t }\n\t });\n\n\t var ConnectionEditUndoUnit = Class.extend({\n\t init: function (item, undoSource, undoTarget) {\n\t this.item = item;\n\t this._undoSource = undoSource;\n\t this._undoTarget = undoTarget;\n\t this._redoSource = item.source();\n\t this._redoTarget = item.target();\n\t this.title = \"Connection Editing\";\n\t },\n\t undo: function () {\n\t this.item._updateConnector(this._undoSource, \"source\");\n\t this.item._updateConnector(this._undoTarget, \"target\");\n\t this.item.updateModel();\n\t },\n\t redo: function () {\n\t this.item._updateConnector(this._redoSource, \"source\");\n\t this.item._updateConnector(this._redoTarget, \"target\");\n\t this.item.updateModel();\n\t }\n\t });\n\n\t var DeleteConnectionUnit = Class.extend({\n\t init: function (connection) {\n\t this.connection = connection;\n\t this.diagram = connection.diagram;\n\t this.targetConnector = connection.targetConnector;\n\t this.title = \"Delete connection\";\n\t },\n\t undo: function () {\n\t this.diagram._addConnection(this.connection, false);\n\t },\n\t redo: function () {\n\t this.diagram.remove(this.connection, false);\n\t }\n\t });\n\n\t var DeleteShapeUnit = Class.extend({\n\t init: function (shape) {\n\t this.shape = shape;\n\t this.diagram = shape.diagram;\n\t this.title = \"Deletion\";\n\t },\n\t undo: function () {\n\t this.diagram._addShape(this.shape, false);\n\t this.shape.select(false);\n\t },\n\t redo: function () {\n\t this.shape.select(false);\n\t this.diagram.remove(this.shape, false);\n\t }\n\t });\n\t /**\n\t * Holds the undoredo state when performing a rotation, translation or scaling. The adorner is optional.\n\t * @type {*}\n\t */\n\t var TransformUnit = Class.extend({\n\t init: function (shapes, undoStates, adorner) {\n\t this.shapes = shapes;\n\t this.undoStates = undoStates;\n\t this.title = \"Transformation\";\n\t this.redoStates = [];\n\t this.adorner = adorner;\n\t for (var i = 0; i < this.shapes.length; i++) {\n\t var shape = this.shapes[i];\n\t this.redoStates.push(shape.bounds());\n\t }\n\t },\n\t undo: function () {\n\t for (var i = 0; i < this.shapes.length; i++) {\n\t var shape = this.shapes[i];\n\t shape.bounds(this.undoStates[i]);\n\t if (shape.hasOwnProperty(\"layout\")) {\n\t shape.layout(shape, this.redoStates[i], this.undoStates[i]);\n\t }\n\t shape.updateModel();\n\t }\n\t if (this.adorner) {\n\t this.adorner.refreshBounds();\n\t this.adorner.refresh();\n\t }\n\t },\n\t redo: function () {\n\t for (var i = 0; i < this.shapes.length; i++) {\n\t var shape = this.shapes[i];\n\t shape.bounds(this.redoStates[i]);\n\t // the 'layout' property, if implemented, lets the shape itself work out what to do with the new bounds\n\t if (shape.hasOwnProperty(\"layout\")) {\n\t shape.layout(shape, this.undoStates[i], this.redoStates[i]);\n\t }\n\t shape.updateModel();\n\t }\n\n\t if (this.adorner) {\n\t this.adorner.refreshBounds();\n\t this.adorner.refresh();\n\t }\n\t }\n\t });\n\n\t var AddConnectionUnit = Class.extend({\n\t init: function (connection, diagram) {\n\t this.connection = connection;\n\t this.diagram = diagram;\n\t this.title = \"New connection\";\n\t },\n\n\t undo: function () {\n\t this.diagram.remove(this.connection, false);\n\t },\n\n\t redo: function () {\n\t this.diagram._addConnection(this.connection, false);\n\t }\n\t });\n\n\t var AddShapeUnit = Class.extend({\n\t init: function (shape, diagram) {\n\t this.shape = shape;\n\t this.diagram = diagram;\n\t this.title = \"New shape\";\n\t },\n\n\t undo: function () {\n\t this.diagram.deselect();\n\t this.diagram.remove(this.shape, false);\n\t },\n\n\t redo: function () {\n\t this.diagram._addShape(this.shape, false);\n\t }\n\t });\n\n\t var PanUndoUnit = Class.extend({\n\t init: function (initialPosition, finalPosition, diagram) {\n\t this.initial = initialPosition;\n\t this.finalPos = finalPosition;\n\t this.diagram = diagram;\n\t this.title = \"Pan Unit\";\n\t },\n\t undo: function () {\n\t this.diagram.pan(this.initial);\n\t },\n\t redo: function () {\n\t this.diagram.pan(this.finalPos);\n\t }\n\t });\n\n\t var RotateUnit = Class.extend({\n\t init: function (adorner, shapes, undoRotates) {\n\t this.shapes = shapes;\n\t this.undoRotates = undoRotates;\n\t this.title = \"Rotation\";\n\t this.redoRotates = [];\n\t this.redoAngle = adorner._angle;\n\t this.adorner = adorner;\n\t this.center = adorner._innerBounds.center();\n\t for (var i = 0; i < this.shapes.length; i++) {\n\t var shape = this.shapes[i];\n\t this.redoRotates.push(shape.rotate().angle);\n\t }\n\t },\n\t undo: function () {\n\t var i, shape;\n\t for (i = 0; i < this.shapes.length; i++) {\n\t shape = this.shapes[i];\n\t shape.rotate(this.undoRotates[i], this.center, false);\n\t if (shape.hasOwnProperty(\"layout\")) {\n\t shape.layout(shape);\n\t }\n\t shape.updateModel();\n\t }\n\t if (this.adorner) {\n\t this.adorner._initialize();\n\t this.adorner.refresh();\n\t }\n\t },\n\t redo: function () {\n\t var i, shape;\n\t for (i = 0; i < this.shapes.length; i++) {\n\t shape = this.shapes[i];\n\t shape.rotate(this.redoRotates[i], this.center, false);\n\t if (shape.hasOwnProperty(\"layout\")) {\n\t shape.layout(shape);\n\t }\n\t shape.updateModel();\n\t }\n\t if (this.adorner) {\n\t this.adorner._initialize();\n\t this.adorner.refresh();\n\t }\n\t }\n\t });\n\n\t var ToFrontUnit = Class.extend({\n\t init: function (diagram, items, initialIndices) {\n\t this.diagram = diagram;\n\t this.indices = initialIndices;\n\t this.items = items;\n\t this.title = \"Rotate Unit\";\n\t },\n\t undo: function () {\n\t this.diagram._toIndex(this.items, this.indices);\n\t },\n\t redo: function () {\n\t this.diagram.toFront(this.items, false);\n\t }\n\t });\n\n\t var ToBackUnit = Class.extend({\n\t init: function (diagram, items, initialIndices) {\n\t this.diagram = diagram;\n\t this.indices = initialIndices;\n\t this.items = items;\n\t this.title = \"Rotate Unit\";\n\t },\n\t undo: function () {\n\t this.diagram._toIndex(this.items, this.indices);\n\t },\n\t redo: function () {\n\t this.diagram.toBack(this.items, false);\n\t }\n\t });\n\n\t /**\n\t * Undo-redo service.\n\t */\n\t var UndoRedoService = kendo.Observable.extend({\n\t init: function (options) {\n\t kendo.Observable.fn.init.call(this, options);\n\t this.bind(this.events, options);\n\t this.stack = [];\n\t this.index = 0;\n\t this.capacity = 100;\n\t },\n\n\t events: [\"undone\", \"redone\"],\n\n\t /**\n\t * Starts the collection of units. Add those with\n\t * the addCompositeItem method and call commit. Or cancel to forget about it.\n\t */\n\t begin: function () {\n\t this.composite = new CompositeUnit();\n\t },\n\n\t /**\n\t * Cancels the collection process of unit started with 'begin'.\n\t */\n\t cancel: function () {\n\t this.composite = undefined;\n\t },\n\n\t /**\n\t * Commits a batch of units.\n\t */\n\t commit: function (execute) {\n\t if (this.composite.units.length > 0) {\n\t this._restart(this.composite, execute);\n\t }\n\t this.composite = undefined;\n\t },\n\n\t /**\n\t * Adds a unit as part of the begin-commit batch.\n\t * @param undoUnit\n\t */\n\t addCompositeItem: function (undoUnit) {\n\t if (this.composite) {\n\t this.composite.add(undoUnit);\n\t } else {\n\t this.add(undoUnit);\n\t }\n\t },\n\n\t /**\n\t * Standard addition of a unit. See also the batch version; begin-addCompositeUnit-commit methods.\n\t * @param undoUnit The unit to be added.\n\t * @param execute If false, the unit will be added but not executed.\n\t */\n\t add: function (undoUnit, execute) {\n\t this._restart(undoUnit, execute);\n\t },\n\n\t /**\n\t * Returns the number of undoable unit in the stack.\n\t * @returns {Number}\n\t */\n\n\t pop: function() {\n\t if (this.index > 0) {\n\t this.stack.pop();\n\t this.index--;\n\t }\n\t },\n\n\t count: function () {\n\t return this.stack.length;\n\t },\n\n\t /**\n\t * Rollback of the unit on top of the stack.\n\t */\n\t undo: function () {\n\t if (this.index > 0) {\n\t this.index--;\n\t this.stack[this.index].undo();\n\t this.trigger(\"undone\");\n\t }\n\t },\n\n\t /**\n\t * Redo of the last undone action.\n\t */\n\t redo: function () {\n\t if (this.stack.length > 0 && this.index < this.stack.length) {\n\t this.stack[this.index].redo();\n\t this.index++;\n\t this.trigger(\"redone\");\n\t }\n\t },\n\n\t _restart: function (composite, execute) {\n\t // throw away anything beyond this point if this is a new branch\n\t this.stack.splice(this.index, this.stack.length - this.index);\n\t this.stack.push(composite);\n\t if (execute !== false) {\n\t this.redo();\n\t } else {\n\t this.index++;\n\t }\n\t // check the capacity\n\t if (this.stack.length > this.capacity) {\n\t this.stack.splice(0, this.stack.length - this.capacity);\n\t this.index = this.capacity; //points to the end of the stack\n\t }\n\t },\n\n\t /**\n\t * Clears the stack.\n\t */\n\t clear: function () {\n\t this.stack = [];\n\t this.index = 0;\n\t }\n\t });\n\n\t// Tools =========================================\n\n\t var EmptyTool = Class.extend({\n\t init: function (toolService) {\n\t this.toolService = toolService;\n\t },\n\t start: function () {\n\t },\n\t move: function () {\n\t },\n\t end: function () {\n\t },\n\t tryActivate: function () {\n\t return false;\n\t },\n\t getCursor: function () {\n\t return Cursors.arrow;\n\t }\n\t });\n\n\t var ScrollerTool = EmptyTool.extend({\n\t init: function (toolService) {\n\t var tool = this;\n\t var friction = kendo.support.mobileOS ? FRICTION_MOBILE : FRICTION;\n\t EmptyTool.fn.init.call(tool, toolService);\n\n\t var diagram = tool.toolService.diagram,\n\t canvas = diagram.canvas;\n\n\t var scroller = diagram.scroller = tool.scroller = $(diagram.scrollable).kendoMobileScroller({\n\t friction: friction,\n\t velocityMultiplier: VELOCITY_MULTIPLIER,\n\t mousewheelScrolling: false,\n\t zoom: false,\n\t scroll: proxy(tool._move, tool)\n\t }).data(\"kendoMobileScroller\");\n\n\t if (canvas.translate) {\n\t tool.movableCanvas = new Movable(canvas.element);\n\t }\n\n\t var virtualScroll = function (dimension, min, max) {\n\t dimension.makeVirtual();\n\t dimension.virtualSize(min || SCROLL_MIN, max || SCROLL_MAX);\n\t };\n\n\t virtualScroll(scroller.dimensions.x);\n\t virtualScroll(scroller.dimensions.y);\n\t scroller.disable();\n\t },\n\n\t tryActivate: function (p, meta) {\n\t var toolService = this.toolService;\n\t var options = toolService.diagram.options.pannable;\n\t var enabled = meta.ctrlKey;\n\n\t if (defined(options.key)) {\n\t if (!options.key || options.key == \"none\") {\n\t enabled = noMeta(meta) && !defined(toolService.hoveredItem);\n\t } else {\n\t enabled = meta[options.key + \"Key\"];\n\t }\n\t }\n\n\t return options !== false && enabled && !defined(toolService.hoveredAdorner) && !defined(toolService._hoveredConnector);\n\t },\n\n\t start: function () {\n\t this.scroller.enable();\n\t },\n\t move: function () {\n\t },//the tool itself should not handle the scrolling. Let kendo scroller take care of this part. Check _move\n\t _move: function (args) {\n\t var tool = this,\n\t diagram = tool.toolService.diagram,\n\t canvas = diagram.canvas,\n\t scrollPos = new Point(args.scrollLeft, args.scrollTop);\n\n\t if (canvas.translate) {\n\t diagram._storePan(scrollPos.times(-1));\n\t tool.movableCanvas.moveTo(scrollPos);\n\t canvas.translate(scrollPos.x, scrollPos.y);\n\t } else {\n\t scrollPos = scrollPos.plus(diagram._pan.times(-1));\n\t }\n\n\t diagram.trigger(PAN, {pan: scrollPos});\n\t },\n\t end: function () {\n\t this.scroller.disable();\n\t },\n\t getCursor: function () {\n\t return Cursors.move;\n\t }\n\t });\n\n\t /**\n\t * The tool handling the transformations via the adorner.\n\t * @type {*}\n\t */\n\t var PointerTool = Class.extend({\n\t init: function (toolService) {\n\t this.toolService = toolService;\n\t },\n\t tryActivate: function () {\n\t return true; // the pointer tool is last and handles all others requests.\n\t },\n\t start: function (p, meta) {\n\t var toolService = this.toolService,\n\t diagram = toolService.diagram,\n\t hoveredItem = toolService.hoveredItem;\n\n\t if (hoveredItem) {\n\t toolService.selectSingle(hoveredItem, meta);\n\t if (hoveredItem.adorner) { //connection\n\t this.adorner = hoveredItem.adorner;\n\t this.handle = this.adorner._hitTest(p);\n\t }\n\t }\n\n\t if (!this.handle) {\n\t this.handle = diagram._resizingAdorner._hitTest(p);\n\t if (this.handle) {\n\t this.adorner = diagram._resizingAdorner;\n\t }\n\t }\n\n\t if (this.adorner) {\n\t if (!this.adorner.isDragHandle(this.handle) || !diagram.trigger(DRAG_START, { shapes: this.adorner.shapes, connections: [] })) {\n\t this.adorner.start(p);\n\t } else {\n\t toolService.startPoint = p;\n\t toolService.end(p);\n\t }\n\t }\n\t },\n\n\t move: function (p) {\n\t if (this.adorner) {\n\t this.adorner.move(this.handle, p);\n\t if (this.adorner.isDragHandle(this.handle)) {\n\t this.toolService.diagram.trigger(DRAG, { shapes: this.adorner.shapes, connections: [] });\n\t }\n\t }\n\t },\n\n\t end: function () {\n\t var diagram = this.toolService.diagram,\n\t adorner = this.adorner,\n\t unit;\n\n\t if (adorner) {\n\t if (!adorner.isDragHandle(this.handle) || !diagram.trigger(DRAG_END, { shapes: adorner.shapes, connections: [] })) {\n\t unit = adorner.stop();\n\t if (unit) {\n\t diagram.undoRedoService.add(unit, false);\n\t }\n\t } else {\n\t adorner.cancel();\n\t }\n\t }\n\n\t this.adorner = undefined;\n\t this.handle = undefined;\n\t },\n\t getCursor: function (p) {\n\t return this.toolService.hoveredItem ? this.toolService.hoveredItem._getCursor(p) : Cursors.arrow;\n\t }\n\t });\n\n\t var SelectionTool = Class.extend({\n\t init: function (toolService) {\n\t this.toolService = toolService;\n\t },\n\t tryActivate: function (p, meta) {\n\t var toolService = this.toolService;\n\t var selectable = toolService.diagram.options.selectable;\n\t var enabled = selectable && selectable.multiple !== false;\n\n\t if (enabled) {\n\t if (selectable.key && selectable.key != \"none\") {\n\t enabled = meta[selectable.key + \"Key\"];\n\t } else {\n\t enabled = noMeta(meta);\n\t }\n\t }\n\n\t return enabled && !defined(toolService.hoveredItem) && !defined(toolService.hoveredAdorner);\n\t },\n\t start: function (p) {\n\t var diagram = this.toolService.diagram;\n\t diagram.deselect();\n\t diagram.selector.start(p);\n\t },\n\t move: function (p) {\n\t var diagram = this.toolService.diagram;\n\t diagram.selector.move(p);\n\t },\n\t end: function (p, meta) {\n\t var diagram = this.toolService.diagram, hoveredItem = this.toolService.hoveredItem;\n\t var rect = diagram.selector.bounds();\n\t if ((!hoveredItem || !hoveredItem.isSelected) && !meta.ctrlKey) {\n\t diagram.deselect();\n\t }\n\t if (!rect.isEmpty()) {\n\t diagram.selectArea(rect);\n\t }\n\t diagram.selector.end();\n\t },\n\t getCursor: function () {\n\t return Cursors.arrow;\n\t }\n\t });\n\n\t var ConnectionTool = Class.extend({\n\t init: function (toolService) {\n\t this.toolService = toolService;\n\t this.type = \"ConnectionTool\";\n\t },\n\t tryActivate: function() {\n\t return this.toolService._hoveredConnector;\n\t },\n\t start: function (p, meta) {\n\t var toolService = this.toolService,\n\t diagram = toolService.diagram,\n\t connector = toolService._hoveredConnector,\n\t connection = diagram._createConnection({}, connector._c, p);\n\n\t if (canDrag(connection) && !diagram.trigger(DRAG_START, { shapes: [], connections: [connection], connectionHandle: TARGET }) && diagram._addConnection(connection)) {\n\t toolService._connectionManipulation(connection, connector._c.shape, true);\n\t toolService._removeHover();\n\t toolService.selectSingle(toolService.activeConnection, meta);\n\t if (meta.type == \"touchmove\") {\n\t diagram._cachedTouchTarget = connector.visual;\n\t }\n\t } else {\n\t connection.source(null);\n\t toolService.end(p);\n\t }\n\t },\n\n\t move: function (p) {\n\t var toolService = this.toolService;\n\t var connection = toolService.activeConnection;\n\n\t connection.target(p);\n\t toolService.diagram.trigger(DRAG, { shapes: [], connections: [connection], connectionHandle: TARGET });\n\t return true;\n\t },\n\n\t end: function (p) {\n\t var toolService = this.toolService,\n\t d = toolService.diagram,\n\t connection = toolService.activeConnection,\n\t hoveredItem = toolService.hoveredItem,\n\t connector = toolService._hoveredConnector,\n\t target,\n\t cachedTouchTarget = d._cachedTouchTarget;\n\n\t if (!connection) {\n\t return;\n\t }\n\n\t if (connector && connector._c != connection.sourceConnector) {\n\t target = connector._c;\n\t } else if (hoveredItem && hoveredItem instanceof diagram.Shape) {\n\t target = hoveredItem.getConnector(AUTO) || hoveredItem.getConnector(p);\n\t } else {\n\t target = p;\n\t }\n\n\t connection.target(target);\n\n\t if (!d.trigger(DRAG_END, { shapes: [], connections: [connection], connectionHandle: TARGET })) {\n\t connection.updateModel();\n\t d._syncConnectionChanges();\n\t } else {\n\t d.remove(connection, false);\n\t d.undoRedoService.pop();\n\t }\n\t toolService._connectionManipulation();\n\n\t if(cachedTouchTarget) {\n\t d._connectorsAdorner.visual.remove(cachedTouchTarget);\n\t d._cachedTouchTarget = null;\n\t }\n\t },\n\n\t getCursor: function () {\n\t return Cursors.arrow;\n\t }\n\t });\n\n\t var ConnectionEditTool = Class.extend({\n\t init: function (toolService) {\n\t this.toolService = toolService;\n\t this.type = \"ConnectionTool\";\n\t },\n\n\t tryActivate: function (p, meta) {\n\t var toolService = this.toolService,\n\t diagram = toolService.diagram,\n\t selectable = diagram.options.selectable,\n\t item = toolService.hoveredItem,\n\t isActive = selectable !== false &&\n\t item && item.path && !(item.isSelected && meta.ctrlKey);\n\n\t if (isActive) {\n\t this._c = item;\n\t }\n\n\t return isActive;\n\t },\n\n\t start: function (p, meta) {\n\t var toolService = this.toolService;\n\t var connection = this._c;\n\n\t toolService.selectSingle(connection, meta);\n\n\t var adorner = connection.adorner;\n\n\t var handle, name;\n\t if (adorner) {\n\t handle = adorner._hitTest(p);\n\t name = HANDLE_NAMES[handle];\n\t }\n\n\t if (canDrag(connection) && adorner && !toolService.diagram.trigger(DRAG_START, { shapes: [], connections: [connection], connectionHandle: name })) {\n\t this.handle = handle;\n\t this.handleName = name;\n\t adorner.start(p);\n\t } else {\n\t toolService.startPoint = p;\n\t toolService.end(p);\n\t }\n\t },\n\n\t move: function (p) {\n\t var adorner = this._c.adorner;\n\t if (canDrag(this._c) && adorner) {\n\t adorner.move(this.handle, p);\n\t this.toolService.diagram.trigger(DRAG, { shapes: [], connections: [this._c], connectionHandle: this.handleName });\n\n\t return true;\n\t }\n\t },\n\n\t end: function (p) {\n\t var connection = this._c;\n\t var adorner = connection.adorner;\n\t var toolService = this.toolService;\n\t var diagram = toolService.diagram;\n\n\t if (adorner) {\n\t if (canDrag(connection)) {\n\t var unit = adorner.stop(p);\n\t if (!diagram.trigger(DRAG_END, { shapes: [], connections: [connection], connectionHandle: this.handleName })) {\n\t diagram.undoRedoService.add(unit, false);\n\t connection.updateModel();\n\t diagram._syncConnectionChanges();\n\t } else {\n\t unit.undo();\n\t }\n\t }\n\t }\n\t },\n\n\t getCursor: function () {\n\t return Cursors.move;\n\t }\n\t });\n\n\t function testKey(key, str) {\n\t return str.charCodeAt(0) == key || str.toUpperCase().charCodeAt(0) == key;\n\t }\n\n\t /**\n\t * The service managing the tools.\n\t * @type {*}\n\t */\n\t var ToolService = Class.extend({\n\t init: function (diagram) {\n\t this.diagram = diagram;\n\t this.tools = [\n\t new ScrollerTool(this),\n\t new ConnectionEditTool(this),\n\t new ConnectionTool(this),\n\t new SelectionTool(this),\n\t new PointerTool(this)\n\t ]; // the order matters.\n\n\t this.activeTool = undefined;\n\t },\n\n\t start: function (p, meta) {\n\t meta = deepExtend({}, meta);\n\t if (this.activeTool) {\n\t this.activeTool.end(p, meta);\n\t }\n\t this._updateHoveredItem(p);\n\t this._activateTool(p, meta);\n\t this.activeTool.start(p, meta);\n\t this._updateCursor(p);\n\t this.diagram.focus();\n\t this.diagram.canvas.surface.suspendTracking();\n\t this.startPoint = p;\n\t return true;\n\t },\n\n\t move: function (p, meta) {\n\t meta = deepExtend({}, meta);\n\t var updateHovered = true;\n\t if (this.activeTool) {\n\t updateHovered = this.activeTool.move(p, meta);\n\t }\n\t if (updateHovered) {\n\t this._updateHoveredItem(p);\n\t }\n\t this._updateCursor(p);\n\t return true;\n\t },\n\n\t end: function (p, meta) {\n\t meta = deepExtend({}, meta);\n\t if (this.activeTool) {\n\t this.activeTool.end(p, meta);\n\t }\n\t this.diagram.canvas.surface.resumeTracking();\n\t this.activeTool = undefined;\n\t this._updateCursor(p);\n\t return true;\n\t },\n\n\t keyDown: function (key, meta) {\n\t var diagram = this.diagram;\n\t meta = deepExtend({ ctrlKey: false, metaKey: false, altKey: false }, meta);\n\t if ((meta.ctrlKey || meta.metaKey) && !meta.altKey) {// ctrl or option\n\t if (testKey(key, \"a\")) {// A: select all\n\t diagram.selectAll();\n\t diagram._destroyToolBar();\n\t return true;\n\t } else if (testKey(key, \"z\")) {// Z: undo\n\t diagram.undo();\n\t diagram._destroyToolBar();\n\t return true;\n\t } else if (testKey(key, \"y\")) {// y: redo\n\t diagram.redo();\n\t diagram._destroyToolBar();\n\t return true;\n\t } else if (testKey(key, \"c\")) {\n\t diagram.copy();\n\t diagram._destroyToolBar();\n\t } else if (testKey(key, \"x\")) {\n\t diagram.cut();\n\t diagram._destroyToolBar();\n\t } else if (testKey(key, \"v\")) {\n\t diagram.paste();\n\t diagram._destroyToolBar();\n\t } else if (testKey(key, \"l\")) {\n\t diagram.layout();\n\t diagram._destroyToolBar();\n\t } else if (testKey(key, \"d\")) {\n\t diagram._destroyToolBar();\n\t diagram.copy();\n\t diagram.paste();\n\t }\n\t } else if (key === 46 || key === 8) {// del: deletion\n\t var toRemove = this.diagram._triggerRemove(diagram.select());\n\t if (toRemove.length) {\n\t this.diagram.remove(toRemove, true);\n\t this.diagram._syncChanges();\n\t this.diagram._destroyToolBar();\n\t }\n\n\t return true;\n\t } else if (key === 27) {// ESC: stop any action\n\t this._discardNewConnection();\n\t diagram.deselect();\n\t diagram._destroyToolBar();\n\t return true;\n\t }\n\n\t },\n\t wheel: function (p, meta) {\n\t var diagram = this.diagram,\n\t delta = meta.delta,\n\t z = diagram.zoom(),\n\t options = diagram.options,\n\t zoomRate = options.zoomRate,\n\t zoomOptions = { point: p, meta: meta, zoom: z };\n\n\t if (diagram.trigger(ZOOM_START, zoomOptions)) {\n\t return;\n\t }\n\n\t if (delta < 0) {\n\t z += zoomRate;\n\t } else {\n\t z -= zoomRate;\n\t }\n\n\t z = kendo.dataviz.round(Math.max(options.zoomMin, Math.min(options.zoomMax, z)), 2);\n\t zoomOptions.zoom = z;\n\n\t diagram.zoom(z, zoomOptions);\n\t diagram.trigger(ZOOM_END, zoomOptions);\n\n\t return true;\n\t },\n\t setTool: function (tool, index) {\n\t tool.toolService = this;\n\t this.tools[index] = tool;\n\t },\n\n\t selectSingle: function(item, meta) {\n\t var diagram = this.diagram;\n\t var selectable = diagram.options.selectable;\n\t if (selectable && !item.isSelected && item.options.selectable !== false) {\n\t var addToSelection = meta.ctrlKey && selectable.multiple !== false;\n\t diagram.select(item, { addToSelection: addToSelection });\n\t }\n\t },\n\n\t _discardNewConnection: function () {\n\t if (this.newConnection) {\n\t this.diagram.remove(this.newConnection);\n\t this.newConnection = undefined;\n\t }\n\t },\n\t _activateTool: function (p, meta) {\n\t for (var i = 0; i < this.tools.length; i++) {\n\t var tool = this.tools[i];\n\t if (tool.tryActivate(p, meta)) {\n\t this.activeTool = tool;\n\t break; // activating the first available tool in the loop.\n\t }\n\t }\n\t },\n\t _updateCursor: function (p) {\n\t var element = this.diagram.element;\n\t var cursor = this.activeTool ? this.activeTool.getCursor(p) : (this.hoveredAdorner ? this.hoveredAdorner._getCursor(p) : (this.hoveredItem ? this.hoveredItem._getCursor(p) : Cursors.arrow));\n\n\t element.css({cursor: cursor});\n\t // workaround for IE 7 issue in which the elements overflow the container after setting cursor\n\t if (browser.msie && browser.version == 7) {\n\t element[0].style.cssText = element[0].style.cssText;\n\t }\n\t },\n\t _connectionManipulation: function (connection, disabledShape, isNew) {\n\t this.activeConnection = connection;\n\t this.disabledShape = disabledShape;\n\t if (isNew) {\n\t this.newConnection = this.activeConnection;\n\t } else {\n\t this.newConnection = undefined;\n\t }\n\t },\n\t _updateHoveredItem: function (p) {\n\t var hit = this._hitTest(p);\n\t var diagram = this.diagram;\n\n\t if (hit != this.hoveredItem && (!this.disabledShape || hit != this.disabledShape)) {\n\t if (this.hoveredItem) {\n\t diagram.trigger(MOUSE_LEAVE, { item: this.hoveredItem });\n\t this.hoveredItem._hover(false);\n\t }\n\n\t if (hit && hit.options.enable) {\n\t diagram.trigger(MOUSE_ENTER, { item: hit });\n\n\t this.hoveredItem = hit; // Shape, connection or connector\n\t this.hoveredItem._hover(true);\n\t } else {\n\t this.hoveredItem = undefined;\n\t }\n\t }\n\t },\n\t _removeHover: function () {\n\t if (this.hoveredItem) {\n\t this.hoveredItem._hover(false);\n\t this.hoveredItem = undefined;\n\t }\n\t },\n\t _hitTest: function (point) {\n\t var hit, d = this.diagram, item, i;\n\n\t // connectors\n\t if (this._hoveredConnector) {\n\t this._hoveredConnector._hover(false);\n\t this._hoveredConnector = undefined;\n\t }\n\t if (d._connectorsAdorner._visible) {\n\t hit = d._connectorsAdorner._hitTest(point);\n\t if (hit) {\n\t return hit;\n\t }\n\t }\n\n\t hit = this.diagram._resizingAdorner._hitTest(point);\n\t if (hit) {\n\t this.hoveredAdorner = d._resizingAdorner;\n\t if (hit.x !== 0 || hit.y !== 0) { // hit testing for resizers or rotator, otherwise if (0,0) than pass through.\n\t return;\n\t }\n\t hit = undefined;\n\t } else {\n\t this.hoveredAdorner = undefined;\n\t }\n\n\t if (!this.activeTool || this.activeTool.type !== \"ConnectionTool\") {\n\t var selectedConnections = []; // only the connections should have higher presence because the connection edit point is on top of connector.\n\t // TODO: This should be reworked. The connection adorner should be one for all selected connections and should be hit tested prior the connections and shapes itself.\n\t for (i = 0; i < d._selectedItems.length; i++) {\n\t item = d._selectedItems[i];\n\t if (item instanceof diagram.Connection) {\n\t selectedConnections.push(item);\n\t }\n\t }\n\t hit = this._hitTestItems(selectedConnections, point);\n\t }\n\n\t return hit || this._hitTestElements(point);\n\t },\n\n\t _hitTestElements: function(point) {\n\t var diagram = this.diagram;\n\t var shapeHit = this._hitTestItems(diagram.shapes, point);\n\t var connectionHit = this._hitTestItems(diagram.connections, point);\n\t var hit;\n\n\t if ((!this.activeTool || this.activeTool.type != \"ConnectionTool\") && shapeHit && connectionHit && !hitTestShapeConnectors(shapeHit, point)) {\n\t var mainLayer = diagram.mainLayer;\n\t var shapeIdx = inArray(shapeHit.visual, mainLayer.children);\n\t var connectionIdx = inArray(connectionHit.visual, mainLayer.children);\n\t hit = shapeIdx > connectionIdx ? shapeHit : connectionHit;\n\t }\n\t return hit || shapeHit || connectionHit;\n\t },\n\n\t _hitTestItems: function (array, point) {\n\t var i, item, hit;\n\t for (i = array.length - 1; i >= 0; i--) {\n\t item = array[i];\n\t hit = item._hitTest(point);\n\t if (hit) {\n\t return hit;\n\t }\n\t }\n\t }\n\t });\n\n\t// Routing =========================================\n\n\t /**\n\t * Base class for connection routers.\n\t */\n\t var ConnectionRouterBase = kendo.Class.extend({\n\t init: function () {\n\t }\n\t /*route: function (connection) {\n\t },\n\t hitTest: function (p) {\n\n\t },\n\t getBounds: function () {\n\n\t }*/\n\t });\n\n\t /**\n\t * Base class for polyline and cascading routing.\n\t */\n\t var LinearConnectionRouter = ConnectionRouterBase.extend({\n\t init: function (connection) {\n\t var that = this;\n\t ConnectionRouterBase.fn.init.call(that);\n\t this.connection = connection;\n\t },\n\t /**\n\t * Hit testing for polyline paths.\n\t */\n\t hitTest: function (p) {\n\t var rec = this.getBounds().inflate(HIT_TEST_DISTANCE);\n\t if (!rec.contains(p)) {\n\t return false;\n\t }\n\t return diagram.Geometry.distanceToPolyline(p, this.connection.allPoints()) < HIT_TEST_DISTANCE;\n\t },\n\n\t /**\n\t * Bounds of a polyline.\n\t * @returns {kendo.dataviz.diagram.Rect}\n\t */\n\t getBounds: function () {\n\t var points = this.connection.allPoints(),\n\t s = points[0],\n\t e = points[points.length - 1],\n\t right = Math.max(s.x, e.x),\n\t left = Math.min(s.x, e.x),\n\t top = Math.min(s.y, e.y),\n\t bottom = Math.max(s.y, e.y);\n\n\t for (var i = 1; i < points.length - 1; ++i) {\n\t right = Math.max(right, points[i].x);\n\t left = Math.min(left, points[i].x);\n\t top = Math.min(top, points[i].y);\n\t bottom = Math.max(bottom, points[i].y);\n\t }\n\n\t return new Rect(left, top, right - left, bottom - top);\n\t }\n\t });\n\n\t /**\n\t * A simple poly-linear routing which does not alter the intermediate points.\n\t * Does hold the underlying hit, bounds....logic.\n\t * @type {*|Object|void|extend|Zepto.extend|b.extend}\n\t */\n\t var PolylineRouter = LinearConnectionRouter.extend({\n\t init: function (connection) {\n\t var that = this;\n\t LinearConnectionRouter.fn.init.call(that);\n\t this.connection = connection;\n\t },\n\t route: function () {\n\t // just keep the points as is\n\t }\n\t });\n\n\t var CascadingRouter = LinearConnectionRouter.extend({\n\t SAME_SIDE_DISTANCE_RATIO: 5,\n\n\t init: function (connection) {\n\t var that = this;\n\t LinearConnectionRouter.fn.init.call(that);\n\t this.connection = connection;\n\t },\n\n\t routePoints: function(start, end, sourceConnector, targetConnector) {\n\t var result;\n\n\t if (sourceConnector && targetConnector) {\n\t result = this._connectorPoints(start, end, sourceConnector, targetConnector);\n\t } else {\n\t result = this._floatingPoints(start, end, sourceConnector);\n\t }\n\t return result;\n\t },\n\n\t route: function () {\n\t var sourceConnector = this.connection._resolvedSourceConnector;\n\t var targetConnector = this.connection._resolvedTargetConnector;\n\t var start = this.connection.sourcePoint();\n\t var end = this.connection.targetPoint();\n\t var points = this.routePoints(start, end, sourceConnector, targetConnector);\n\t this.connection.points(points);\n\t },\n\n\t _connectorSides: [{\n\t name: \"Top\",\n\t axis: \"y\",\n\t boundsPoint: \"topLeft\",\n\t secondarySign: 1\n\t }, {\n\t name: \"Left\",\n\t axis: \"x\",\n\t boundsPoint: \"topLeft\",\n\t secondarySign: 1\n\t }, {\n\t name: \"Bottom\",\n\t axis: \"y\",\n\t boundsPoint: \"bottomRight\",\n\t secondarySign: -1\n\t }, {\n\t name: \"Right\",\n\t axis: \"x\",\n\t boundsPoint: \"bottomRight\",\n\t secondarySign: -1\n\t }],\n\n\t _connectorSide: function(connector, targetPoint) {\n\t var position = connector.position();\n\t var shapeBounds = connector.shape.bounds(ROTATED);\n\t var bounds = {\n\t topLeft: shapeBounds.topLeft(),\n\t bottomRight: shapeBounds.bottomRight()\n\t };\n\t var sides = this._connectorSides;\n\t var min = util.MAX_NUM;\n\t var sideDistance;\n\t var minSide;\n\t var axis;\n\t var side;\n\t for (var idx = 0; idx < sides.length; idx++) {\n\t side = sides[idx];\n\t axis = side.axis;\n\t sideDistance = Math.round(Math.abs(position[axis] - bounds[side.boundsPoint][axis]));\n\t if (sideDistance < min) {\n\t min = sideDistance;\n\t minSide = side;\n\t } else if (sideDistance === min &&\n\t (position[axis] - targetPoint[axis]) * side.secondarySign > (position[minSide.axis] - targetPoint[minSide.axis]) * minSide.secondarySign) {\n\t minSide = side;\n\t }\n\t }\n\t return minSide.name;\n\t },\n\n\t _sameSideDistance: function(connector) {\n\t var bounds = connector.shape.bounds(ROTATED);\n\t return Math.min(bounds.width, bounds.height) / this.SAME_SIDE_DISTANCE_RATIO;\n\t },\n\n\t _connectorPoints: function(start, end, sourceConnector, targetConnector) {\n\t var sourceConnectorSide = this._connectorSide(sourceConnector, end);\n\t var targetConnectorSide = this._connectorSide(targetConnector, start);\n\t var deltaX = end.x - start.x;\n\t var deltaY = end.y - start.y;\n\t var sameSideDistance = this._sameSideDistance(sourceConnector);\n\t var result = [];\n\t var pointX, pointY;\n\n\t if (sourceConnectorSide === TOP || sourceConnectorSide == BOTTOM) {\n\t if (targetConnectorSide == TOP || targetConnectorSide == BOTTOM) {\n\t if (sourceConnectorSide == targetConnectorSide) {\n\t if (sourceConnectorSide == TOP) {\n\t pointY = Math.min(start.y, end.y) - sameSideDistance;\n\t } else {\n\t pointY = Math.max(start.y, end.y) + sameSideDistance;\n\t }\n\t result = [new Point(start.x, pointY), new Point(end.x, pointY)];\n\t } else {\n\t result = [new Point(start.x, start.y + deltaY / 2), new Point(end.x, start.y + deltaY / 2)];\n\t }\n\t } else {\n\t result = [new Point(start.x, end.y)];\n\t }\n\t } else {\n\t if (targetConnectorSide == LEFT || targetConnectorSide == RIGHT) {\n\t if (sourceConnectorSide == targetConnectorSide) {\n\t if (sourceConnectorSide == LEFT) {\n\t pointX = Math.min(start.x, end.x) - sameSideDistance;\n\t } else {\n\t pointX = Math.max(start.x, end.x) + sameSideDistance;\n\t }\n\t result = [new Point(pointX, start.y), new Point(pointX, end.y)];\n\t } else {\n\t result = [new Point(start.x + deltaX / 2, start.y), new Point(start.x + deltaX / 2, start.y + deltaY)];\n\t }\n\t } else {\n\t result = [new Point(end.x, start.y)];\n\t }\n\t }\n\t return result;\n\t },\n\n\t _floatingPoints: function(start, end, sourceConnector) {\n\t var sourceConnectorSide = sourceConnector ? this._connectorSide(sourceConnector, end) : null;\n\t var cascadeStartHorizontal = this._startHorizontal(start, end, sourceConnectorSide);\n\t var points = [start, start, end, end];\n\t var deltaX = end.x - start.x;\n\t var deltaY = end.y - start.y;\n\t var length = points.length;\n\t var shiftX;\n\t var shiftY;\n\n\t // note that this is more generic than needed for only two intermediate points.\n\t for (var idx = 1; idx < length - 1; ++idx) {\n\t if (cascadeStartHorizontal) {\n\t if (idx % 2 !== 0) {\n\t shiftX = deltaX / (length / 2);\n\t shiftY = 0;\n\t }\n\t else {\n\t shiftX = 0;\n\t shiftY = deltaY / ((length - 1) / 2);\n\t }\n\t }\n\t else {\n\t if (idx % 2 !== 0) {\n\t shiftX = 0;\n\t shiftY = deltaY / (length / 2);\n\t }\n\t else {\n\t shiftX = deltaX / ((length - 1) / 2);\n\t shiftY = 0;\n\t }\n\t }\n\t points[idx] = new Point(points[idx - 1].x + shiftX, points[idx - 1].y + shiftY);\n\t }\n\t // need to fix the wrong 1.5 factor of the last intermediate point\n\t idx--;\n\t if ((cascadeStartHorizontal && (idx % 2 !== 0)) || (!cascadeStartHorizontal && (idx % 2 === 0))) {\n\t points[length - 2] = new Point(points[length - 1].x, points[length - 2].y);\n\t } else {\n\t points[length - 2] = new Point(points[length - 2].x, points[length - 1].y);\n\t }\n\n\t return [points[1], points[2]];\n\t },\n\n\t _startHorizontal: function (start, end, sourceSide) {\n\t var horizontal;\n\t if (sourceSide !== null && (sourceSide === RIGHT || sourceSide === LEFT)) {\n\t horizontal = true;\n\t } else {\n\t horizontal = Math.abs(start.x - end.x) > Math.abs(start.y - end.y);\n\t }\n\n\t return horizontal;\n\t }\n\t });\n\n\t// Adorners =========================================\n\n\t var AdornerBase = Class.extend({\n\t init: function (diagram, options) {\n\t var that = this;\n\t that.diagram = diagram;\n\t that.options = deepExtend({}, that.options, options);\n\t that.visual = new Group();\n\t that.diagram._adorners.push(that);\n\t },\n\t refresh: function () {\n\n\t }\n\t });\n\n\t var ConnectionEditAdorner = AdornerBase.extend({\n\t init: function (connection, options) {\n\t var that = this, diagram;\n\t that.connection = connection;\n\t diagram = that.connection.diagram;\n\t that._ts = diagram.toolService;\n\t AdornerBase.fn.init.call(that, diagram, options);\n\t var sp = that.connection.sourcePoint();\n\t var tp = that.connection.targetPoint();\n\t that.spVisual = new Circle(deepExtend(that.options.handles, { center: sp }));\n\t that.epVisual = new Circle(deepExtend(that.options.handles, { center: tp }));\n\t that.visual.append(that.spVisual);\n\t that.visual.append(that.epVisual);\n\t },\n\n\t options: {\n\t handles: {}\n\t },\n\n\t _getCursor: function () {\n\t return Cursors.move;\n\t },\n\n\t start: function (p) {\n\t this.handle = this._hitTest(p);\n\t this.startPoint = p;\n\t this._initialSource = this.connection.source();\n\t this._initialTarget = this.connection.target();\n\t switch (this.handle) {\n\t case -1:\n\t if (this.connection.targetConnector) {\n\t this._ts._connectionManipulation(this.connection, this.connection.targetConnector.shape);\n\t }\n\t break;\n\t case 1:\n\t if (this.connection.sourceConnector) {\n\t this._ts._connectionManipulation(this.connection, this.connection.sourceConnector.shape);\n\t }\n\t break;\n\t }\n\t },\n\n\t move: function (handle, p) {\n\t switch (handle) {\n\t case -1:\n\t this.connection.source(p);\n\t break;\n\t case 1:\n\t this.connection.target(p);\n\t break;\n\t default:\n\t var delta = p.minus(this.startPoint);\n\t this.startPoint = p;\n\t if (!this.connection.sourceConnector) {\n\t this.connection.source(this.connection.sourcePoint().plus(delta));\n\t }\n\t if (!this.connection.targetConnector) {\n\t this.connection.target(this.connection.targetPoint().plus(delta));\n\t }\n\t break;\n\t }\n\t this.refresh();\n\t return true;\n\t },\n\n\t stop: function (p) {\n\t var ts = this.diagram.toolService, item = ts.hoveredItem, target;\n\t if (ts._hoveredConnector) {\n\t target = ts._hoveredConnector._c;\n\t } else if (item && item instanceof diagram.Shape) {\n\t target = item.getConnector(AUTO) || item.getConnector(p);\n\t } else {\n\t target = p;\n\t }\n\n\t if (this.handle === -1) {\n\t this.connection.source(target);\n\t } else if (this.handle === 1) {\n\t this.connection.target(target);\n\t }\n\n\t this.handle = undefined;\n\t this._ts._connectionManipulation();\n\t return new ConnectionEditUndoUnit(this.connection, this._initialSource, this._initialTarget);\n\t },\n\n\t _hitTest: function (point) {\n\t var sourcePoint = this.connection.sourcePoint();\n\t var targetPoint = this.connection.targetPoint();\n\t var radiusX = this.options.handles.width / 2 + HIT_TEST_DISTANCE;\n\t var radiusY = this.options.handles.height / 2 + HIT_TEST_DISTANCE;\n\t var sourcePointDistance = sourcePoint.distanceTo(point);\n\t var targetPointDistance = targetPoint.distanceTo(point);\n\t var sourceHandle = new Rect(sourcePoint.x, sourcePoint.y).inflate(radiusX, radiusY).contains(point);\n\t var targetHandle = new Rect(targetPoint.x, targetPoint.y).inflate(radiusX, radiusY).contains(point);\n\t var handle = 0;\n\n\t if (sourceHandle && (!targetHandle || sourcePointDistance < targetPointDistance)) {\n\t handle = -1;\n\t } else if (targetHandle && (!sourceHandle || targetPointDistance < sourcePointDistance)) {\n\t handle = 1;\n\t }\n\n\t return handle;\n\t },\n\n\t refresh: function () {\n\t this.spVisual.redraw({ center: this.diagram.modelToLayer(this.connection.sourcePoint()) });\n\t this.epVisual.redraw({ center: this.diagram.modelToLayer(this.connection.targetPoint()) });\n\t }\n\t });\n\n\t var ConnectorsAdorner = AdornerBase.extend({\n\t init: function (diagram, options) {\n\t var that = this;\n\t AdornerBase.fn.init.call(that, diagram, options);\n\t that._refreshHandler = function (e) {\n\t if (e.item == that.shape) {\n\t that.refresh();\n\t }\n\t };\n\t },\n\n\t show: function (shape) {\n\t var that = this, len, i, ctr;\n\t that._visible = true;\n\t that.shape = shape;\n\t that.diagram.bind(ITEMBOUNDSCHANGE, that._refreshHandler);\n\t len = shape.connectors.length;\n\t that.connectors = [];\n\t that._clearVisual();\n\t for (i = 0; i < len; i++) {\n\t ctr = new ConnectorVisual(shape.connectors[i]);\n\t that.connectors.push(ctr);\n\t that.visual.append(ctr.visual);\n\t }\n\t that.visual.visible(true);\n\t that.refresh();\n\t },\n\n\t _clearVisual: function() {\n\t var that = this;\n\t if(that.diagram._cachedTouchTarget) {\n\t that._keepCachedTouchTarget();\n\t } else {\n\t that.visual.clear();\n\t }\n\t },\n\n\t _keepCachedTouchTarget: function () {\n\t var that = this,\n\t visualChildren = that.visual.children;\n\t var childrenCount = visualChildren.length;\n\t var index = inArray(that.diagram._cachedTouchTarget, visualChildren);\n\t for (var i = childrenCount - 1; i >= 0; i--) {\n\t if(i == index) {\n\t continue;\n\t }\n\t that.visual.remove(visualChildren[i]);\n\t }\n\t },\n\n\t destroy: function () {\n\t var that = this;\n\t that.diagram.unbind(ITEMBOUNDSCHANGE, that._refreshHandler);\n\t that.shape = undefined;\n\t that._visible = undefined;\n\t that.visual.visible(false);\n\t },\n\n\t _hitTest: function (p) {\n\t var ctr, i;\n\t for (i = 0; i < this.connectors.length; i++) {\n\t ctr = this.connectors[i];\n\t if (ctr._hitTest(p)) {\n\t ctr._hover(true);\n\t this.diagram.toolService._hoveredConnector = ctr;\n\t break;\n\t }\n\t }\n\t },\n\n\t refresh: function () {\n\t if (this.shape) {\n\t var bounds = this.shape.bounds();\n\t bounds = this.diagram.modelToLayer(bounds);\n\t this.visual.position(bounds.topLeft());\n\t $.each(this.connectors, function () {\n\t this.refresh();\n\t });\n\t }\n\t }\n\t });\n\n\t function hitToOppositeSide(hit, bounds) {\n\t var result;\n\n\t if (hit.x == -1 && hit.y == -1) {\n\t result = bounds.bottomRight();\n\t } else if (hit.x == 1 && hit.y == 1) {\n\t result = bounds.topLeft();\n\t } else if (hit.x == -1 && hit.y == 1) {\n\t result = bounds.topRight();\n\t } else if (hit.x == 1 && hit.y == -1) {\n\t result = bounds.bottomLeft();\n\t } else if (hit.x === 0 && hit.y == -1) {\n\t result = bounds.bottom();\n\t } else if (hit.x === 0 && hit.y == 1) {\n\t result = bounds.top();\n\t } else if (hit.x == 1 && hit.y === 0) {\n\t result = bounds.left();\n\t } else if (hit.x == -1 && hit.y === 0) {\n\t result = bounds.right();\n\t }\n\n\t return result;\n\t }\n\n\t var ResizingAdorner = AdornerBase.extend({\n\t init: function (diagram, options) {\n\t var that = this;\n\t AdornerBase.fn.init.call(that, diagram, options);\n\t that._manipulating = false;\n\t that.map = [];\n\t that.shapes = [];\n\n\t that._initSelection();\n\t that._createHandles();\n\t that.redraw();\n\t that.diagram.bind(\"select\", function (e) {\n\t that._initialize(e.selected);\n\t });\n\n\t that._refreshHandler = function () {\n\t if (!that._internalChange) {\n\t that.refreshBounds();\n\t that.refresh();\n\t }\n\t };\n\n\t that._rotatedHandler = function () {\n\t if (that.shapes.length == 1) {\n\t that._angle = that.shapes[0].rotate().angle;\n\t }\n\t that._refreshHandler();\n\t };\n\n\t that.diagram.bind(ITEMBOUNDSCHANGE, that._refreshHandler).bind(ITEMROTATE, that._rotatedHandler);\n\t that.refreshBounds();\n\t that.refresh();\n\t },\n\n\t options: {\n\t handles: {\n\t fill: {\n\t color: \"#fff\"\n\t },\n\t stroke: {\n\t color: \"#282828\"\n\t },\n\t height: 7,\n\t width: 7,\n\t hover: {\n\t fill: {\n\t color: \"#282828\"\n\t },\n\t stroke: {\n\t color: \"#282828\"\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#778899\",\n\t width: 1,\n\t dashType: \"dash\"\n\t },\n\t fill: {\n\t color: TRANSPARENT\n\t }\n\t },\n\t offset: 10\n\t },\n\n\t _initSelection: function() {\n\t var that = this;\n\t var diagram = that.diagram;\n\t var selectable = diagram.options.selectable;\n\t var options = deepExtend({}, that.options.selectable, selectable);\n\t that.rect = new Rectangle(options);\n\t that.visual.append(that.rect);\n\t },\n\n\t _resizable: function() {\n\t return this.options.editable && this.options.editable.resize !== false;\n\t },\n\n\t _handleOptions: function() {\n\t return (this.options.editable.resize || {}).handles || this.options.handles;\n\t },\n\n\t _createHandles: function() {\n\t var handles, item, y, x;\n\n\t if (this._resizable()) {\n\t handles = this._handleOptions();\n\t for (x = -1; x <= 1; x++) {\n\t for (y = -1; y <= 1; y++) {\n\t if ((x !== 0) || (y !== 0)) { // (0, 0) element, (-1, -1) top-left, (+1, +1) bottom-right\n\t item = new Rectangle(handles);\n\t item.drawingElement._hover = proxy(this._hover, this);\n\t this.map.push({ x: x, y: y, visual: item });\n\t this.visual.append(item);\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t bounds: function (value) {\n\t if (value) {\n\t this._innerBounds = value.clone();\n\t this._bounds = this.diagram.modelToLayer(value).inflate(this.options.offset, this.options.offset);\n\t } else {\n\t return this._bounds;\n\t }\n\t },\n\n\t _hitTest: function (p) {\n\t var tp = this.diagram.modelToLayer(p),\n\t i, hit, handleBounds, handlesCount = this.map.length, handle;\n\n\t if (this._angle) {\n\t tp = tp.clone().rotate(this._bounds.center(), this._angle);\n\t }\n\n\t if (this._resizable()) {\n\t for (i = 0; i < handlesCount; i++) {\n\t handle = this.map[i];\n\t hit = new Point(handle.x, handle.y);\n\t handleBounds = this._getHandleBounds(hit); //local coordinates\n\t handleBounds.offset(this._bounds.x, this._bounds.y);\n\t if (handleBounds.contains(tp)) {\n\t return hit;\n\t }\n\t }\n\t }\n\n\t if (this._bounds.contains(tp)) {\n\t return new Point(0, 0);\n\t }\n\t },\n\n\t _getHandleBounds: function (p) {\n\t if (this._resizable()) {\n\t var handles = this._handleOptions(),\n\t w = handles.width,\n\t h = handles.height,\n\t r = new Rect(0, 0, w, h);\n\n\t if (p.x < 0) {\n\t r.x = - w / 2;\n\t } else if (p.x === 0) {\n\t r.x = Math.floor(this._bounds.width / 2) - w / 2;\n\t } else if (p.x > 0) {\n\t r.x = this._bounds.width + 1.0 - w / 2;\n\t } if (p.y < 0) {\n\t r.y = - h / 2;\n\t } else if (p.y === 0) {\n\t r.y = Math.floor(this._bounds.height / 2) - h / 2;\n\t } else if (p.y > 0) {\n\t r.y = this._bounds.height + 1.0 - h / 2;\n\t }\n\n\t return r;\n\t }\n\t },\n\n\t _getCursor: function (point) {\n\t var hit = this._hitTest(point);\n\t if (hit && (hit.x >= -1) && (hit.x <= 1) && (hit.y >= -1) && (hit.y <= 1) && this._resizable()) {\n\t var angle = this._angle;\n\t if (angle) {\n\t angle = 360 - angle;\n\t hit.rotate(new Point(0, 0), angle);\n\t hit = new Point(Math.round(hit.x), Math.round(hit.y));\n\t }\n\n\t if (hit.x == -1 && hit.y == -1) {\n\t return \"nw-resize\";\n\t }\n\t if (hit.x == 1 && hit.y == 1) {\n\t return \"se-resize\";\n\t }\n\t if (hit.x == -1 && hit.y == 1) {\n\t return \"sw-resize\";\n\t }\n\t if (hit.x == 1 && hit.y == -1) {\n\t return \"ne-resize\";\n\t }\n\t if (hit.x === 0 && hit.y == -1) {\n\t return \"n-resize\";\n\t }\n\t if (hit.x === 0 && hit.y == 1) {\n\t return \"s-resize\";\n\t }\n\t if (hit.x == 1 && hit.y === 0) {\n\t return \"e-resize\";\n\t }\n\t if (hit.x == -1 && hit.y === 0) {\n\t return \"w-resize\";\n\t }\n\t }\n\t return this._manipulating ? Cursors.move : Cursors.select;\n\t },\n\n\t _initialize: function() {\n\t var that = this, i, item,\n\t items = that.diagram.select();\n\n\t that.shapes = [];\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if (item instanceof diagram.Shape) {\n\t that.shapes.push(item);\n\t item._rotationOffset = new Point();\n\t }\n\t }\n\n\t that._angle = that.shapes.length == 1 ? that.shapes[0].rotate().angle : 0;\n\t that._startAngle = that._angle;\n\t that._rotates();\n\t that._positions();\n\t that.refreshBounds();\n\t that.refresh();\n\t that.redraw();\n\t },\n\n\t _rotates: function () {\n\t var that = this, i, shape;\n\t that.initialRotates = [];\n\t for (i = 0; i < that.shapes.length; i++) {\n\t shape = that.shapes[i];\n\t that.initialRotates.push(shape.rotate().angle);\n\t }\n\t },\n\n\t _positions: function () {\n\t var that = this, i, shape;\n\t that.initialStates = [];\n\t for (i = 0; i < that.shapes.length; i++) {\n\t shape = that.shapes[i];\n\t that.initialStates.push(shape.bounds());\n\t }\n\t },\n\n\t _hover: function(value, element) {\n\t if (this._resizable()) {\n\t var handleOptions = this._handleOptions(),\n\t hover = handleOptions.hover,\n\t stroke = handleOptions.stroke,\n\t fill = handleOptions.fill;\n\n\t if (value && Utils.isDefined(hover.stroke)) {\n\t stroke = deepExtend({}, stroke, hover.stroke);\n\t }\n\n\t if (value && Utils.isDefined(hover.fill)) {\n\t fill = hover.fill;\n\t }\n\t element.stroke(stroke.color, stroke.width, stroke.opacity);\n\t element.fill(fill.color, fill.opacity);\n\t }\n\t },\n\n\t start: function (p) {\n\t this._sp = p;\n\t this._cp = p;\n\t this._lp = p;\n\t this._manipulating = true;\n\t this._internalChange = true;\n\t this.shapeStates = [];\n\t for (var i = 0; i < this.shapes.length; i++) {\n\t var shape = this.shapes[i];\n\t this.shapeStates.push(shape.bounds());\n\t }\n\t },\n\n\t redraw: function () {\n\t var i, handle,\n\t visibleHandles = this._resizable();\n\n\t for (i = 0; i < this.map.length; i++) {\n\t handle = this.map[i];\n\t handle.visual.visible(visibleHandles);\n\t }\n\t },\n\n\t angle: function(value) {\n\t if (defined(value)) {\n\t this._angle = value;\n\t }\n\n\t return this._angle;\n\t },\n\n\t rotate: function() {\n\t var center = this._innerBounds.center();\n\t var currentAngle = this.angle();\n\t this._internalChange = true;\n\t for (var i = 0; i < this.shapes.length; i++) {\n\t var shape = this.shapes[i];\n\t currentAngle = (currentAngle + this.initialRotates[i] - this._startAngle) % 360;\n\t shape.rotate(currentAngle, center);\n\t }\n\t this.refresh();\n\t },\n\n\t move: function (handle, p) {\n\t var delta, dragging,\n\t dtl = new Point(),\n\t dbr = new Point(),\n\t bounds, center, shape,\n\t i, angle, newBounds,\n\t changed = 0, staticPoint,\n\t scaleX, scaleY;\n\n\t if (handle.y === -2 && handle.x === -1) {\n\t center = this._innerBounds.center();\n\t this._angle = this._truncateAngle(Utils.findAngle(center, p));\n\t for (i = 0; i < this.shapes.length; i++) {\n\t shape = this.shapes[i];\n\t angle = (this._angle + this.initialRotates[i] - this._startAngle) % 360;\n\t shape.rotate(angle, center);\n\t if (shape.hasOwnProperty(\"layout\")) {\n\t shape.layout(shape);\n\t }\n\t this._rotating = true;\n\t }\n\t this.refresh();\n\t } else {\n\t if (this.shouldSnap()) {\n\t var thr = this._truncateDistance(p.minus(this._lp));\n\t // threshold\n\t if (thr.x === 0 && thr.y === 0) {\n\t this._cp = p;\n\t return;\n\t }\n\t delta = thr;\n\t this._lp = new Point(this._lp.x + thr.x, this._lp.y + thr.y);\n\t } else {\n\t delta = p.minus(this._cp);\n\t }\n\n\t if (this.isDragHandle(handle)) {\n\t dbr = dtl = delta; // dragging\n\t dragging = true;\n\t } else {\n\t if (this._angle) { // adjust the delta so that resizers resize in the correct direction after rotation.\n\t delta.rotate(new Point(0, 0), this._angle);\n\t }\n\t if (handle.x == -1) {\n\t dtl.x = delta.x;\n\t } else if (handle.x == 1) {\n\t dbr.x = delta.x;\n\t }\n\t if (handle.y == -1) {\n\t dtl.y = delta.y;\n\t } else if (handle.y == 1) {\n\t dbr.y = delta.y;\n\t }\n\t }\n\n\t if (!dragging) {\n\t staticPoint = hitToOppositeSide(handle, this._innerBounds);\n\t scaleX = (this._innerBounds.width + delta.x * handle.x) / this._innerBounds.width;\n\t scaleY = (this._innerBounds.height + delta.y * handle.y) / this._innerBounds.height;\n\t }\n\n\t for (i = 0; i < this.shapes.length; i++) {\n\t shape = this.shapes[i];\n\t bounds = shape.bounds();\n\t if (dragging) {\n\t if (!canDrag(shape)) {\n\t continue;\n\t }\n\t newBounds = this._displaceBounds(bounds, dtl, dbr, dragging);\n\t } else {\n\t newBounds = bounds.clone();\n\t newBounds.scale(scaleX, scaleY, staticPoint, this._innerBounds.center(), shape.rotate().angle);\n\t var newCenter = newBounds.center(); // fixes the new rotation center.\n\t newCenter.rotate(bounds.center(), -this._angle);\n\t newBounds = new Rect(newCenter.x - newBounds.width / 2, newCenter.y - newBounds.height / 2, newBounds.width, newBounds.height);\n\t }\n\t if (newBounds.width >= shape.options.minWidth && newBounds.height >= shape.options.minHeight) { // if we up-size very small shape\n\t var oldBounds = bounds;\n\t shape.bounds(newBounds);\n\t if (shape.hasOwnProperty(\"layout\")) {\n\t shape.layout(shape, oldBounds, newBounds);\n\t }\n\t if (oldBounds.width !== newBounds.width || oldBounds.height !== newBounds.height) {\n\t shape.rotate(shape.rotate().angle); // forces the rotation to update it's rotation center\n\t }\n\t changed += 1;\n\t }\n\t }\n\n\t if (changed) {\n\t if (changed == i) {\n\t newBounds = this._displaceBounds(this._innerBounds, dtl, dbr, dragging);\n\t this.bounds(newBounds);\n\t } else {\n\t this.refreshBounds();\n\t }\n\t this.refresh();\n\t }\n\n\t this._positions();\n\t }\n\n\t this._cp = p;\n\t },\n\n\t isDragHandle: function(handle) {\n\t return handle.x === 0 && handle.y === 0;\n\t },\n\n\t cancel: function() {\n\t var shapes = this.shapes;\n\t var states = this.shapeStates;\n\t for (var idx = 0; idx < shapes.length; idx++) {\n\t shapes[idx].bounds(states[idx]);\n\t }\n\t this.refreshBounds();\n\t this.refresh();\n\t this._manipulating = undefined;\n\t this._internalChange = undefined;\n\t this._rotating = undefined;\n\t },\n\n\t _truncatePositionToGuides: function (bounds) {\n\t if (this.diagram.ruler) {\n\t return this.diagram.ruler.truncatePositionToGuides(bounds);\n\t }\n\t return bounds;\n\t },\n\n\t _truncateSizeToGuides: function (bounds) {\n\t if (this.diagram.ruler) {\n\t return this.diagram.ruler.truncateSizeToGuides(bounds);\n\t }\n\t return bounds;\n\t },\n\n\t _truncateAngle: function (a) {\n\t var snap = this.snapOptions();\n\t var snapAngle = Math.max(snap.angle || DEFAULT_SNAP_ANGLE, MIN_SNAP_ANGLE);\n\t return snap ? Math.floor((a % 360) / snapAngle) * snapAngle : (a % 360);\n\t },\n\n\t _truncateDistance: function (d) {\n\t if (d instanceof diagram.Point) {\n\t return new diagram.Point(this._truncateDistance(d.x), this._truncateDistance(d.y));\n\t } else {\n\t var snap = this.snapOptions() || {};\n\t var snapSize = Math.max(snap.size || DEFAULT_SNAP_SIZE, MIN_SNAP_SIZE);\n\t return snap ? Math.floor(d / snapSize) * snapSize : d;\n\t }\n\t },\n\n\t snapOptions: function() {\n\t var editable = this.diagram.options.editable;\n\t var snap = ((editable || {}).drag || {}).snap || {};\n\t return snap;\n\t },\n\n\t shouldSnap: function() {\n\t var editable = this.diagram.options.editable;\n\t var drag = (editable || {}).drag;\n\t var snap = (drag || {}).snap;\n\t return editable !== false && drag !== false && snap !== false;\n\t },\n\n\t _displaceBounds: function (bounds, dtl, dbr, dragging) {\n\t var tl = bounds.topLeft().plus(dtl),\n\t br = bounds.bottomRight().plus(dbr),\n\t newBounds = Rect.fromPoints(tl, br),\n\t newCenter;\n\t if (!dragging) {\n\t newCenter = newBounds.center();\n\t newCenter.rotate(bounds.center(), -this._angle);\n\t newBounds = new Rect(newCenter.x - newBounds.width / 2, newCenter.y - newBounds.height / 2, newBounds.width, newBounds.height);\n\t }\n\t return newBounds;\n\t },\n\n\t stop: function () {\n\t var unit, i, shape;\n\t if (this._cp != this._sp) {\n\t if (this._rotating) {\n\t unit = new RotateUnit(this, this.shapes, this.initialRotates);\n\t this._rotating = false;\n\t } else if (this._diffStates()) {\n\t if (this.diagram.ruler) {\n\t for (i = 0; i < this.shapes.length; i++) {\n\t shape = this.shapes[i];\n\t var bounds = shape.bounds();\n\t bounds = this._truncateSizeToGuides(this._truncatePositionToGuides(bounds));\n\t shape.bounds(bounds);\n\t this.refreshBounds();\n\t this.refresh();\n\t }\n\t }\n\t for (i = 0; i < this.shapes.length; i++) {\n\t shape = this.shapes[i];\n\t shape.updateModel();\n\t }\n\t unit = new TransformUnit(this.shapes, this.shapeStates, this);\n\t this.diagram._syncShapeChanges();\n\t }\n\t }\n\n\t this._manipulating = undefined;\n\t this._internalChange = undefined;\n\t this._rotating = undefined;\n\t return unit;\n\t },\n\n\t _diffStates: function() {\n\t var shapes = this.shapes;\n\t var states = this.shapeStates;\n\t for (var idx = 0; idx < shapes.length; idx++) {\n\t if (!shapes[idx].bounds().equals(states[idx])) {\n\t return true;\n\t }\n\t }\n\t return false;\n\t },\n\n\t refreshBounds: function () {\n\t var bounds = this.shapes.length == 1 ?\n\t this.shapes[0].bounds().clone() :\n\t this.diagram.boundingBox(this.shapes, true);\n\n\t this.bounds(bounds);\n\t },\n\n\t refresh: function () {\n\t var that = this, b, bounds;\n\t if (this.shapes.length > 0) {\n\t bounds = this.bounds();\n\t this.visual.visible(true);\n\t this.visual.position(bounds.topLeft());\n\t $.each(this.map, function () {\n\t b = that._getHandleBounds(new Point(this.x, this.y));\n\t this.visual.position(b.topLeft());\n\t });\n\t this.visual.position(bounds.topLeft());\n\n\t var center = new Point(bounds.width / 2, bounds.height / 2);\n\t this.visual.rotate(this._angle, center);\n\t this.rect.redraw({ width: bounds.width, height: bounds.height });\n\t if (this.rotationThumb) {\n\t var thumb = this.options.editable.rotate.thumb;\n\t this._rotationThumbBounds = new Rect(bounds.center().x, bounds.y + thumb.y, 0, 0).inflate(thumb.width);\n\t this.rotationThumb.redraw({ x: bounds.width / 2 - thumb.width / 2 });\n\t }\n\t } else {\n\t this.visual.visible(false);\n\t }\n\t }\n\t });\n\n\t var Selector = Class.extend({\n\t init: function (diagram) {\n\t var selectable = diagram.options.selectable;\n\t this.options = deepExtend({}, this.options, selectable);\n\n\t this.visual = new Rectangle(this.options);\n\t this.diagram = diagram;\n\t },\n\t options: {\n\t stroke: {\n\t color: \"#778899\",\n\t width: 1,\n\t dashType: \"dash\"\n\t },\n\t fill: {\n\t color: TRANSPARENT\n\t }\n\t },\n\t start: function (p) {\n\t this._sp = this._ep = p;\n\t this.refresh();\n\t this.diagram._adorn(this, true);\n\t },\n\t end: function () {\n\t this._sp = this._ep = undefined;\n\t this.diagram._adorn(this, false);\n\t },\n\t bounds: function (value) {\n\t if (value) {\n\t this._bounds = value;\n\t }\n\t return this._bounds;\n\t },\n\t move: function (p) {\n\t this._ep = p;\n\t this.refresh();\n\t },\n\t refresh: function () {\n\t if (this._sp) {\n\t var visualBounds = Rect.fromPoints(this.diagram.modelToLayer(this._sp), this.diagram.modelToLayer(this._ep));\n\t this.bounds(Rect.fromPoints(this._sp, this._ep));\n\t this.visual.position(visualBounds.topLeft());\n\t this.visual.redraw({ height: visualBounds.height + 1, width: visualBounds.width + 1 });\n\t }\n\t }\n\t });\n\n\t var ConnectorVisual = Class.extend({\n\t init: function (connector) {\n\t this.options = deepExtend({}, connector.options);\n\t this._c = connector;\n\t this.visual = new Circle(this.options);\n\t this.refresh();\n\t },\n\t _hover: function (value) {\n\t var options = this.options,\n\t hover = options.hover,\n\t stroke = options.stroke,\n\t fill = options.fill;\n\n\t if (value && Utils.isDefined(hover.stroke)) {\n\t stroke = deepExtend({}, stroke, hover.stroke);\n\t }\n\n\t if (value && Utils.isDefined(hover.fill)) {\n\t fill = hover.fill;\n\t }\n\n\t this.visual.redraw({\n\t stroke: stroke,\n\t fill: fill\n\t });\n\t },\n\t refresh: function () {\n\t var p = this._c.shape.diagram.modelToView(this._c.position()),\n\t relative = p.minus(this._c.shape.bounds(\"transformed\").topLeft()),\n\t value = new Rect(p.x, p.y, 0, 0);\n\t value.inflate(this.options.width / 2, this.options.height / 2);\n\t this._visualBounds = value;\n\t this.visual.redraw({ center: new Point(relative.x, relative.y) });\n\t },\n\t _hitTest: function (p) {\n\t var tp = this._c.shape.diagram.modelToView(p);\n\t return this._visualBounds.contains(tp);\n\t }\n\t });\n\n\t function canDrag(element) {\n\t var editable = element.options.editable;\n\t return editable && editable.drag !== false;\n\t }\n\n\t function hitTestShapeConnectors(shape, point) {\n\t var connector, position, rect;\n\t for (var idx = 0; idx < shape.connectors.length; idx++) {\n\t connector = shape.connectors[idx];\n\t position = connector.position();\n\t rect = new Rect(position.x, position.y);\n\t rect.inflate(HIT_TEST_DISTANCE, HIT_TEST_DISTANCE);\n\t if (rect.contains(point)) {\n\t return connector;\n\t }\n\t }\n\t }\n\n\t function noMeta(meta) {\n\t return meta.ctrlKey === false && meta.altKey === false && meta.shiftKey === false;\n\t }\n\n\t deepExtend(diagram, {\n\t CompositeUnit: CompositeUnit,\n\t TransformUnit: TransformUnit,\n\t PanUndoUnit: PanUndoUnit,\n\t AddShapeUnit: AddShapeUnit,\n\t AddConnectionUnit: AddConnectionUnit,\n\t DeleteShapeUnit: DeleteShapeUnit,\n\t DeleteConnectionUnit: DeleteConnectionUnit,\n\t ConnectionEditAdorner: ConnectionEditAdorner,\n\t ConnectionTool: ConnectionTool,\n\t ConnectorVisual: ConnectorVisual,\n\t UndoRedoService: UndoRedoService,\n\t ResizingAdorner: ResizingAdorner,\n\t Selector: Selector,\n\t ToolService: ToolService,\n\t ConnectorsAdorner: ConnectorsAdorner,\n\t LayoutUndoUnit: LayoutUndoUnit,\n\t ConnectionEditUnit: ConnectionEditUnit,\n\t ToFrontUnit: ToFrontUnit,\n\t ToBackUnit: ToBackUnit,\n\t ConnectionRouterBase: ConnectionRouterBase,\n\t PolylineRouter: PolylineRouter,\n\t CascadingRouter: CascadingRouter,\n\t SelectionTool: SelectionTool,\n\t ScrollerTool: ScrollerTool,\n\t PointerTool: PointerTool,\n\t ConnectionEditTool: ConnectionEditTool,\n\t RotateUnit: RotateUnit\n\t });\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(882);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 860:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 878:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./math\");\n\n/***/ }),\n\n/***/ 882:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(860), __webpack_require__(878) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var kendo = window.kendo,\n\t diagram = kendo.dataviz.diagram,\n\t Class = kendo.Class,\n\t deepExtend = kendo.deepExtend,\n\t Point = diagram.Point,\n\t Rect = diagram.Rect,\n\t Matrix = diagram.Matrix,\n\t Utils = diagram.Utils,\n\t isNumber = Utils.isNumber,\n\t isString = Utils.isString,\n\t MatrixVector = diagram.MatrixVector,\n\n\t g = kendo.geometry,\n\t d = kendo.drawing,\n\n\t defined = d.util.defined,\n\n\t inArray = $.inArray;\n\n\t // Constants ==============================================================\n\t var TRANSPARENT = \"transparent\",\n\t Markers = {\n\t none: \"none\",\n\t arrowStart: \"ArrowStart\",\n\t filledCircle: \"FilledCircle\",\n\t arrowEnd: \"ArrowEnd\"\n\t },\n\t FULL_CIRCLE_ANGLE = 360,\n\t START = \"start\",\n\t END = \"end\",\n\t WIDTH = \"width\",\n\t HEIGHT = \"height\",\n\t X = \"x\",\n\t Y = \"y\";\n\n\t diagram.Markers = Markers;\n\n\t function diffNumericOptions(options, fields) {\n\t var elementOptions = this.options;\n\t var hasChanges = false;\n\t var value, field;\n\t for (var i = 0; i < fields.length; i++) {\n\t field = fields[i];\n\t value = options[field];\n\t if (isNumber(value) && elementOptions[field] !== value) {\n\t elementOptions[field] = value;\n\t hasChanges = true;\n\t }\n\t }\n\n\t return hasChanges;\n\t }\n\n\t var Scale = Class.extend({\n\t init: function (x, y) {\n\t this.x = x;\n\t this.y = y;\n\t },\n\t toMatrix: function () {\n\t return Matrix.scaling(this.x, this.y);\n\t },\n\t toString: function () {\n\t return kendo.format(\"scale({0},{1})\", this.x, this.y);\n\t },\n\t invert: function() {\n\t return new Scale(1/this.x, 1/this.y);\n\t }\n\t });\n\n\t var Translation = Class.extend({\n\t init: function (x, y) {\n\t this.x = x;\n\t this.y = y;\n\t },\n\t toMatrixVector: function () {\n\t return new MatrixVector(0, 0, 0, 0, this.x, this.y);\n\t },\n\t toMatrix: function () {\n\t return Matrix.translation(this.x, this.y);\n\t },\n\t toString: function () {\n\t return kendo.format(\"translate({0},{1})\", this.x, this.y);\n\t },\n\t plus: function (delta) {\n\t this.x += delta.x;\n\t this.y += delta.y;\n\t },\n\t times: function (factor) {\n\t this.x *= factor;\n\t this.y *= factor;\n\t },\n\t length: function () {\n\t return Math.sqrt(this.x * this.x + this.y * this.y);\n\t },\n\t normalize: function () {\n\t if (this.Length === 0) {\n\t return;\n\t }\n\t this.times(1 / this.length());\n\t },\n\t invert: function() {\n\t return new Translation(-this.x, -this.y);\n\t }\n\t });\n\n\t var Rotation = Class.extend({\n\t init: function (angle, x, y) {\n\t this.x = x || 0;\n\t this.y = y || 0;\n\t this.angle = angle;\n\t },\n\t toString: function () {\n\t if (this.x && this.y) {\n\t return kendo.format(\"rotate({0},{1},{2})\", this.angle, this.x, this.y);\n\t } else {\n\t return kendo.format(\"rotate({0})\", this.angle);\n\t }\n\t },\n\t toMatrix: function () {\n\t return Matrix.rotation(this.angle, this.x, this.y); // T*R*T^-1\n\t },\n\t center: function () {\n\t return new Point(this.x, this.y);\n\t },\n\t invert: function() {\n\t return new Rotation(FULL_CIRCLE_ANGLE - this.angle, this.x, this.y);\n\t }\n\t });\n\n\t Rotation.ZERO = new Rotation(0);\n\n\t Rotation.create = function (rotation) {\n\t return new Rotation(rotation.angle, rotation.x, rotation.y);\n\t };\n\n\t Rotation.parse = function (str) {\n\t var values = str.slice(1, str.length - 1).split(\",\"),\n\t angle = values[0],\n\t x = values[1],\n\t y = values[2];\n\t var rotation = new Rotation(angle, x, y);\n\t return rotation;\n\t };\n\n\t var CompositeTransform = Class.extend({\n\t init: function (x, y, scaleX, scaleY, angle, center) {\n\t this.translate = new Translation(x, y);\n\t if (scaleX !== undefined && scaleY !== undefined) {\n\t this.scale = new Scale(scaleX, scaleY);\n\t }\n\t if (angle !== undefined) {\n\t this.rotate = center ? new Rotation(angle, center.x, center.y) : new Rotation(angle);\n\t }\n\t },\n\t toString: function () {\n\t var toString = function (transform) {\n\t return transform ? transform.toString() : \"\";\n\t };\n\n\t return toString(this.translate) +\n\t toString(this.rotate) +\n\t toString(this.scale);\n\t },\n\n\t render: function (visual) {\n\t visual._transform = this;\n\t visual._renderTransform();\n\t },\n\n\t toMatrix: function () {\n\t var m = Matrix.unit();\n\n\t if (this.translate) {\n\t m = m.times(this.translate.toMatrix());\n\t }\n\t if (this.rotate) {\n\t m = m.times(this.rotate.toMatrix());\n\t }\n\t if (this.scale) {\n\t m = m.times(this.scale.toMatrix());\n\t }\n\t return m;\n\t },\n\t invert: function() {\n\t var rotate = this.rotate ? this.rotate.invert() : undefined,\n\t rotateMatrix = rotate ? rotate.toMatrix() : Matrix.unit(),\n\t scale = this.scale ? this.scale.invert() : undefined,\n\t scaleMatrix = scale ? scale.toMatrix() : Matrix.unit();\n\n\t var translatePoint = new Point(-this.translate.x, -this.translate.y);\n\t translatePoint = rotateMatrix.times(scaleMatrix).apply(translatePoint);\n\t var translate = new Translation(translatePoint.x, translatePoint.y);\n\n\t var transform = new CompositeTransform();\n\t transform.translate = translate;\n\t transform.rotate = rotate;\n\t transform.scale = scale;\n\n\t return transform;\n\t }\n\t });\n\n\t var AutoSizeableMixin = {\n\t _setScale: function() {\n\t var options = this.options;\n\t var originWidth = this._originWidth;\n\t var originHeight = this._originHeight;\n\t var scaleX = options.width / originWidth;\n\t var scaleY = options.height / originHeight;\n\n\t if (!isNumber(scaleX)) {\n\t scaleX = 1;\n\t }\n\t if (!isNumber(scaleY)) {\n\t scaleY = 1;\n\t }\n\n\t this._transform.scale = new Scale(scaleX, scaleY);\n\t },\n\n\t _setTranslate: function() {\n\t var options = this.options;\n\t var x = options.x || 0;\n\t var y = options.y || 0;\n\t this._transform.translate = new Translation(x, y);\n\t },\n\n\t _initSize: function() {\n\t var options = this.options;\n\t var transform = false;\n\t if (options.autoSize !== false && (defined(options.width) || defined(options.height))) {\n\t this._measure(true);\n\t this._setScale();\n\t transform = true;\n\t }\n\n\t if (defined(options.x) || defined(options.y)) {\n\t this._setTranslate();\n\t transform = true;\n\t }\n\n\t if (transform) {\n\t this._renderTransform();\n\t }\n\t },\n\n\t _updateSize: function(options) {\n\t var update = false;\n\n\t if (this.options.autoSize !== false && this._diffNumericOptions(options, [WIDTH, HEIGHT])) {\n\t update = true;\n\t this._measure(true);\n\t this._setScale();\n\t }\n\n\t if (this._diffNumericOptions(options, [X, Y])) {\n\t update = true;\n\t this._setTranslate();\n\t }\n\n\t if (update) {\n\t this._renderTransform();\n\t }\n\n\t return update;\n\t }\n\t };\n\n\t var Element = Class.extend({\n\t init: function (options) {\n\t var element = this;\n\t element.options = deepExtend({}, element.options, options);\n\t element.id = element.options.id;\n\t element._originSize = Rect.empty();\n\t element._transform = new CompositeTransform();\n\t },\n\n\t visible: function (value) {\n\t return this.drawingContainer().visible(value);\n\t },\n\n\t redraw: function (options) {\n\t if (options && options.id) {\n\t this.id = options.id;\n\t }\n\t },\n\n\t position: function (x, y) {\n\t var options = this.options;\n\t if (!defined(x)) {\n\t return new Point(options.x, options.y);\n\t }\n\n\t if (defined(y)) {\n\t options.x = x;\n\t options.y = y;\n\t } else if (x instanceof Point) {\n\t options.x = x.x;\n\t options.y = x.y;\n\t }\n\n\t this._transform.translate = new Translation(options.x, options.y);\n\t this._renderTransform();\n\t },\n\n\t rotate: function (angle, center) {\n\t if (defined(angle)) {\n\t this._transform.rotate = new Rotation(angle, center.x, center.y);\n\t this._renderTransform();\n\t }\n\t return this._transform.rotate || Rotation.ZERO;\n\t },\n\n\t drawingContainer: function() {\n\t return this.drawingElement;\n\t },\n\n\t _renderTransform: function () {\n\t var matrix = this._transform.toMatrix();\n\t this.drawingContainer().transform(new g.Matrix(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f));\n\t },\n\n\t _hover: function () {},\n\n\t _diffNumericOptions: diffNumericOptions,\n\n\t _measure: function (force) {\n\t var rect;\n\t if (!this._measured || force) {\n\t var box = this._boundingBox() || new g.Rect();\n\t var startPoint = box.topLeft();\n\t rect = new Rect(startPoint.x, startPoint.y, box.width(), box.height());\n\t this._originSize = rect;\n\t this._originWidth = rect.width;\n\t this._originHeight = rect.height;\n\t this._measured = true;\n\t } else {\n\t rect = this._originSize;\n\t }\n\t return rect;\n\t },\n\n\t _boundingBox: function() {\n\t return this.drawingElement.rawBBox();\n\t }\n\t });\n\n\t var VisualBase = Element.extend({\n\t init: function(options) {\n\t Element.fn.init.call(this, options);\n\n\t options = this.options;\n\t options.fill = normalizeDrawingOptions(options.fill);\n\t options.stroke = normalizeDrawingOptions(options.stroke);\n\t },\n\n\t options: {\n\t stroke: {\n\t color: \"gray\",\n\t width: 1\n\t },\n\t fill: {\n\t color: TRANSPARENT\n\t }\n\t },\n\n\t fill: function(color, opacity) {\n\t this._fill({\n\t color: getColor(color),\n\t opacity: opacity\n\t });\n\t },\n\n\t stroke: function(color, width, opacity) {\n\t this._stroke({\n\t color: getColor(color),\n\t width: width,\n\t opacity: opacity\n\t });\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var stroke = options.stroke;\n\t var fill = options.fill;\n\t if (stroke) {\n\t this._stroke(normalizeDrawingOptions(stroke));\n\t }\n\t if (fill) {\n\t this._fill(normalizeDrawingOptions(fill));\n\t }\n\n\t Element.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _hover: function (show) {\n\t var drawingElement = this.drawingElement;\n\t var options = this.options;\n\t var hover = options.hover;\n\n\t if (hover && hover.fill) {\n\t var fill = show ? normalizeDrawingOptions(hover.fill) : options.fill;\n\t drawingElement.fill(fill.color, fill.opacity);\n\t }\n\t },\n\n\t _stroke: function(strokeOptions) {\n\t var options = this.options;\n\t deepExtend(options, {\n\t stroke: strokeOptions\n\t });\n\n\t strokeOptions = options.stroke;\n\n\t var stroke = null;\n\t if (strokeOptions.width > 0) {\n\t stroke = {\n\t color: strokeOptions.color,\n\t width: strokeOptions.width,\n\t opacity: strokeOptions.opacity,\n\t dashType: strokeOptions.dashType\n\t };\n\t }\n\n\t this.drawingElement.options.set(\"stroke\", stroke);\n\t },\n\n\t _fill: function(fillOptions) {\n\t var options = this.options;\n\t deepExtend(options, {\n\t fill: fillOptions || {}\n\t });\n\t var fill = options.fill;\n\n\t if (fill.gradient) {\n\t var gradient = fill.gradient;\n\t var GradientClass = (gradient.type === \"radial\" ? d.RadialGradient : d.LinearGradient);\n\t this.drawingElement.fill(new GradientClass(gradient));\n\t } else {\n\t this.drawingElement.fill(fill.color, fill.opacity);\n\t }\n\t }\n\t });\n\n\t var TextBlock = VisualBase.extend({\n\t init: function (options) {\n\t options = this._textColor(options);\n\t VisualBase.fn.init.call(this, options);\n\n\t this._font();\n\t this._initText();\n\t this._initSize();\n\t },\n\n\t options: {\n\t fontSize: 15,\n\t fontFamily: \"sans-serif\",\n\t stroke: {\n\t width: 0\n\t },\n\t fill: {\n\t color: \"black\"\n\t },\n\t autoSize: true\n\t },\n\n\t _initText: function() {\n\t var options = this.options;\n\n\t this.drawingElement = new d.Text(defined(options.text) ? options.text : \"\", new g.Point(), {\n\t font: options.font\n\t });\n\n\t this._fill();\n\t this._stroke();\n\t },\n\n\t _textColor: function(options) {\n\t if (options && options.color) {\n\t options = deepExtend({}, options, {\n\t fill: {\n\t color: options.color\n\t }\n\t });\n\t }\n\t return options;\n\t },\n\n\t _font: function() {\n\t var options = this.options;\n\t if (options.fontFamily && defined(options.fontSize)) {\n\t var fontOptions = [];\n\n\t if (options.fontStyle) {\n\t fontOptions.push(options.fontStyle);\n\t }\n\n\t if (options.fontWeight) {\n\t fontOptions.push(options.fontWeight);\n\t }\n\n\t fontOptions.push(options.fontSize + (isNumber(options.fontSize) ? \"px\" : \"\"));\n\t fontOptions.push(options.fontFamily);\n\n\t options.font = fontOptions.join(\" \");\n\t } else {\n\t delete options.font;\n\t }\n\t },\n\n\t content: function (text) {\n\t return this.drawingElement.content(text);\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var sizeChanged = false;\n\t var textOptions = this.options;\n\n\t options = this._textColor(options);\n\n\t VisualBase.fn.redraw.call(this, options);\n\n\t if (options.fontFamily || defined(options.fontSize) || options.fontStyle || options.fontWeight) {\n\t deepExtend(textOptions, {\n\t fontFamily: options.fontFamily,\n\t fontSize: options.fontSize,\n\t fontStyle: options.fontStyle,\n\t fontWeight: options.fontWeight\n\t });\n\t this._font();\n\t this.drawingElement.options.set(\"font\", textOptions.font);\n\t sizeChanged = true;\n\t }\n\n\t if (options.text) {\n\t this.content(options.text);\n\t sizeChanged = true;\n\t }\n\n\t if (!this._updateSize(options) && sizeChanged) {\n\t this._initSize();\n\t }\n\t }\n\t }\n\t });\n\n\t deepExtend(TextBlock.fn, AutoSizeableMixin);\n\n\t var Rectangle = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this._initPath();\n\t this._setPosition();\n\t },\n\n\t _setPosition: function() {\n\t var options = this.options;\n\t var x = options.x;\n\t var y = options.y;\n\t if (defined(x) || defined(y)) {\n\t this.position(x || 0, y || 0);\n\t }\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t VisualBase.fn.redraw.call(this, options);\n\t if (this._diffNumericOptions(options, [WIDTH, HEIGHT])) {\n\t this._drawPath();\n\t }\n\t if (this._diffNumericOptions(options, [X, Y])) {\n\t this._setPosition();\n\t }\n\t }\n\t },\n\n\t _initPath: function() {\n\t var options = this.options;\n\t this.drawingElement = new d.Path({\n\t stroke: options.stroke,\n\t closed: true\n\t });\n\n\t this._fill();\n\t this._drawPath();\n\t },\n\n\t _drawPath: function() {\n\t var drawingElement = this.drawingElement;\n\t var sizeOptions = sizeOptionsOrDefault(this.options);\n\t var width = sizeOptions.width;\n\t var height = sizeOptions.height;\n\n\t drawingElement.segments.elements([\n\t createSegment(0, 0),\n\t createSegment(width, 0),\n\t createSegment(width, height),\n\t createSegment(0, height)\n\t ]);\n\t }\n\t });\n\n\t var MarkerBase = VisualBase.extend({\n\t init: function(options) {\n\t VisualBase.fn.init.call(this, options);\n\t var anchor = this.options.anchor;\n\t this.anchor = new g.Point(anchor.x, anchor.y);\n\t this.createElement();\n\t },\n\n\t options: {\n\t stroke: {\n\t color: TRANSPARENT,\n\t width: 0\n\t },\n\t fill: {\n\t color: \"black\"\n\t }\n\t },\n\n\t _transformToPath: function(point, path) {\n\t var transform = path.transform();\n\t if (point && transform) {\n\t point = point.transformCopy(transform);\n\t }\n\t return point;\n\t },\n\n\t redraw: function(options) {\n\t if (options) {\n\t if (options.position) {\n\t this.options.position = options.position;\n\t }\n\n\t VisualBase.fn.redraw.call(this, options);\n\t }\n\t }\n\t });\n\n\t var CircleMarker = MarkerBase.extend({\n\t options: {\n\t radius: 4,\n\t anchor: {\n\t x: 0,\n\t y: 0\n\t }\n\t },\n\n\t createElement: function() {\n\t var options = this.options;\n\t this.drawingElement = new d.Circle(new g.Circle(this.anchor, options.radius), {\n\t fill: options.fill,\n\t stroke: options.stroke\n\t });\n\t },\n\n\t positionMarker: function(path) {\n\t var options = this.options;\n\t var position = options.position;\n\t var segments = path.segments;\n\t var targetSegment;\n\t var point;\n\n\t if (position == START) {\n\t targetSegment = segments[0];\n\t } else {\n\t targetSegment = segments[segments.length - 1];\n\t }\n\t if (targetSegment) {\n\t point = this._transformToPath(targetSegment.anchor(), path);\n\t this.drawingElement.transform(g.transform().translate(point.x, point.y));\n\t }\n\t }\n\t });\n\n\t var ArrowMarker = MarkerBase.extend({\n\t options: {\n\t path: \"M 0 0 L 10 5 L 0 10 L 3 5 z\" ,\n\t anchor: {\n\t x: 10,\n\t y: 5\n\t }\n\t },\n\n\t createElement: function() {\n\t var options = this.options;\n\t this.drawingElement = d.Path.parse(options.path, {\n\t fill: options.fill,\n\t stroke: options.stroke\n\t });\n\t },\n\n\t positionMarker: function(path) {\n\t var points = this._linePoints(path);\n\t var start = points.start;\n\t var end = points.end;\n\t var transform = g.transform();\n\t if (start) {\n\t transform.rotate(lineAngle(start, end), end);\n\t }\n\n\t if (end) {\n\t var anchor = this.anchor;\n\t var translate = end.clone().translate(-anchor.x, -anchor.y);\n\t transform.translate(translate.x, translate.y);\n\t }\n\t this.drawingElement.transform(transform);\n\t },\n\n\t _linePoints: function(path) {\n\t var options = this.options;\n\t var segments = path.segments;\n\t var startPoint, endPoint, targetSegment;\n\t if (options.position == START) {\n\t targetSegment = segments[0];\n\t if (targetSegment) {\n\t endPoint = targetSegment.anchor();\n\t startPoint = targetSegment.controlOut();\n\t var nextSegment = segments[1];\n\t if (!startPoint && nextSegment) {\n\t startPoint = nextSegment.anchor();\n\t }\n\t }\n\t } else {\n\t targetSegment = segments[segments.length - 1];\n\t if (targetSegment) {\n\t endPoint = targetSegment.anchor();\n\t startPoint = targetSegment.controlIn();\n\t var prevSegment = segments[segments.length - 2];\n\t if (!startPoint && prevSegment) {\n\t startPoint = prevSegment.anchor();\n\t }\n\t }\n\t }\n\t if (endPoint) {\n\t return {\n\t start: this._transformToPath(startPoint, path),\n\t end: this._transformToPath(endPoint, path)\n\t };\n\t }\n\t }\n\t });\n\n\t var MarkerPathMixin = {\n\t _getPath: function(position) {\n\t var path = this.drawingElement;\n\t if (path instanceof d.MultiPath) {\n\t if (position == START) {\n\t path = path.paths[0];\n\t } else {\n\t path = path.paths[path.paths.length - 1];\n\t }\n\t }\n\t if (path && path.segments.length) {\n\t return path;\n\t }\n\t },\n\n\t _normalizeMarkerOptions: function(options) {\n\t var startCap = options.startCap;\n\t var endCap = options.endCap;\n\n\t if (isString(startCap)) {\n\t options.startCap = {\n\t type: startCap\n\t };\n\t }\n\n\t if (isString(endCap)) {\n\t options.endCap = {\n\t type: endCap\n\t };\n\t }\n\t },\n\n\t _removeMarker: function(position) {\n\t var marker = this._markers[position];\n\t if (marker) {\n\t this.drawingContainer().remove(marker.drawingElement);\n\t delete this._markers[position];\n\t }\n\t },\n\n\t _createMarkers: function() {\n\t var options = this.options;\n\t this._normalizeMarkerOptions(options);\n\n\t this._markers = {};\n\t this._markers[START] = this._createMarker(options.startCap, START);\n\t this._markers[END] = this._createMarker(options.endCap, END);\n\t },\n\n\t _createMarker: function(options, position) {\n\t var type = (options || {}).type;\n\t var path = this._getPath(position);\n\t var markerType, marker;\n\t if (!path) {\n\t this._removeMarker(position);\n\t return;\n\t }\n\n\t if (type == Markers.filledCircle) {\n\t markerType = CircleMarker;\n\t } else if (type == Markers.arrowStart || type == Markers.arrowEnd){\n\t markerType = ArrowMarker;\n\t } else {\n\t this._removeMarker(position);\n\t }\n\t if (markerType) {\n\t marker = new markerType(deepExtend({}, options, {\n\t position: position\n\t }));\n\t marker.positionMarker(path);\n\t this.drawingContainer().append(marker.drawingElement);\n\n\t return marker;\n\t }\n\t },\n\n\t _positionMarker : function(position) {\n\t var marker = this._markers[position];\n\n\t if (marker) {\n\t var path = this._getPath(position);\n\t if (path) {\n\t marker.positionMarker(path);\n\t } else {\n\t this._removeMarker(position);\n\t }\n\t }\n\t },\n\n\t _capMap: {\n\t start: \"startCap\",\n\t end: \"endCap\"\n\t },\n\n\t _redrawMarker: function(pathChange, position, options) {\n\t this._normalizeMarkerOptions(options);\n\n\t var pathOptions = this.options;\n\t var cap = this._capMap[position];\n\t var pathCapType = (pathOptions[cap] || {}).type;\n\t var optionsCap = options[cap];\n\t var created = false;\n\t if (optionsCap) {\n\t pathOptions[cap] = deepExtend({}, pathOptions[cap], optionsCap);\n\t if (optionsCap.type && pathCapType != optionsCap.type) {\n\t this._removeMarker(position);\n\t this._markers[position] = this._createMarker(pathOptions[cap], position);\n\t created = true;\n\t } else if (this._markers[position]) {\n\t this._markers[position].redraw(optionsCap);\n\t }\n\t } else if (pathChange && !this._markers[position] && pathOptions[cap]) {\n\t this._markers[position] = this._createMarker(pathOptions[cap], position);\n\t created = true;\n\t }\n\t return created;\n\t },\n\n\t _redrawMarkers: function (pathChange, options) {\n\t if (!this._redrawMarker(pathChange, START, options) && pathChange) {\n\t this._positionMarker(START);\n\t }\n\t if (!this._redrawMarker(pathChange, END, options) && pathChange) {\n\t this._positionMarker(END);\n\t }\n\t }\n\t };\n\n\t var Path = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this.container = new d.Group();\n\t this._createElements();\n\t this._initSize();\n\t },\n\n\t options: {\n\t autoSize: true\n\t },\n\n\t drawingContainer: function() {\n\t return this.container;\n\t },\n\n\t data: function (value) {\n\t var options = this.options;\n\t if (value) {\n\t if (options.data != value) {\n\t options.data = value;\n\t this._setData(value);\n\t this._initSize();\n\t this._redrawMarkers(true, {});\n\t }\n\t } else {\n\t return options.data;\n\t }\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t VisualBase.fn.redraw.call(this, options);\n\n\t var pathOptions = this.options;\n\t var data = options.data;\n\n\t if (defined(data) && pathOptions.data != data) {\n\t pathOptions.data = data;\n\t this._setData(data);\n\t if (!this._updateSize(options)) {\n\t this._initSize();\n\t }\n\t this._redrawMarkers(true, options);\n\t } else {\n\t this._updateSize(options);\n\t this._redrawMarkers(false, options);\n\t }\n\t }\n\t },\n\n\t _createElements: function() {\n\t var options = this.options;\n\n\t this.drawingElement = d.Path.parse(options.data || \"\", {\n\t stroke: options.stroke\n\t });\n\n\t this._fill();\n\t this.container.append(this.drawingElement);\n\t this._createMarkers();\n\t },\n\n\t _setData: function(data) {\n\t var drawingElement = this.drawingElement;\n\t var multipath = d.Path.parse(data || \"\");\n\t var paths = multipath.paths.slice(0);\n\t multipath.paths.elements([]);\n\t drawingElement.paths.elements(paths);\n\t }\n\t });\n\n\t deepExtend(Path.fn, AutoSizeableMixin);\n\t deepExtend(Path.fn, MarkerPathMixin);\n\n\t var Line = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this.container = new d.Group();\n\t this._initPath();\n\t this._createMarkers();\n\t },\n\n\t drawingContainer: function() {\n\t return this.container;\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t options = options || {};\n\t var from = options.from;\n\t var to = options.to;\n\t if (from) {\n\t this.options.from = from;\n\t }\n\n\t if (to) {\n\t this.options.to = to;\n\t }\n\n\t if (from || to) {\n\t this._drawPath();\n\t this._redrawMarkers(true, options);\n\t } else {\n\t this._redrawMarkers(false, options);\n\t }\n\n\t VisualBase.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _initPath: function() {\n\t var options = this.options;\n\t var drawingElement = this.drawingElement = new d.Path({\n\t stroke: options.stroke\n\t });\n\n\t this._fill();\n\t this._drawPath();\n\t this.container.append(drawingElement);\n\t },\n\n\t _drawPath: function() {\n\t var options = this.options;\n\t var drawingElement = this.drawingElement;\n\t var from = options.from || new Point();\n\t var to = options.to || new Point();\n\n\t drawingElement.segments.elements([\n\t createSegment(from.x, from.y),\n\t createSegment(to.x, to.y)\n\t ]);\n\t }\n\t });\n\n\t deepExtend(Line.fn, MarkerPathMixin);\n\n\t var Polyline = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this.container = new d.Group();\n\t this._initPath();\n\t this._createMarkers();\n\t },\n\n\t drawingContainer: function() {\n\t return this.container;\n\t },\n\n\t points: function (points) {\n\t var options = this.options;\n\t if (points) {\n\t options.points = points;\n\t this._updatePath();\n\t } else {\n\t return options.points;\n\t }\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var points = options.points;\n\t VisualBase.fn.redraw.call(this, options);\n\n\t if (points && this._pointsDiffer(points)) {\n\t this.points(points);\n\t this._redrawMarkers(true, options);\n\t } else {\n\t this._redrawMarkers(false, options);\n\t }\n\t }\n\t },\n\n\t _initPath: function() {\n\t var options = this.options;\n\t this.drawingElement = new d.Path({\n\t stroke: options.stroke\n\t });\n\n\t this._fill();\n\t this.container.append(this.drawingElement);\n\n\t if (options.points) {\n\t this._updatePath();\n\t }\n\t },\n\n\t _pointsDiffer: function(points) {\n\t var currentPoints = this.options.points;\n\t var differ = currentPoints.length !== points.length;\n\t if (!differ) {\n\t for (var i = 0; i < points.length; i++) {\n\t if (currentPoints[i].x !== points[i].x || currentPoints[i].y !== points[i].y) {\n\t differ = true;\n\t break;\n\t }\n\t }\n\t }\n\n\t return differ;\n\t },\n\n\t _updatePath: function() {\n\t var drawingElement = this.drawingElement;\n\t var options = this.options;\n\t var points = options.points;\n\t var segments = [];\n\t var point;\n\t for (var i = 0; i < points.length; i++) {\n\t point = points[i];\n\t segments.push(createSegment(point.x, point.y));\n\t }\n\n\t drawingElement.segments.elements(segments);\n\t },\n\n\t options: {\n\t points: []\n\t }\n\t });\n\n\t deepExtend(Polyline.fn, MarkerPathMixin);\n\n\t var Image = Element.extend({\n\t init: function (options) {\n\t Element.fn.init.call(this, options);\n\n\t this._initImage();\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t if (options.source) {\n\t this.drawingElement.src(options.source);\n\t }\n\n\t if (this._diffNumericOptions(options, [WIDTH, HEIGHT, X, Y])) {\n\t this.drawingElement.rect(this._rect());\n\t }\n\n\t Element.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _initImage: function() {\n\t var options = this.options;\n\t var rect = this._rect();\n\n\t this.drawingElement = new d.Image(options.source, rect, {});\n\t },\n\n\t _rect: function() {\n\t var sizeOptions = sizeOptionsOrDefault(this.options);\n\t var origin = new g.Point(sizeOptions.x, sizeOptions.y);\n\t var size = new g.Size(sizeOptions.width, sizeOptions.height);\n\n\t return new g.Rect(origin, size);\n\t }\n\t });\n\n\t var Group = Element.extend({\n\t init: function (options) {\n\t this.children = [];\n\t Element.fn.init.call(this, options);\n\t this.drawingElement = new d.Group();\n\t this._initSize();\n\t },\n\n\t options: {\n\t autoSize: false\n\t },\n\n\t append: function (visual) {\n\t this.drawingElement.append(visual.drawingContainer());\n\t this.children.push(visual);\n\t this._childrenChange = true;\n\t },\n\n\t remove: function (visual) {\n\t if (this._remove(visual)) {\n\t this._childrenChange = true;\n\t }\n\t },\n\n\t _remove: function(visual) {\n\t var index = inArray(visual, this.children);\n\t if (index >= 0) {\n\t this.drawingElement.removeAt(index);\n\t this.children.splice(index, 1);\n\t return true;\n\t }\n\t },\n\n\t clear: function () {\n\t this.drawingElement.clear();\n\t this.children = [];\n\t this._childrenChange = true;\n\t },\n\n\t toFront: function (visuals) {\n\t var visual;\n\n\t for (var i = 0; i < visuals.length; i++) {\n\t visual = visuals[i];\n\t if (this._remove(visual)) {\n\t this.append(visual);\n\t }\n\t }\n\t },\n\t //TO DO: add drawing group support for moving and inserting children\n\t toBack: function (visuals) {\n\t this._reorderChildren(visuals, 0);\n\t },\n\n\t toIndex: function (visuals, indices) {\n\t this._reorderChildren(visuals, indices);\n\t },\n\n\t _reorderChildren: function(visuals, indices) {\n\t var group = this.drawingElement;\n\t var drawingChildren = group.children.slice(0);\n\t var children = this.children;\n\t var fixedPosition = isNumber(indices);\n\t var i, index, toIndex, drawingElement, visual;\n\n\t for (i = 0; i < visuals.length; i++) {\n\t visual = visuals[i];\n\t drawingElement = visual.drawingContainer();\n\n\t index = inArray(visual, children);\n\t if (index >= 0) {\n\t drawingChildren.splice(index, 1);\n\t children.splice(index, 1);\n\n\t toIndex = fixedPosition ? indices : indices[i];\n\n\t drawingChildren.splice(toIndex, 0, drawingElement);\n\t children.splice(toIndex, 0, visual);\n\t }\n\t }\n\t group.clear();\n\t group.append.apply(group, drawingChildren);\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t if (this._childrenChange) {\n\t this._childrenChange = false;\n\t if (!this._updateSize(options)) {\n\t this._initSize();\n\t }\n\t } else {\n\t this._updateSize(options);\n\t }\n\n\t Element.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _boundingBox: function() {\n\t var children = this.children;\n\t var boundingBox;\n\t var visual, childBoundingBox;\n\t for (var i = 0; i < children.length; i++) {\n\t visual = children[i];\n\t if (visual.visible() && visual._includeInBBox !== false) {\n\t childBoundingBox = visual.drawingContainer().clippedBBox(null);\n\t if (childBoundingBox) {\n\t if (boundingBox) {\n\t boundingBox = g.Rect.union(boundingBox, childBoundingBox);\n\t } else {\n\t boundingBox = childBoundingBox;\n\t }\n\t }\n\t }\n\t }\n\n\t return boundingBox;\n\t }\n\t });\n\n\t deepExtend(Group.fn, AutoSizeableMixin);\n\n\t var Layout = Group.extend({\n\t init: function (rect, options) {\n\t this.children = [];\n\t Element.fn.init.call(this, options);\n\t this.drawingElement = new d.Layout(toDrawingRect(rect), options);\n\t this._initSize();\n\t },\n\n\t rect: function(rect) {\n\t if (rect) {\n\t this.drawingElement.rect(toDrawingRect(rect));\n\t } else {\n\t var drawingRect = this.drawingElement.rect();\n\t if (drawingRect) {\n\t return new Rect(drawingRect.origin.x, drawingRect.origin.y, drawingRect.size.width, drawingRect.size.height);\n\t }\n\t }\n\t },\n\n\t reflow: function() {\n\t this.drawingElement.reflow();\n\t },\n\n\t redraw: function (options) {\n\t kendo.deepExtend(this.drawingElement.options, options);\n\t Group.fn.redraw.call(this, options);\n\t }\n\t });\n\n\t var Circle = VisualBase.extend({\n\t init: function (options) {\n\t VisualBase.fn.init.call(this, options);\n\t this._initCircle();\n\t this._initSize();\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var circleOptions = this.options;\n\n\t if (options.center) {\n\t deepExtend(circleOptions, {\n\t center: options.center\n\t });\n\t this._center.move(circleOptions.center.x, circleOptions.center.y);\n\t }\n\n\t if (this._diffNumericOptions(options, [\"radius\"])) {\n\t this._circle.setRadius(circleOptions.radius);\n\t }\n\n\t this._updateSize(options);\n\n\t VisualBase.fn.redraw.call(this, options);\n\t }\n\t },\n\n\t _initCircle: function() {\n\t var options = this.options;\n\t var width = options.width;\n\t var height = options.height;\n\t var radius = options.radius;\n\t if (!defined(radius)) {\n\t if (!defined(width)) {\n\t width = height;\n\t }\n\t if (!defined(height)) {\n\t height = width;\n\t }\n\t options.radius = radius = Math.min(width, height) / 2;\n\t }\n\n\t var center = options.center || {x: radius, y: radius};\n\t this._center = new g.Point(center.x, center.y);\n\t this._circle = new g.Circle(this._center, radius);\n\t this.drawingElement = new d.Circle(this._circle, {\n\t stroke: options.stroke\n\t });\n\n\t this._fill();\n\t }\n\t });\n\t deepExtend(Circle.fn, AutoSizeableMixin);\n\n\t var Canvas = Class.extend({\n\t init: function (element, options) {\n\t options = options || {};\n\t this.element = element;\n\t this.surface = d.Surface.create(element, options);\n\t if (kendo.isFunction(this.surface.translate)) {\n\t this.translate = this._translate;\n\t }\n\n\t this.drawingElement = new d.Group();\n\t this._viewBox = new Rect(0, 0, options.width, options.height);\n\t this.size(this._viewBox);\n\t },\n\n\t bounds: function () {\n\t var box = this.drawingElement.clippedBBox();\n\t return new Rect(0, 0, box.width(), box.height());\n\t },\n\n\t size: function (size) {\n\t var viewBox = this._viewBox;\n\t if (defined(size)) {\n\t viewBox.width = size.width;\n\t viewBox.height = size.height;\n\t this.surface.setSize(size);\n\t }\n\t return {\n\t width: viewBox.width,\n\t height: viewBox.height\n\t };\n\t },\n\n\t _translate: function (x, y) {\n\t var viewBox = this._viewBox;\n\t if (defined(x) && defined(y)) {\n\t viewBox.x = x;\n\t viewBox.y = y;\n\t this.surface.translate({x: x, y: y});\n\t }\n\t return {\n\t x: viewBox.x,\n\t y: viewBox.y\n\t };\n\t },\n\n\t draw: function() {\n\t this.surface.draw(this.drawingElement);\n\t },\n\n\t append: function (visual) {\n\t this.drawingElement.append(visual.drawingContainer());\n\t return this;\n\t },\n\n\t remove: function (visual) {\n\t this.drawingElement.remove(visual.drawingContainer());\n\t },\n\n\t insertBefore: function () {\n\n\t },\n\n\t clear: function () {\n\t this.drawingElement.clear();\n\t },\n\n\t destroy: function(clearHtml) {\n\t this.surface.destroy();\n\t if(clearHtml) {\n\t $(this.element).remove();\n\t }\n\t }\n\t });\n\n\t // Helper functions ===========================================\n\n\t function sizeOptionsOrDefault(options) {\n\t return {\n\t x: options.x || 0,\n\t y: options.y || 0,\n\t width: options.width || 0,\n\t height: options.height || 0\n\t };\n\t }\n\n\t function normalizeDrawingOptions(options) {\n\t if (options) {\n\t var drawingOptions = options;\n\n\t if (isString(drawingOptions)) {\n\t drawingOptions = {\n\t color: drawingOptions\n\t };\n\t }\n\n\t if (drawingOptions.color) {\n\t drawingOptions.color = getColor(drawingOptions.color);\n\t }\n\t return drawingOptions;\n\t }\n\t }\n\n\t function getColor(value) {\n\t var color;\n\t if (value != TRANSPARENT) {\n\t color = new d.Color(value).toHex();\n\t } else {\n\t color = value;\n\t }\n\t return color;\n\t }\n\n\t function lineAngle(p1, p2) {\n\t var xDiff = p2.x - p1.x;\n\t var yDiff = p2.y - p1.y;\n\t var angle = d.util.deg(Math.atan2(yDiff, xDiff));\n\t return angle;\n\t }\n\n\t function createSegment(x, y) {\n\t return new d.Segment(new g.Point(x, y));\n\t }\n\n\t function toDrawingRect(rect) {\n\t if (rect) {\n\t return new g.Rect([rect.x, rect.y], [rect.width, rect.height]);\n\t }\n\t }\n\n\t // Exports ================================================================\n\t kendo.deepExtend(diagram, {\n\t init: function (element) {\n\t kendo.init(element, diagram.ui);\n\t },\n\t diffNumericOptions: diffNumericOptions,\n\t Element: Element,\n\t Scale: Scale,\n\t Translation: Translation,\n\t Rotation: Rotation,\n\t Circle: Circle,\n\t Group: Group,\n\t Rectangle: Rectangle,\n\t Canvas: Canvas,\n\t Path: Path,\n\t Layout: Layout,\n\t Line: Line,\n\t MarkerBase: MarkerBase,\n\t ArrowMarker: ArrowMarker,\n\t CircleMarker: CircleMarker,\n\t Polyline: Polyline,\n\t CompositeTransform: CompositeTransform,\n\t TextBlock: TextBlock,\n\t Image: Image,\n\t VisualBase: VisualBase\n\t });\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(883);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 863:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 883:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(863) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t var kendo = window.kendo,\n\t diagram = kendo.dataviz.diagram = {},\n\t deepExtend = kendo.deepExtend,\n\t isArray = $.isArray,\n\t EPSILON = 1e-06;\n\n\t /*-------------------Diverse utilities----------------------------*/\n\t var Utils = {\n\t };\n\n\t deepExtend(Utils, {\n\t isNearZero: function (num) {\n\t return Math.abs(num) < EPSILON;\n\t },\n\t isDefined: function (obj) {\n\t return typeof obj !== 'undefined';\n\t },\n\n\t isUndefined: function (obj) {\n\t return (typeof obj === 'undefined') || obj === null;\n\t },\n\t /**\n\t * Returns whether the given object is an object or a value.\n\t */\n\t isObject: function (obj) {\n\t return obj === Object(obj);\n\t },\n\t /**\n\t * Returns whether the object has a property with the given name.\n\t */\n\t has: function (obj, key) {\n\t return Object.hasOwnProperty.call(obj, key);\n\t },\n\t /**\n\t * Returns whether the given object is a string.\n\t */\n\t isString: function (obj) {\n\t return Object.prototype.toString.call(obj) == '[object String]';\n\t },\n\t isBoolean: function (obj) {\n\t return Object.prototype.toString.call(obj) == '[object Boolean]';\n\t },\n\t isType: function (obj, type) {\n\t return Object.prototype.toString.call(obj) == '[object ' + type + ']';\n\t },\n\t /**\n\t * Returns whether the given object is a number.\n\t */\n\t isNumber: function (obj) {\n\t return !isNaN(parseFloat(obj)) && isFinite(obj);\n\t },\n\t /**\n\t * Return whether the given object (array or dictionary).\n\t */\n\t isEmpty: function (obj) {\n\t if (obj === null) {\n\t return true;\n\t }\n\t if (isArray(obj) || Utils.isString(obj)) {\n\t return obj.length === 0;\n\t }\n\t for (var key in obj) {\n\t if (Utils.has(obj, key)) {\n\t return false;\n\t }\n\t }\n\t return true;\n\t },\n\t simpleExtend: function(destination, source) {\n\t if(!Utils.isObject(source)) {\n\t return;\n\t }\n\n\t for(var name in source) {\n\t destination[name] = source[name];\n\t }\n\t },\n\t /**\n\t * Returns an array of the specified size and with each entry set to the given value.\n\t * @param size\n\t * @param value\n\t * @returns {Array}\n\t */\n\t initArray: function createIdArray(size, value) {\n\t var array = [];\n\t for (var i = 0; i < size; ++i) {\n\t array[i] = value;\n\t }\n\t return array;\n\t },\n\t serializePoints: function (points) {\n\t var res = [];\n\t for (var i = 0; i < points.length; i++) {\n\t var p = points[i];\n\t res.push(p.x + \";\" + p.y);\n\t }\n\t return res.join(\";\");\n\t },\n\t deserializePoints: function (s) {\n\t var v = s.split(\";\"), points = [];\n\t if (v.length % 2 !== 0) {\n\t throw \"Not an array of points.\";\n\t }\n\t for (var i = 0; i < v.length; i += 2) {\n\t points.push(new diagram.Point(\n\t parseInt(v[i], 10),\n\t parseInt(v[i + 1], 10)\n\t ));\n\t }\n\t return points;\n\t },\n\t /**\n\t * Returns an integer within the given bounds.\n\t * @param lower The inclusive lower bound.\n\t * @param upper The exclusive upper bound.\n\t * @returns {number}\n\t */\n\t randomInteger: function (lower, upper) {\n\t return parseInt(Math.floor(Math.random() * upper) + lower, 10);\n\t } ,\n\t /*\n\t Depth-first traversal of the given node.\n\t */\n\t DFT: function (el, func) {\n\t func(el);\n\t if (el.childNodes) {\n\t for (var i = 0; i < el.childNodes.length; i++) {\n\t var item = el.childNodes[i];\n\t this.DFT(item, func);\n\t }\n\t }\n\t },\n\t /*\n\t Returns the angle in degrees for the given matrix\n\t */\n\t getMatrixAngle: function (m) {\n\t if (m === null || m.d === 0) {\n\t return 0;\n\t }\n\t return Math.atan2(m.b, m.d) * 180 / Math.PI;\n\t },\n\n\t /*\n\t Returns the scaling factors for the given matrix.\n\t */\n\t getMatrixScaling: function (m) {\n\t var sX = Math.sqrt(m.a * m.a + m.c * m.c);\n\t var sY = Math.sqrt(m.b * m.b + m.d * m.d);\n\t return [sX, sY];\n\t }\n\n\t });\n\n\t /**\n\t * The Range defines an array of equally separated numbers.\n\t * @param start The start-value of the Range.\n\t * @param stop The end-value of the Range.\n\t * @param step The separation between the values (default:1).\n\t * @returns {Array}\n\t */\n\t function Range(start, stop, step) {\n\t if (typeof start == 'undefined' || typeof stop == 'undefined') {\n\t return [];\n\t }\n\t if (step && Utils.sign(stop - start) != Utils.sign(step)) {\n\t throw \"The sign of the increment should allow to reach the stop-value.\";\n\t }\n\t step = step || 1;\n\t start = start || 0;\n\t stop = stop || start;\n\t if ((stop - start) / step === Infinity) {\n\t throw \"Infinite range defined.\";\n\t }\n\t var range = [], i = -1, j;\n\n\t function rangeIntegerScale(x) {\n\t var k = 1;\n\t while (x * k % 1) {\n\t k *= 10;\n\t }\n\t return k;\n\t }\n\n\t var k = rangeIntegerScale(Math.abs(step));\n\t start *= k;\n\t stop *= k;\n\t step *= k;\n\t if (start > stop && step > 0) {\n\t step = -step;\n\t }\n\t if (step < 0) {\n\t while ((j = start + step * ++i) >= stop) {\n\t range.push(j / k);\n\t }\n\t }\n\t else {\n\t while ((j = start + step * ++i) <= stop) {\n\t range.push(j / k);\n\t }\n\t }\n\t return range;\n\t }\n\n\t /*-------------------Diverse math functions----------------------------*/\n\n\t function findRadian(start, end) {\n\t if (start == end) {\n\t return 0;\n\t }\n\t var sngXComp = end.x - start.x,\n\t sngYComp = start.y - end.y,\n\t atan = Math.atan(sngXComp / sngYComp);\n\t if (sngYComp >= 0) {\n\t return sngXComp < 0 ? atan + (2 * Math.PI) : atan;\n\t }\n\t return atan + Math.PI;\n\t }\n\n\t Utils.sign = function(number) {\n\t return number ? number < 0 ? -1 : 1 : 0;\n\t };\n\n\t Utils.findAngle = function(center, end) {\n\t return findRadian(center, end) * 180 / Math.PI;\n\t };\n\n\t /*-------------------Array Helpers ----------------------------*/\n\n\t Utils.forEach = function(arr, iterator, thisRef) {\n\t for (var i = 0; i < arr.length; i++) {\n\t iterator.call(thisRef, arr[i], i, arr);\n\t }\n\t };\n\n\t Utils.any = function(arr, predicate) {\n\t for (var i = 0; i < arr.length; ++i) {\n\t if (predicate(arr[i])) {\n\t return arr[i];\n\t }\n\t }\n\t return null;\n\t };\n\n\t Utils.remove = function (arr, what) {\n\t var ax;\n\t while ((ax = Utils.indexOf(arr, what)) !== -1) {\n\t arr.splice(ax, 1);\n\t }\n\t return arr;\n\t };\n\n\t Utils.contains = function (arr, obj) {\n\t return Utils.indexOf(arr, obj) !== -1;\n\t };\n\n\t Utils.indexOf = function(arr, what) {\n\t return $.inArray(what, arr);\n\t };\n\n\t Utils.fold = function (list, iterator, acc, context) {\n\t var initial = arguments.length > 2;\n\n\t for (var i = 0; i < list.length; i++) {\n\t var value = list[i];\n\t if (!initial) {\n\t acc = value;\n\t initial = true;\n\t }\n\t else {\n\t acc = iterator.call(context, acc, value, i, list);\n\t }\n\t }\n\n\t if (!initial) {\n\t throw 'Reduce of empty array with no initial value';\n\t }\n\n\t return acc;\n\t };\n\n\t Utils.find = function (arr, iterator, context) {\n\t var result;\n\t Utils.any(arr, function (value, index, list) {\n\t if (iterator.call(context, value, index, list)) {\n\t result = value;\n\t return true;\n\t }\n\t return false;\n\t });\n\t return result;\n\t };\n\n\t Utils.first = function (arr, constraint, context) {\n\t if (arr.length === 0) {\n\t return null;\n\t }\n\t if (Utils.isUndefined(constraint)) {\n\t return arr[0];\n\t }\n\n\t return Utils.find(arr, constraint, context);\n\t };\n\n\t /**\n\t * Inserts the given element at the specified position and returns the result.\n\t */\n\t Utils.insert = function (arr, element, position) {\n\t arr.splice(position, 0, element);\n\t return arr;\n\t };\n\n\t Utils.all = function (arr, iterator, context) {\n\t var result = true;\n\t var value;\n\n\t for (var i = 0; i < arr.length; i++) {\n\t value = arr[i];\n\t result = result && iterator.call(context, value, i, arr);\n\n\t if (!result) {\n\t break;\n\t }\n\t }\n\n\t return result;\n\t };\n\n\t Utils.clear = function (arr) {\n\t arr.splice(0, arr.length);\n\t };\n\n\t /**\n\t * Sort the arrays on the basis of the first one (considered as keys and the other array as values).\n\t * @param a\n\t * @param b\n\t * @param sortfunc (optiona) sorting function for the values in the first array\n\t */\n\t Utils.bisort = function (a, b, sortfunc) {\n\t if (Utils.isUndefined(a)) {\n\t throw \"First array is not specified.\";\n\t }\n\t if (Utils.isUndefined(b)) {\n\t throw \"Second array is not specified.\";\n\t }\n\t if (a.length != b.length) {\n\t throw \"The two arrays should have equal length\";\n\t }\n\n\t var all = [], i;\n\n\t for (i = 0; i < a.length; i++) {\n\t all.push({ 'x': a[i], 'y': b[i] });\n\t }\n\t if (Utils.isUndefined(sortfunc)) {\n\t all.sort(function (m, n) {\n\t return m.x - n.x;\n\t });\n\t }\n\t else {\n\t all.sort(function (m, n) {\n\t return sortfunc(m.x, n.x);\n\t });\n\t }\n\n\t Utils.clear(a);\n\t Utils.clear(b);\n\n\t for (i = 0; i < all.length; i++) {\n\t a.push(all[i].x);\n\t b.push(all[i].y);\n\t }\n\t };\n\n\t Utils.addRange = function (arr, range) {\n\t arr.push.apply(arr, range);\n\t };\n\n\t var Easing = {\n\t easeInOut: function (pos) {\n\t return ((-Math.cos(pos * Math.PI) / 2) + 0.5);\n\t }\n\t };\n\n\t /**\n\t * An animation ticker driving an adapter which sets a particular\n\t * property in function of the tick.\n\t * @type {*}\n\t */\n\t var Ticker = kendo.Class.extend({\n\t init: function () {\n\t this.adapters = [];\n\t this.target = 0;\n\t this.tick = 0;\n\t this.interval = 20;\n\t this.duration = 800;\n\t this.lastTime = null;\n\t this.handlers = [];\n\t var _this = this;\n\t this.transition = Easing.easeInOut;\n\t this.timerDelegate = function () {\n\t _this.onTimerEvent();\n\t };\n\t },\n\t addAdapter: function (a) {\n\t this.adapters.push(a);\n\t },\n\t onComplete: function (handler) {\n\t this.handlers.push(handler);\n\t },\n\t removeHandler: function (handler) {\n\t this.handlers = $.grep(this.handlers, function (h) {\n\t return h !== handler;\n\t });\n\t },\n\t trigger: function () {\n\t var _this = this;\n\t if (this.handlers) {\n\t Utils.forEach(this.handlers, function (h) {\n\t return h.call(_this.caller !== null ? _this.caller : _this);\n\t });\n\t }\n\t },\n\t onStep: function () {\n\t },\n\t seekTo: function (to) {\n\t this.seekFromTo(this.tick, to);\n\t },\n\t seekFromTo: function (from, to) {\n\t this.target = Math.max(0, Math.min(1, to));\n\t this.tick = Math.max(0, Math.min(1, from));\n\t this.lastTime = new Date().getTime();\n\t if (!this.intervalId) {\n\t this.intervalId = window.setInterval(this.timerDelegate, this.interval);\n\t }\n\t },\n\t stop: function () {\n\t if (this.intervalId) {\n\t window.clearInterval(this.intervalId);\n\t this.intervalId = null;\n\n\t //this.trigger.call(this);\n\t this.trigger();\n\t // this.next();\n\t }\n\t },\n\t play: function (origin) {\n\t if (this.adapters.length === 0) {\n\t return;\n\t }\n\t if (origin !== null) {\n\t this.caller = origin;\n\t }\n\t this.initState();\n\t this.seekFromTo(0, 1);\n\t },\n\t reverse: function () {\n\t this.seekFromTo(1, 0);\n\t },\n\t initState: function () {\n\t if (this.adapters.length === 0) {\n\t return;\n\t }\n\t for (var i = 0; i < this.adapters.length; i++) {\n\t this.adapters[i].initState();\n\t }\n\t },\n\t propagate: function () {\n\t var value = this.transition(this.tick);\n\n\t for (var i = 0; i < this.adapters.length; i++) {\n\t this.adapters[i].update(value);\n\t }\n\t },\n\t onTimerEvent: function () {\n\t var now = new Date().getTime();\n\t var timePassed = now - this.lastTime;\n\t this.lastTime = now;\n\t var movement = (timePassed / this.duration) * (this.tick < this.target ? 1 : -1);\n\t if (Math.abs(movement) >= Math.abs(this.tick - this.target)) {\n\t this.tick = this.target;\n\t } else {\n\t this.tick += movement;\n\t }\n\n\t try {\n\t this.propagate();\n\t } finally {\n\t this.onStep.call(this);\n\t if (this.target == this.tick) {\n\t this.stop();\n\t }\n\t }\n\t }\n\t });\n\n\t kendo.deepExtend(diagram, {\n\t init: function (element) {\n\t kendo.init(element, diagram.ui);\n\t },\n\n\t Utils: Utils,\n\t Range: Range,\n\t Ticker: Ticker\n\t });\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(884);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 858:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 860:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 863:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 864:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.color\");\n\n/***/ }),\n\n/***/ 884:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/***********************************************************************\n\t * WARNING: this file is auto-generated. If you change it directly,\n\t * your modifications will eventually be lost. The source code is in\n\t * `kendo-charts` repository, you should make your changes there and\n\t * run `src-modules/sync.sh` in this repository.\n\t */\n\t(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\n\t __webpack_require__(863),\n\t __webpack_require__(864),\n\t __webpack_require__(860),\n\t __webpack_require__(858)\n\t ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\n\tvar dataviz = kendo.dataviz;\n\tvar getSpacing = dataviz.getSpacing;\n\tvar defined = dataviz.defined;\n\tvar constants = dataviz.constants;\n\tvar BLACK = constants.BLACK;\n\tvar COORD_PRECISION = constants.COORD_PRECISION;\n\tvar services = dataviz.services;\n\tvar deepExtend = dataviz.deepExtend;\n\tvar isArray = dataviz.isArray;\n\tvar setDefaultOptions = dataviz.setDefaultOptions;\n\tvar NumericAxis = dataviz.NumericAxis;\n\tvar limitValue = dataviz.limitValue;\n\tvar Box = dataviz.Box;\n\tvar interpolateValue = dataviz.interpolateValue;\n\tvar round = dataviz.round;\n\tvar drawing = kendo.drawing;\n\tvar DrawingGroup = drawing.Group;\n\tvar DrawingPath = drawing.Path;\n\tvar Animation = drawing.Animation;\n\tvar AnimationFactory = drawing.AnimationFactory;\n\tvar geometry = kendo.geometry;\n\tvar Rect = geometry.Rect;\n\tvar GeometryPoint = geometry.Point;\n\tvar transform = geometry.transform;\n\n\tvar ANGULAR_SPEED = 150;\n\tvar LINEAR_SPEED = 250;\n\tvar ARROW = \"arrow\";\n\tvar ARROW_POINTER = \"arrowPointer\";\n\tvar BAR_POINTER = \"barPointer\";\n\tvar DEFAULT_HEIGHT = 200;\n\tvar DEFAULT_LINE_WIDTH = 0.5;\n\tvar DEFAULT_WIDTH = 200;\n\tvar DEGREE = Math.PI / 180;\n\tvar INSIDE = \"inside\";\n\tvar LINEAR = \"linear\";\n\tvar OUTSIDE = \"outside\";\n\tvar RADIAL_POINTER = \"radialPointer\";\n\tvar RADIAL_RANGE_POINTER = \"radialRangePointer\";\n\n\tfunction pad(bbox, value) {\n\t var origin = bbox.getOrigin();\n\t var size = bbox.getSize();\n\t var spacing = getSpacing(value);\n\n\t bbox.setOrigin([ origin.x - spacing.left, origin.y - spacing.top ]);\n\t bbox.setSize([ size.width + (spacing.left + spacing.right), size.height + (spacing.top + spacing.bottom) ]);\n\n\t return bbox;\n\t}\n\n\tvar Group = DrawingGroup;\n\tvar Path$1 = DrawingPath;\n\tvar Text = drawing.Text;\n\n\tfunction buildLabelElement(label, options) {\n\t var labelBox = label.box;\n\t var textBox = label.children[0].box;\n\t var border = options.border || {};\n\t var background = options.background || \"\";\n\n\t var wrapper = Path$1.fromRect(new Rect([ labelBox.x1, labelBox.y1 ], [ labelBox.width(), labelBox.height() ]), {\n\t stroke: {}\n\t });\n\n\t var text = new Text(label.text, new GeometryPoint(textBox.x1, textBox.y1), {\n\t font: options.font,\n\t fill: { color: options.color }\n\t });\n\n\t var styleGeometry = pad(text.bbox().clone(), options.padding);\n\n\t var styleBox = Path$1.fromRect(styleGeometry, {\n\t stroke: {\n\t color: border.width ? border.color : \"\",\n\t width: border.width,\n\t opacity: border.opacity,\n\t dashType: border.dashType,\n\t lineJoin: \"round\",\n\t lineCap: \"round\"\n\t },\n\t fill: {\n\t color: background\n\t }\n\t });\n\n\t var elements = new Group();\n\t elements.append(wrapper);\n\t elements.append(styleBox);\n\t elements.append(text);\n\n\t return elements;\n\t}\n\n\tfunction getRange(range, min, max) {\n\t var from = defined(range.from) ? range.from : constants.MIN_VALUE;\n\t var to = defined(range.to) ? range.to : constants.MAX_VALUE;\n\n\t range.from = Math.max(Math.min(to, from), min);\n\t range.to = Math.min(Math.max(to, from), max);\n\n\t return range;\n\t}\n\n\tfunction unpad(bbox, value) {\n\t var spacing = getSpacing(value);\n\n\t spacing.left = -spacing.left; spacing.top = -spacing.top;\n\t spacing.right = -spacing.right; spacing.bottom = -spacing.bottom;\n\n\t return pad(bbox, spacing);\n\t}\n\n\tvar DEFAULT_MARGIN = 5;\n\tvar Path = DrawingPath;\n\tvar Surface = drawing.Surface;\n\n\tvar Gauge = dataviz.Class.extend({\n\t init: function(element, userOptions, theme, context) {\n\t if (context === void 0) { context = {}; }\n\n\t this.element = element;\n\t this.theme = theme;\n\t this.contextService = new services.ChartService(this, context);\n\t this._originalOptions = deepExtend({}, this.options, userOptions);\n\t this.options = deepExtend({}, this._originalOptions);\n\t this._initTheme(theme);\n\n\t this.redraw();\n\t },\n\n\t destroy: function() {\n\t if (this.surface) {\n\t this.surface.destroy();\n\t this.surface = null;\n\t }\n\n\t delete this.element;\n\t delete this.surfaceElement;\n\t },\n\n\t value: function(pointerValue) {\n\t var pointer = this.pointers[0];\n\n\t if (arguments.length === 0) {\n\t return pointer.value();\n\t }\n\n\t pointer.value(pointerValue);\n\t this._setValueOptions(pointerValue);\n\t },\n\n\t _draw: function() {\n\t var surface = this.surface;\n\n\t surface.clear();\n\t surface.draw(this._visuals);\n\t },\n\n\t exportVisual: function() {\n\t return this._visuals;\n\t },\n\n\t allValues: function(values) {\n\t var pointers = this.pointers;\n\t var allValues = [];\n\n\t if (arguments.length === 0) {\n\t for (var i = 0; i < pointers.length; i++) {\n\t allValues.push(pointers[i].value());\n\t }\n\n\t return allValues;\n\t }\n\n\t if (isArray(values)) {\n\t for (var i$1 = 0; i$1 < values.length; i$1++) {\n\t if (dataviz.isNumber(values[i$1])) {\n\t pointers[i$1].value(values[i$1]);\n\t }\n\t }\n\t }\n\n\t this._setValueOptions(values);\n\t },\n\n\t _setValueOptions: function(values) {\n\t var pointers = [].concat(this.options.pointer);\n\t var arrayValues = [].concat(values);\n\n\t for (var i = 0; i < arrayValues.length; i++) {\n\t pointers[i].value = arrayValues[i];\n\t }\n\t },\n\n\t resize: function() {\n\t this.noTransitionsRedraw();\n\t },\n\n\t noTransitionsRedraw: function() {\n\t var transitions = this.options.transitions;\n\n\t this._toggleTransitions(false);\n\n\t this.redraw();\n\n\t this._toggleTransitions(transitions);\n\t },\n\n\t redraw: function() {\n\t var size = this._surfaceSize();\n\t var wrapper = new Rect([ 0, 0 ], [ size.width, size.height ]);\n\n\t this._initSurface();\n\n\t this.gaugeArea = this._createGaugeArea();\n\n\t this._createModel();\n\n\t var bbox = unpad(wrapper.bbox(), this._gaugeAreaMargin);\n\t this.reflow(bbox);\n\t },\n\n\t setOptions: function(options, theme) {\n\t this._originalOptions = deepExtend(this._originalOptions, options);\n\t this.options = deepExtend({}, this._originalOptions);\n\n\t this._initTheme(theme);\n\n\t this.redraw();\n\t },\n\n\t setDirection: function(rtl) {\n\t this.contextService.rtl = Boolean(rtl);\n\t if (this.surface && this.surface.type === 'svg') {\n\t this.surface.destroy();\n\t this.surface = null;\n\t }\n\t },\n\n\t setIntlService: function(intl) {\n\t this.contextService.intl = intl;\n\t },\n\n\t _initTheme: function(theme) {\n\t var currentTheme = theme || this.theme || {};\n\t this.theme = currentTheme;\n\n\t this.options = deepExtend({}, currentTheme, this.options);\n\t var options = this.options;\n\t var pointer = options.pointer;\n\n\t if (isArray(pointer)) {\n\t var pointers = [];\n\t for (var i = 0; i < pointer.length; i++) {\n\t pointers.push(deepExtend({}, currentTheme.pointer, pointer[i]));\n\t }\n\t options.pointer = pointers;\n\t }\n\t },\n\n\t _createGaugeArea: function() {\n\t var options = this.options.gaugeArea;\n\t var size = this.surface.size();\n\t var border = options.border || {};\n\t var areaGeometry = new Rect([ 0, 0 ], [ size.width, size.height ]);\n\n\t this._gaugeAreaMargin = options.margin || DEFAULT_MARGIN;\n\n\t if (border.width > 0) {\n\t areaGeometry = unpad(areaGeometry, border.width);\n\t }\n\n\t var gaugeArea = Path.fromRect(areaGeometry, {\n\t stroke: {\n\t color: border.width ? border.color : \"\",\n\t width: border.width,\n\t dashType: border.dashType,\n\t lineJoin: \"round\",\n\t lineCap: \"round\"\n\t },\n\t fill: {\n\t color: options.background\n\t }\n\t });\n\n\t return gaugeArea;\n\t },\n\n\t _initSurface: function() {\n\t var ref = this;\n\t var options = ref.options;\n\t var surface = ref.surface;\n\t var element = this._surfaceElement();\n\t var size = this._surfaceSize();\n\n\t dataviz.elementSize(element, size);\n\n\t if (!surface || surface.options.type !== options.renderAs) {\n\t if (surface) {\n\t surface.destroy();\n\t }\n\n\t this.surface = Surface.create(element, {\n\t type: options.renderAs\n\t });\n\t } else {\n\t this.surface.clear();\n\t this.surface.resize();\n\t }\n\t },\n\n\t _surfaceSize: function() {\n\t var options = this.options;\n\t var size = this._getSize();\n\n\t if (options.gaugeArea) {\n\t deepExtend(size, options.gaugeArea);\n\t }\n\n\t return size;\n\t },\n\n\t _surfaceElement: function() {\n\t if (!this.surfaceElement) {\n\t this.surfaceElement = document.createElement('div');\n\t this.element.appendChild(this.surfaceElement);\n\t }\n\n\t return this.surfaceElement;\n\t },\n\n\t getSize: function() {\n\t return this._getSize();\n\t },\n\n\t _getSize: function() {\n\t var element = this.element;\n\t var defaultSize = this._defaultSize();\n\t var width = element.offsetWidth;\n\t var height = element.offsetHeight;\n\n\t if (!width) {\n\t width = defaultSize.width;\n\t }\n\n\t if (!height) {\n\t height = defaultSize.height;\n\t }\n\n\t return { width: width, height: height };\n\t },\n\n\t _defaultSize: function() {\n\t return {\n\t width: DEFAULT_WIDTH,\n\t height: DEFAULT_HEIGHT\n\t };\n\t },\n\n\t _toggleTransitions: function(value) {\n\t var this$1 = this;\n\n\t this.options.transitions = value;\n\t for (var i = 0; i < this.pointers.length; i++) {\n\t this$1.pointers[i].options.animation.transitions = value;\n\t }\n\t }\n\t});\n\n\tsetDefaultOptions(Gauge, {\n\t plotArea: {},\n\t theme: \"default\",\n\t renderAs: \"\",\n\t pointer: {},\n\t scale: {},\n\t gaugeArea: {}\n\t});\n\n\tvar Path$2 = DrawingPath;\n\tvar Group$2 = DrawingGroup;\n\tvar Point = GeometryPoint;\n\n\tfunction renderAxisTick(tickRenderOptions, tickOptions) {\n\t var position = tickRenderOptions.position;\n\t var tickX = tickRenderOptions.tickX;\n\t var tickY = tickRenderOptions.tickY;\n\t var start, end;\n\n\t if (tickRenderOptions.vertical) {\n\t start = new Point(tickX, position);\n\t end = new Point(tickX + tickOptions.size, position);\n\t } else {\n\t start = new Point(position, tickY);\n\t end = new Point(position, tickY + tickOptions.size);\n\t }\n\n\t var tickPath = new Path$2({\n\t stroke: {\n\t color: tickOptions.color,\n\t width: tickOptions.width\n\t }\n\t }).moveTo(start).lineTo(end);\n\n\t return tickPath;\n\t}\n\n\tfunction renderTicks(tickGroup, tickPositions, tickRenderOptions, tickOptions) {\n\t var count = tickPositions.length;\n\n\t if (tickOptions.visible) {\n\t var mirror = tickRenderOptions.mirror;\n\t var lineBox = tickRenderOptions.lineBox;\n\t for (var i = tickOptions.skip; i < count; i += tickOptions.step) {\n\t if (i % tickOptions.skipUnit === 0) {\n\t continue;\n\t }\n\n\t tickRenderOptions.tickX = mirror ? lineBox.x2 : lineBox.x2 - tickOptions.size;\n\t tickRenderOptions.tickY = mirror ? lineBox.y1 - tickOptions.size : lineBox.y1;\n\t tickRenderOptions.position = tickPositions[i];\n\n\t tickGroup.append(renderAxisTick(tickRenderOptions, tickOptions));\n\t }\n\t }\n\t}\n\n\tvar LinearScale = NumericAxis.extend({\n\t init: function(options, service) {\n\t var scaleOptions = options || {};\n\t if (!defined(scaleOptions.reverse) && scaleOptions.vertical === false && (service || {}).rtl) {\n\t scaleOptions = $.extend({}, scaleOptions, {\n\t reverse: true\n\t });\n\t }\n\n\t NumericAxis.fn.init.call(this, 0, 1, scaleOptions, service);\n\n\t this.options.minorUnit = this.options.minorUnit || this.options.majorUnit / 10;\n\t },\n\n\t initUserOptions: function(options) {\n\t var scaleOptions = deepExtend({}, this.options, options);\n\t scaleOptions = deepExtend({}, scaleOptions , { labels: { mirror: scaleOptions.mirror } });\n\t scaleOptions.majorUnit = scaleOptions.majorUnit || dataviz.autoMajorUnit(scaleOptions.min, scaleOptions.max);\n\n\t return scaleOptions;\n\t },\n\n\t initFields: function() {\n\t },\n\n\t render: function() {\n\t var elements = this.elements = new Group$2();\n\t var labels = this.renderLabels();\n\t var scaleLine = this.renderLine();\n\t var scaleTicks = this.renderTicks();\n\t var ranges = this.renderRanges();\n\n\t elements.append(scaleLine, labels, scaleTicks, ranges);\n\n\t return elements;\n\t },\n\n\t renderRanges: function() {\n\t var this$1 = this;\n\n\t var options = this.options;\n\t var min = options.min;\n\t var max = options.max;\n\t var vertical = options.vertical;\n\t var mirror = options.labels.mirror;\n\t var ranges = options.ranges || [];\n\t var elements = new Group$2();\n\t var count = ranges.length;\n\t var rangeSize = options.rangeSize || options.minorTicks.size / 2;\n\n\t for (var i = 0; i < count; i++) {\n\t var range = getRange(ranges[i], min, max);\n\t var slot = this$1.getSlot(range.from, range.to);\n\t var slotX = vertical ? this$1.lineBox() : slot;\n\t var slotY = vertical ? slot : this$1.lineBox();\n\t if (vertical) {\n\t slotX.x1 -= rangeSize * (mirror ? -1 : 1);\n\t } else {\n\t slotY.y2 += rangeSize * (mirror ? -1 : 1);\n\t }\n\n\t elements.append(Path$2.fromRect(new Rect([ slotX.x1, slotY.y1 ], [ slotX.x2 - slotX.x1, slotY.y2 - slotY.y1 ]), {\n\t fill: { color: range.color, opacity: range.opacity },\n\t stroke: { }\n\t }));\n\t }\n\n\t return elements;\n\t },\n\n\t renderLabels: function() {\n\t var ref = this;\n\t var labels = ref.labels;\n\t var options = ref.options;\n\t var elements = new Group$2();\n\n\t for (var i = 0; i < labels.length; i++) {\n\t elements.append(buildLabelElement(labels[i], options.labels));\n\t }\n\n\t return elements;\n\t },\n\n\t renderLine: function() {\n\t var line = this.options.line;\n\t var lineBox = this.lineBox();\n\t var elements = new Group$2();\n\n\t if (line.width > 0 && line.visible) {\n\t var linePath = new Path$2({\n\t stroke: {\n\t color: line.color,\n\t dashType: line.dashType,\n\t width: line.width\n\t }\n\t });\n\n\t linePath.moveTo(lineBox.x1, lineBox.y1).lineTo(lineBox.x2, lineBox.y2);\n\t elements.append(linePath);\n\t }\n\n\t return elements;\n\t },\n\n\t renderTicks: function() {\n\t var ticks = new Group$2();\n\t var options = this.options;\n\t var majorUnit = options.majorTicks.visible ? options.majorUnit : 0;\n\t var tickRenderOptions = {\n\t vertical: options.vertical,\n\t mirror: options.labels.mirror,\n\t lineBox: this.lineBox()\n\t };\n\n\t renderTicks(ticks, this.getMajorTickPositions(), tickRenderOptions, options.majorTicks);\n\t renderTicks(ticks, this.getMinorTickPositions(), tickRenderOptions, deepExtend({}, {\n\t skipUnit: majorUnit / options.minorUnit\n\t }, options.minorTicks));\n\n\t return ticks;\n\t }\n\t});\n\n\tsetDefaultOptions(LinearScale, {\n\t min: 0,\n\t max: 50,\n\n\t majorTicks: {\n\t size: 15,\n\t align: INSIDE,\n\t color: BLACK,\n\t width: DEFAULT_LINE_WIDTH,\n\t visible: true\n\t },\n\n\t minorTicks: {\n\t size: 10,\n\t align: INSIDE,\n\t color: BLACK,\n\t width: DEFAULT_LINE_WIDTH,\n\t visible: true\n\t },\n\n\t line: {\n\t width: DEFAULT_LINE_WIDTH\n\t },\n\n\t labels: {\n\t position: INSIDE,\n\t padding: 2\n\t },\n\t mirror: false,\n\t _alignLines: false\n\t});\n\n\tvar Pointer = dataviz.Class.extend({\n\t init: function(scale, userOptions) {\n\n\t var ref = scale.options;\n\t var min = ref.min;\n\t var max = ref.max;\n\t var options = this.options = deepExtend({}, this.options, userOptions);\n\n\t options.fill = options.color;\n\n\t this.scale = scale;\n\n\t if (defined(options.value)) {\n\t options.value = limitValue(options.value, min, max);\n\t } else {\n\t options.value = min;\n\t }\n\t },\n\n\t value: function(newValue) {\n\t var options = this.options;\n\t var value = options.value;\n\n\t if (arguments.length === 0) {\n\t return value;\n\t }\n\n\t var ref = this.scale.options;\n\t var min = ref.min;\n\t var max = ref.max;\n\n\t options._oldValue = defined(options._oldValue) ? options.value : min;\n\t options.value = limitValue(newValue, min, max);\n\n\t if (this.elements) {\n\t this.repaint();\n\t }\n\t }\n\t});\n\n\tsetDefaultOptions(Pointer, {\n\t color: BLACK\n\t});\n\n\tvar LinearPointer = Pointer.extend({\n\t init: function(scale, options) {\n\t Pointer.fn.init.call(this, scale, options);\n\n\t this.options = deepExtend({\n\t track: {\n\t visible: defined(options.track)\n\t }\n\t }, this.options);\n\t },\n\n\t reflow: function() {\n\t var ref = this;\n\t var options = ref.options;\n\t var scale = ref.scale;\n\t var ref$1 = scale.options;\n\t var mirror = ref$1.mirror;\n\t var vertical = ref$1.vertical;\n\t var scaleLine = scale.lineBox();\n\t var trackSize = options.track.size || options.size;\n\t var pointerHalfSize = options.size / 2;\n\t var margin = getSpacing(options.margin);\n\t var space = vertical ?\n\t margin[mirror ? \"left\" : \"right\"] :\n\t margin[mirror ? \"bottom\" : \"top\"];\n\t var pointerBox, pointerRangeBox, trackBox;\n\n\t space = mirror ? -space : space;\n\n\t if (vertical) {\n\t trackBox = new Box(\n\t scaleLine.x1 + space, scaleLine.y1,\n\t scaleLine.x1 + space, scaleLine.y2);\n\n\t if (mirror) {\n\t trackBox.x1 -= trackSize;\n\t } else {\n\t trackBox.x2 += trackSize;\n\t }\n\n\t if (options.shape !== BAR_POINTER) {\n\t pointerRangeBox = new Box(\n\t scaleLine.x2 + space, scaleLine.y1 - pointerHalfSize,\n\t scaleLine.x2 + space, scaleLine.y2 + pointerHalfSize\n\t );\n\t pointerBox = pointerRangeBox;\n\t }\n\t } else {\n\t trackBox = new Box(\n\t scaleLine.x1, scaleLine.y1 - space,\n\t scaleLine.x2, scaleLine.y1 - space);\n\n\t if (mirror) {\n\t trackBox.y2 += trackSize;\n\t } else {\n\t trackBox.y1 -= trackSize;\n\t }\n\n\t if (options.shape !== BAR_POINTER) {\n\t pointerRangeBox = new Box(\n\t scaleLine.x1 - pointerHalfSize, scaleLine.y1 - space,\n\t scaleLine.x2 + pointerHalfSize, scaleLine.y1 - space\n\t );\n\t pointerBox = pointerRangeBox;\n\t }\n\t }\n\n\t this.trackBox = trackBox;\n\t this.pointerRangeBox = pointerRangeBox;\n\t this.box = pointerBox || trackBox.clone().pad(options.border.width);\n\t },\n\n\t getElementOptions: function() {\n\t var options = this.options;\n\n\t return {\n\t fill: {\n\t color: options.color,\n\t opacity: options.opacity\n\t },\n\t stroke: defined(options.border) ? {\n\t color: options.border.width ? options.border.color || options.color : \"\",\n\t width: options.border.width,\n\t dashType: options.border.dashType,\n\t opacity: options.opacity\n\t } : null\n\t };\n\t },\n\n\t _margin: function() {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\t var ref$1 = scale.options;\n\t var mirror = ref$1.mirror;\n\t var vertical = ref$1.vertical;\n\t var margin = getSpacing(options.margin);\n\n\t var space = vertical ?\n\t margin[mirror ? \"left\" : \"right\"] :\n\t margin[mirror ? \"bottom\" : \"top\"];\n\n\t return space;\n\t }\n\t});\n\n\tsetDefaultOptions(LinearPointer, {\n\t shape: BAR_POINTER,\n\n\t track: {\n\t border: {\n\t width: 1\n\t }\n\t },\n\n\t color: BLACK,\n\t border: {\n\t width: 1\n\t },\n\t opacity: 1,\n\n\t margin: getSpacing(3),\n\t animation: {\n\t type: BAR_POINTER\n\t },\n\t visible: true\n\t});\n\n\tvar ArrowLinearPointerAnimation = Animation.extend({\n\t setup: function() {\n\t var options = this.options;\n\t var margin = options.margin;\n\t var from = options.from;\n\t var to = options.to;\n\t var vertical = options.vertical;\n\t var axis = vertical ? \"x1\" : \"y1\";\n\n\t if (options.mirror === vertical) {\n\t from[axis] -= margin; to[axis] -= margin;\n\t } else {\n\t from[axis] += margin; to[axis] += margin;\n\t }\n\n\t var fromScale = this.fromScale = new GeometryPoint(from.x1, from.y1);\n\t var toScale = this.toScale = new GeometryPoint(to.x1, to.y1);\n\n\t if (options.duration !== 0) {\n\t options.duration = Math.max((fromScale.distanceTo(toScale) / options.duration) * 1000, 1);\n\t }\n\t },\n\n\t step: function(pos) {\n\t var translateX = interpolateValue(this.fromScale.x, this.toScale.x, pos);\n\t var translateY = interpolateValue(this.fromScale.y, this.toScale.y, pos);\n\n\t this.element.transform(transform().translate(translateX, translateY));\n\t }\n\t});\n\n\tsetDefaultOptions(ArrowLinearPointerAnimation, {\n\t easing: LINEAR,\n\t duration: LINEAR_SPEED\n\t});\n\n\tAnimationFactory.current.register(ARROW_POINTER, ArrowLinearPointerAnimation);\n\n\tvar Point$1 = GeometryPoint;\n\tvar Path$3 = DrawingPath;\n\n\tvar ArrowLinearPointer = LinearPointer.extend({\n\t init: function(scale, options) {\n\t LinearPointer.fn.init.call(this, scale, options);\n\n\t if (!defined(this.options.size)) {\n\t this.options.size = this.scale.options.majorTicks.size * 0.6;\n\t }\n\t },\n\n\t pointerShape: function() {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var size = ref.options.size;\n\t var halfSize = size / 2;\n\t var sign = (scale.options.mirror ? -1 : 1);\n\t var shape;\n\n\t if (scale.options.vertical) {\n\t shape = [\n\t new Point$1(0, 0 - halfSize), new Point$1(0 - sign * size, 0), new Point$1(0, 0 + halfSize)\n\t ];\n\t } else {\n\t shape = [\n\t new Point$1(0 - halfSize, 0), new Point$1(0, 0 + sign * size), new Point$1(0 + halfSize, 0)\n\t ];\n\t }\n\n\t return shape;\n\t },\n\n\t repaint: function() {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\t var animation = new ArrowLinearPointerAnimation(this.elements, deepExtend(options.animation, {\n\t vertical: scale.options.vertical,\n\t mirror: scale.options.mirror,\n\t margin: this._margin(options.margin),\n\t from: scale.getSlot(options._oldValue),\n\t to: scale.getSlot(options.value)\n\t }));\n\n\t if (options.animation.transitions === false) {\n\t animation.options.duration = 0;\n\t }\n\n\t animation.setup();\n\t animation.play();\n\t },\n\n\t render: function() {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\t var elementOptions = this.getElementOptions();\n\t var shape = this.pointerShape(options.value);\n\n\t options.animation.type = ARROW_POINTER;\n\n\t var elements = new Path$3({\n\t stroke: elementOptions.stroke,\n\t fill: elementOptions.fill\n\t }).moveTo(shape[0]).lineTo(shape[1]).lineTo(shape[2]).close();\n\n\t var slot = scale.getSlot(options.value);\n\t elements.transform(transform().translate(slot.x1, slot.y1));\n\n\t this.elements = elements;\n\n\t return elements;\n\t }\n\t});\n\n\tvar BarLinearPointerAnimation = Animation.extend({\n\t setup: function() {\n\t var options = this.options;\n\t var axis = this.axis = options.vertical ? constants.Y : constants.X;\n\t var to = this.to = options.newPoints[0][axis];\n\t var from = this.from = options.oldPoints[0][axis];\n\n\t if (options.duration !== 0) {\n\t options.duration = Math.max((Math.abs(to - from) / options.speed) * 1000, 1);\n\t }\n\n\t this._set(from);\n\t },\n\n\t step: function(pos) {\n\t var value = interpolateValue(this.from, this.to, pos);\n\t this._set(value);\n\t },\n\n\t _set: function(value) {\n\t var setter = \"set\" + this.axis.toUpperCase();\n\t var points = this.options.newPoints;\n\n\t points[0][setter](value);\n\t points[1][setter](value);\n\t }\n\t});\n\n\tsetDefaultOptions(BarLinearPointerAnimation, {\n\t easing: LINEAR,\n\t speed: LINEAR_SPEED\n\t});\n\n\tAnimationFactory.current.register(BAR_POINTER, BarLinearPointerAnimation);\n\n\tvar Group$3 = DrawingGroup;\n\tvar Path$4 = DrawingPath;\n\n\tvar BarLinearPointer = LinearPointer.extend({\n\t init: function(scale, options) {\n\t LinearPointer.fn.init.call(this, scale, options);\n\n\t if (!defined(this.options.size)) {\n\t this.options.size = this.scale.options.majorTicks.size * 0.3;\n\t }\n\t },\n\n\t pointerShape: function(value) {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\t var ref$1 = scale.options;\n\t var mirror = ref$1.mirror;\n\t var vertical = ref$1.vertical;\n\t var dir = mirror === vertical ? -1 : 1;\n\t var size = options.size * dir;\n\t var minSlot = scale.getSlot(scale.options.min);\n\t var slot = scale.getSlot(value);\n\t var axis = vertical ? constants.Y : constants.X;\n\t var sizeAxis = vertical ? constants.X : constants.Y;\n\t var margin = this._margin() * dir;\n\n\t var p1 = new GeometryPoint();\n\t p1[axis] = minSlot[axis + \"1\"];\n\t p1[sizeAxis] = minSlot[sizeAxis + \"1\"];\n\n\t var p2 = new GeometryPoint();\n\t p2[axis] = slot[axis + \"1\"];\n\t p2[sizeAxis] = slot[sizeAxis + \"1\"];\n\n\t if (vertical) {\n\t p1.translate(margin, 0);\n\t p2.translate(margin, 0);\n\t } else {\n\t p1.translate(0, margin);\n\t p2.translate(0, margin);\n\t }\n\n\t var p3 = p2.clone();\n\t var p4 = p1.clone();\n\n\t if (vertical) {\n\t p3.translate(size, 0);\n\t p4.translate(size, 0);\n\t } else {\n\t p3.translate(0, size);\n\t p4.translate(0, size);\n\t }\n\n\t return [ p1, p2, p3, p4 ];\n\t },\n\n\t repaint: function() {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\t var shape = this.pointerShape(options.value);\n\t var pointerPath = this.pointerPath;\n\t var oldShape = this.pointerShape(options._oldValue);\n\n\t pointerPath.moveTo(shape[0]).lineTo(shape[1]).lineTo(shape[2]).lineTo(shape[3]).close();\n\n\t var animation = new BarLinearPointerAnimation(pointerPath, deepExtend(options.animation, {\n\t reverse: scale.options.reverse,\n\t vertical: scale.options.vertical,\n\t oldPoints: [ oldShape[1], oldShape[2] ],\n\t newPoints: [ shape[1], shape[2] ]\n\t }));\n\n\t if (options.animation.transitions === false) {\n\t animation.options.duration = 0;\n\t }\n\n\t animation.setup();\n\t animation.play();\n\t },\n\n\t render: function() {\n\t var group = new Group$3();\n\t var elementOptions = this.getElementOptions();\n\n\t if (this.options.track.visible) {\n\t group.append(this.renderTrack());\n\t }\n\n\t var pointer = this.pointerPath = new Path$4({\n\t stroke: elementOptions.stroke,\n\t fill: elementOptions.fill\n\t });\n\n\t group.append(pointer);\n\n\t this.elements = group;\n\n\t return group;\n\t },\n\n\t renderTrack: function() {\n\t var trackOptions = this.options.track;\n\t var border = trackOptions.border || {};\n\t var trackBox = this.trackBox.clone().pad(border.width || 0);\n\n\t return new Path$4.fromRect(trackBox.toRect(), {\n\t fill: {\n\t color: trackOptions.color,\n\t opacity: trackOptions.opacity\n\t },\n\t stroke: {\n\t color: border.width ? border.color || trackOptions.color : \"\",\n\t width: border.width,\n\t dashType: border.dashType\n\t }\n\t });\n\t }\n\t});\n\n\tvar DEFAULT_MIN_WIDTH = 60;\n\tvar DEFAULT_MIN_HEIGHT = 60;\n\n\tvar Group$1 = DrawingGroup;\n\n\tvar LinearGauge = Gauge.extend({\n\t reflow: function(bbox) {\n\t var pointers = this.pointers;\n\t var bboxX = bbox.origin.x;\n\t var bboxY = bbox.origin.y;\n\n\t var box = new Box(bboxX, bboxY, bboxX + bbox.width(), bboxY + bbox.height());\n\n\t this.scale.reflow(box);\n\t this._shrinkScaleWidth(box);\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t pointers[i].reflow();\n\t }\n\n\t this.bbox = this._getBox(box);\n\t this._alignElements();\n\t this._shrinkElements();\n\t this._buildVisual();\n\t this._draw();\n\t },\n\n\t _buildVisual: function() {\n\t var visuals = new Group$1();\n\t var scaleElements = this.scale.render();\n\t var pointers = this.pointers;\n\n\t visuals.append(this.gaugeArea);\n\t visuals.append(scaleElements);\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t var current = pointers[i];\n\t visuals.append(current.render());\n\t current.value(current.options.value);\n\t }\n\n\t this._visuals = visuals;\n\t },\n\n\t _createModel: function() {\n\t var this$1 = this;\n\n\t var options = this.options;\n\t var scale = this.scale = new LinearScale(options.scale, this.contextService);\n\n\t this.pointers = [];\n\n\t var pointers = options.pointer;\n\t pointers = isArray(pointers) ? pointers : [ pointers ];\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t var currentOptions = deepExtend({}, pointers[i], {\n\t animation: {\n\t transitions: options.transitions\n\t }\n\t });\n\t var pointerType = currentOptions.shape === ARROW ? ArrowLinearPointer : BarLinearPointer;\n\n\t this$1.pointers.push(new pointerType(scale, currentOptions));\n\t }\n\t },\n\n\t _defaultSize: function() {\n\t var vertical = this.options.scale.vertical;\n\n\t return {\n\t width: vertical ? DEFAULT_MIN_WIDTH : DEFAULT_WIDTH,\n\t height: vertical ? DEFAULT_HEIGHT : DEFAULT_MIN_HEIGHT\n\t };\n\t },\n\n\t _getBox: function(box) {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var pointers = ref.pointers;\n\t var boxCenter = box.center();\n\t var plotAreaBox = pointers[0].box.clone().wrap(scale.box);\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t plotAreaBox.wrap(pointers[i].box.clone());\n\t }\n\n\t var size;\n\t if (scale.options.vertical) {\n\t size = plotAreaBox.width() / 2;\n\t plotAreaBox = new Box(\n\t boxCenter.x - size, box.y1,\n\t boxCenter.x + size, box.y2\n\t );\n\t } else {\n\t size = plotAreaBox.height() / 2;\n\t plotAreaBox = new Box(\n\t box.x1, boxCenter.y - size,\n\t box.x2, boxCenter.y + size\n\t );\n\t }\n\n\t return plotAreaBox;\n\t },\n\n\t _alignElements: function() {\n\t var this$1 = this;\n\n\t var ref = this;\n\t var scale = ref.scale;\n\t var pointers = ref.pointers;\n\t var scaleBox = scale.box;\n\t var box = pointers[0].box.clone().wrap(scale.box);\n\t var plotAreaBox = this.bbox;\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t box.wrap(pointers[i].box.clone());\n\t }\n\n\t var diff;\n\t if (scale.options.vertical) {\n\t diff = plotAreaBox.center().x - box.center().x;\n\t scale.reflow(new Box(\n\t scaleBox.x1 + diff, plotAreaBox.y1,\n\t scaleBox.x2 + diff, plotAreaBox.y2\n\t ));\n\t } else {\n\t diff = plotAreaBox.center().y - box.center().y;\n\t scale.reflow(new Box(\n\t scaleBox.x1, scaleBox.y1 + diff,\n\t scaleBox.x2, scaleBox.y2 + diff\n\t ));\n\t }\n\n\t for (var i$1 = 0; i$1 < pointers.length; i$1++) {\n\t pointers[i$1].reflow(this$1.bbox);\n\t }\n\t },\n\n\t _shrinkScaleWidth: function(bbox) {\n\t var ref = this;\n\t var scale = ref.scale;\n\t if (!scale.options.vertical) {\n\t var overflow = scale.contentBox().width() - bbox.width();\n\t if (overflow > 0) {\n\t scale.box.shrink(overflow, 0);\n\t scale.box.alignTo(bbox, 'center');\n\t scale.reflow(scale.box);\n\t }\n\t }\n\t },\n\n\t _shrinkElements: function() {\n\t var this$1 = this;\n\n\t var ref = this;\n\t var scale = ref.scale;\n\t var pointers = ref.pointers;\n\t var scaleBox = scale.box.clone();\n\t var pos = scale.options.vertical ? \"y\" : \"x\";\n\t var pointerBox = pointers[0].box;\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t pointerBox.wrap(pointers[i].box.clone());\n\t }\n\n\t scaleBox[pos + 1] += Math.max(scaleBox[pos + 1] - pointerBox[pos + 1], 0);\n\t scaleBox[pos + 2] -= Math.max(pointerBox[pos + 2] - scaleBox[pos + 2], 0);\n\n\t scale.reflow(scaleBox);\n\n\t for (var i$1 = 0; i$1 < pointers.length; i$1++) {\n\t pointers[i$1].reflow(this$1.bbox);\n\t }\n\t }\n\t});\n\n\tsetDefaultOptions(LinearGauge, {\n\t transitions: true,\n\t gaugeArea: {\n\t background: \"\"\n\t },\n\t scale: {\n\t vertical: true\n\t }\n\t});\n\n\tvar GEO_ARC_ADJUST_ANGLE = 180;\n\n\tvar Arc = drawing.Arc;\n\tvar Path$5 = DrawingPath;\n\tvar Group$5 = DrawingGroup;\n\n\tfunction drawTicks(arc, tickAngles, unit, tickOptions) {\n\t var ticks = new Group$5();\n\t var center = arc.center;\n\t var radius = arc.getRadiusX();\n\n\t if (tickOptions.visible) {\n\t for (var i = 0; i < tickAngles.length; i++) {\n\t var tickStart = arc.pointAt(tickAngles[i]);\n\t var tickEnd = new GeometryPoint(center.x + radius - tickOptions.size, center.y).rotate(tickAngles[i], center);\n\n\t ticks.append(new Path$5({\n\t stroke: {\n\t color: tickOptions.color,\n\t width: tickOptions.width\n\t }\n\t }).moveTo(tickStart).lineTo(tickEnd));\n\t }\n\t }\n\n\t return ticks;\n\t}\n\n\tfunction rangeSegment(from, to, color, opacity) {\n\t return { from: from, to: to, color: color, opacity: opacity };\n\t}\n\n\tvar RadialScale = NumericAxis.extend({\n\t init: function(options, service) {\n\t NumericAxis.fn.init.call(this, 0, 1, options, service);\n\t },\n\n\t initUserOptions: function(options) {\n\t var scaleOptions = deepExtend({}, this.options, options);\n\t scaleOptions.majorUnit = scaleOptions.majorUnit || dataviz.autoMajorUnit(scaleOptions.min, scaleOptions.max);\n\t scaleOptions.minorUnit = scaleOptions.minorUnit || scaleOptions.majorUnit / 10;\n\n\t return scaleOptions;\n\t },\n\n\t initFields: function() {\n\t },\n\n\t render: function(center, radius) {\n\t var arc = this.renderArc(center, radius);\n\n\t this.bbox = arc.bbox();\n\t this.labelElements = this.renderLabels();\n\t this.ticks = this.renderTicks();\n\t this.ranges = this.renderRanges();\n\t },\n\n\t reflow: function(bbox) {\n\t var center = bbox.center();\n\t var radius = Math.min(bbox.height(), bbox.width()) / 2;\n\n\t if (defined(this.bbox)) {\n\t this.bbox = this.arc.bbox();\n\t this.radius(this.arc.getRadiusX());\n\t this.repositionRanges();\n\t this.renderLabels();\n\t } else {\n\t return this.render(center, radius);\n\t }\n\t },\n\n\t slotAngle: function(value) {\n\t var ref = this.options;\n\t var min = ref.min;\n\t var max = ref.max;\n\t var reverse = ref.reverse;\n\t var startAngle = ref.startAngle;\n\t var endAngle = ref.endAngle;\n\t var angle = endAngle - startAngle;\n\t var result;\n\n\t if (reverse) {\n\t result = endAngle - (value - min) / (max - min) * angle;\n\t } else {\n\t result = ((value - min) / (max - min) * angle) + startAngle;\n\t }\n\n\t return result + GEO_ARC_ADJUST_ANGLE;\n\t },\n\n\t hasRanges: function() {\n\t var ranges = this.options.ranges;\n\n\t return ranges && ranges.length;\n\t },\n\n\t ticksSize: function() {\n\t var ref = this.options;\n\t var majorTicks = ref.majorTicks;\n\t var minorTicks = ref.minorTicks;\n\t var size = 0;\n\t if (majorTicks.visible) {\n\t size = majorTicks.size;\n\t }\n\n\t if (minorTicks.visible) {\n\t size = Math.max(minorTicks.size, size);\n\t }\n\n\t return size;\n\t },\n\n\t renderLabels: function() {\n\t var this$1 = this;\n\n\t var options = this.options;\n\t var arc = this.arc.clone();\n\t var radius = arc.getRadiusX();\n\t var tickAngles = this.tickAngles(arc, options.majorUnit);\n\t var rangeSize = options.rangeSize = options.rangeSize || radius * 0.1;\n\t var labelsGroup = new Group$5();\n\n\t var rangeDistance = radius * 0.05;\n\t if (defined(options.rangeDistance)) {\n\t rangeDistance = options.rangeDistance;\n\t } else {\n\t options.rangeDistance = rangeDistance;\n\t }\n\n\t var labelsOptions = options.labels;\n\t var isInside = labelsOptions.position === INSIDE;\n\t var hasLabelElements = defined(this.labelElements);\n\n\t if (isInside) {\n\t radius -= this.ticksSize();\n\n\t if (this.hasRanges() && !hasLabelElements) {\n\t radius -= rangeSize + rangeDistance;\n\t }\n\t arc.setRadiusX(radius).setRadiusY(radius);\n\t }\n\n\t var labels = this.labels;\n\t var count = labels.length;\n\t var padding = labelsOptions.padding;\n\n\t for (var i = 0; i < count; i++) {\n\t var label = labels[i];\n\t var halfWidth = label.box.width() / 2;\n\t var halfHeight = label.box.height() / 2;\n\t var angle = tickAngles[i];\n\t var labelAngle = (angle - GEO_ARC_ADJUST_ANGLE) * DEGREE;\n\n\t var lp = arc.pointAt(angle);\n\t var cx = lp.x + (Math.cos(labelAngle) * (halfWidth + padding) * (isInside ? 1 : -1));\n\t var cy = lp.y + (Math.sin(labelAngle) * (halfHeight + padding) * (isInside ? 1 : -1));\n\n\t label.reflow(new Box(cx - halfWidth, cy - halfHeight, cx + halfWidth, cy + halfHeight));\n\t var labelPos = new GeometryPoint(label.box.x1, label.box.y1);\n\n\t var labelElement = (void 0);\n\t if (!hasLabelElements) {\n\t labelElement = buildLabelElement(label, options.labels);\n\t labelsGroup.append(labelElement);\n\t } else {\n\t labelElement = this$1.labelElements.children[i];\n\t var prevLabelPos = labelElement.bbox().origin;\n\n\t var labelTransform = labelElement.transform() || transform();\n\t labelTransform.translate(labelPos.x - prevLabelPos.x, labelPos.y - prevLabelPos.y);\n\t labelElement.transform(labelTransform);\n\t }\n\n\t this$1.bbox = Rect.union(this$1.bbox, labelElement.bbox());\n\t }\n\n\t return labelsGroup;\n\t },\n\n\t repositionRanges: function() {\n\t var ranges = this.ranges.children;\n\n\t if (ranges.length > 0) {\n\t var ref = this.options;\n\t var rangeDistance = ref.rangeDistance;\n\t var rangeSize = ref.rangeSize;\n\t var rangeRadius = this.getRangeRadius();\n\n\t if (this.options.labels.position === INSIDE) {\n\t rangeRadius += rangeSize + rangeDistance;\n\t }\n\n\t var newRadius = rangeRadius + (rangeSize / 2);\n\n\t for (var i = 0; i < ranges.length; i++) {\n\t ranges[i]._geometry.setRadiusX(newRadius).setRadiusY(newRadius);\n\t }\n\n\t this.bbox = Rect.union(this.bbox, this.ranges.bbox());\n\t }\n\t },\n\n\t renderRanges: function() {\n\t var this$1 = this;\n\n\t var segments = this.rangeSegments();\n\t var segmentsCount = segments.length;\n\t var result = new Group$5();\n\n\t if (segmentsCount) {\n\t var ref = this.options;\n\t var rangeSize = ref.rangeSize;\n\t var reverse = ref.reverse;\n\t var rangeDistance = ref.rangeDistance;\n\t var rangeRadius = this.getRangeRadius();\n\n\t // move the ticks with a range distance and a range size\n\t this.radius(this.radius() - rangeSize - rangeDistance);\n\n\t for (var i = 0; i < segmentsCount; i++) {\n\t var segment = segments[i];\n\t var from = this$1.slotAngle(segment[reverse ? \"to\" : \"from\"]);\n\t var to = this$1.slotAngle(segment[!reverse ? \"to\" : \"from\"]);\n\n\t if (to - from !== 0) {\n\t result.append(this$1.createRange(from, to, rangeRadius, segment));\n\t }\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t createRange: function(startAngle, endAngle, rangeRadius, options) {\n\t var rangeSize = this.options.rangeSize;\n\t var rangeGeom = new geometry.Arc(this.arc.center, {\n\t radiusX: rangeRadius + (rangeSize / 2),\n\t radiusY: rangeRadius + (rangeSize / 2),\n\t startAngle: startAngle,\n\t endAngle: endAngle\n\t });\n\n\t return new Arc(rangeGeom, {\n\t stroke: {\n\t width: rangeSize,\n\t color: options.color,\n\t opacity: options.opacity,\n\t lineCap: options.lineCap\n\t }\n\t });\n\t },\n\n\t rangeSegments: function() {\n\t var options = this.options;\n\t var ranges = options.ranges || [];\n\t var count = ranges.length;\n\t var segments = [];\n\n\t if (count) {\n\t var min = options.min;\n\t var max = options.max;\n\t var defaultColor = options.rangePlaceholderColor;\n\t segments.push(rangeSegment(min, max, defaultColor));\n\n\t for (var i = 0; i < count; i++) {\n\t var range = getRange(ranges[i], min, max);\n\t var segmentsCount = segments.length;\n\n\t for (var j = 0; j < segmentsCount; j++) {\n\t var segment = segments[j];\n\n\t if (segment.from <= range.from && range.from <= segment.to) {\n\t segments.push(rangeSegment(range.from, range.to, range.color, range.opacity));\n\n\t if (segment.from <= range.to && range.to <= segment.to) {\n\t segments.push(rangeSegment(range.to, segment.to, defaultColor, range.opacity));\n\t }\n\n\t segment.to = range.from;\n\n\t break;\n\t }\n\t }\n\t }\n\t }\n\n\t return segments;\n\t },\n\n\t getRangeRadius: function() {\n\t var ref = this;\n\t var arc = ref.arc;\n\t var options = ref.options;\n\t var rangeSize = options.rangeSize;\n\t var rangeDistance = options.rangeDistance;\n\t var majorTickSize = options.majorTicks.size;\n\t var radius;\n\n\t if (options.labels.position === OUTSIDE) {\n\t radius = arc.getRadiusX() - majorTickSize - rangeDistance - rangeSize;\n\t } else {\n\t radius = arc.getRadiusX() - rangeSize;\n\t }\n\n\t return radius;\n\t },\n\n\t renderArc: function(center, radius) {\n\t var options = this.options;\n\n\t var arc = this.arc = new geometry.Arc(center, {\n\t radiusX: radius,\n\t radiusY: radius,\n\t startAngle: options.startAngle + GEO_ARC_ADJUST_ANGLE,\n\t endAngle: options.endAngle + GEO_ARC_ADJUST_ANGLE\n\t });\n\n\t return arc;\n\t },\n\n\t renderTicks: function() {\n\t var ref = this;\n\t var arc = ref.arc;\n\t var options = ref.options;\n\t var tickArc = arc.clone();\n\n\t this.majorTickAngles = this.tickAngles(arc, options.majorUnit);\n\t this.majorTicks = drawTicks(tickArc, this.majorTickAngles, options.majorUnit, options.majorTicks);\n\n\t var allTicks = new Group$5();\n\t allTicks.append(this.majorTicks);\n\n\t var majorTickSize = options.majorTicks.size;\n\t var minorTickSize = options.minorTicks.size;\n\n\t this._tickDifference = majorTickSize - minorTickSize;\n\n\t if (options.labels.position === OUTSIDE) {\n\t var radius = tickArc.getRadiusX();\n\t tickArc.setRadiusX(radius - majorTickSize + minorTickSize)\n\t .setRadiusY(radius - majorTickSize + minorTickSize);\n\t }\n\n\t this.minorTickAngles = this.normalizeTickAngles(this.tickAngles(arc, options.minorUnit));\n\t this.minorTicks = drawTicks(tickArc, this.minorTickAngles, options.minorUnit, options.minorTicks);\n\t allTicks.append(this.minorTicks);\n\n\t return allTicks;\n\t },\n\n\t normalizeTickAngles: function(angles) {\n\t var options = this.options;\n\t var skip = options.majorUnit / options.minorUnit;\n\n\t for (var i = angles.length - 1; i >= 0; i--) {\n\t if (i % skip === 0) {\n\t angles.splice(i, 1);\n\t }\n\t }\n\n\t return angles;\n\t },\n\n\t tickAngles: function(ring, stepValue) {\n\t var options = this.options;\n\t var reverse = options.reverse;\n\t var range = options.max - options.min;\n\t var angle = ring.endAngle - ring.startAngle;\n\t var tickCount = range / stepValue;\n\t var pos = ring.startAngle;\n\t var step = angle / tickCount;\n\n\t if (reverse) {\n\t pos += angle;\n\t step = -step;\n\t }\n\n\t var positions = [];\n\t for (var i = 0; i < tickCount; i++) {\n\t positions.push(round(pos, COORD_PRECISION));\n\t pos += step;\n\t }\n\n\t if (round(pos) <= ring.endAngle) {\n\t positions.push(pos);\n\t }\n\n\t return positions;\n\t },\n\n\t radius: function(value) {\n\t if (value) {\n\t this.arc.setRadiusX(value).setRadiusY(value);\n\t this.repositionTicks(this.majorTicks.children, this.majorTickAngles);\n\t this.repositionTicks(this.minorTicks.children, this.minorTickAngles, true);\n\t } else {\n\t return this.arc.getRadiusX();\n\t }\n\t },\n\n\t repositionTicks: function(ticks, tickAngles, minor) {\n\t var diff = minor ? (this._tickDifference || 0) : 0;\n\t var tickArc = this.arc;\n\t var radius = tickArc.getRadiusX();\n\n\t if (minor && this.options.labels.position === OUTSIDE && diff !== 0) {\n\t tickArc = this.arc.clone();\n\t tickArc.setRadiusX(radius - diff).setRadiusY(radius - diff);\n\t }\n\n\t for (var i = 0; i < ticks.length; i++) {\n\t var newPoint = tickArc.pointAt(tickAngles[i]);\n\t var segments = ticks[i].segments;\n\t var xDiff = newPoint.x - segments[0].anchor().x;\n\t var yDiff = newPoint.y - segments[0].anchor().y;\n\n\t ticks[i].transform(new transform().translate(xDiff, yDiff));\n\t }\n\t }\n\t});\n\n\tsetDefaultOptions(RadialScale, {\n\t min: 0,\n\t max: 100,\n\n\t majorTicks: {\n\t size: 15,\n\t align: INSIDE,\n\t color: BLACK,\n\t width: DEFAULT_LINE_WIDTH,\n\t visible: true\n\t },\n\n\t minorTicks: {\n\t size: 10,\n\t align: INSIDE,\n\t color: BLACK,\n\t width: DEFAULT_LINE_WIDTH,\n\t visible: true\n\t },\n\n\t startAngle: -30,\n\t endAngle: 210,\n\n\t labels: {\n\t position: INSIDE,\n\t padding: 2\n\t }\n\t});\n\n\tvar RadialPointerAnimation = Animation.extend({\n\t init: function(element, options) {\n\t Animation.fn.init.call(this, element, options);\n\n\t var animationOptions = this.options;\n\n\t animationOptions.duration = Math.max((Math.abs(animationOptions.newAngle - animationOptions.oldAngle) / animationOptions.duration) * 1000, 1);\n\t },\n\n\t step: function(pos) {\n\t var options = this.options;\n\t var angle = interpolateValue(options.oldAngle, options.newAngle, pos);\n\n\t this.element.transform(transform().rotate(angle, options.center));\n\t }\n\t});\n\n\tsetDefaultOptions(RadialPointerAnimation, {\n\t easing: LINEAR,\n\t duration: ANGULAR_SPEED\n\t});\n\n\tAnimationFactory.current.register(RADIAL_POINTER, RadialPointerAnimation);\n\n\tvar CAP_SIZE = 0.05;\n\tvar Circle = drawing.Circle;\n\tvar Group$6 = DrawingGroup;\n\tvar Path$6 = DrawingPath;\n\n\tvar RadialPointer = Pointer.extend({\n\t setAngle: function(angle) {\n\t this.elements.transform(transform().rotate(angle, this.center));\n\t },\n\n\t repaint: function() {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\t var oldAngle = scale.slotAngle(options._oldValue);\n\t var newAngle = scale.slotAngle(options.value);\n\n\t if (options.animation.transitions === false) {\n\t this.setAngle(newAngle);\n\t } else {\n\t new RadialPointerAnimation(this.elements, deepExtend(options.animation, {\n\t oldAngle: oldAngle,\n\t newAngle: newAngle\n\t })).play();\n\t }\n\t },\n\n\t render: function() {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\t var elements = new Group$6();\n\n\t if (options.animation !== false) {\n\t deepExtend(options.animation, {\n\t startAngle: 0,\n\t center: scale.arc.center,\n\t reverse: scale.options.reverse\n\t });\n\t }\n\n\t elements.append(this._renderNeedle(), this._renderCap());\n\n\t this.elements = elements;\n\t this.setAngle(DEGREE);\n\n\t return elements;\n\t },\n\n\t reflow: function(arc) {\n\t var center = this.center = arc.center;\n\t var length = limitValue(this.options.length || 1, 0.1, 1.5);\n\t var radius = this.radius = arc.getRadiusX() * length;\n\t var capSize = this.capSize = Math.round(radius * this.options.cap.size);\n\n\t this.bbox = Rect.fromPoints(new GeometryPoint(center.x - capSize, center.y - capSize),\n\t new GeometryPoint(center.x + capSize, center.y + capSize));\n\t },\n\n\t _renderNeedle: function() {\n\t var minorTickSize = this.scale.options.minorTicks.size;\n\t var center = this.center;\n\t var needleColor = this.options.color;\n\n\t var needlePath = new Path$6({\n\t fill: { color: needleColor },\n\t stroke: { color: needleColor, width: DEFAULT_LINE_WIDTH }\n\t });\n\n\t needlePath.moveTo(center.x + this.radius - minorTickSize, center.y)\n\t .lineTo(center.x, center.y - (this.capSize / 2))\n\t .lineTo(center.x, center.y + (this.capSize / 2))\n\t .close();\n\n\t return needlePath;\n\t },\n\n\t _renderCap: function() {\n\t var options = this.options;\n\t var capColor = options.cap.color || options.color;\n\t var circle = new geometry.Circle(this.center, this.capSize);\n\n\t var cap = new Circle(circle, {\n\t fill: { color: capColor },\n\t stroke: { color: capColor }\n\t });\n\n\t return cap;\n\t }\n\t});\n\n\tsetDefaultOptions(RadialPointer, {\n\t cap: {\n\t size: CAP_SIZE\n\t },\n\t arrow: {\n\t width: 16,\n\t height: 14\n\t },\n\t animation: {\n\t type: RADIAL_POINTER,\n\t duration: ANGULAR_SPEED\n\t }\n\t});\n\n\tvar Group$4 = DrawingGroup;\n\n\tvar RadialGauge = Gauge.extend({\n\t reflow: function(bbox) {\n\t var this$1 = this;\n\n\t var pointers = this.pointers;\n\t this.scale.reflow(bbox);\n\t this._initialPlotArea = this.scale.bbox;\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t pointers[i].reflow(this$1.scale.arc);\n\t this$1._initialPlotArea = Rect.union(this$1._initialPlotArea, pointers[i].bbox);\n\t }\n\n\t this.fitScale(bbox);\n\t this.alignScale(bbox);\n\t this._buildVisual(this.gaugeArea, pointers, this.scale);\n\t this._draw();\n\t },\n\n\t _buildVisual: function(gaugeArea, pointers, scale) {\n\t var visuals = this._visuals = new Group$4();\n\n\t visuals.append(gaugeArea);\n\t visuals.append(scale.ticks);\n\t visuals.append(scale.ranges);\n\t this._buildPointers(pointers);\n\t visuals.append(scale.labelElements);\n\t },\n\n\t _buildPointers: function(pointers) {\n\t var this$1 = this;\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t var current = pointers[i];\n\t current.render();\n\t this$1._visuals.append(current.elements);\n\n\t current.value(current.options.value);\n\t }\n\t },\n\n\t fitScale: function(bbox) {\n\t var this$1 = this;\n\n\t var arc = this.scale.arc;\n\t var plotAreaBox = this._initialPlotArea;\n\t var step = Math.abs(this.getDiff(plotAreaBox, bbox));\n\t var min = round(step, COORD_PRECISION);\n\t var max = round(-step, COORD_PRECISION);\n\t var minDiff, midDiff, maxDiff, mid, oldDiff;\n\t var staleFlag = 0;\n\t var i = 0;\n\n\t while (i++ < 100) {\n\t staleFlag = (oldDiff === maxDiff) ? (staleFlag + 1) : 0;\n\n\t if (staleFlag > 5) {\n\t break;\n\t }\n\n\t if (min !== mid) {\n\t minDiff = this$1.getPlotBox(min, bbox, arc);\n\t if (0 <= minDiff && minDiff <= 2) {\n\t break;\n\t }\n\t }\n\n\t if (max !== mid) {\n\t maxDiff = this$1.getPlotBox(max, bbox, arc);\n\t if (0 <= maxDiff && maxDiff <= 2) {\n\t break;\n\t }\n\t }\n\n\t if (minDiff > 0 && maxDiff > 0) {\n\t mid = min * 2;\n\t } else if (minDiff < 0 && maxDiff < 0) {\n\t mid = max * 2;\n\t } else {\n\t mid = round(((min + max) / 2) || 1, COORD_PRECISION);\n\t }\n\n\t midDiff = this$1.getPlotBox(mid, bbox, arc);\n\t if (0 <= midDiff && midDiff <= 2) {\n\t break;\n\t }\n\n\t oldDiff = maxDiff;\n\n\t if (midDiff > 0) {\n\t max = mid;\n\t maxDiff = midDiff;\n\t } else {\n\t min = mid;\n\t minDiff = midDiff;\n\t }\n\t }\n\t },\n\n\t getPlotBox: function(step, bbox, arc) {\n\t var this$1 = this;\n\n\t var scale = this.scale;\n\t var pointers = this.pointers;\n\t var radius = arc.getRadiusX();\n\t var scaleArc = arc.clone();\n\n\t scaleArc.setRadiusX(radius + step).setRadiusY(radius + step);\n\n\t scale.arc = scaleArc;\n\t scale.reflow(bbox);\n\t this.plotBbox = scale.bbox;\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t pointers[i].reflow(scaleArc);\n\t this$1.plotBbox = Rect.union(this$1.plotBbox, pointers[i].bbox);\n\t }\n\n\t return this.getDiff(this.plotBbox, bbox);\n\t },\n\n\t getDiff: function(plotBox, box) {\n\t return Math.min(box.width() - plotBox.width(), box.height() - plotBox.height());\n\t },\n\n\t alignScale: function(bbox) {\n\t var this$1 = this;\n\n\t var plotBoxCenter = this.plotBbox.center();\n\t var boxCenter = bbox.center();\n\t var paddingX = plotBoxCenter.x - boxCenter.x;\n\t var paddingY = plotBoxCenter.y - boxCenter.y;\n\t var ref = this;\n\t var scale = ref.scale;\n\t var pointers = ref.pointers;\n\n\t scale.arc.center.x -= paddingX;\n\t scale.arc.center.y -= paddingY;\n\n\t scale.reflow(bbox);\n\n\t for (var i = 0; i < pointers.length; i++) {\n\t pointers[i].reflow(scale.arc);\n\t this$1.plotBbox = Rect.union(scale.bbox, pointers[i].bbox);\n\t }\n\t },\n\n\t _createModel: function() {\n\t var this$1 = this;\n\n\t var options = this.options;\n\t var pointers = options.pointer;\n\t var scale = this.scale = new RadialScale(options.scale, this.contextService);\n\n\t this.pointers = [];\n\n\t var pointersArr = isArray(pointers) ? pointers : [ pointers ];\n\t for (var i = 0; i < pointersArr.length; i++) {\n\t var current = new RadialPointer(scale, deepExtend({}, pointersArr[i], {\n\t animation: {\n\t transitions: options.transitions\n\t }\n\t }));\n\n\t this$1.pointers.push(current);\n\t }\n\t }\n\t});\n\n\tsetDefaultOptions(RadialGauge, {\n\t transitions: true,\n\t gaugeArea: {\n\t background: \"\"\n\t }\n\t});\n\n\tvar ArcScale = RadialScale.extend({\n\t rangeSegments: function() {\n\t var ref = this.options;\n\t var min = ref.min;\n\t var max = ref.max;\n\t var rangePlaceholderColor = ref.rangePlaceholderColor;\n\t var rangeLineCap = ref.rangeLineCap;\n\n\t return [ { from: min, to: max, color: rangePlaceholderColor, lineCap: rangeLineCap } ];\n\t },\n\n\t hasRanges: function() {\n\t return true;\n\t },\n\n\t placeholderRangeAngle: function(angle) {\n\t var geometry$$1 = this.ranges.children[0].geometry();\n\n\t if (this.options.reverse) {\n\t geometry$$1.setEndAngle(angle);\n\t } else {\n\t geometry$$1.setStartAngle(angle);\n\t }\n\t },\n\n\t addRange: function(from, to, options) {\n\t var reverse = this.options.reverse;\n\n\t var startAngle = this.slotAngle(reverse ? to : from);\n\t var endAngle = this.slotAngle(reverse ? from : to);\n\n\t var range = this.createRange(startAngle, endAngle, this.getRangeRadius(), options);\n\n\t this.ranges.append(range);\n\n\t return range;\n\t }\n\t});\n\n\tsetDefaultOptions(ArcScale, {\n\t min: 0,\n\t max: 100,\n\n\t majorTicks: {\n\t visible: false\n\t },\n\n\t minorTicks: {\n\t visible: false\n\t },\n\n\t labels: {\n\t visible: false\n\t },\n\n\t startAngle: 0,\n\t endAngle: 180,\n\t rangeLineCap: 'round'\n\t});\n\n\tvar MAX_DURATION = 800;\n\n\tvar RangePointerAnimation = Animation.extend({\n\t init: function(element, options) {\n\t Animation.fn.init.call(this, element, options);\n\n\t var animationOptions = this.options;\n\t var duration = (Math.abs(animationOptions.newAngle - animationOptions.oldAngle) / animationOptions.duration) * 1000;\n\t animationOptions.duration = limitValue(duration, ANGULAR_SPEED, MAX_DURATION);\n\n\t var startColor = element.elements.options.get(\"stroke.color\");\n\t var color = element.currentColor();\n\t if (startColor !== color) {\n\t this.startColor = new kendo.Color(startColor);\n\t this.color = new kendo.Color(color);\n\t }\n\t },\n\n\t step: function(pos) {\n\t var ref = this;\n\t var options = ref.options;\n\t var startColor = ref.startColor;\n\t var color = ref.color;\n\t var angle = interpolateValue(options.oldAngle, options.newAngle, pos);\n\t this.element.angle(angle);\n\n\t if (color) {\n\t var r = round(interpolateValue(startColor.r, color.r, pos));\n\t var g = round(interpolateValue(startColor.g, color.g, pos));\n\t var b = round(interpolateValue(startColor.b, color.b, pos));\n\n\t this.element.stroke(new kendo.Color(r, g, b).toHex());\n\t }\n\t }\n\t});\n\n\tsetDefaultOptions(RangePointerAnimation, {\n\t easing: LINEAR,\n\t duration: ANGULAR_SPEED\n\t});\n\n\tAnimationFactory.current.register(RADIAL_RANGE_POINTER, RangePointerAnimation);\n\n\tvar RangePointer = Pointer.extend({\n\t repaint: function() {\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\t var oldAngle = scale.slotAngle(options._oldValue);\n\t var newAngle = scale.slotAngle(options.value);\n\n\t if (this.animation) {\n\t this.animation.abort();\n\t }\n\n\t if (options.animation.transitions === false) {\n\t this.angle(newAngle);\n\t this.stroke(this.currentColor());\n\t } else {\n\t this.animation = new RangePointerAnimation(this, deepExtend(options.animation, {\n\t oldAngle: oldAngle,\n\t newAngle: newAngle\n\t }));\n\n\t this.animation.play();\n\t }\n\t },\n\n\t angle: function(value) {\n\t var geometry$$1 = this.elements.geometry();\n\t if (this.scale.options.reverse) {\n\t geometry$$1.setStartAngle(value);\n\t } else {\n\t geometry$$1.setEndAngle(value);\n\t }\n\t this.scale.placeholderRangeAngle(value);\n\t },\n\n\t stroke: function(value) {\n\t this.elements.stroke(value);\n\t },\n\n\t render: function() {\n\t if (this.elements) {\n\t return;\n\t }\n\n\t var ref = this;\n\t var scale = ref.scale;\n\t var options = ref.options;\n\n\t if (options.animation !== false) {\n\t deepExtend(options.animation, {\n\t startAngle: 0,\n\t center: scale.arc.center,\n\t reverse: scale.options.reverse\n\t });\n\t }\n\n\t this.elements = scale.addRange(scale.options.min, this.options.value, {\n\t color: this.currentColor(),\n\t opacity: options.opacity,\n\t lineCap: scale.options.rangeLineCap\n\t });\n\t },\n\n\t currentColor: function() {\n\t var ref = this.scale.options;\n\t var min = ref.min;\n\t var max = ref.max;\n\t var ref$1 = this.options;\n\t var colors = ref$1.colors;\n\t var color = ref$1.color;\n\t var value = ref$1.value;\n\t var currentValue = dataviz.isNumber(value) ? value : min;\n\n\t if (colors) {\n\t for (var idx = 0; idx < colors.length; idx++) {\n\t var ref$2 = colors[idx];\n\t var rangeColor = ref$2.color;\n\t var from = ref$2.from; if (from === void 0) { from = min; }\n\t var to = ref$2.to; if (to === void 0) { to = max; }\n\n\t if (from <= currentValue && currentValue <= to) {\n\t return rangeColor;\n\t }\n\t }\n\t }\n\n\t return color;\n\t },\n\n\t reflow: function() {\n\t this.render();\n\n\t this.bbox = this.elements.bbox();\n\t }\n\t});\n\n\tsetDefaultOptions(RangePointer, {\n\t animation: {\n\t type: RADIAL_RANGE_POINTER,\n\t duration: ANGULAR_SPEED\n\t }\n\t});\n\n\tvar ArcGauge = RadialGauge.extend({\n\t _initTheme: function(theme) {\n\t RadialGauge.fn._initTheme.call(this, theme);\n\n\t this.options.color = this.options.color || (this.theme.pointer || {}).color;\n\t },\n\n\t _createModel: function() {\n\t var options = this.options;\n\t var scale = this.scale = new ArcScale(options.scale, this.contextService);\n\n\t var pointer = new RangePointer(scale, deepExtend({}, {\n\t colors: options.colors,\n\t color: options.color,\n\t value: options.value,\n\t opacity: options.opacity,\n\t animation: {\n\t transitions: options.transitions\n\t }\n\t }));\n\n\t this.pointers = [ pointer ];\n\t },\n\n\t _buildPointers: function(pointers) {\n\t for (var i = 0; i < pointers.length; i++) {\n\t var current = pointers[i];\n\t current.render();\n\n\t current.value(current.options.value);\n\t }\n\t },\n\n\t _setValueOptions: function(value) {\n\t this.options.value = value;\n\t },\n\n\t currentColor: function() {\n\t var pointer = this.pointers[0];\n\t if (pointer) {\n\t return pointer.currentColor();\n\t }\n\t },\n\n\t centerLabelPosition: function(width, height) {\n\t var size = this.getSize();\n\t var center = this.scale.arc.center;\n\n\t var left = center.x - width / 2;\n\t var top = center.y - height / 2;\n\n\t if (width < size.width) {\n\t var right = left + width;\n\n\t left = Math.max(left, 0);\n\n\t if (right > size.width) {\n\t left -= right - size.width;\n\t }\n\t }\n\n\t if (height < size.height) {\n\t var bbox = this.scale.bbox;\n\t var yLimit = bbox.bottomRight().y;\n\t var bottom = top + height;\n\n\t top = Math.max(top, bbox.origin.y);\n\n\t if (bottom > yLimit) {\n\t top -= bottom - yLimit;\n\t }\n\t }\n\n\t return {\n\t left: left,\n\t top: top\n\t };\n\t }\n\t});\n\n\tkendo.deepExtend(kendo.dataviz, {\n\t Gauge: Gauge,\n\t LinearGauge: LinearGauge,\n\t LinearPointer: LinearPointer,\n\t ArrowLinearPointer: ArrowLinearPointer,\n\t BarLinearPointer: BarLinearPointer,\n\t LinearScale: LinearScale,\n\t RadialGauge: RadialGauge,\n\t RadialPointer: RadialPointer,\n\t RadialScale: RadialScale,\n\t ArcGauge: ArcGauge,\n\t RangePointer: RangePointer,\n\t ArcScale: ArcScale\n\t});\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(885);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 885:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\n\t __webpack_require__(886)\n\t ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\t var kendo = window.kendo;\n\t var Widget = kendo.ui.Widget;\n\t var dataviz = kendo.dataviz;\n\t var LinearGauge = dataviz.LinearGauge;\n\t var RadialGauge = dataviz.RadialGauge;\n\t var ArcGauge = dataviz.ArcGauge;\n\t var draw = kendo.drawing;\n\n\t function themeOptions(options) {\n\t var themes = dataviz.ui.themes || {};\n\t var themeName = options.theme || \"\";\n\t var lowerName = themeName.toLowerCase();\n\n\t if(dataviz.SASS_THEMES.indexOf(lowerName) != -1) {\n\t return dataviz.autoTheme().gauge;\n\t }\n\n\t return (themes[themeName] || themes[lowerName] || {}).gauge;\n\t }\n\n\t var Gauge = Widget.extend({\n\t init: function(element, userOptions) {\n\t kendo.destroy(element);\n\t $(element).empty();\n\n\t Widget.fn.init.call(this, element);\n\n\t this.options = kendo.deepExtend(this.options, userOptions);\n\n\t this.wrapper = this.element;\n\t this._createInstance();\n\n\t this.element.addClass('k-gauge');\n\n\t kendo.notify(this, dataviz.ui);\n\t },\n\n\t options: {\n\t theme: \"default\",\n\t renderAs: \"\",\n\t pointer: {},\n\t scale: {},\n\t gaugeArea: {\n\t background: \"\"\n\t },\n\t transitions: true\n\t },\n\n\t setOptions: function(options) {\n\t this._instance.setOptions(options, themeOptions(options));\n\n\t this._copyFields();\n\t },\n\n\t redraw: function() {\n\t this._instance.redraw();\n\t this._copyFields();\n\t },\n\n\t destroy: function() {\n\t Widget.fn.destroy.call(this);\n\t this._instance.destroy();\n\t },\n\n\t _createInstance: function() {\n\t var gaugeType = this._gaugeType();\n\t this._instance = new gaugeType(this.element[0], this.options, themeOptions(this.options));\n\t this._copyFields();\n\t },\n\n\t _copyFields: function() {\n\t this._originalOptions = this._instance._originalOptions;\n\t this.options = this._instance.options;\n\t this.surface = this._instance.surface;\n\t this.bbox = this._instance.bbox;\n\t this.gaugeArea = this._instance.gaugeArea;\n\t this.pointers = this._instance.pointers;\n\t this.scale = this._instance.scale;\n\t },\n\n\t _resize: function() {\n\t this._instance.resize();\n\t }\n\t });\n\n\t var proxyMembers = [\"getSize\", \"value\", \"allValues\", \"exportVisual\"];\n\n\t function createProxyMember(name) {\n\t Gauge.fn[name] = function() {\n\t return this._instance[name].apply(this._instance, arguments);\n\t };\n\t }\n\n\t for (var idx = 0; idx < proxyMembers.length; idx++) {\n\t createProxyMember(proxyMembers[idx]);\n\t }\n\n\t dataviz.ExportMixin.extend(Gauge.fn);\n\n\t var RadialGaugeWidget = Gauge.extend({\n\n\t options: {\n\t name: \"RadialGauge\"\n\t },\n\n\t _gaugeType: function() {\n\t return RadialGauge;\n\t }\n\t });\n\n\t var LinearGaugeWidget = Gauge.extend({\n\n\t options: {\n\t name: \"LinearGauge\",\n\t scale: {\n\t vertical: true\n\t }\n\t },\n\n\t _gaugeType: function() {\n\t return LinearGauge;\n\t }\n\t });\n\n\t var ArcGaugeWidget = Gauge.extend({\n\t init: function(element, userOptions) {\n\t Gauge.fn.init.call(this, element, userOptions);\n\n\t this.element.css('position', 'relative');\n\t this.element.addClass('k-arcgauge');\n\n\t this._centerTemplate();\n\t },\n\n\t options: {\n\t name: \"ArcGauge\"\n\t },\n\n\t setOptions: function(options) {\n\t Gauge.fn.setOptions.call(this, options);\n\t this._centerTemplate();\n\t },\n\n\t redraw: function() {\n\t Gauge.fn.redraw.call(this);\n\t this._centerTemplate();\n\t },\n\n\t value: function(value) {\n\t var instance = this._instance;\n\t if (arguments.length === 0) {\n\t return instance.value();\n\t }\n\n\t instance.value(value);\n\n\t this._centerTemplate();\n\t },\n\n\t destroy: function() {\n\t Gauge.fn.destroy.call(this);\n\t delete this._centerElement;\n\t },\n\n\t exportVisual: function() {\n\t if (this._centerElement) {\n\t return false;\n\t }\n\n\t return Gauge.fn.exportVisual.call(this);\n\t },\n\n\t _resize: function() {\n\t this._instance.resize();\n\n\t this._centerTemplate();\n\t },\n\n\t _centerTemplate: function() {\n\t if (this.options.centerTemplate) {\n\t var template = kendo.template(this.options.centerTemplate);\n\n\t var instance = this._instance;\n\t var centerElement = this._getCenterElement();\n\n\t centerElement.html(template({ color: instance.currentColor(), value: instance.value() }));\n\n\t var position = instance.centerLabelPosition(centerElement.width(), centerElement.height());\n\n\t centerElement.css(position);\n\t } else if (this._centerElement) {\n\t this._centerElement.remove();\n\t this._centerElement = null;\n\t }\n\t },\n\n\t _getCenterElement: function() {\n\t var centerElement = this._centerElement;\n\t if (!centerElement) {\n\t centerElement = this._centerElement = $('').addClass('k-arcgauge-label');\n\t this.element.append(centerElement);\n\t }\n\n\t return centerElement;\n\t },\n\n\t _gaugeType: function() {\n\t return ArcGauge;\n\t }\n\t });\n\n\t function createExportMethod(name) {\n\t ArcGaugeWidget.fn[name] = function(options) {\n\t var gauge = this;\n\t var method = draw[name];\n\n\t if (!gauge._centerElement) {\n\t return method(gauge.exportVisual(), options);\n\t }\n\n\t return draw.drawDOM(gauge.element).then(function(visual) {\n\t return method(visual, options);\n\t });\n\t };\n\t }\n\n\t var exportMethods = ['exportSVG', 'exportImage', 'exportPDF'];\n\n\t for (idx = 0; idx < exportMethods.length; idx++) {\n\t createExportMethod(exportMethods[idx]);\n\t }\n\n\t dataviz.ui.plugin(LinearGaugeWidget);\n\t dataviz.ui.plugin(RadialGaugeWidget);\n\t dataviz.ui.plugin(ArcGaugeWidget);\n\n\t kendo.deepExtend(dataviz, {\n\t Gauge: Gauge,\n\t LinearGauge: LinearGaugeWidget,\n\t RadialGauge: RadialGaugeWidget,\n\t ArcGauge: ArcGaugeWidget\n\t });\n\n\t})(window.kendo.jQuery);\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 886:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo-gauges\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(887);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 860:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 887:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(860) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function() {\n\t var kendo = window.kendo,\n\t Widget = kendo.ui.Widget,\n\t template = kendo.template,\n\n\t util = kendo.drawing.util,\n\t valueOrDefault = util.valueOrDefault,\n\t defined = util.defined;\n\n\t var Attribution = Widget.extend({\n\t init: function(element, options) {\n\t Widget.fn.init.call(this, element, options);\n\t this._initOptions(options);\n\t this.items = [];\n\t this.element.addClass(\"k-widget k-attribution\");\n\t },\n\n\t options: {\n\t name: \"Attribution\",\n\t separator: \" | \",\n\t itemTemplate: \"#= text #\"\n\t },\n\n\t filter: function(extent, zoom) {\n\t this._extent = extent;\n\t this._zoom = zoom;\n\t this._render();\n\t },\n\n\t add: function(item) {\n\t if (defined(item)) {\n\t if (typeof item === \"string\") {\n\t item = { text: item };\n\t }\n\n\t this.items.push(item);\n\t this._render();\n\t }\n\t },\n\n\t remove: function(text) {\n\t var result = [];\n\t for (var i = 0; i < this.items.length; i++) {\n\t var item = this.items[i];\n\t if (item.text !== text) {\n\t result.push(item);\n\t }\n\t }\n\n\t this.items = result;\n\n\t this._render();\n\t },\n\n\t clear: function() {\n\t this.items = [];\n\t this.element.empty();\n\t },\n\n\t _render: function() {\n\t var result = [];\n\t var itemTemplate = template(this.options.itemTemplate);\n\n\t for (var i = 0; i < this.items.length; i++) {\n\t var item = this.items[i];\n\t var text = this._itemText(item);\n\t if (text !== \"\") {\n\t result.push(itemTemplate({\n\t text: text\n\t }));\n\t }\n\t }\n\n\t if (result.length > 0) {\n\t this.element.empty()\n\t .append(result.join(this.options.separator))\n\t .show();\n\t } else {\n\t this.element.hide();\n\t }\n\t },\n\n\t _itemText: function(item) {\n\t var text = \"\";\n\t var inZoomLevel = this._inZoomLevel(item.minZoom, item.maxZoom);\n\t var inArea = this._inArea(item.extent);\n\n\t if (inZoomLevel && inArea) {\n\t text += item.text;\n\t }\n\n\t return text;\n\t },\n\n\t _inZoomLevel: function(min, max) {\n\t var result = true;\n\t min = valueOrDefault(min, -Number.MAX_VALUE);\n\t max = valueOrDefault(max, Number.MAX_VALUE);\n\n\t result = this._zoom > min && this._zoom < max;\n\n\t return result;\n\t },\n\n\t _inArea: function(area) {\n\t var result = true;\n\n\t if (area) {\n\t result = area.contains(this._extent);\n\t }\n\n\t return result;\n\t }\n\t });\n\n\t kendo.dataviz.ui.plugin(Attribution);\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(888);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 860:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 888:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(889), __webpack_require__(860) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var math = Math,\n\t atan = math.atan,\n\t exp = math.exp,\n\t pow = math.pow,\n\t sin = math.sin,\n\t log = math.log,\n\t tan = math.tan,\n\n\t kendo = window.kendo,\n\t Class = kendo.Class,\n\n\t dataviz = kendo.dataviz,\n\t deepExtend = kendo.deepExtend,\n\n\t g = kendo.geometry,\n\t Point = g.Point,\n\n\t map = dataviz.map,\n\t Location = map.Location,\n\n\t util = kendo.drawing.util,\n\t rad = util.rad,\n\t deg = util.deg,\n\t limit = util.limitValue;\n\n\t // Constants ==============================================================\n\t var PI = math.PI,\n\t PI_DIV_2 = PI / 2,\n\t PI_DIV_4 = PI / 4,\n\t DEG_TO_RAD = PI / 180;\n\n\t // Coordinate reference systems ===========================================\n\t var WGS84 = {\n\t a: 6378137, // Semi-major radius\n\t b: 6356752.314245179, // Semi-minor radius\n\t f: 0.0033528106647474805, // Flattening\n\t e: 0.08181919084262149 // Eccentricity\n\t };\n\n\t // WGS 84 / World Mercator\n\t var Mercator = Class.extend({\n\t init: function(options) {\n\t this._initOptions(options);\n\t },\n\n\t MAX_LNG: 180,\n\t MAX_LAT: 85.0840590501,\n\t INVERSE_ITERATIONS: 15,\n\t INVERSE_CONVERGENCE: 1e-12,\n\n\t options: {\n\t centralMeridian: 0,\n\t datum: WGS84\n\t },\n\n\t forward: function(loc, clamp) {\n\t var proj = this,\n\t options = proj.options,\n\t datum = options.datum,\n\t r = datum.a,\n\t lng0 = options.centralMeridian,\n\t lat = limit(loc.lat, -proj.MAX_LAT, proj.MAX_LAT),\n\t lng = clamp ? limit(loc.lng, -proj.MAX_LNG, proj.MAX_LNG) : loc.lng,\n\t x = rad(lng - lng0) * r,\n\t y = proj._projectLat(lat);\n\n\t return new Point(x, y);\n\t },\n\n\t _projectLat: function(lat) {\n\t var datum = this.options.datum,\n\t ecc = datum.e,\n\t r = datum.a,\n\t y = rad(lat),\n\t ts = tan(PI_DIV_4 + y / 2),\n\t con = ecc * sin(y),\n\t p = pow((1 - con) / (1 + con), ecc / 2);\n\n\t // See:\n\t // http://en.wikipedia.org/wiki/Mercator_projection#Generalization_to_the_ellipsoid\n\t return r * log(ts * p);\n\t },\n\n\t inverse: function(point, clamp) {\n\t var proj = this,\n\t options = proj.options,\n\t datum = options.datum,\n\t r = datum.a,\n\t lng0 = options.centralMeridian,\n\t lng = point.x / (DEG_TO_RAD * r) + lng0,\n\t lat = limit(proj._inverseY(point.y), -proj.MAX_LAT, proj.MAX_LAT);\n\n\t if (clamp) {\n\t lng = limit(lng, -proj.MAX_LNG, proj.MAX_LNG);\n\t }\n\n\t return new Location(lat, lng);\n\t },\n\n\t _inverseY: function(y) {\n\t var proj = this,\n\t datum = proj.options.datum,\n\t r = datum.a,\n\t ecc = datum.e,\n\t ecch = ecc / 2,\n\t ts = exp(-y / r),\n\t phi = PI_DIV_2 - 2 * atan(ts),\n\t i;\n\n\t for (i = 0; i <= proj.INVERSE_ITERATIONS; i++) {\n\t var con = ecc * sin(phi),\n\t p = pow((1 - con) / (1 + con), ecch),\n\t dphi = PI_DIV_2 - 2 * atan(ts * p) - phi;\n\n\t phi += dphi;\n\n\t if (math.abs(dphi) <= proj.INVERSE_CONVERGENCE) {\n\t break;\n\t }\n\t }\n\n\t return deg(phi);\n\t }\n\t });\n\n\t // WGS 84 / Pseudo-Mercator\n\t // Used by Google Maps, Bing, OSM, etc.\n\t // Spherical projection of ellipsoidal coordinates.\n\t var SphericalMercator = Mercator.extend({\n\t MAX_LAT: 85.0511287798,\n\n\t _projectLat: function(lat) {\n\t var r = this.options.datum.a,\n\t y = rad(lat),\n\t ts = tan(PI_DIV_4 + y / 2);\n\n\t return r * log(ts);\n\t },\n\n\t _inverseY: function(y) {\n\t var r = this.options.datum.a,\n\t ts = exp(-y / r);\n\n\t return deg(PI_DIV_2 - (2 * atan(ts)));\n\t }\n\t });\n\n\t var Equirectangular = Class.extend({\n\t forward: function(loc) {\n\t return new Point(loc.lng, loc.lat);\n\t },\n\n\t inverse: function(point) {\n\t return new Location(point.y, point.x);\n\t }\n\t });\n\n\t // TODO: Better (less cryptic name) for this class(es)\n\t var EPSG3857 = Class.extend({\n\t init: function() {\n\t var crs = this,\n\t proj = crs._proj = new SphericalMercator();\n\n\t var c = this.c = 2 * PI * proj.options.datum.a;\n\n\t // Scale circumference to 1, mirror Y and shift origin to top left\n\t this._tm = g.transform().translate(0.5, 0.5).scale(1/c, -1/c);\n\n\t // Inverse transform matrix\n\t this._itm = g.transform().scale(c, -c).translate(-0.5, -0.5);\n\t },\n\n\t // Location <-> Point (screen coordinates for a given scale)\n\t toPoint: function(loc, scale, clamp) {\n\t var point = this._proj.forward(loc, clamp);\n\n\t return point\n\t .transform(this._tm)\n\t .scale(scale || 1);\n\t },\n\n\t toLocation: function(point, scale, clamp) {\n\t point = point\n\t .clone()\n\t .scale(1 / (scale || 1))\n\t .transform(this._itm);\n\n\t return this._proj.inverse(point, clamp);\n\t }\n\t });\n\n\t var EPSG3395 = Class.extend({\n\t init: function() {\n\t this._proj = new Mercator();\n\t },\n\n\t toPoint: function(loc) {\n\t return this._proj.forward(loc);\n\t },\n\n\t toLocation: function(point) {\n\t return this._proj.inverse(point);\n\t }\n\t });\n\n\t // WGS 84\n\t var EPSG4326 = Class.extend({\n\t init: function() {\n\t this._proj = new Equirectangular();\n\t },\n\n\t toPoint: function(loc) {\n\t return this._proj.forward(loc);\n\t },\n\n\t toLocation: function(point) {\n\t return this._proj.inverse(point);\n\t }\n\t });\n\n\t // Exports ================================================================\n\t deepExtend(dataviz, {\n\t map: {\n\t crs: {\n\t EPSG3395: EPSG3395,\n\t EPSG3857: EPSG3857,\n\t EPSG4326: EPSG4326\n\t },\n\t datums: {\n\t WGS84: WGS84\n\t },\n\t projections: {\n\t Equirectangular: Equirectangular,\n\t Mercator: Mercator,\n\t SphericalMercator: SphericalMercator\n\t }\n\t }\n\t });\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 889:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./location\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(890);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 890:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(891), __webpack_require__(892) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var proxy = $.proxy,\n\n\t kendo = window.kendo,\n\t Class = kendo.Class,\n\n\t dataviz = kendo.dataviz,\n\t deepExtend = kendo.deepExtend,\n\n\t Extent = dataviz.map.Extent,\n\n\t util = kendo.drawing.util,\n\t defined = util.defined;\n\n\t // Implementation =========================================================\n\t var Layer = Class.extend({\n\t init: function(map, options) {\n\t this._initOptions(options);\n\t this.map = map;\n\n\t this.element = $(\"\")\n\t .css({\n\t \"zIndex\": this.options.zIndex,\n\t \"opacity\": this.options.opacity\n\t })\n\t .appendTo(map.scrollElement);\n\n\t this._beforeReset = proxy(this._beforeReset, this);\n\t this._reset = proxy(this._reset, this);\n\t this._resize = proxy(this._resize, this);\n\t this._panEnd = proxy(this._panEnd, this);\n\t this._activate();\n\n\t this._updateAttribution();\n\t },\n\n\t destroy: function() {\n\t this._deactivate();\n\t },\n\n\t show: function() {\n\t this.reset();\n\t this._activate();\n\t this._applyExtent(true);\n\t },\n\n\t hide: function() {\n\t this._deactivate();\n\t this._setVisibility(false);\n\t },\n\n\t reset: function() {\n\t this._beforeReset();\n\t this._reset();\n\t },\n\n\t _reset: function() {\n\t this._applyExtent();\n\t },\n\n\t _beforeReset: $.noop,\n\n\t _resize: $.noop,\n\n\t _panEnd: function() {\n\t this._applyExtent();\n\t },\n\n\t _applyExtent: function() {\n\t var options = this.options;\n\n\t var zoom = this.map.zoom();\n\t var matchMinZoom = !defined(options.minZoom) || zoom >= options.minZoom;\n\t var matchMaxZoom = !defined(options.maxZoom) || zoom <= options.maxZoom;\n\n\t var extent = Extent.create(options.extent);\n\t var inside = !extent || extent.overlaps(this.map.extent());\n\n\t this._setVisibility(matchMinZoom && matchMaxZoom && inside);\n\t },\n\n\t _setVisibility: function(visible) {\n\t this.element.css(\"display\", visible ? \"\" : \"none\");\n\t },\n\n\t _activate: function() {\n\t var map = this.map;\n\t this._deactivate();\n\t map.bind(\"beforeReset\", this._beforeReset);\n\t map.bind(\"reset\", this._reset);\n\t map.bind(\"resize\", this._resize);\n\t map.bind(\"panEnd\", this._panEnd);\n\t },\n\n\t _deactivate: function() {\n\t var map = this.map;\n\t map.unbind(\"beforeReset\", this._beforeReset);\n\t map.unbind(\"reset\", this._reset);\n\t map.unbind(\"resize\", this._resize);\n\t map.unbind(\"panEnd\", this._panEnd);\n\t },\n\n\t _updateAttribution: function() {\n\t var attr = this.map.attribution;\n\n\t if (attr) {\n\t attr.add(this.options.attribution);\n\t }\n\t }\n\t });\n\n\t // Exports ================================================================\n\t deepExtend(dataviz, {\n\t map: {\n\t layers: {\n\t Layer: Layer\n\t }\n\t }\n\t });\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 891:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../../kendo.core\");\n\n/***/ }),\n\n/***/ 892:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../location\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(893);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 893:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define) {\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(894) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function() {\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var kendo = window.kendo,\n\n\t dataviz = kendo.dataviz,\n\t deepExtend = kendo.deepExtend,\n\t defined = kendo.drawing.util.defined,\n\n\t Extent = dataviz.map.Extent,\n\t Location = dataviz.map.Location,\n\t TileLayer = dataviz.map.layers.TileLayer,\n\t TileView = dataviz.map.layers.TileView;\n\n\t // Bing tile layer =============================================================\n\t var BingLayer = TileLayer.extend({\n\t init: function(map, options) {\n\t this.options.baseUrl =\n\t this._scheme() +\n\t \"://dev.virtualearth.net/REST/v1/Imagery/Metadata/\";\n\n\t TileLayer.fn.init.call(this, map, options);\n\n\t this._onMetadata = $.proxy(this._onMetadata, this);\n\t this._fetchMetadata();\n\t },\n\n\t options: {\n\t imagerySet: \"road\"\n\t },\n\n\t _fetchMetadata: function() {\n\t var options = this.options;\n\n\t if (!options.key) {\n\t throw new Error(\"Bing tile layer: API key is required\");\n\t }\n\n\t $.ajax({\n\t url: options.baseUrl + options.imagerySet,\n\t data: {\n\t output: \"json\",\n\t include: \"ImageryProviders\",\n\t key: options.key,\n\t uriScheme: this._scheme()\n\t },\n\t type: \"get\",\n\t dataType: \"jsonp\",\n\t jsonp: \"jsonp\",\n\t success: this._onMetadata\n\t });\n\t },\n\n\t _scheme: function(proto) {\n\t proto = proto || window.location.protocol;\n\t return proto.replace(\":\", \"\") === \"https\" ? \"https\" : \"http\";\n\t },\n\n\t _onMetadata: function(data) {\n\t if (data && data.resourceSets.length) {\n\t var resource = this.resource = data.resourceSets[0].resources[0];\n\n\t deepExtend(this._view.options, {\n\t urlTemplate: resource.imageUrl\n\t .replace(\"{subdomain}\", \"#= subdomain #\")\n\t .replace(\"{quadkey}\", \"#= quadkey #\")\n\t .replace(\"{culture}\", \"#= culture #\"),\n\t subdomains: resource.imageUrlSubdomains\n\t });\n\n\t var options = this.options;\n\t if (!defined(options.minZoom)) {\n\t options.minZoom = resource.zoomMin;\n\t }\n\t if (!defined(options.maxZoom)) {\n\t options.maxZoom = resource.zoomMax;\n\t }\n\n\t this._addAttribution();\n\n\t if (this.element.css(\"display\") !== \"none\") {\n\t this._reset();\n\t }\n\t }\n\t },\n\n\t _viewType: function() {\n\t return BingView;\n\t },\n\n\t _addAttribution: function() {\n\t var attr = this.map.attribution;\n\t if (attr) {\n\t var items = this.resource.imageryProviders;\n\t if (items) {\n\t for (var i = 0; i < items.length; i++) {\n\t var item = items[i];\n\t for (var y = 0; y < item.coverageAreas.length; y++) {\n\t var area = item.coverageAreas[y];\n\t attr.add({\n\t text: item.attribution,\n\t minZoom: area.zoomMin,\n\t maxZoom: area.zoomMax,\n\t extent: new Extent(\n\t new Location(area.bbox[2], area.bbox[1]),\n\t new Location(area.bbox[0], area.bbox[3])\n\t )\n\t });\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t imagerySet: function(value) {\n\t if (value) {\n\t this.options.imagerySet = value;\n\t this.map.attribution.clear();\n\t this._fetchMetadata();\n\t } else {\n\t return this.options.imagerySet;\n\t }\n\t }\n\t });\n\n\t var BingView = TileView.extend({\n\t options: {\n\t culture: \"en-US\"\n\t },\n\n\t tileOptions: function(currentIndex) {\n\t var options = TileView.fn.tileOptions.call(this, currentIndex);\n\n\t options.culture = this.options.culture;\n\t options.quadkey = this.tileQuadKey(this.wrapIndex(currentIndex));\n\n\t return options;\n\t },\n\n\t tileQuadKey: function(index) {\n\t var quadKey = \"\",\n\t digit, mask, i;\n\n\t for (i = this._zoom; i > 0; i--) {\n\t digit = 0;\n\t mask = 1 << (i - 1);\n\n\t if ((index.x & mask) !== 0) {\n\t digit++;\n\t }\n\n\t if ((index.y & mask) !== 0) {\n\t digit += 2;\n\t }\n\n\t quadKey += digit;\n\t }\n\n\t return quadKey;\n\t }\n\t });\n\n\t // Exports ================================================================\n\t deepExtend(dataviz, {\n\t map: {\n\t layers: {\n\t bing: BingLayer,\n\t BingLayer: BingLayer,\n\t BingView: BingView\n\t }\n\t }\n\t });\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 894:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./tile\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(895);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 895:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(896) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var kendo = window.kendo,\n\t getter = kendo.getter,\n\n\t dataviz = kendo.dataviz,\n\t deepExtend = kendo.deepExtend,\n\n\t g = kendo.geometry,\n\t d = kendo.drawing,\n\n\t util = d.util,\n\t defined = util.defined,\n\n\t map = dataviz.map,\n\t Location = map.Location,\n\t ShapeLayer = map.layers.ShapeLayer;\n\n\t // Implementation =========================================================\n\t var BubbleLayer = ShapeLayer.extend({\n\t options: {\n\t autoBind: true,\n\t locationField: \"location\",\n\t valueField: \"value\",\n\t minSize: 0,\n\t maxSize: 100,\n\t scale: \"sqrt\",\n\t symbol: \"circle\"\n\t },\n\n\t _load: function(data) {\n\t this.surface.clear();\n\n\t if (data.length === 0) {\n\t return;\n\t }\n\n\t var opt = this.options;\n\t var getValue = getter(opt.valueField);\n\n\t data = data.slice(0);\n\t data.sort(function(a, b) {\n\t return getValue(b) - getValue(a);\n\t });\n\n\t var scaleType = this._scaleType();\n\t var scale;\n\t for (var i = 0; i < data.length; i++) {\n\t var dataItem = data[i];\n\t var location = getter(opt.locationField)(dataItem);\n\t var value = getter(opt.valueField)(dataItem);\n\n\t if (defined(location) && defined(value)) {\n\t if (!scale) {\n\t scale = new scaleType([0, value], [opt.minSize, opt.maxSize]);\n\t }\n\n\t location = Location.create(location);\n\t var center = this.map.locationToView(location);\n\t var size = scale.map(value);\n\n\t var symbol = this._createSymbol({\n\t center: center,\n\t size: size,\n\t style: opt.style,\n\t dataItem: dataItem,\n\t location: location\n\t });\n\n\t symbol.dataItem = dataItem;\n\t symbol.location = location;\n\t symbol.value = value;\n\n\t this._drawSymbol(symbol);\n\t }\n\t }\n\t },\n\n\t _scaleType: function() {\n\t var scale = this.options.scale;\n\n\t if (kendo.isFunction(scale)) {\n\t return scale;\n\t }\n\n\t return dataviz.map.scales[scale];\n\t },\n\n\t _createSymbol: function(args) {\n\t var symbol = this.options.symbol;\n\t if (!kendo.isFunction(symbol)) {\n\t symbol = dataviz.map.symbols[symbol];\n\t }\n\n\t return symbol(args);\n\t },\n\n\t _drawSymbol: function(shape) {\n\t var args = { layer: this, shape: shape };\n\t var cancelled = this.map.trigger(\"shapeCreated\", args);\n\t if (!cancelled) {\n\t this.surface.draw(shape);\n\t }\n\t }\n\t });\n\n\t var SqrtScale = kendo.Class.extend({\n\t init: function(domain, range) {\n\t this._domain = domain;\n\t this._range = range;\n\n\t var domainRange = Math.sqrt(domain[1]) - Math.sqrt(domain[0]);\n\t var outputRange = range[1] - range[0];\n\t this._ratio = outputRange / domainRange;\n\t },\n\n\t map: function(value) {\n\t var rel = (Math.sqrt(value) - Math.sqrt(this._domain[0])) * this._ratio;\n\t return this._range[0] + rel;\n\t }\n\t });\n\n\t var Symbols = {\n\t circle: function (args) {\n\t var geo = new g.Circle(args.center, args.size / 2);\n\t return new d.Circle(geo, args.style);\n\t },\n\n\t square: function(args) {\n\t var path = new d.Path(args.style);\n\t var halfSize = args.size / 2;\n\t var center = args.center;\n\n\t path.moveTo(center.x - halfSize, center.y - halfSize)\n\t .lineTo(center.x + halfSize, center.y - halfSize)\n\t .lineTo(center.x + halfSize, center.y + halfSize)\n\t .lineTo(center.x - halfSize, center.y + halfSize)\n\t .close();\n\n\t return path;\n\t }\n\t };\n\n\t // Exports ================================================================\n\t deepExtend(dataviz, {\n\t map: {\n\t layers: {\n\t bubble: BubbleLayer,\n\t BubbleLayer: BubbleLayer\n\t },\n\t scales: {\n\t sqrt: SqrtScale\n\t },\n\t symbols: Symbols\n\t }\n\t });\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 896:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./shape\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(897);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 892:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../location\");\n\n/***/ }),\n\n/***/ 897:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(898), __webpack_require__(892),\n\t __webpack_require__(899), __webpack_require__(900) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var doc = document,\n\t math = Math,\n\t indexOf = $.inArray,\n\t proxy = $.proxy,\n\n\t kendo = window.kendo,\n\t Class = kendo.Class,\n\t DataSource = kendo.data.DataSource,\n\t Tooltip = kendo.ui.Tooltip,\n\n\t dataviz = kendo.dataviz,\n\t deepExtend = kendo.deepExtend,\n\n\t map = dataviz.map,\n\t Location = map.Location,\n\t Layer = map.layers.Layer;\n\n\t // Implementation =========================================================\n\t var MarkerLayer = Layer.extend({\n\t init: function(map, options) {\n\t Layer.fn.init.call(this, map, options);\n\n\t this._markerClick = proxy(this._markerClick, this);\n\t this.element.on(\"click\", \".k-marker\", this._markerClick);\n\n\t this.items = [];\n\t this._initDataSource();\n\t },\n\n\t destroy: function() {\n\t Layer.fn.destroy.call(this);\n\n\t this.element.off(\"click\", \".k-marker\", this._markerClick);\n\n\t this.dataSource.unbind(\"change\", this._dataChange);\n\t this.clear();\n\t },\n\n\t options: {\n\t zIndex: 1000,\n\t autoBind: true,\n\t dataSource: {},\n\t locationField: \"location\",\n\t titleField: \"title\"\n\t },\n\n\t add: function(arg) {\n\t if ($.isArray(arg)) {\n\t for (var i = 0; i < arg.length; i++) {\n\t this._addOne(arg[i]);\n\t }\n\t } else {\n\t return this._addOne(arg);\n\t }\n\t },\n\n\t remove: function(marker) {\n\t marker.destroy();\n\n\t var index = indexOf(marker, this.items);\n\t if (index > -1) {\n\t this.items.splice(index, 1);\n\t }\n\t },\n\n\t clear: function() {\n\t for (var i = 0; i < this.items.length; i++) {\n\t this.items[i].destroy();\n\t }\n\n\t this.items = [];\n\t },\n\n\t update: function(marker) {\n\t var loc = marker.location();\n\t if (loc) {\n\t marker.showAt(this.map.locationToView(loc));\n\n\t var args = { marker: marker, layer: this };\n\t this.map.trigger(\"markerActivate\", args);\n\t }\n\t },\n\n\t _reset: function() {\n\t Layer.fn._reset.call(this);\n\t var items = this.items;\n\t for (var i = 0; i < items.length; i++) {\n\t this.update(items[i]);\n\t }\n\t },\n\n\t bind: function (options, dataItem) {\n\t var marker = map.Marker.create(options, this.options);\n\t marker.dataItem = dataItem;\n\n\t var args = { marker: marker, layer: this };\n\t var cancelled = this.map.trigger(\"markerCreated\", args);\n\t if (!cancelled) {\n\t this.add(marker);\n\t return marker;\n\t }\n\t },\n\n\t setDataSource: function(dataSource) {\n\t if (this.dataSource) {\n\t this.dataSource.unbind(\"change\", this._dataChange);\n\t }\n\n\t this.dataSource = kendo.data.DataSource.create(dataSource);\n\t this.dataSource.bind(\"change\", this._dataChange);\n\n\t if (this.options.autoBind) {\n\t this.dataSource.fetch();\n\t }\n\t },\n\n\t _addOne: function(arg) {\n\t var marker = Marker.create(arg, this.options);\n\t marker.addTo(this);\n\n\t return marker;\n\t },\n\n\t _initDataSource: function() {\n\t var dsOptions = this.options.dataSource;\n\t this._dataChange = proxy(this._dataChange, this);\n\t this.dataSource = DataSource\n\t .create(dsOptions)\n\t .bind(\"change\", this._dataChange);\n\n\t if (dsOptions && this.options.autoBind) {\n\t this.dataSource.fetch();\n\t }\n\t },\n\n\t _dataChange: function(e) {\n\t this._load(e.sender.view());\n\t },\n\n\t _load: function(data) {\n\t this._data = data;\n\t this.clear();\n\n\t var getLocation = kendo.getter(this.options.locationField);\n\t var getTitle = kendo.getter(this.options.titleField);\n\t for (var i = 0; i < data.length; i++) {\n\t var dataItem = data[i];\n\t this.bind({\n\t location: getLocation(dataItem),\n\t title: getTitle(dataItem)\n\t }, dataItem);\n\t }\n\t },\n\n\t _markerClick: function(e) {\n\t var args = { marker: $(e.target).data(\"kendoMarker\"), layer: this };\n\t this.map.trigger(\"markerClick\", args);\n\t }\n\t });\n\n\t var Marker = Class.extend({\n\t init: function(options) {\n\t this.options = options || {};\n\t },\n\n\t addTo: function(parent) {\n\t this.layer = parent.markers || parent;\n\t this.layer.items.push(this);\n\t this.layer.update(this);\n\t },\n\n\t location: function(value) {\n\t if (value) {\n\t this.options.location = Location.create(value).toArray();\n\n\t if (this.layer) {\n\t this.layer.update(this);\n\t }\n\n\t return this;\n\t } else {\n\t return Location.create(this.options.location);\n\t }\n\t },\n\n\t showAt: function(point) {\n\t this.render();\n\t this.element.css({\n\t left: math.round(point.x),\n\t top: math.round(point.y)\n\t });\n\n\t if (this.tooltip && this.tooltip.popup) {\n\t // TODO: Expose popup/tooltip updatePosition? method\n\t this.tooltip.popup._position();\n\t }\n\t },\n\n\t hide: function() {\n\t if (this.element) {\n\t this.element.remove();\n\t this.element = null;\n\t }\n\n\t if (this.tooltip) {\n\t this.tooltip.destroy();\n\t this.tooltip = null;\n\t }\n\t },\n\n\t destroy: function() {\n\t this.layer = null;\n\t this.hide();\n\t },\n\n\t render: function() {\n\t if (!this.element) {\n\t var options = this.options;\n\t var layer = this.layer;\n\n\t this.element = $(doc.createElement(\"span\"))\n\t .addClass(\"k-marker k-icon k-i-marker-\" + kendo.toHyphens(options.shape || \"pin\"))\n\t .attr(\"title\", options.title)\n\t .attr(options.attributes || {})\n\t .data(\"kendoMarker\", this)\n\t .css(\"zIndex\", options.zIndex);\n\n\t if (layer) {\n\t layer.element.append(this.element);\n\t }\n\n\t this.renderTooltip();\n\t }\n\t },\n\n\t renderTooltip: function() {\n\t var marker = this;\n\t var title = marker.options.title;\n\t var options = marker.options.tooltip || {};\n\n\t if (options && Tooltip) {\n\t var template = options.template;\n\t if (template) {\n\t var contentTemplate = kendo.template(template);\n\t options.content = function(e) {\n\t e.location = marker.location();\n\t e.marker = marker;\n\t return contentTemplate(e);\n\t };\n\t }\n\n\t if (title || options.content || options.contentUrl) {\n\t this.tooltip = new Tooltip(this.element, options);\n\t this.tooltip.marker = this;\n\t }\n\t }\n\t }\n\t });\n\n\t Marker.create = function(arg, defaults) {\n\t if (arg instanceof Marker) {\n\t return arg;\n\t }\n\n\t return new Marker(deepExtend({}, defaults, arg));\n\t };\n\n\t // Exports ================================================================\n\t deepExtend(dataviz, {\n\t map: {\n\t layers: {\n\t marker: MarkerLayer,\n\t MarkerLayer: MarkerLayer\n\t },\n\t Marker: Marker\n\t }\n\t });\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 898:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./base\");\n\n/***/ }),\n\n/***/ 899:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../../kendo.data\");\n\n/***/ }),\n\n/***/ 900:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../../kendo.tooltip\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(901);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 892:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../location\");\n\n/***/ }),\n\n/***/ 898:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./base\");\n\n/***/ }),\n\n/***/ 901:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(898), __webpack_require__(892)], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var proxy = $.proxy,\n\n\t kendo = window.kendo,\n\t Class = kendo.Class,\n\t DataSource = kendo.data.DataSource,\n\n\t dataviz = kendo.dataviz,\n\t deepExtend = kendo.deepExtend,\n\n\t g = kendo.geometry,\n\n\t d = kendo.drawing,\n\t Group = d.Group,\n\n\t last = d.util.last,\n\t defined = d.util.defined,\n\n\t map = dataviz.map,\n\t Location = map.Location,\n\t Layer = map.layers.Layer;\n\n\t // Implementation =========================================================\n\t var ShapeLayer = Layer.extend({\n\t init: function(map, options) {\n\n\t this._pan = proxy(this._pan, this);\n\n\t Layer.fn.init.call(this, map, options);\n\n\t this.surface = d.Surface.create(this.element, {\n\t width: map.scrollElement.width(),\n\t height: map.scrollElement.height()\n\t });\n\n\t this._initRoot();\n\n\t this.movable = new kendo.ui.Movable(this.surface.element);\n\t this._markers = [];\n\n\t this._click = this._handler(\"shapeClick\");\n\t this.surface.bind(\"click\", this._click);\n\n\t this._mouseenter = this._handler(\"shapeMouseEnter\");\n\t this.surface.bind(\"mouseenter\", this._mouseenter);\n\n\t this._mouseleave = this._handler(\"shapeMouseLeave\");\n\t this.surface.bind(\"mouseleave\", this._mouseleave);\n\n\t this._initDataSource();\n\t },\n\n\t options: {\n\t autoBind: true\n\t },\n\n\t destroy: function() {\n\t Layer.fn.destroy.call(this);\n\n\t this.surface.destroy();\n\t this.dataSource.unbind(\"change\", this._dataChange);\n\t },\n\n\t setDataSource: function(dataSource) {\n\t if (this.dataSource) {\n\t this.dataSource.unbind(\"change\", this._dataChange);\n\t }\n\n\t this.dataSource = kendo.data.DataSource.create(dataSource);\n\t this.dataSource.bind(\"change\", this._dataChange);\n\n\t if (this.options.autoBind) {\n\t this.dataSource.fetch();\n\t }\n\t },\n\n\t _reset: function() {\n\t Layer.fn._reset.call(this);\n\t this._translateSurface();\n\n\t if (this._data) {\n\t this._load(this._data);\n\t }\n\t },\n\n\t _initRoot: function() {\n\t this._root = new Group();\n\t this.surface.draw(this._root);\n\t },\n\n\t _beforeReset: function() {\n\t this.surface.clear();\n\t this._initRoot();\n\t },\n\n\t _resize: function() {\n\t this.surface.size(this.map.size());\n\t },\n\n\t _initDataSource: function() {\n\t var dsOptions = this.options.dataSource;\n\t this._dataChange = proxy(this._dataChange, this);\n\t this.dataSource = DataSource\n\t .create(dsOptions)\n\t .bind(\"change\", this._dataChange);\n\n\t if (dsOptions && this.options.autoBind) {\n\t this.dataSource.fetch();\n\t }\n\t },\n\n\t _dataChange: function(e) {\n\t this._data = e.sender.view();\n\t this._load(this._data);\n\t },\n\n\t _load: function(data) {\n\t this._clearMarkers();\n\n\t if (!this._loader) {\n\t this._loader = new GeoJSONLoader(this.map, this.options.style, this);\n\t }\n\n\t var container = new Group();\n\t for (var i = 0; i < data.length; i++) {\n\t var shape = this._loader.parse(data[i]);\n\t if (shape) {\n\t container.append(shape);\n\t }\n\t }\n\n\t this._root.clear();\n\t this._root.append(container);\n\t },\n\n\t shapeCreated: function(shape) {\n\t var cancelled = false;\n\t if (shape instanceof d.Circle) {\n\t cancelled = defined(this._createMarker(shape));\n\t }\n\n\t if (!cancelled) {\n\t var args = { layer: this, shape: shape };\n\t cancelled = this.map.trigger(\"shapeCreated\", args);\n\t }\n\n\t return cancelled;\n\t },\n\n\t featureCreated: function(e) {\n\t e.layer = this;\n\t this.map.trigger(\"shapeFeatureCreated\", e);\n\t },\n\n\t _createMarker: function(shape) {\n\t var marker = this.map.markers.bind({\n\t location: shape.location\n\t }, shape.dataItem);\n\n\t if (marker) {\n\t this._markers.push(marker);\n\t }\n\n\t return marker;\n\t },\n\n\t _clearMarkers: function() {\n\t for (var i = 0; i < this._markers.length; i++) {\n\t this.map.markers.remove(this._markers[i]);\n\t }\n\t this._markers = [];\n\t },\n\n\t _pan: function() {\n\t if (!this._panning) {\n\t this._panning = true;\n\t this.surface.suspendTracking();\n\t }\n\t },\n\n\t _panEnd: function(e) {\n\t Layer.fn._panEnd.call(this, e);\n\t this._translateSurface();\n\t this.surface.resumeTracking();\n\t this._panning = false;\n\t },\n\n\t _translateSurface: function() {\n\t var map = this.map;\n\t var nw = map.locationToView(map.extent().nw);\n\n\t if (this.surface.translate) {\n\t this.surface.translate(nw);\n\t this.movable.moveTo({ x: nw.x, y: nw.y });\n\t }\n\t },\n\n\t _handler: function(event) {\n\t var layer = this;\n\t return function(e) {\n\t if (e.element) {\n\t var args = {\n\t layer: layer,\n\t shape: e.element,\n\t originalEvent: e.originalEvent\n\t };\n\n\t layer.map.trigger(event, args);\n\t }\n\t };\n\t },\n\n\t _activate: function() {\n\t Layer.fn._activate.call(this);\n\n\t this.map.bind(\"pan\", this._pan);\n\t },\n\n\t _deactivate: function() {\n\t Layer.fn._deactivate.call(this);\n\n\t this.map.unbind(\"pan\", this._pan);\n\t }\n\t });\n\n\t var GeoJSONLoader = Class.extend({\n\t init: function(locator, defaultStyle, observer) {\n\t this.observer = observer;\n\t this.locator = locator;\n\t this.style = defaultStyle;\n\t },\n\n\t parse: function(item) {\n\t var root = new Group();\n\t var unwrap = true;\n\n\t if (item.type === \"Feature\") {\n\t unwrap = false;\n\t this._loadGeometryTo(root, item.geometry, item);\n\t this._featureCreated(root, item);\n\t } else {\n\t this._loadGeometryTo(root, item, item);\n\t }\n\n\t if (unwrap && root.children.length < 2) {\n\t root = root.children[0];\n\t }\n\n\t return root;\n\t },\n\n\t _shapeCreated: function(shape) {\n\t var cancelled = false;\n\n\t if (this.observer && this.observer.shapeCreated) {\n\t cancelled = this.observer.shapeCreated(shape);\n\t }\n\n\t return cancelled;\n\t },\n\n\t _featureCreated: function(group, dataItem) {\n\t if (this.observer && this.observer.featureCreated) {\n\t this.observer.featureCreated({\n\t group: group,\n\t dataItem: dataItem,\n\t properties: dataItem.properties\n\t });\n\t }\n\t },\n\n\t _loadGeometryTo: function(container, geometry, dataItem) {\n\t var coords = geometry.coordinates;\n\t var i;\n\t var path;\n\n\t switch(geometry.type) {\n\t case \"LineString\":\n\t path = this._loadPolygon(container, [coords], dataItem);\n\t this._setLineFill(path);\n\t break;\n\n\t case \"MultiLineString\":\n\t for (i = 0; i < coords.length; i++) {\n\t path = this._loadPolygon(container, [coords[i]], dataItem);\n\t this._setLineFill(path);\n\t }\n\t break;\n\n\t case \"Polygon\":\n\t this._loadPolygon(container, coords, dataItem);\n\t break;\n\n\t case \"MultiPolygon\":\n\t for (i = 0; i < coords.length; i++) {\n\t this._loadPolygon(container, coords[i], dataItem);\n\t }\n\t break;\n\n\t case \"Point\":\n\t this._loadPoint(container, coords, dataItem);\n\t break;\n\n\t case \"MultiPoint\":\n\t for (i = 0; i < coords.length; i++) {\n\t this._loadPoint(container, coords[i], dataItem);\n\t }\n\t break;\n\t }\n\t },\n\n\t _setLineFill: function(path) {\n\t var segments = path.segments;\n\t if (segments.length < 4 || !segments[0].anchor().equals(last(segments).anchor())) {\n\t path.options.fill = null;\n\t }\n\t },\n\n\t _loadShape: function(container, shape) {\n\t if (!this._shapeCreated(shape)) {\n\t container.append(shape);\n\t }\n\n\t return shape;\n\t },\n\n\t _loadPolygon: function(container, rings, dataItem) {\n\t var shape = this._buildPolygon(rings);\n\t shape.dataItem = dataItem;\n\n\t return this._loadShape(container, shape);\n\t },\n\n\t _buildPolygon: function(rings) {\n\t var type = rings.length > 1 ? d.MultiPath : d.Path;\n\t var path = new type(this.style);\n\n\t for (var i = 0; i < rings.length; i++) {\n\t for (var j = 0; j < rings[i].length; j++) {\n\t var point = this.locator.locationToView(\n\t Location.fromLngLat(rings[i][j])\n\t );\n\n\t if (j === 0) {\n\t path.moveTo(point.x, point.y);\n\t } else {\n\t path.lineTo(point.x, point.y);\n\t }\n\t }\n\t }\n\n\t return path;\n\t },\n\n\t _loadPoint: function(container, coords, dataItem) {\n\t var location = Location.fromLngLat(coords);\n\t var point = this.locator.locationToView(location);\n\n\t var circle = new g.Circle(point, 10);\n\t var shape = new d.Circle(circle, this.style);\n\t shape.dataItem = dataItem;\n\t shape.location = location;\n\n\t return this._loadShape(container, shape);\n\t }\n\t });\n\n\t // Exports ================================================================\n\t deepExtend(kendo.data, {\n\t schemas: {\n\t geojson: {\n\t type: \"json\",\n\t data: function(data) {\n\t if (data.type === \"FeatureCollection\") {\n\t return data.features;\n\t }\n\n\t if (data.type === \"GeometryCollection\") {\n\t return data.geometries;\n\t }\n\n\t return data;\n\t }\n\t }\n\t },\n\t transports: {\n\t geojson: {\n\t read: {\n\t dataType: \"json\"\n\t }\n\t }\n\t }\n\t });\n\n\t deepExtend(dataviz, {\n\t map: {\n\t layers: {\n\t shape: ShapeLayer,\n\t ShapeLayer: ShapeLayer\n\t },\n\t GeoJSONLoader: GeoJSONLoader\n\t }\n\t });\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(902);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 892:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../location\");\n\n/***/ }),\n\n/***/ 898:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./base\");\n\n/***/ }),\n\n/***/ 902:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define) {\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(898), __webpack_require__(892) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function() {\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var math = Math,\n\n\t proxy = $.proxy,\n\n\t kendo = window.kendo,\n\t Class = kendo.Class,\n\t template = kendo.template,\n\n\t dataviz = kendo.dataviz,\n\t deepExtend = kendo.deepExtend,\n\n\t g = kendo.geometry,\n\t Point = g.Point,\n\n\t Layer = dataviz.map.layers.Layer,\n\n\t util = kendo.util,\n\t renderSize = util.renderSize,\n\n\t drawingUtil = kendo.drawing.util,\n\t round = drawingUtil.round,\n\t limit = drawingUtil.limitValue;\n\n\t // Image tile layer =============================================================\n\t var TileLayer = Layer.extend({\n\t init: function(map, options) {\n\t Layer.fn.init.call(this, map, options);\n\n\t if (typeof this.options.subdomains === \"string\") {\n\t this.options.subdomains = this.options.subdomains.split(\"\");\n\t }\n\n\t var viewType = this._viewType();\n\t this._view = new viewType(this.element, this.options);\n\t },\n\n\t destroy: function() {\n\t Layer.fn.destroy.call(this);\n\n\t this._view.destroy();\n\t this._view = null;\n\t },\n\n\t _beforeReset: function() {\n\t var map = this.map;\n\t var origin = map.locationToLayer(map.extent().nw).round();\n\t this._view.viewOrigin(origin);\n\t },\n\n\t _reset: function() {\n\t Layer.fn._reset.call(this);\n\t this._updateView();\n\t this._view.reset();\n\t },\n\n\t _viewType: function() {\n\t return TileView;\n\t },\n\n\t _activate: function() {\n\t Layer.fn._activate.call(this);\n\n\t if (!kendo.support.mobileOS) {\n\t if (!this._pan) {\n\t this._pan = kendo.throttle(\n\t proxy(this._render, this),\n\t 100\n\t );\n\t }\n\n\t this.map.bind(\"pan\", this._pan);\n\t }\n\t },\n\n\t _deactivate: function() {\n\t Layer.fn._deactivate.call(this);\n\n\t if (this._pan) {\n\t this.map.unbind(\"pan\", this._pan);\n\t }\n\t },\n\n\t _updateView: function() {\n\t var view = this._view,\n\t map = this.map,\n\t extent = map.extent(),\n\t extentToPoint = {\n\t nw: map.locationToLayer(extent.nw).round(),\n\t se: map.locationToLayer(extent.se).round()\n\t };\n\n\t view.center(map.locationToLayer(map.center()));\n\t view.extent(extentToPoint);\n\t view.zoom(map.zoom());\n\t },\n\n\t _resize: function() {\n\t this._render();\n\t },\n\n\t _panEnd: function(e) {\n\t Layer.fn._panEnd.call(this, e);\n\t this._render();\n\t },\n\n\t _render: function() {\n\t this._updateView();\n\t this._view.render();\n\t }\n\t });\n\n\t var TileView = Class.extend({\n\t init: function(element, options) {\n\t this.element = element;\n\t this._initOptions(options);\n\n\t this.pool = new TilePool();\n\t },\n\n\t options: {\n\t tileSize: 256,\n\t subdomains: [\"a\", \"b\", \"c\"],\n\t urlTemplate: \"\"\n\t },\n\n\t center: function(center) {\n\t this._center = center;\n\t },\n\n\t extent: function(extent) {\n\t this._extent = extent;\n\t },\n\n\t viewOrigin: function(origin) {\n\t this._viewOrigin = origin;\n\t },\n\n\t zoom: function(zoom) {\n\t this._zoom = zoom;\n\t },\n\n\t pointToTileIndex: function(point) {\n\t return new Point(\n\t math.floor(point.x / this.options.tileSize),\n\t math.floor(point.y / this.options.tileSize)\n\t );\n\t },\n\n\t tileCount: function() {\n\t var size = this.size(),\n\t firstTileIndex = this.pointToTileIndex(this._extent.nw),\n\t nw = this._extent.nw,\n\t point = this.indexToPoint(firstTileIndex).translate(-nw.x, -nw.y);\n\n\t return {\n\t x: math.ceil((math.abs(point.x) + size.width) / this.options.tileSize),\n\t y: math.ceil((math.abs(point.y) + size.height) / this.options.tileSize)\n\t };\n\t },\n\n\t size: function() {\n\t var nw = this._extent.nw,\n\t se = this._extent.se,\n\t diff = se.clone().translate(-nw.x, -nw.y);\n\n\t return {\n\t width: diff.x,\n\t height: diff.y\n\t };\n\t },\n\n\t indexToPoint: function(index) {\n\t var x = index.x, y = index.y;\n\n\t return new Point(\n\t x * this.options.tileSize,\n\t y * this.options.tileSize\n\t );\n\t },\n\n\t subdomainText: function() {\n\t var subdomains = this.options.subdomains;\n\n\t return subdomains[this.subdomainIndex++ % subdomains.length];\n\t },\n\n\t destroy: function() {\n\t this.element.empty();\n\t this.pool.empty();\n\t },\n\n\t reset: function() {\n\t this.pool.reset();\n\t this.subdomainIndex = 0;\n\t this.render();\n\t },\n\n\t render: function() {\n\t var size = this.tileCount(),\n\t firstTileIndex = this.pointToTileIndex(this._extent.nw),\n\t tile, x, y;\n\n\t for (x = 0; x < size.x; x++) {\n\t for (y = 0; y < size.y; y++) {\n\t tile = this.createTile({\n\t x: firstTileIndex.x + x,\n\t y: firstTileIndex.y + y\n\t });\n\n\t if (!tile.visible) {\n\t tile.show();\n\t }\n\t }\n\t }\n\t },\n\n\t createTile: function(currentIndex) {\n\t var options = this.tileOptions(currentIndex);\n\t var tile = this.pool.get(this._center, options);\n\t if (tile.element.parent().length === 0) {\n\t this.element.append(tile.element);\n\t }\n\n\t return tile;\n\t },\n\n\t tileOptions: function(currentIndex) {\n\t var index = this.wrapIndex(currentIndex),\n\t point = this.indexToPoint(currentIndex),\n\t origin = this._viewOrigin,\n\t offset = point.clone().translate(-origin.x, -origin.y);\n\n\t return {\n\t index: index,\n\t currentIndex: currentIndex,\n\t point: point,\n\t offset: roundPoint(offset),\n\t zoom: this._zoom,\n\t size: this.options.tileSize,\n\t subdomain: this.subdomainText(),\n\t urlTemplate: this.options.urlTemplate,\n\t errorUrlTemplate: this.options.errorUrlTemplate\n\t };\n\t },\n\n\t wrapIndex: function(index) {\n\t var boundary = math.pow(2, this._zoom);\n\t return {\n\t x: this.wrapValue(index.x, boundary),\n\t y: limit(index.y, 0, boundary - 1)\n\t };\n\t },\n\n\t wrapValue: function(value, boundary) {\n\t var remainder = (math.abs(value) % boundary);\n\t if (value >= 0) {\n\t value = remainder;\n\t } else {\n\t value = boundary - (remainder === 0 ? boundary : remainder);\n\t }\n\n\t return value;\n\t }\n\t });\n\n\t var ImageTile = Class.extend({\n\t init: function(id, options) {\n\t this.id = id;\n\t this.visible = true;\n\n\t this._initOptions(options);\n\t this.createElement();\n\t this.show();\n\t },\n\n\t options: {\n\t urlTemplate: \"\",\n\t errorUrlTemplate: \"\"\n\t },\n\n\t createElement: function() {\n\t this.element = $(\"![]()
\")\n\t .css({ width: this.options.size, height: this.options.size })\n\t .on(\"error\", proxy(function(e) {\n\t if (this.errorUrl()) {\n\t e.target.setAttribute(\"src\", this.errorUrl());\n\t } else {\n\t e.target.removeAttribute(\"src\");\n\t }\n\t }, this));\n\t },\n\n\t show: function() {\n\t var element = this.element[0];\n\t element.style.top = renderSize(this.options.offset.y);\n\t element.style.left = renderSize(this.options.offset.x);\n\n\t var url = this.url();\n\t if (url) {\n\t element.setAttribute(\"src\", url);\n\t }\n\n\t element.style.visibility = \"visible\";\n\t this.visible = true;\n\t },\n\n\t hide: function() {\n\t this.element[0].style.visibility = \"hidden\";\n\t this.visible = false;\n\t },\n\n\t url: function() {\n\t var urlResult = template(this.options.urlTemplate);\n\n\t return urlResult(this.urlOptions());\n\t },\n\n\t errorUrl: function() {\n\t var urlResult = template(this.options.errorUrlTemplate);\n\n\t return urlResult(this.urlOptions());\n\t },\n\n\t urlOptions: function() {\n\t var options = this.options;\n\t return {\n\t zoom: options.zoom,\n\t subdomain: options.subdomain,\n\t z: options.zoom,\n\t x: options.index.x,\n\t y: options.index.y,\n\t s: options.subdomain,\n\t quadkey: options.quadkey,\n\t q: options.quadkey,\n\t culture: options.culture,\n\t c: options.culture\n\t };\n\t },\n\n\t destroy: function() {\n\t if (this.element) {\n\t this.element.remove();\n\t this.element = null;\n\t }\n\t }\n\t });\n\n\t var TilePool = Class.extend({\n\t init: function() {\n\t this._items = [];\n\t },\n\n\t options: {\n\t maxSize: 100\n\t },\n\n\t get: function(center, options) {\n\t if (this._items.length >= this.options.maxSize) {\n\t this._remove(center);\n\t }\n\n\t return this._create(options);\n\t },\n\n\t empty: function() {\n\t var items = this._items;\n\t for (var i = 0; i < items.length; i++) {\n\t items[i].destroy();\n\t }\n\n\t this._items = [];\n\t },\n\n\t reset: function() {\n\t var items = this._items;\n\t for (var i = 0; i < items.length; i++) {\n\t items[i].hide();\n\t }\n\t },\n\n\t _create: function(options) {\n\t var items = this._items;\n\t var tile;\n\n\t // Build an unique token for the image\n\t // This normally would be the URL, but we don't care about subdomains\n\t var id = util.hashKey(\n\t options.point.toString() +\n\t options.offset.toString() +\n\t options.zoom +\n\t options.urlTemplate\n\t );\n\n\t for (var i = 0; i < items.length; i++) {\n\t if (items[i].id === id) {\n\t tile = items[i];\n\t break;\n\t }\n\t }\n\n\t if (tile) {\n\t tile.show();\n\t } else {\n\t tile = new ImageTile(id, options);\n\t this._items.push(tile);\n\t }\n\n\t return tile;\n\t },\n\n\t _remove: function(center) {\n\t var items = this._items;\n\t var maxDist = -1;\n\t var index = -1;\n\n\t for (var i = 0; i < items.length; i++) {\n\t var dist = items[i].options.point.distanceTo(center);\n\t if (dist > maxDist && !items[i].visible) {\n\t index = i;\n\t maxDist = dist;\n\t }\n\t }\n\n\t if (index !== -1) {\n\t items[index].destroy();\n\t items.splice(index, 1);\n\t }\n\t }\n\t });\n\n\t // Methods ================================================================\n\t function roundPoint(point) {\n\t return new Point(round(point.x), round(point.y));\n\t }\n\n\t // Exports ================================================================\n\t deepExtend(dataviz, {\n\t map: {\n\t layers: {\n\t tile: TileLayer,\n\t TileLayer: TileLayer,\n\n\t ImageTile: ImageTile,\n\t TilePool: TilePool,\n\t TileView: TileView\n\t }\n\t }\n\t });\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(903);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 860:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 903:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(860), __webpack_require__(904) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var math = Math,\n\t abs = math.abs,\n\t atan = math.atan,\n\t atan2 = math.atan2,\n\t cos = math.cos,\n\t max = math.max,\n\t min = math.min,\n\t sin = math.sin,\n\t tan = math.tan,\n\n\t kendo = window.kendo,\n\t Class = kendo.Class,\n\n\t dataviz = kendo.dataviz,\n\t deepExtend = kendo.deepExtend,\n\n\t util = kendo.drawing.util,\n\t defined = util.defined,\n\t deg = util.deg,\n\t rad = util.rad,\n\t round = util.round,\n\t valueOrDefault = util.valueOrDefault,\n\n\t sqr = kendo.util.sqr;\n\n\t // Implementation =========================================================\n\t var Location = Class.extend({\n\t init: function(lat, lng) {\n\t if (arguments.length === 1) {\n\t this.lat = lat[0];\n\t this.lng = lat[1];\n\t } else {\n\t this.lat = lat;\n\t this.lng = lng;\n\t }\n\t },\n\n\t DISTANCE_ITERATIONS: 100,\n\t DISTANCE_CONVERGENCE: 1e-12,\n\t DISTANCE_PRECISION: 2,\n\t FORMAT: \"{0:N6},{1:N6}\",\n\n\t toArray: function() {\n\t return [this.lat, this.lng];\n\t },\n\n\t equals: function(loc) {\n\t return loc && loc.lat === this.lat && loc.lng === this.lng;\n\t },\n\n\t clone: function() {\n\t return new Location(this.lat, this.lng);\n\t },\n\n\t round: function(precision) {\n\t this.lng = round(this.lng, precision);\n\t this.lat = round(this.lat, precision);\n\t return this;\n\t },\n\n\t wrap: function() {\n\t this.lng = this.lng % 180;\n\t this.lat = this.lat % 90;\n\t return this;\n\t },\n\n\t distanceTo: function(dest, datum) {\n\t return this.greatCircleTo(dest, datum).distance;\n\t },\n\n\t destination: function(distance, bearing, datum) {\n\t bearing = rad(bearing);\n\t datum = datum || dataviz.map.datums.WGS84;\n\n\t var fromLat = rad(this.lat);\n\t var fromLng = rad(this.lng);\n\t var dToR = distance / kendo.dataviz.map.datums.WGS84.a;\n\n\t var lat = math.asin(sin(fromLat) * cos(dToR) +\n\t cos(fromLat) * sin(dToR) * cos(bearing));\n\n\t var lng = fromLng + atan2(sin(bearing) * sin(dToR) * cos(fromLat),\n\t cos(dToR) - sin(fromLat) * sin(lat));\n\n\t return new Location(deg(lat), deg(lng));\n\t },\n\n\t greatCircleTo: function(dest, datum) {\n\t dest = Location.create(dest);\n\t datum = datum || dataviz.map.datums.WGS84;\n\n\t if (!dest || this.clone().round(8).equals(dest.clone().round(8))) {\n\t return {\n\t distance: 0,\n\t azimuthFrom: 0,\n\t azimuthTo: 0\n\t };\n\t }\n\n\t // See http://en.wikipedia.org/wiki/Vincenty's_formulae#Notation\n\t // o == sigma\n\t // A == alpha\n\t var a = datum.a;\n\t var b = datum.b;\n\t var f = datum.f;\n\n\t var L = rad(dest.lng - this.lng);\n\n\t var U1 = atan((1 - f) * tan(rad(this.lat)));\n\t var sinU1 = sin(U1);\n\t var cosU1 = cos(U1);\n\n\t var U2 = atan((1 - f) * tan(rad(dest.lat)));\n\t var sinU2 = sin(U2);\n\t var cosU2 = cos(U2);\n\n\t var lambda = L;\n\t var prevLambda;\n\n\t var i = this.DISTANCE_ITERATIONS;\n\t var converged = false;\n\n\t var sinLambda;\n\t var cosLambda;\n\t var sino;\n\t var cosA2;\n\t var coso;\n\t var cos2om;\n\t var sigma;\n\n\t while (!converged && i-- > 0) {\n\t sinLambda = sin(lambda);\n\t cosLambda = cos(lambda);\n\t sino = math.sqrt(\n\t sqr(cosU2 * sinLambda) + sqr(cosU1 * sinU2 - sinU1 * cosU2 * cosLambda)\n\t );\n\n\t coso = sinU1 * sinU2 + cosU1 * cosU2 * cosLambda;\n\t sigma = atan2(sino, coso);\n\n\t var sinA = cosU1 * cosU2 * sinLambda / sino;\n\t cosA2 = 1 - sqr(sinA);\n\t cos2om = 0;\n\t if (cosA2 !== 0) {\n\t cos2om = coso - 2 * sinU1 * sinU2 / cosA2;\n\t }\n\n\t prevLambda = lambda;\n\t var C = f / 16 * cosA2 * (4 + f * (4 - 3 * cosA2));\n\t lambda = L + (1 - C) * f * sinA * (\n\t sigma + C * sino * (cos2om + C * coso * (-1 + 2 * sqr(cos2om)))\n\t );\n\n\t converged = abs(lambda - prevLambda) <= this.DISTANCE_CONVERGENCE;\n\t }\n\n\t var u2 = cosA2 * (sqr(a) - sqr(b)) / sqr(b);\n\t var A = 1 + u2 / 16384 * (4096 + u2 * (-768 + u2 * (320 - 175 * u2)));\n\t var B = u2 / 1024 * (256 + u2 * (-128 + u2 * (74 - 47 * u2)));\n\t var deltao = B * sino * (cos2om + B / 4 * (\n\t coso * (-1 + 2 * sqr(cos2om)) - B / 6 * cos2om * (-3 + 4 * sqr(sino)) * (-3 + 4 * sqr(cos2om))\n\t ));\n\n\t var azimuthFrom = atan2(cosU2 * sinLambda, cosU1 * sinU2 - sinU1 * cosU2 * cosLambda);\n\t var azimuthTo = atan2(cosU1 * sinLambda, -sinU1 * cosU2 + cosU1 * sinU2 * cosLambda);\n\n\t return {\n\t distance: round(b * A * (sigma - deltao), this.DISTANCE_PRECISION),\n\t azimuthFrom: deg(azimuthFrom),\n\t azimuthTo: deg(azimuthTo)\n\t };\n\t }\n\t });\n\n\t // IE < 9 doesn't allow to override toString on definition\n\t Location.fn.toString = function() {\n\t return kendo.format(this.FORMAT, this.lat, this.lng);\n\t };\n\n\t Location.fromLngLat = function(ll) {\n\t return new Location(ll[1], ll[0]);\n\t };\n\n\t Location.fromLatLng = function(ll) {\n\t return new Location(ll[0], ll[1]);\n\t };\n\n\t Location.create = function(a, b) {\n\t if (defined(a)) {\n\t if (a instanceof Location) {\n\t return a.clone();\n\t } else if (arguments.length === 1 && a.length === 2) {\n\t return Location.fromLatLng(a);\n\t } else {\n\t return new Location(a, b);\n\t }\n\t }\n\t };\n\n\t var Extent = Class.extend({\n\t init: function(nw, se) {\n\t nw = Location.create(nw);\n\t se = Location.create(se);\n\n\t if (nw.lng + 180 > se.lng + 180 &&\n\t nw.lat + 90 < se.lat + 90) {\n\t this.se = nw;\n\t this.nw = se;\n\t } else {\n\t this.se = se;\n\t this.nw = nw;\n\t }\n\t },\n\n\t contains: function(loc) {\n\t var nw = this.nw,\n\t se = this.se,\n\t lng = valueOrDefault(loc.lng, loc[1]),\n\t lat = valueOrDefault(loc.lat, loc[0]);\n\n\t return loc &&\n\t lng + 180 >= nw.lng + 180 &&\n\t lng + 180 <= se.lng + 180 &&\n\t lat + 90 >= se.lat + 90 &&\n\t lat + 90 <= nw.lat + 90;\n\t },\n\n\t center: function() {\n\t var nw = this.nw;\n\t var se = this.se;\n\n\t var lng = nw.lng + (se.lng - nw.lng) / 2;\n\t var lat = nw.lat + (se.lat - nw.lat) / 2;\n\t return new Location(lat, lng);\n\t },\n\n\t containsAny: function(locs) {\n\t var result = false;\n\t for (var i = 0; i < locs.length; i++) {\n\t result = result || this.contains(locs[i]);\n\t }\n\n\t return result;\n\t },\n\n\t include: function(loc) {\n\t var nw = this.nw,\n\t se = this.se,\n\t lng = valueOrDefault(loc.lng, loc[1]),\n\t lat = valueOrDefault(loc.lat, loc[0]);\n\n\t nw.lng = min(nw.lng, lng);\n\t nw.lat = max(nw.lat, lat);\n\n\t se.lng = max(se.lng, lng);\n\t se.lat = min(se.lat, lat);\n\t },\n\n\t includeAll: function(locs) {\n\t for (var i = 0; i < locs.length; i++) {\n\t this.include(locs[i]);\n\t }\n\t },\n\n\t edges: function() {\n\t var nw = this.nw,\n\t se = this.se;\n\n\t return {nw: this.nw, ne: new Location(nw.lat, se.lng),\n\t se: this.se, sw: new Location(se.lat, nw.lng)};\n\t },\n\n\t toArray: function() {\n\t var nw = this.nw,\n\t se = this.se;\n\n\t return [nw, new Location(nw.lat, se.lng),\n\t se, new Location(se.lat, nw.lng)];\n\t },\n\n\t overlaps: function(extent) {\n\t return this.containsAny(extent.toArray()) ||\n\t extent.containsAny(this.toArray());\n\t }\n\t });\n\n\t Extent.World = new Extent([90, -180], [-90, 180]);\n\n\t Extent.create = function(a, b) {\n\t if (a instanceof Extent) {\n\t return a;\n\t } else if (a && b) {\n\t return new Extent(a, b);\n\t } else if (a && a.length === 4 && !b) {\n\t return new Extent([a[0], a[1]], [a[2], a[3]]);\n\t }\n\t };\n\n\t // Exports ================================================================\n\t deepExtend(dataviz, {\n\t map: {\n\t Extent: Extent,\n\t Location: Location\n\t }\n\t });\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 904:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../util/main\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(905);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 889:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./location\");\n\n/***/ }),\n\n/***/ 905:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(906), __webpack_require__(889)], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($, undefined) {\n\t // Imports ================================================================\n\t var doc = document,\n\t math = Math,\n\t min = math.min,\n\t pow = math.pow,\n\n\t proxy = $.proxy,\n\n\t kendo = window.kendo,\n\t Widget = kendo.ui.Widget,\n\t deepExtend = kendo.deepExtend,\n\n\t dataviz = kendo.dataviz,\n\t ui = dataviz.ui,\n\n\t g = kendo.geometry,\n\t Point = g.Point,\n\n\t map = dataviz.map,\n\t Extent = map.Extent,\n\t Location = map.Location,\n\t EPSG3857 = map.crs.EPSG3857,\n\n\t util = kendo.util,\n\t renderPos = util.renderPos,\n\n\t drawingUtil = kendo.drawing.util,\n\n\t defined = drawingUtil.defined,\n\t limit = drawingUtil.limitValue,\n\t valueOrDefault = drawingUtil.valueOrDefault;\n\n\t // Constants ==============================================================\n\t var CSS_PREFIX = \"k-\",\n\t FRICTION = 0.90,\n\t FRICTION_MOBILE = 0.93,\n\t MOUSEWHEEL = \"DOMMouseScroll mousewheel\",\n\t VELOCITY_MULTIPLIER = 5,\n\t DEFAULT_ZOOM_RATE = 1;\n\n\t // Map widget =============================================================\n\t var Map = Widget.extend({\n\t init: function(element, options) {\n\t kendo.destroy(element);\n\t Widget.fn.init.call(this, element);\n\n\t this._initOptions(options);\n\t this.bind(this.events, options);\n\n\t this.crs = new EPSG3857();\n\n\t this.element\n\t .addClass(CSS_PREFIX + this.options.name.toLowerCase())\n\t .css(\"position\", \"relative\")\n\t .empty()\n\t .append(doc.createElement(\"div\"));\n\n\t this._viewOrigin = this._getOrigin();\n\t this._initScroller();\n\t this._initMarkers();\n\t this._initControls();\n\t this._initLayers();\n\t this._reset();\n\n\t this._mousewheel = proxy(this._mousewheel, this);\n\t this.element.bind(MOUSEWHEEL, this._mousewheel);\n\t },\n\n\t options: {\n\t name: \"Map\",\n\t controls: {\n\t attribution: true,\n\t navigator: {\n\t panStep: 100\n\t },\n\t zoom: true\n\t },\n\t layers: [],\n\t layerDefaults: {\n\t shape: {\n\t style: {\n\t fill: {\n\t color: \"#fff\"\n\t },\n\t stroke: {\n\t color: \"#aaa\",\n\t width: 0.5\n\t }\n\t }\n\t },\n\t bubble: {\n\t style: {\n\t fill: {\n\t color: \"#fff\",\n\t opacity: 0.5\n\t },\n\t stroke: {\n\t color: \"#aaa\",\n\t width: 0.5\n\t }\n\t }\n\t },\n\t marker: {\n\t shape: \"pinTarget\",\n\t tooltip: {\n\t position: \"top\"\n\t }\n\t }\n\t },\n\t center: [0, 0],\n\t zoom: 3,\n\t minSize: 256,\n\t minZoom: 1,\n\t maxZoom: 19,\n\t markers: [],\n\t markerDefaults: {\n\t shape: \"pinTarget\",\n\t tooltip: {\n\t position: \"top\"\n\t }\n\t },\n\t wraparound: true\n\t },\n\n\t events:[\n\t \"beforeReset\",\n\t \"click\",\n\t \"markerActivate\",\n\t \"markerClick\",\n\t \"markerCreated\",\n\t \"pan\",\n\t \"panEnd\",\n\t \"reset\",\n\t \"shapeClick\",\n\t \"shapeCreated\",\n\t \"shapeFeatureCreated\",\n\t \"shapeMouseEnter\",\n\t \"shapeMouseLeave\",\n\t \"zoomEnd\",\n\t \"zoomStart\"\n\t ],\n\n\t destroy: function() {\n\t this.scroller.destroy();\n\n\t if (this.navigator) {\n\t this.navigator.destroy();\n\t }\n\n\t if (this.attribution) {\n\t this.attribution.destroy();\n\t }\n\n\t if (this.zoomControl) {\n\t this.zoomControl.destroy();\n\t }\n\n\t this.markers.destroy();\n\n\t for (var i = 0; i < this.layers.length; i++) {\n\t this.layers[i].destroy();\n\t }\n\n\t Widget.fn.destroy.call(this);\n\t },\n\n\t zoom: function(level) {\n\t var options = this.options;\n\n\t if (defined(level)) {\n\t level = math.round(limit(level, options.minZoom, options.maxZoom));\n\t if (options.zoom !== level) {\n\t options.zoom = level;\n\t this._reset();\n\t }\n\n\t return this;\n\t } else {\n\t return options.zoom;\n\t }\n\t },\n\n\t center: function(center) {\n\t if (center) {\n\t this.options.center = Location.create(center).toArray();\n\t this._reset();\n\n\t return this;\n\t } else {\n\t return Location.create(this.options.center);\n\t }\n\t },\n\n\t extent: function(extent) {\n\t if (extent) {\n\t this._setExtent(extent);\n\t return this;\n\t } else {\n\t return this._getExtent();\n\t }\n\t },\n\n\t setOptions: function(options) {\n\t Widget.fn.setOptions.call(this, options);\n\t this._reset();\n\t },\n\n\t locationToLayer: function(location, zoom) {\n\t var clamp = !this.options.wraparound;\n\t location = Location.create(location);\n\t return this.crs.toPoint(location, this._layerSize(zoom), clamp);\n\t },\n\n\t layerToLocation: function(point, zoom) {\n\t var clamp = !this.options.wraparound;\n\t point = Point.create(point);\n\t return this.crs.toLocation(point, this._layerSize(zoom), clamp);\n\t },\n\n\t locationToView: function(location) {\n\t location = Location.create(location);\n\t var origin = this.locationToLayer(this._viewOrigin);\n\t var point = this.locationToLayer(location);\n\n\t return point.translateWith(origin.scale(-1));\n\t },\n\n\t viewToLocation: function(point, zoom) {\n\t var origin = this.locationToLayer(this._getOrigin(), zoom);\n\t point = Point.create(point);\n\t point = point.clone().translateWith(origin);\n\t return this.layerToLocation(point, zoom);\n\t },\n\n\t eventOffset: function(e) {\n\t var point;\n\t var x;\n\t var y;\n\t var offset = this.element.offset();\n\n\t if (e.x || e.y) {\n\t var field = \"location\";\n\t x = e.x[field] - offset.left;\n\t y = e.y[field] - offset.top;\n\t point = new g.Point(x, y);\n\t } else {\n\t var event = e.originalEvent || e;\n\t x = valueOrDefault(event.pageX, event.clientX) - offset.left;\n\t y = valueOrDefault(event.pageY, event.clientY) - offset.top;\n\t point = new g.Point(x, y);\n\t }\n\n\t return point;\n\t },\n\n\t eventToView: function(e) {\n\t var cursor = this.eventOffset(e);\n\t return this.locationToView(this.viewToLocation(cursor));\n\t },\n\n\t eventToLayer: function(e) {\n\t return this.locationToLayer(this.eventToLocation(e));\n\t },\n\n\t eventToLocation: function(e) {\n\t var cursor = this.eventOffset(e);\n\t return this.viewToLocation(cursor);\n\t },\n\n\t viewSize: function() {\n\t var element = this.element;\n\t var scale = this._layerSize();\n\t var width = element.width();\n\n\t if (!this.options.wraparound) {\n\t width = min(scale, width);\n\t }\n\t return {\n\t width: width,\n\t height: min(scale, element.height())\n\t };\n\t },\n\n\t exportVisual: function() {\n\t this._reset();\n\t return false;\n\t },\n\n\t _setOrigin: function(origin, zoom) {\n\t var size = this.viewSize(),\n\t topLeft;\n\n\t origin = this._origin = Location.create(origin);\n\t topLeft = this.locationToLayer(origin, zoom);\n\t topLeft.x += size.width / 2;\n\t topLeft.y += size.height / 2;\n\n\t this.options.center = this.layerToLocation(topLeft, zoom).toArray();\n\n\t return this;\n\t },\n\n\t _getOrigin: function(invalidate) {\n\t var size = this.viewSize(),\n\t topLeft;\n\n\t if (invalidate || !this._origin) {\n\t topLeft = this.locationToLayer(this.center());\n\t topLeft.x -= size.width / 2;\n\t topLeft.y -= size.height / 2;\n\n\t this._origin = this.layerToLocation(topLeft);\n\t }\n\n\t return this._origin;\n\t },\n\n\t _setExtent: function(extent) {\n\t var raw = Extent.create(extent);\n\t var se = raw.se.clone();\n\t if (this.options.wraparound && se.lng < 0 && extent.nw.lng > 0) {\n\t se.lng = 180 + (180 + se.lng);\n\t }\n\n\t extent = new Extent(raw.nw, se);\n\t this.center(extent.center());\n\n\t var width = this.element.width();\n\t var height = this.element.height();\n\t for (var zoom = this.options.maxZoom; zoom >= this.options.minZoom; zoom--) {\n\t var topLeft = this.locationToLayer(extent.nw, zoom);\n\t var bottomRight = this.locationToLayer(extent.se, zoom);\n\n\t var layerWidth = math.abs(bottomRight.x - topLeft.x);\n\t var layerHeight = math.abs(bottomRight.y - topLeft.y);\n\n\t if (layerWidth <= width && layerHeight <= height) {\n\t break;\n\t }\n\t }\n\n\t this.zoom(zoom);\n\t },\n\n\t _getExtent: function() {\n\t var nw = this._getOrigin();\n\t var bottomRight = this.locationToLayer(nw);\n\t var size = this.viewSize();\n\n\t bottomRight.x += size.width;\n\t bottomRight.y += size.height;\n\n\t var se = this.layerToLocation(bottomRight);\n\t return new Extent(nw, se);\n\t },\n\n\t _zoomAround: function(pivot, level) {\n\t this._setOrigin(this.layerToLocation(pivot, level), level);\n\t this.zoom(level);\n\t },\n\n\t _initControls: function() {\n\t var controls = this.options.controls;\n\n\t if (ui.Attribution && controls.attribution) {\n\t this._createAttribution(controls.attribution);\n\t }\n\n\t if (!kendo.support.mobileOS) {\n\t if (ui.Navigator && controls.navigator) {\n\t this._createNavigator(controls.navigator);\n\t }\n\n\t if (ui.ZoomControl && controls.zoom) {\n\t this._createZoomControl(controls.zoom);\n\t }\n\t }\n\t },\n\n\t _createControlElement: function(options, defaultPos) {\n\t var pos = options.position || defaultPos;\n\t var posSelector = \".\" + renderPos(pos).replace(\" \", \".\");\n\t var wrap = $(\".k-map-controls\" + posSelector, this.element);\n\t if (wrap.length === 0) {\n\t wrap = $(\"
\")\n\t .addClass(\"k-map-controls \" + renderPos(pos))\n\t .appendTo(this.element);\n\t }\n\n\t return $(\"
\").appendTo(wrap);\n\t },\n\n\t _createAttribution: function(options) {\n\t var element = this._createControlElement(options, \"bottomRight\");\n\t this.attribution = new ui.Attribution(element, options);\n\t },\n\n\t _createNavigator: function(options) {\n\t var element = this._createControlElement(options, \"topLeft\");\n\t var navigator = this.navigator = new ui.Navigator(element, options);\n\n\t this._navigatorPan = proxy(this._navigatorPan, this);\n\t navigator.bind(\"pan\", this._navigatorPan);\n\n\t this._navigatorCenter = proxy(this._navigatorCenter, this);\n\t navigator.bind(\"center\", this._navigatorCenter);\n\t },\n\n\t _navigatorPan: function(e) {\n\t var map = this;\n\t var scroller = map.scroller;\n\n\t var x = scroller.scrollLeft + e.x;\n\t var y = scroller.scrollTop - e.y;\n\n\t var bounds = this._virtualSize;\n\t var height = this.element.height();\n\t var width = this.element.width();\n\n\t // TODO: Move limits in scroller\n\t x = limit(x, bounds.x.min, bounds.x.max - width);\n\t y = limit(y, bounds.y.min, bounds.y.max - height);\n\n\t map.scroller.one(\"scroll\", function(e) { map._scrollEnd(e); });\n\t map.scroller.scrollTo(-x, -y);\n\t },\n\n\t _navigatorCenter: function() {\n\t this.center(this.options.center);\n\t },\n\n\t _createZoomControl: function(options) {\n\t var element = this._createControlElement(options, \"topLeft\");\n\t var zoomControl = this.zoomControl = new ui.ZoomControl(element, options);\n\n\t this._zoomControlChange = proxy(this._zoomControlChange, this);\n\t zoomControl.bind(\"change\", this._zoomControlChange);\n\t },\n\n\t _zoomControlChange: function(e) {\n\t if (!this.trigger(\"zoomStart\", { originalEvent: e })) {\n\t this.zoom(this.zoom() + e.delta);\n\t this.trigger(\"zoomEnd\", { originalEvent: e });\n\t }\n\t },\n\n\t _initScroller: function() {\n\t var friction = kendo.support.mobileOS ? FRICTION_MOBILE : FRICTION;\n\t var zoomable = this.options.zoomable !== false;\n\t var scroller = this.scroller = new kendo.mobile.ui.Scroller(\n\t this.element.children(0), {\n\t friction: friction,\n\t velocityMultiplier: VELOCITY_MULTIPLIER,\n\t zoom: zoomable,\n\t mousewheelScrolling: false,\n\t supportDoubleTap: true\n\t });\n\n\t scroller.bind(\"scroll\", proxy(this._scroll, this));\n\t scroller.bind(\"scrollEnd\", proxy(this._scrollEnd, this));\n\t scroller.userEvents.bind(\"gesturestart\", proxy(this._scaleStart, this));\n\t scroller.userEvents.bind(\"gestureend\", proxy(this._scale, this));\n\t scroller.userEvents.bind(\"doubleTap\", proxy(this._doubleTap, this));\n\t scroller.userEvents.bind(\"tap\", proxy(this._tap, this));\n\n\t this.scrollElement = scroller.scrollElement;\n\t },\n\n\t _initLayers: function() {\n\t var defs = this.options.layers,\n\t layers = this.layers = [];\n\n\t for (var i = 0; i < defs.length; i++) {\n\t var options = defs[i];\n\t var type = options.type || \"shape\";\n\t var defaults = this.options.layerDefaults[type];\n\t var impl = dataviz.map.layers[type];\n\n\t layers.push(new impl(this, deepExtend({}, defaults, options)));\n\t }\n\t },\n\n\t _initMarkers: function() {\n\t this.markers = new map.layers.MarkerLayer(this, this.options.markerDefaults);\n\t this.markers.add(this.options.markers);\n\t },\n\n\t _scroll: function(e) {\n\t var origin = this.locationToLayer(this._viewOrigin).round();\n\t var movable = e.sender.movable;\n\n\t var offset = new g.Point(movable.x, movable.y).scale(-1).scale(1/movable.scale);\n\t origin.x += offset.x;\n\t origin.y += offset.y;\n\n\t this._scrollOffset = offset;\n\n\t this._setOrigin(this.layerToLocation(origin));\n\t this.trigger(\"pan\", {\n\t originalEvent: e,\n\t origin: this._getOrigin(),\n\t center: this.center()\n\t });\n\t },\n\n\t _scrollEnd: function(e) {\n\t if (!this._scrollOffset || !this._panComplete()) {\n\t return;\n\t }\n\n\t this._scrollOffset = null;\n\t this._panEndTS = new Date();\n\n\t this.trigger(\"panEnd\", {\n\t originalEvent: e,\n\t origin: this._getOrigin(),\n\t center: this.center()\n\t });\n\t },\n\n\t _panComplete: function() {\n\t return new Date() - (this._panEndTS || 0) > 50;\n\t },\n\n\t _scaleStart: function(e) {\n\t if (this.trigger(\"zoomStart\", { originalEvent: e })) {\n\t var touch = e.touches[1];\n\t if (touch) {\n\t touch.cancel();\n\t }\n\t }\n\t },\n\n\t _scale: function(e) {\n\t var scale = this.scroller.movable.scale;\n\t var zoom = this._scaleToZoom(scale);\n\t var gestureCenter = new g.Point(e.center.x, e.center.y);\n\t var centerLocation = this.viewToLocation(gestureCenter, zoom);\n\t var centerPoint = this.locationToLayer(centerLocation, zoom);\n\t var originPoint = centerPoint.translate(-gestureCenter.x, -gestureCenter.y);\n\n\t this._zoomAround(originPoint, zoom);\n\t this.trigger(\"zoomEnd\", { originalEvent: e });\n\t },\n\n\t _scaleToZoom: function(scaleDelta) {\n\t var scale = this._layerSize() * scaleDelta;\n\t var tiles = scale / this.options.minSize;\n\t var zoom = math.log(tiles) / math.log(2);\n\n\t return math.round(zoom);\n\t },\n\n\t _reset: function() {\n\t if (this.attribution) {\n\t this.attribution.filter(this.center(), this.zoom());\n\t }\n\n\t this._viewOrigin = this._getOrigin(true);\n\t this._resetScroller();\n\t this.trigger(\"beforeReset\");\n\t this.trigger(\"reset\");\n\t },\n\n\t _resetScroller: function() {\n\t var scroller = this.scroller;\n\t var x = scroller.dimensions.x;\n\t var y = scroller.dimensions.y;\n\t var scale = this._layerSize();\n\t var nw = this.extent().nw;\n\t var topLeft = this.locationToLayer(nw).round();\n\n\t scroller.movable.round = true;\n\t scroller.reset();\n\t scroller.userEvents.cancel();\n\n\t var zoom = this.zoom();\n\t scroller.dimensions.forcedMinScale = pow(2, this.options.minZoom - zoom);\n\t scroller.dimensions.maxScale = pow(2, this.options.maxZoom - zoom);\n\n\t var xBounds = { min: -topLeft.x, max: scale - topLeft.x };\n\t var yBounds = { min: -topLeft.y, max: scale - topLeft.y };\n\n\t if (this.options.wraparound) {\n\t xBounds.max = 20 * scale;\n\t xBounds.min = -xBounds.max;\n\t }\n\n\t if (this.options.pannable === false) {\n\t var viewSize = this.viewSize();\n\t xBounds.min = yBounds.min = 0;\n\t xBounds.max = viewSize.width;\n\t yBounds.max = viewSize.height;\n\t }\n\n\t x.makeVirtual();\n\t y.makeVirtual();\n\t x.virtualSize(xBounds.min, xBounds.max);\n\t y.virtualSize(yBounds.min, yBounds.max);\n\n\t this._virtualSize = { x: xBounds, y: yBounds };\n\t },\n\n\t _renderLayers: function() {\n\t var defs = this.options.layers,\n\t layers = this.layers = [],\n\t scrollWrap = this.scrollWrap;\n\n\t scrollWrap.empty();\n\n\t for (var i = 0; i < defs.length; i++) {\n\t var options = defs[i];\n\t var type = options.type || \"shape\";\n\t var defaults = this.options.layerDefaults[type];\n\t var impl = dataviz.map.layers[type];\n\n\t layers.push(new impl(this, deepExtend({}, defaults, options)));\n\t }\n\t },\n\n\t _layerSize: function(zoom) {\n\t zoom = valueOrDefault(zoom, this.options.zoom);\n\t return this.options.minSize * pow(2, zoom);\n\t },\n\n\t _tap: function(e) {\n\t if (!this._panComplete()) {\n\t return;\n\t }\n\n\t var cursor = this.eventOffset(e);\n\t this.trigger(\"click\", {\n\t originalEvent: e,\n\t location: this.viewToLocation(cursor)\n\t });\n\t },\n\n\t _doubleTap: function(e) {\n\t var options = this.options;\n\t if (options.zoomable !== false) {\n\t if (!this.trigger(\"zoomStart\", { originalEvent: e })) {\n\t var toZoom = this.zoom() + DEFAULT_ZOOM_RATE;\n\t var cursor = this.eventOffset(e);\n\t var location = this.viewToLocation(cursor);\n\t var postZoom = this.locationToLayer(location, toZoom);\n\t var origin = postZoom.translate(-cursor.x, -cursor.y);\n\t this._zoomAround(origin, toZoom);\n\t this.trigger(\"zoomEnd\", { originalEvent: e });\n\t }\n\t }\n\t },\n\n\t _mousewheel: function(e) {\n\t e.preventDefault();\n\t var delta = dataviz.mwDelta(e) > 0 ? -1 : 1;\n\t var options = this.options;\n\t var fromZoom = this.zoom();\n\t var toZoom = limit(fromZoom + delta, options.minZoom, options.maxZoom);\n\n\t if (options.zoomable !== false && toZoom !== fromZoom) {\n\t if (!this.trigger(\"zoomStart\", { originalEvent: e })) {\n\t var cursor = this.eventOffset(e);\n\t var location = this.viewToLocation(cursor);\n\t var postZoom = this.locationToLayer(location, toZoom);\n\t var origin = postZoom.translate(-cursor.x, -cursor.y);\n\t this._zoomAround(origin, toZoom);\n\n\t this.trigger(\"zoomEnd\", { originalEvent: e });\n\t }\n\t }\n\t }\n\t });\n\n\t // Exports ================================================================\n\t dataviz.ui.plugin(Map);\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 906:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./crs\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(907);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 863:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 907:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(863) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\t var kendo = window.kendo;\n\t var Widget = kendo.ui.Widget;\n\t var keys = kendo.keys;\n\t var proxy = $.proxy;\n\n\t var NS = \".kendoNavigator\";\n\n\t // Helper functions =======================================================\n\t function button(dir) {\n\t return kendo.format(\n\t '', dir);\n\t }\n\n\t var BUTTONS = button(\"up\") + button(\"right\") + button(\"down\") + button(\"left\");\n\n\t var Navigator = Widget.extend({\n\t init: function(element, options) {\n\t Widget.fn.init.call(this, element, options);\n\t this._initOptions(options);\n\n\t this.element.addClass(\"k-widget k-navigator\")\n\t .append(BUTTONS)\n\t .on(\"click\" + NS, \".k-button\", proxy(this, \"_click\"));\n\n\t var parentElement = this.element.parent().closest(\"[\" + kendo.attr(\"role\") + \"]\");\n\t this._keyroot = parentElement.length > 0 ? parentElement : this.element;\n\t this._tabindex(this._keyroot);\n\n\t this._keydown = proxy(this._keydown, this);\n\t this._keyroot.on(\"keydown\", this._keydown);\n\t },\n\n\t options: {\n\t name: \"Navigator\",\n\t panStep: 1\n\t },\n\n\t events: [\n\t \"pan\"\n\t ],\n\n\t dispose: function() {\n\t this._keyroot.off(\"keydown\", this._keydown);\n\t },\n\n\t _pan: function(x, y) {\n\t var panStep = this.options.panStep;\n\t this.trigger(\"pan\", {\n\t x: x * panStep,\n\t y: y * panStep\n\t });\n\t },\n\n\t _click: function(e) {\n\t var x = 0;\n\t var y = 0;\n\t var button = $(e.currentTarget);\n\n\t if (button.is(\".k-navigator-up\")) {\n\t y = 1;\n\t } else if (button.is(\".k-navigator-down\")) {\n\t y = -1;\n\t } else if (button.is(\".k-navigator-right\")) {\n\t x = 1;\n\t } else if (button.is(\".k-navigator-left\")) {\n\t x = -1;\n\t }\n\n\t this._pan(x, y);\n\t e.preventDefault();\n\t },\n\n\t _keydown: function(e) {\n\t switch (e.which) {\n\t case keys.UP:\n\t this._pan(0, 1);\n\t e.preventDefault();\n\t break;\n\n\t case keys.DOWN:\n\t this._pan(0, -1);\n\t e.preventDefault();\n\t break;\n\n\t case keys.RIGHT:\n\t this._pan(1, 0);\n\t e.preventDefault();\n\t break;\n\n\t case keys.LEFT:\n\t this._pan(-1, 0);\n\t e.preventDefault();\n\t break;\n\t }\n\t }\n\t });\n\n\t // Exports ================================================================\n\t kendo.dataviz.ui.plugin(Navigator);\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(908);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 863:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 908:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(863) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\t var kendo = window.kendo;\n\t var Widget = kendo.ui.Widget;\n\t var keys = kendo.keys;\n\t var proxy = $.proxy;\n\n\t // Helper functions =======================================================\n\t function button(dir, iconClass) {\n\t return kendo.format(\n\t '',\n\t dir, iconClass);\n\t }\n\n\t var NS = \".kendoZoomControl\";\n\t var BUTTONS = button(\"in\", \"k-i-plus\") + button(\"out\", \"k-i-minus\");\n\n\t var PLUS = 187;\n\t var MINUS = 189;\n\t var FF_PLUS = 61;\n\t var FF_MINUS = 173;\n\n\n\t var ZoomControl = Widget.extend({\n\t init: function(element, options) {\n\t Widget.fn.init.call(this, element, options);\n\t this._initOptions(options);\n\n\t this.element.addClass(\"k-widget k-zoom-control k-button-group k-group-horizontal\")\n\t .append(BUTTONS)\n\t .on(\"click\" + NS, \".k-button\", proxy(this, \"_click\"));\n\n\t var parentElement = this.element.parent().closest(\"[\" + kendo.attr(\"role\") + \"]\");\n\t this._keyroot = parentElement.length > 0 ? parentElement : this.element;\n\n\t this._tabindex(this._keyroot);\n\n\t this._keydown = proxy(this._keydown, this);\n\t this._keyroot.on(\"keydown\", this._keydown);\n\t },\n\n\t options: {\n\t name: \"ZoomControl\",\n\t zoomStep: 1\n\t },\n\n\t events: [\n\t \"change\"\n\t ],\n\n\t _change: function(dir) {\n\t var zoomStep = this.options.zoomStep;\n\t this.trigger(\"change\", {\n\t delta: dir * zoomStep\n\t });\n\t },\n\n\t _click: function(e) {\n\t var button = $(e.currentTarget);\n\t var dir = 1;\n\n\t if (button.is(\".k-zoom-out\")) {\n\t dir = -1;\n\t }\n\n\t this._change(dir);\n\t e.preventDefault();\n\t },\n\n\t _keydown: function(e) {\n\t switch (e.which) {\n\t case keys.NUMPAD_PLUS:\n\t case PLUS:\n\t case FF_PLUS:\n\t this._change(1);\n\t break;\n\n\t case keys.NUMPAD_MINUS:\n\t case MINUS:\n\t case FF_MINUS:\n\t this._change(-1);\n\t break;\n\t }\n\t }\n\t });\n\n\n\t // Exports ================================================================\n\t kendo.dataviz.ui.plugin(ZoomControl);\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(909);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 909:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/***********************************************************************\n\t * WARNING: this file is auto-generated. If you change it directly,\n\t * your modifications will eventually be lost. The source code is in\n\t * `kendo-charts` repository, you should make your changes there and\n\t * run `src-modules/sync.sh` in this repository.\n\t */\n\t(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\n\t __webpack_require__(910)\n\t ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function () {\n\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\n\tvar dataviz = kendo.dataviz;\n\tvar constants = dataviz.constants;\n\tvar Chart = dataviz.Chart;\n\tvar elementSize = dataviz.elementSize;\n\tvar deepExtend = dataviz.deepExtend;\n\n\tvar TOP_OFFSET = -2;\n\n\tvar SharedTooltip$1 = dataviz.SharedTooltip.extend({\n\t _slotAnchor: function(coords, slot) {\n\t var axis = this.plotArea.categoryAxis;\n\t var vertical = axis.options.vertical;\n\t var align = vertical ? {\n\t horizontal: \"left\",\n\t vertical: \"center\"\n\t } : {\n\t horizontal: \"center\",\n\t vertical: \"bottom\"\n\t };\n\n\t var point;\n\n\t if (vertical) {\n\t point = new dataviz.Point(this.plotArea.box.x2, slot.center().y);\n\t } else {\n\t point = new dataviz.Point(slot.center().x, TOP_OFFSET);\n\t }\n\n\t return {\n\t point: point,\n\t align: align\n\t };\n\t },\n\n\t _defaultAnchor: function(point, slot) {\n\t return this._slotAnchor({}, slot);\n\t }\n\t});\n\n\tvar DEAULT_BAR_WIDTH = 150;\n\tvar DEAULT_BULLET_WIDTH = 150;\n\tvar NO_CROSSHAIR = [ constants.BAR, constants.BULLET ];\n\n\tfunction hide(children) {\n\t var state = [];\n\t for (var idx = 0; idx < children.length; idx++) {\n\t var child = children[idx];\n\t state[idx] = child.style.display;\n\t child.style.display = \"none\";\n\t }\n\n\t return state;\n\t}\n\n\tfunction show(children, state) {\n\t for (var idx = 0; idx < children.length; idx++) {\n\t children[idx].style.display = state[idx];\n\t }\n\t}\n\n\tfunction wrapNumber(value) {\n\t return dataviz.isNumber(value) ? [ value ] : value;\n\t}\n\n\tvar Sparkline = Chart.extend({\n\t _setElementClass: function(element) {\n\t dataviz.addClass(element, 'k-sparkline');\n\t },\n\n\t _initElement: function(element) {\n\t Chart.fn._initElement.call(this, element);\n\n\t this._initialWidth = Math.floor(elementSize(element).width);\n\t },\n\n\t _resize: function() {\n\t var element = this.element;\n\t var state = hide(element.childNodes);\n\n\t this._initialWidth = Math.floor(elementSize(element).width);\n\n\t show(element.childNodes, state);\n\n\t Chart.fn._resize.call(this);\n\t },\n\n\t _modelOptions: function() {\n\t var chartOptions = this.options;\n\t var stage = this._surfaceWrap();\n\t var displayState = hide(stage.childNodes);\n\n\t var space = document.createElement('span');\n\t space.innerHTML = ' ';\n\n\t stage.appendChild(space);\n\n\t var options = deepExtend({\n\t width: this._autoWidth,\n\t height: elementSize(stage).height,\n\t transitions: chartOptions.transitions\n\t }, chartOptions.chartArea, {\n\t inline: true,\n\t align: false\n\t });\n\n\t elementSize(stage, {\n\t width: options.width,\n\t height: options.height\n\t });\n\n\t stage.removeChild(space);\n\n\t show(stage.childNodes, displayState);\n\n\t if (this.surface) {\n\t this.surface.resize();\n\t }\n\n\t return options;\n\t },\n\n\t _surfaceWrap: function() {\n\t if (!this.stage) {\n\t var stage = this.stage = document.createElement('span');\n\t this.element.appendChild(stage);\n\t }\n\t return this.stage;\n\t },\n\n\t _createPlotArea: function(skipSeries) {\n\t var plotArea = Chart.fn._createPlotArea.call(this, skipSeries);\n\t this._autoWidth = this._initialWidth || this._calculateWidth(plotArea);\n\n\t return plotArea;\n\t },\n\n\t _calculateWidth: function(plotArea) {\n\t var options = this.options;\n\t var margin = dataviz.getSpacing(options.chartArea.margin);\n\t var charts = plotArea.charts;\n\t var stage = this._surfaceWrap();\n\t var total = 0;\n\n\t for (var i = 0; i < charts.length; i++) {\n\t var currentChart = charts[i];\n\t var firstSeries = (currentChart.options.series || [])[0];\n\t if (!firstSeries) {\n\t continue;\n\t }\n\n\t if (firstSeries.type === constants.BAR) {\n\t return DEAULT_BAR_WIDTH;\n\t }\n\n\t if (firstSeries.type === constants.BULLET) {\n\t return DEAULT_BULLET_WIDTH;\n\t }\n\n\t if (firstSeries.type === constants.PIE) {\n\t return elementSize(stage).height;\n\t }\n\n\t var categoryAxis = currentChart.categoryAxis;\n\t if (categoryAxis) {\n\t var pointsCount = categoryAxis.categoriesCount() *\n\t (!currentChart.options.isStacked && dataviz.inArray(firstSeries.type, [ constants.COLUMN, constants.VERTICAL_BULLET ]) ? currentChart.seriesOptions.length : 1);\n\n\t total = Math.max(total, pointsCount);\n\t }\n\t }\n\n\t var size = total * options.pointWidth;\n\t if (size > 0) {\n\t size += margin.left + margin.right;\n\t }\n\n\t return size;\n\t },\n\n\t _createSharedTooltip: function(options) {\n\t return new SharedTooltip$1(this._plotArea, options);\n\t }\n\t});\n\n\tSparkline.normalizeOptions = function(userOptions) {\n\t var options = wrapNumber(userOptions);\n\n\t if (dataviz.isArray(options)) {\n\t options = { seriesDefaults: { data: options } };\n\t } else {\n\t options = deepExtend({}, options);\n\t }\n\n\t if (!options.series) {\n\t options.series = [ { data: wrapNumber(options.data) } ];\n\t }\n\n\t deepExtend(options, {\n\t seriesDefaults: {\n\t type: options.type\n\t }\n\t });\n\n\t if (dataviz.inArray(options.series[0].type, NO_CROSSHAIR) ||\n\t dataviz.inArray(options.seriesDefaults.type, NO_CROSSHAIR)) {\n\t options = deepExtend({}, {\n\t categoryAxis: {\n\t crosshair: {\n\t visible: false\n\t }\n\t }\n\t }, options);\n\t }\n\n\t return options;\n\t};\n\n\tdataviz.setDefaultOptions(Sparkline, {\n\t chartArea: {\n\t margin: 2\n\t },\n\t axisDefaults: {\n\t visible: false,\n\t majorGridLines: {\n\t visible: false\n\t },\n\t valueAxis: {\n\t narrowRange: true\n\t }\n\t },\n\t seriesDefaults: {\n\t type: \"line\",\n\t area: {\n\t line: {\n\t width: 0.5\n\t }\n\t },\n\t bar: {\n\t stack: true\n\t },\n\t padding: 2,\n\t width: 0.5,\n\t overlay: {\n\t gradient: null\n\t },\n\t highlight: {\n\t visible: false\n\t },\n\t border: {\n\t width: 0\n\t },\n\t markers: {\n\t size: 2,\n\t visible: false\n\t }\n\t },\n\t tooltip: {\n\t visible: true,\n\t shared: true\n\t },\n\t categoryAxis: {\n\t crosshair: {\n\t visible: true,\n\t tooltip: {\n\t visible: false\n\t }\n\t }\n\t },\n\t legend: {\n\t visible: false\n\t },\n\t transitions: false,\n\n\t pointWidth: 5,\n\n\t panes: [ { clip: false } ]\n\t});\n\n\tkendo.deepExtend(kendo.dataviz, {\n\t Sparkline: Sparkline\n\t});\n\n\t})();\n\n\t}, __webpack_require__(3));\n\n/***/ }),\n\n/***/ 910:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.chart\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(911);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 911:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\n\t __webpack_require__(912)\n\t ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\n\tvar dataviz = kendo.dataviz;\n\tvar Chart = dataviz.ui.Chart;\n\tvar KendoSparkline = dataviz.Sparkline;\n\tvar ChartInstanceObserver = dataviz.ChartInstanceObserver;\n\n\tvar extend = $.extend;\n\n\tvar Sparkline = Chart.extend({\n\n\t init: function(element, userOptions) {\n\t var options = userOptions;\n\t if (options instanceof kendo.data.ObservableArray) {\n\t options = { seriesDefaults: { data: options } };\n\t }\n\n\t Chart.fn.init.call(this, element, KendoSparkline.normalizeOptions(options));\n\t },\n\n\t _createChart: function(options, themeOptions) {\n\t this._instance = new KendoSparkline(this.element[0], options, themeOptions, {\n\t observer: new ChartInstanceObserver(this),\n\t sender: this,\n\t rtl: this._isRtl()\n\t });\n\t },\n\n\t _createTooltip: function() {\n\t return new SparklineTooltip(this.element, extend({}, this.options.tooltip, {\n\t rtl: this._isRtl()\n\t }));\n\t },\n\n\t options: {\n\t name: \"Sparkline\",\n\t chartArea: {\n\t margin: 2\n\t },\n\t axisDefaults: {\n\t visible: false,\n\t majorGridLines: {\n\t visible: false\n\t },\n\t valueAxis: {\n\t narrowRange: true\n\t }\n\t },\n\t seriesDefaults: {\n\t type: \"line\",\n\t area: {\n\t line: {\n\t width: 0.5\n\t }\n\t },\n\t bar: {\n\t stack: true\n\t },\n\t padding: 2,\n\t width: 0.5,\n\t overlay: {\n\t gradient: null\n\t },\n\t highlight: {\n\t visible: false\n\t },\n\t border: {\n\t width: 0\n\t },\n\t markers: {\n\t size: 2,\n\t visible: false\n\t }\n\t },\n\t tooltip: {\n\t visible: true,\n\t shared: true\n\t },\n\t categoryAxis: {\n\t crosshair: {\n\t visible: true,\n\t tooltip: {\n\t visible: false\n\t }\n\t }\n\t },\n\t legend: {\n\t visible: false\n\t },\n\t transitions: false,\n\n\t pointWidth: 5,\n\n\t panes: [{\n\t clip: false\n\t }]\n\t }\n\t});\n\n\tdataviz.ui.plugin(Sparkline);\n\n\tvar SparklineTooltip = dataviz.Tooltip.extend({\n\t options: {\n\t animation: {\n\t duration: 0\n\t }\n\t },\n\n\t _hideElement: function() {\n\t if (this.element) {\n\t this.element.hide().remove();\n\t }\n\t }\n\t});\n\n\tdataviz.SparklineTooltip = SparklineTooltip;\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 912:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo-sparkline\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(913);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 910:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.chart\");\n\n/***/ }),\n\n/***/ 913:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/***********************************************************************\n\t * WARNING: this file is auto-generated. If you change it directly,\n\t * your modifications will eventually be lost. The source code is in\n\t * `kendo-charts` repository, you should make your changes there and\n\t * run `src-modules/sync.sh` in this repository.\n\t */\n\t(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\n\t __webpack_require__(910)\n\t ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function () {\n\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\n\tvar dataviz = kendo.dataviz;\n\tvar elementStyles = dataviz.elementStyles;\n\tvar deepExtend = dataviz.deepExtend;\n\tvar toTime = dataviz.toTime;\n\tvar datavizConstants = dataviz.constants;\n\tvar Chart = dataviz.Chart;\n\tvar drawing = kendo.drawing;\n\n\tvar FadeOutAnimation = drawing.Animation.extend({\n\t setup: function() {\n\t this._initialOpacity = parseFloat(elementStyles(this.element, 'opacity').opacity);\n\t },\n\n\t step: function(pos) {\n\t elementStyles(this.element, {\n\t opacity: String(dataviz.interpolateValue(this._initialOpacity, 0, pos))\n\t });\n\t },\n\n\t abort: function() {\n\t drawing.Animation.fn.abort.call(this);\n\t elementStyles(this.element, {\n\t display: 'none',\n\t opacity: String(this._initialOpacity)\n\t });\n\t },\n\n\t cancel: function() {\n\t drawing.Animation.fn.abort.call(this);\n\t elementStyles(this.element, {\n\t opacity: String(this._initialOpacity)\n\t });\n\t }\n\t});\n\n\tfunction createDiv(className, style) {\n\t var div = document.createElement(\"div\");\n\t div.className = className;\n\t if (style) {\n\t div.style.cssText = style;\n\t }\n\n\t return div;\n\t}\n\n\tvar NavigatorHint = dataviz.Class.extend({\n\t init: function(container, chartService, options) {\n\n\t this.options = deepExtend({}, this.options, options);\n\t this.container = container;\n\t this.chartService = chartService;\n\n\t var padding = elementStyles(container, [ \"paddingLeft\", \"paddingTop\" ]);\n\t this.chartPadding = {\n\t top: padding.paddingTop,\n\t left: padding.paddingLeft\n\t };\n\n\t this.createElements();\n\t container.appendChild(this.element);\n\t },\n\n\t createElements: function() {\n\t var element = this.element = createDiv('k-navigator-hint', 'display: none; position: absolute; top: 1px; left: 1px;');\n\t var tooltip = this.tooltip = createDiv('k-tooltip k-chart-tooltip');\n\t var scroll = this.scroll = createDiv('k-scroll');\n\n\t tooltip.innerHTML = ' ';\n\n\t element.appendChild(tooltip);\n\t element.appendChild(scroll);\n\t },\n\n\t show: function(from, to, bbox) {\n\t var ref = this;\n\t var element = ref.element;\n\t var options = ref.options;\n\t var scroll = ref.scroll;\n\t var tooltip = ref.tooltip;\n\t var middle = dataviz.toDate(toTime(from) + toTime(to - from) / 2);\n\t var scrollWidth = bbox.width() * 0.4;\n\t var minPos = bbox.center().x - scrollWidth;\n\t var maxPos = bbox.center().x;\n\t var posRange = maxPos - minPos;\n\t var range = options.max - options.min;\n\t var scale = posRange / range;\n\t var offset = middle - options.min;\n\t var text = this.chartService.intl.format(options.format, from, to);\n\t var template = dataviz.getTemplate(options);\n\n\t this.clearHideTimeout();\n\n\t if (!this._visible) {\n\t elementStyles(element, {\n\t visibility: 'hidden',\n\t display: 'block'\n\t });\n\t this._visible = true;\n\t }\n\n\t if (template) {\n\t text = template({\n\t from: from,\n\t to: to\n\t });\n\t }\n\n\t tooltip.innerHTML = text;\n\t elementStyles(tooltip, {\n\t left: bbox.center().x - tooltip.offsetWidth / 2,\n\t top: bbox.y1\n\t });\n\n\t var tooltipStyle = elementStyles(tooltip, [ 'marginTop', 'borderTopWidth', 'height' ]);\n\n\t elementStyles(scroll, {\n\t width: scrollWidth,\n\t left: minPos + offset * scale,\n\t top: bbox.y1 + tooltipStyle.marginTop + tooltipStyle.borderTopWidth + tooltipStyle.height / 2\n\t });\n\n\t elementStyles(element, {\n\t visibility: 'visible'\n\t });\n\t },\n\n\t clearHideTimeout: function() {\n\t if (this._hideTimeout) {\n\t clearTimeout(this._hideTimeout);\n\t }\n\n\t if (this._hideAnimation) {\n\t this._hideAnimation.cancel();\n\t }\n\t },\n\n\t hide: function() {\n\t var this$1 = this;\n\n\t this.clearHideTimeout();\n\n\t this._hideTimeout = setTimeout(function () {\n\t this$1._visible = false;\n\t this$1._hideAnimation = new FadeOutAnimation(this$1.element);\n\t this$1._hideAnimation.setup();\n\t this$1._hideAnimation.play();\n\t }, this.options.hideDelay);\n\t },\n\n\t destroy: function() {\n\t this.clearHideTimeout();\n\t if (this.container) {\n\t this.container.removeChild(this.element);\n\t }\n\t delete this.container;\n\t delete this.chartService;\n\t delete this.element;\n\t delete this.tooltip;\n\t delete this.scroll;\n\t }\n\t});\n\n\tdataviz.setDefaultOptions(NavigatorHint, {\n\t format: \"{0:d} - {1:d}\",\n\t hideDelay: 500\n\t});\n\n\tvar NAVIGATOR_PANE = \"_navigator\";\n\tvar NAVIGATOR_AXIS = NAVIGATOR_PANE;\n\n\tvar constants = {\n\t\tNAVIGATOR_AXIS: NAVIGATOR_AXIS,\n\t\tNAVIGATOR_PANE: NAVIGATOR_PANE\n\t};\n\n\tvar ZOOM_ACCELERATION = 3;\n\n\tvar Navigator = dataviz.Class.extend({\n\t init: function(chart) {\n\n\t this.chart = chart;\n\t var options = this.options = deepExtend({}, this.options, chart.options.navigator);\n\t var select = options.select;\n\t if (select) {\n\t select.from = this.parseDate(select.from);\n\t select.to = this.parseDate(select.to);\n\t }\n\n\t if (!dataviz.defined(options.hint.visible)) {\n\t options.hint.visible = options.visible;\n\t }\n\n\t var obj;\n\t this.chartObserver = new dataviz.InstanceObserver(this, ( obj = {}, obj[datavizConstants.DRAG] = '_drag', obj[datavizConstants.DRAG_END] = '_dragEnd', obj[datavizConstants.ZOOM] = '_zoom', obj[datavizConstants.ZOOM_END] = '_zoomEnd', obj ));\n\t chart.addObserver(this.chartObserver);\n\t },\n\n\t parseDate: function(value) {\n\t return dataviz.parseDate(this.chart.chartService.intl, value);\n\t },\n\n\t clean: function() {\n\t if (this.selection) {\n\t this.selection.destroy();\n\t this.selection = null;\n\t }\n\n\t if (this.hint) {\n\t this.hint.destroy();\n\t this.hint = null;\n\t }\n\t },\n\n\t destroy: function() {\n\t if (this.chart) {\n\t this.chart.removeObserver(this.chartObserver);\n\t delete this.chart;\n\t }\n\n\t this.clean();\n\t },\n\n\t redraw: function() {\n\t this._redrawSelf();\n\t this.initSelection();\n\t },\n\n\t initSelection: function() {\n\t var ref = this;\n\t var chart = ref.chart;\n\t var options = ref.options;\n\t var axis = this.mainAxis();\n\t var ref$1 = axis.roundedRange();\n\t var min = ref$1.min;\n\t var max = ref$1.max;\n\t var ref$2 = options.select;\n\t var from = ref$2.from;\n\t var to = ref$2.to;\n\t var mousewheel = ref$2.mousewheel;\n\t var axisClone = clone(axis);\n\n\t if (axis.categoriesCount() === 0) {\n\t return;\n\t }\n\n\t this.clean();\n\n\t // \"Freeze\" the selection axis position until the next redraw\n\t axisClone.box = axis.box;\n\n\t this.selection = new dataviz.Selection(chart, axisClone, {\n\t min: min,\n\t max: max,\n\t from: from || min,\n\t to: to || max,\n\t mousewheel: dataviz.valueOrDefault(mousewheel, { zoom: \"left\" }),\n\t visible: options.visible\n\t }, new dataviz.InstanceObserver(this, {\n\t selectStart: '_selectStart',\n\t select: '_select',\n\t selectEnd: '_selectEnd'\n\t }));\n\n\t if (options.hint.visible) {\n\t this.hint = new NavigatorHint(chart.element, chart.chartService, {\n\t min: min,\n\t max: max,\n\t template: dataviz.getTemplate(options.hint),\n\t format: options.hint.format\n\t });\n\t }\n\t },\n\n\t setRange: function() {\n\t var plotArea = this.chart._createPlotArea(true);\n\t var axis = plotArea.namedCategoryAxes[NAVIGATOR_AXIS];\n\n\t var ref = axis.roundedRange();\n\t var min = ref.min;\n\t var max = ref.max;\n\n\t var select = this.options.select || {};\n\t var from = select.from || min;\n\t if (from < min) {\n\t from = min;\n\t }\n\n\t var to = select.to || max;\n\t if (to > max) {\n\t to = max;\n\t }\n\n\t this.options.select = deepExtend({}, select, {\n\t from: from,\n\t to: to\n\t });\n\n\t this.filterAxes();\n\t },\n\n\t _redrawSelf: function(silent) {\n\t var plotArea = this.chart._plotArea;\n\n\t if (plotArea) {\n\t plotArea.redraw(dataviz.last(plotArea.panes), silent);\n\t }\n\t },\n\n\t redrawSlaves: function() {\n\t var chart = this.chart;\n\t var plotArea = chart._plotArea;\n\t var slavePanes = plotArea.panes.slice(0, -1);\n\n\t // Update the original series and categoryAxis before partial refresh.\n\t plotArea.srcSeries = chart.options.series;\n\t plotArea.options.categoryAxis = chart.options.categoryAxis;\n\t plotArea.clearSeriesPointsCache();\n\n\t plotArea.redraw(slavePanes);\n\t },\n\n\t _drag: function(e) {\n\t var ref = this;\n\t var chart = ref.chart;\n\t var selection = ref.selection;\n\t var coords = chart._eventCoordinates(e.originalEvent);\n\t var navigatorAxis = this.mainAxis();\n\t var naviRange = navigatorAxis.roundedRange();\n\t var inNavigator = navigatorAxis.pane.box.containsPoint(coords);\n\t var axis = chart._plotArea.categoryAxis;\n\t var range = e.axisRanges[axis.options.name];\n\t var select = this.options.select;\n\t var duration;\n\n\t if (!range || inNavigator || !selection) {\n\t return;\n\t }\n\n\t if (select.from && select.to) {\n\t duration = toTime(select.to) - toTime(select.from);\n\t } else {\n\t duration = toTime(selection.options.to) - toTime(selection.options.from);\n\t }\n\n\t var from = dataviz.toDate(dataviz.limitValue(\n\t toTime(range.min),\n\t naviRange.min, toTime(naviRange.max) - duration\n\t ));\n\n\t var to = dataviz.toDate(dataviz.limitValue(\n\t toTime(from) + duration,\n\t toTime(naviRange.min) + duration, naviRange.max\n\t ));\n\n\t this.options.select = { from: from, to: to };\n\n\t if (this.options.liveDrag) {\n\t this.filterAxes();\n\t this.redrawSlaves();\n\t }\n\n\t selection.set(from, to);\n\n\t this.showHint(from, to);\n\t },\n\n\t _dragEnd: function() {\n\t this.filterAxes();\n\t this.filter();\n\t this.redrawSlaves();\n\n\t if (this.hint) {\n\t this.hint.hide();\n\t }\n\t },\n\n\t readSelection: function() {\n\t var ref = this;\n\t var ref_selection_options = ref.selection.options;\n\t var from = ref_selection_options.from;\n\t var to = ref_selection_options.to;\n\t var select = ref.options.select;\n\n\t select.from = from;\n\t select.to = to;\n\t },\n\n\t filterAxes: function() {\n\t var ref = this;\n\t var select = ref.options.select; if (select === void 0) { select = { }; }\n\t var chart = ref.chart;\n\t var allAxes = chart.options.categoryAxis;\n\t var from = select.from;\n\t var to = select.to;\n\n\t for (var idx = 0; idx < allAxes.length; idx++) {\n\t var axis = allAxes[idx];\n\t if (axis.pane !== NAVIGATOR_PANE) {\n\t axis.min = from;\n\t axis.max = to;\n\t }\n\t }\n\t },\n\n\t filter: function() {\n\t var ref = this;\n\t var chart = ref.chart;\n\t var select = ref.options.select;\n\n\t if (!chart.requiresHandlers([ \"navigatorFilter\" ])) {\n\t return;\n\t }\n\n\t var mainAxis = this.mainAxis();\n\t var args = {\n\t from: select.from,\n\t to: select.to\n\t };\n\n\t if (mainAxis.options.type !== 'category') {\n\t var axisOptions = new dataviz.DateCategoryAxis(deepExtend({\n\t baseUnit: \"fit\"\n\t }, chart.options.categoryAxis[0], {\n\t categories: [ select.from, select.to ]\n\t }), chart.chartService).options;\n\n\t args.from = dataviz.addDuration(axisOptions.min, -axisOptions.baseUnitStep, axisOptions.baseUnit);\n\t args.to = dataviz.addDuration(axisOptions.max, axisOptions.baseUnitStep, axisOptions.baseUnit);\n\t }\n\n\t this.chart.trigger(\"navigatorFilter\", args);\n\t },\n\n\t _zoom: function(e) {\n\t var ref = this;\n\t var axis = ref.chart._plotArea.categoryAxis;\n\t var selection = ref.selection;\n\t var ref_options = ref.options;\n\t var select = ref_options.select;\n\t var liveDrag = ref_options.liveDrag;\n\t var mainAxis = this.mainAxis();\n\t var delta = e.delta;\n\n\t if (!selection) {\n\t return;\n\t }\n\n\t var fromIx = mainAxis.categoryIndex(selection.options.from);\n\t var toIx = mainAxis.categoryIndex(selection.options.to);\n\n\t e.originalEvent.preventDefault();\n\n\t if (Math.abs(delta) > 1) {\n\t delta *= ZOOM_ACCELERATION;\n\t }\n\n\t if (toIx - fromIx > 1) {\n\t selection.expand(delta);\n\t this.readSelection();\n\t } else {\n\t axis.options.min = select.from;\n\t select.from = axis.scaleRange(-e.delta).min;\n\t }\n\n\t if (liveDrag) {\n\t this.filterAxes();\n\t this.redrawSlaves();\n\t }\n\n\t selection.set(select.from, select.to);\n\n\t this.showHint(this.options.select.from, this.options.select.to);\n\t },\n\n\t _zoomEnd: function(e) {\n\t this._dragEnd(e);\n\t },\n\n\t showHint: function(from, to) {\n\t var plotArea = this.chart._plotArea;\n\n\t if (this.hint) {\n\t this.hint.show(from, to, plotArea.backgroundBox());\n\t }\n\t },\n\n\t _selectStart: function(e) {\n\t return this.chart._selectStart(e);\n\t },\n\n\t _select: function(e) {\n\t this.showHint(e.from, e.to);\n\n\t return this.chart._select(e);\n\t },\n\n\t _selectEnd: function(e) {\n\t if (this.hint) {\n\t this.hint.hide();\n\t }\n\n\t this.readSelection();\n\t this.filterAxes();\n\t this.filter();\n\t this.redrawSlaves();\n\n\t return this.chart._selectEnd(e);\n\t },\n\n\t mainAxis: function() {\n\t var plotArea = this.chart._plotArea;\n\n\t if (plotArea) {\n\t return plotArea.namedCategoryAxes[NAVIGATOR_AXIS];\n\t }\n\t },\n\n\t select: function(from, to) {\n\t var select = this.options.select;\n\n\t if (from && to) {\n\t select.from = this.parseDate(from);\n\t select.to = this.parseDate(to);\n\n\t this.filterAxes();\n\t this.filter();\n\t this.redrawSlaves();\n\n\t this.selection.set(from, to);\n\t }\n\n\t return {\n\t from: select.from,\n\t to: select.to\n\t };\n\t }\n\t});\n\n\tNavigator.setup = function(options, themeOptions) {\n\t if (options === void 0) { options = {}; }\n\t if (themeOptions === void 0) { themeOptions = {}; }\n\n\t if (options.__navi) {\n\t return;\n\t }\n\t options.__navi = true;\n\n\t var naviOptions = deepExtend({}, themeOptions.navigator, options.navigator);\n\t var panes = options.panes = [].concat(options.panes);\n\t var paneOptions = deepExtend({}, naviOptions.pane, { name: NAVIGATOR_PANE });\n\n\t if (!naviOptions.visible) {\n\t paneOptions.visible = false;\n\t paneOptions.height = 0.1;\n\t }\n\n\t panes.push(paneOptions);\n\n\t Navigator.attachAxes(options, naviOptions);\n\t Navigator.attachSeries(options, naviOptions, themeOptions);\n\t};\n\n\tNavigator.attachAxes = function(options, naviOptions) {\n\t var series = naviOptions.series || [];\n\t var categoryAxes = options.categoryAxis = [].concat(options.categoryAxis);\n\t var valueAxes = options.valueAxis = [].concat(options.valueAxis);\n\n\t var equallySpacedSeries = dataviz.filterSeriesByType(series, datavizConstants.EQUALLY_SPACED_SERIES);\n\t var justifyAxis = equallySpacedSeries.length === 0;\n\n\t var base = deepExtend({\n\t type: \"date\",\n\t pane: NAVIGATOR_PANE,\n\t roundToBaseUnit: !justifyAxis,\n\t justified: justifyAxis,\n\t _collapse: false,\n\t majorTicks: { visible: true },\n\t tooltip: { visible: false },\n\t labels: { step: 1 },\n\t autoBind: naviOptions.autoBindElements,\n\t autoBaseUnitSteps: {\n\t minutes: [ 1 ],\n\t hours: [ 1, 2 ],\n\t days: [ 1, 2 ],\n\t weeks: [],\n\t months: [ 1 ],\n\t years: [ 1 ]\n\t }\n\t });\n\t var user = naviOptions.categoryAxis;\n\n\t categoryAxes.push(\n\t deepExtend({}, base, {\n\t maxDateGroups: 200\n\t }, user, {\n\t name: NAVIGATOR_AXIS,\n\t title: null,\n\t baseUnit: \"fit\",\n\t baseUnitStep: \"auto\",\n\t labels: { visible: false },\n\t majorTicks: { visible: false }\n\t }), deepExtend({}, base, user, {\n\t name: NAVIGATOR_AXIS + \"_labels\",\n\t maxDateGroups: 20,\n\t baseUnitStep: \"auto\",\n\t labels: { position: \"\" },\n\t plotBands: [],\n\t autoBaseUnitSteps: {\n\t minutes: []\n\t },\n\t _overlap: true\n\t }), deepExtend({}, base, user, {\n\t name: NAVIGATOR_AXIS + \"_ticks\",\n\t maxDateGroups: 200,\n\t majorTicks: {\n\t width: 0.5\n\t },\n\t plotBands: [],\n\t title: null,\n\t labels: { visible: false, mirror: true },\n\t _overlap: true\n\t })\n\t );\n\n\t valueAxes.push(deepExtend({\n\t name: NAVIGATOR_AXIS,\n\t pane: NAVIGATOR_PANE,\n\t majorGridLines: {\n\t visible: false\n\t },\n\t visible: false\n\t }, naviOptions.valueAxis));\n\t};\n\n\tNavigator.attachSeries = function(options, naviOptions, themeOptions) {\n\t var series = options.series = options.series || [];\n\t var navigatorSeries = [].concat(naviOptions.series || []);\n\t var seriesColors = themeOptions.seriesColors;\n\t var defaults = naviOptions.seriesDefaults;\n\n\t for (var idx = 0; idx < navigatorSeries.length; idx++) {\n\t series.push(\n\t deepExtend({\n\t color: seriesColors[idx % seriesColors.length],\n\t categoryField: naviOptions.dateField,\n\t visibleInLegend: false,\n\t tooltip: {\n\t visible: false\n\t }\n\t }, defaults, navigatorSeries[idx], {\n\t axis: NAVIGATOR_AXIS,\n\t categoryAxis: NAVIGATOR_AXIS,\n\t autoBind: naviOptions.autoBindElements\n\t })\n\t );\n\t }\n\t};\n\n\tfunction ClonedObject() { }\n\tfunction clone(obj) {\n\t ClonedObject.prototype = obj;\n\t return new ClonedObject();\n\t}\n\n\tvar AUTO_CATEGORY_WIDTH = 28;\n\n\tvar StockChart = Chart.extend({\n\t applyDefaults: function(options, themeOptions) {\n\t var width = dataviz.elementSize(this.element).width || datavizConstants.DEFAULT_WIDTH;\n\t var theme = themeOptions;\n\n\t var stockDefaults = {\n\t seriesDefaults: {\n\t categoryField: options.dateField\n\t },\n\t axisDefaults: {\n\t categoryAxis: {\n\t name: \"default\",\n\t majorGridLines: {\n\t visible: false\n\t },\n\t labels: {\n\t step: 2\n\t },\n\t majorTicks: {\n\t visible: false\n\t },\n\t maxDateGroups: Math.floor(width / AUTO_CATEGORY_WIDTH)\n\t }\n\t }\n\t };\n\n\t if (theme) {\n\t theme = deepExtend({}, theme, stockDefaults);\n\t }\n\n\t Navigator.setup(options, theme);\n\n\t Chart.fn.applyDefaults.call(this, options, theme);\n\t },\n\n\t _setElementClass: function(element) {\n\t dataviz.addClass(element, 'k-chart k-stockchart');\n\t },\n\n\t setOptions: function(options) {\n\t this.destroyNavigator();\n\t Chart.fn.setOptions.call(this, options);\n\t },\n\n\t noTransitionsRedraw: function() {\n\t var transitions = this.options.transitions;\n\n\t this.options.transitions = false;\n\t this._fullRedraw();\n\t this.options.transitions = transitions;\n\t },\n\n\t _resize: function() {\n\t this.noTransitionsRedraw();\n\t },\n\n\t _redraw: function() {\n\t var navigator = this.navigator;\n\n\t if (!this._dirty() && navigator && navigator.options.partialRedraw) {\n\t navigator.redrawSlaves();\n\t } else {\n\t this._fullRedraw();\n\t }\n\t },\n\n\t _dirty: function() {\n\t var options = this.options;\n\t var series = [].concat(options.series, options.navigator.series);\n\t var seriesCount = dataviz.grep(series, function(s) { return s && s.visible; }).length;\n\t var dirty = this._seriesCount !== seriesCount;\n\t this._seriesCount = seriesCount;\n\n\t return dirty;\n\t },\n\n\t _fullRedraw: function() {\n\t var navigator = this.navigator;\n\n\t if (!navigator) {\n\t navigator = this.navigator = new Navigator(this);\n\t this.trigger(\"navigatorCreated\", { navigator: navigator });\n\t }\n\n\t navigator.clean();\n\t navigator.setRange();\n\n\t Chart.fn._redraw.call(this);\n\n\t navigator.initSelection();\n\t },\n\n\t _trackSharedTooltip: function(coords) {\n\t var plotArea = this._plotArea;\n\t var pane = plotArea.paneByPoint(coords);\n\n\t if (pane && pane.options.name === NAVIGATOR_PANE) {\n\t this._unsetActivePoint();\n\t } else {\n\t Chart.fn._trackSharedTooltip.call(this, coords);\n\t }\n\t },\n\n\t bindCategories: function() {\n\t Chart.fn.bindCategories.call(this);\n\t this.copyNavigatorCategories();\n\t },\n\n\t copyNavigatorCategories: function() {\n\t var definitions = [].concat(this.options.categoryAxis);\n\t var categories;\n\n\t for (var axisIx = 0; axisIx < definitions.length; axisIx++) {\n\t var axis = definitions[axisIx];\n\t if (axis.name === NAVIGATOR_AXIS) {\n\t categories = axis.categories;\n\t } else if (categories && axis.pane === NAVIGATOR_PANE) {\n\t axis.categories = categories;\n\t }\n\t }\n\t },\n\n\t destroyNavigator: function() {\n\t if (this.navigator) {\n\t this.navigator.destroy();\n\t this.navigator = null;\n\t }\n\t },\n\n\t destroy: function() {\n\t this.destroyNavigator();\n\t Chart.fn.destroy.call(this);\n\t },\n\n\t _stopChartHandlers: function(e) {\n\t var coords = this._eventCoordinates(e);\n\t var pane = this._plotArea.paneByPoint(coords);\n\n\t return Chart.fn._stopChartHandlers.call(this, e) || (pane && pane.options.name === NAVIGATOR_PANE);\n\t },\n\n\t _toggleDragZoomEvents: function() {\n\t if (!this._dragZoomEnabled) {\n\t this.element.style.touchAction = \"none\";\n\n\t this._dragZoomEnabled = true;\n\t }\n\t }\n\t});\n\n\tdataviz.setDefaultOptions(StockChart, {\n\t dateField: \"date\",\n\t axisDefaults: {\n\t categoryAxis: {\n\t type: \"date\",\n\t baseUnit: \"fit\",\n\t justified: true\n\t },\n\t valueAxis: {\n\t narrowRange: true,\n\t labels: {\n\t format: \"C\"\n\t }\n\t }\n\t },\n\t navigator: {\n\t select: {},\n\t seriesDefaults: {\n\t markers: {\n\t visible: false\n\t },\n\t tooltip: {\n\t visible: true\n\t },\n\t line: {\n\t width: 2\n\t }\n\t },\n\t hint: {},\n\t visible: true\n\t },\n\t tooltip: {\n\t visible: true\n\t },\n\t legend: {\n\t visible: false\n\t }\n\t});\n\n\tkendo.deepExtend(kendo.dataviz, {\n\t constants: constants,\n\t Navigator: Navigator,\n\t NavigatorHint: NavigatorHint,\n\t StockChart: StockChart\n\t});\n\n\t})();\n\n\t}, __webpack_require__(3));\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(914);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 914:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\n\t __webpack_require__(915)\n\t ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\n\t var kendo = window.kendo;\n\t var dataviz = kendo.dataviz;\n\t var ChartInstanceObserver = dataviz.ChartInstanceObserver;\n\t var Chart = dataviz.ui.Chart;\n\t var KendoStockChart = dataviz.StockChart;\n\t var constants = dataviz.constants;\n\t var NAVIGATOR_AXIS = constants.NAVIGATOR_AXIS;\n\t var NAVIGATOR_PANE = constants.NAVIGATOR_PANE;\n\t var deepExtend = kendo.deepExtend;\n\t var defined = dataviz.defined;\n\t var proxy = $.proxy;\n\n\t var CHANGE = \"change\";\n\n\t var StockInstanceObserver = ChartInstanceObserver.extend({\n\t handlerMap: {\n\t navigatorFilter: '_onNavigatorFilter',\n\t navigatorCreated: '_onNavigatorCreated'\n\t }\n\t });\n\n\t var StockChart = Chart.extend({\n\n\t options: {\n\t name: \"StockChart\",\n\t dateField: \"date\",\n\t axisDefaults: {\n\t categoryAxis: {\n\t type: \"date\",\n\t baseUnit: \"fit\",\n\t justified: true\n\t },\n\t valueAxis: {\n\t narrowRange: true,\n\t labels: {\n\t format: \"C\"\n\t }\n\t }\n\t },\n\t navigator: {\n\t select: {},\n\t seriesDefaults: {\n\t markers: {\n\t visible: false\n\t },\n\t tooltip: {\n\t visible: true,\n\t template: \"#= kendo.toString(category, 'd') #\"\n\t },\n\t line: {\n\t width: 2\n\t }\n\t },\n\t hint: {},\n\t visible: true\n\t },\n\t tooltip: {\n\t visible: true\n\t },\n\t legend: {\n\t visible: false\n\t },\n\t persistSeriesVisibility: true\n\t },\n\n\t _createChart: function(options, themeOptions) {\n\t this._initNavigatorOptions(options);\n\t this._instance = new KendoStockChart(this.element[0], options, themeOptions, {\n\t observer: new StockInstanceObserver(this),\n\t sender: this,\n\t rtl: this._isRtl()\n\t });\n\t },\n\n\t _initNavigatorOptions: function(options) {\n\t var navigatorOptions = options.navigator || {};\n\t var support = kendo.support;\n\t var isTouch = support.touch;\n\t var isFirefox = support.browser.mozilla;\n\n\t deepExtend(navigatorOptions, {\n\t autoBindElements: !navigatorOptions.dataSource,\n\t partialRedraw: navigatorOptions.dataSource,\n\t liveDrag: !isTouch && !isFirefox\n\t });\n\t },\n\n\t _initDataSource: function(userOptions) {\n\t var options = userOptions || {},\n\t dataSource = options.dataSource,\n\t hasServerFiltering = dataSource && dataSource.serverFiltering,\n\t mainAxis = [].concat(options.categoryAxis)[0],\n\t naviOptions = options.navigator || {},\n\t select = naviOptions.select,\n\t hasSelect = select && select.from && select.to;\n\n\t if (hasServerFiltering && hasSelect) {\n\t var filter = [].concat(dataSource.filter || []);\n\n\t var from = kendo.parseDate(select.from);\n\t var to = kendo.parseDate(select.to);\n\t var dummyAxis = new dataviz.DateCategoryAxis(deepExtend({\n\t baseUnit: \"fit\"\n\t }, mainAxis, {\n\t categories: [from, to]\n\t }), kendo);\n\n\t dataSource.filter = buildFilter(dummyAxis.range().min, to).concat(filter);\n\t }\n\n\t Chart.fn._initDataSource.call(this, userOptions);\n\t },\n\n\t _onNavigatorCreated: function(e) {\n\t this._instance = e.sender;\n\t this.options = e.sender.options;\n\t this._navigator = this.navigator = e.navigator;\n\t this._initNavigatorDataSource();\n\t },\n\n\t _initNavigatorDataSource: function() {\n\t var navigatorOptions = this.options.navigator;\n\t var autoBind = navigatorOptions.autoBind;\n\t var dsOptions = navigatorOptions.dataSource;\n\n\t if (dsOptions) {\n\t this._navigatorDataChangedHandler = this._navigatorDataChangedHandler || proxy(this._onNavigatorDataChanged, this);\n\t this._navigatorDataSource = kendo.data.DataSource\n\t .create(dsOptions)\n\t .bind(CHANGE, this._navigatorDataChangedHandler);\n\n\t if (!defined(autoBind)) {\n\t autoBind = this.options.autoBind;\n\t }\n\n\t if (autoBind) {\n\t this._navigatorDataSource.fetch();\n\t }\n\t }\n\t },\n\n\t _bindNavigatorSeries: function(series, data) {\n\t var seriesIx, currentSeries,\n\t seriesLength = series.length;\n\n\t for (seriesIx = 0; seriesIx < seriesLength; seriesIx++) {\n\t currentSeries = series[seriesIx];\n\n\t if (currentSeries.axis == NAVIGATOR_AXIS && this._isBindable(currentSeries)) {\n\t currentSeries.data = data;\n\t }\n\t }\n\t },\n\n\t _onNavigatorDataChanged: function() {\n\t var chart = this,\n\t instance = chart._instance,\n\t categoryAxes = chart.options.categoryAxis,\n\t axisIx,\n\t axesLength = categoryAxes.length,\n\t data = chart._navigatorDataSource.view(),\n\t currentAxis,\n\t naviCategories;\n\n\t this._bindNavigatorSeries(chart.options.series, data);\n\t if (chart._sourceSeries) {\n\t this._bindNavigatorSeries(chart._sourceSeries, data);\n\t }\n\n\t for (axisIx = 0; axisIx < axesLength; axisIx++) {\n\t currentAxis = categoryAxes[axisIx];\n\n\t if (currentAxis.pane == NAVIGATOR_PANE) {\n\t if (currentAxis.name == NAVIGATOR_AXIS) {\n\t chart._bindCategoryAxis(currentAxis, data, axisIx);\n\t naviCategories = currentAxis.categories;\n\t } else {\n\t currentAxis.categories = naviCategories;\n\t }\n\t }\n\t }\n\n\t if (instance._model) {\n\t var navigator = this.navigator;\n\t navigator.redraw();\n\t navigator.setRange();\n\n\t if (!chart.options.dataSource || (chart.options.dataSource && chart._dataBound)) {\n\t navigator.redrawSlaves();\n\t }\n\t }\n\t },\n\n\t _bindCategories: function() {\n\t Chart.fn._bindCategories.call(this);\n\t if (this._instance) {\n\t this._instance.copyNavigatorCategories();\n\t }\n\t },\n\n\t _onDataChanged: function() {\n\t Chart.fn._onDataChanged.call(this);\n\n\t this._dataBound = true;\n\t },\n\n\t setOptions: function(options) {\n\t this._removeNavigatorDataSource();\n\t this._initNavigatorOptions(options);\n\t this._instance.destroyNavigator();\n\t Chart.fn.setOptions.call(this, options);\n\t },\n\n\t _onNavigatorFilter: function(e) {\n\t this.dataSource.filter(buildFilter(e.from, e.to));\n\t },\n\n\t requiresHandlers: function(names) {\n\t if (dataviz.inArray('navigatorFilter', names)) {\n\t var dataSource = this.dataSource;\n\t var hasServerFiltering = dataSource && dataSource.options.serverFiltering;\n\t return hasServerFiltering && this.options.navigator.dataSource;\n\t }\n\n\t return Chart.fn.requiresHandlers.call(this, names);\n\t },\n\n\t _removeNavigatorDataSource: function() {\n\t var navigatorDataSource = this._navigatorDataSource;\n\t if (navigatorDataSource) {\n\t navigatorDataSource.unbind(CHANGE, this._navigatorDataChangedHandler);\n\t delete this._navigatorDataSource;\n\t }\n\t },\n\n\t destroy: function() {\n\t Chart.fn.destroy.call(this);\n\t this._removeNavigatorDataSource();\n\t }\n\t });\n\n\t dataviz.ui.plugin(StockChart);\n\n\t function buildFilter(from, to) {\n\t return [{\n\t field: \"Date\", operator: \"gte\", value: from\n\t }, {\n\t field: \"Date\", operator: \"lt\", value: to\n\t }];\n\t }\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n/***/ }),\n\n/***/ 915:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo-stock-chart\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(916);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 858:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 916:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(858) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function($) {\n\t var cache;\n\n\t function autoTheme(force) {\n\t if (!force && cache) {\n\t return cache;\n\t }\n\n\t var theme = { chart: kendo.dataviz.chartBaseTheme() };\n\t var hook = $(\n\t '\" + (this.renderChildren()) + \" \");\n\t },\n\n\t mapCoordinates: function() {\n\t var srcElement = this.srcElement;\n\t var start = srcElement.start();\n\t var end = srcElement.end();\n\t var attrs = [\n\t [ \"x1\", start.x ],\n\t [ \"y1\", start.y ],\n\t [ \"x2\", end.x ],\n\t [ \"y2\", end.y ],\n\t this.mapSpace()\n\t ];\n\n\t return attrs;\n\t }\n\t});\n\n\tvar RadialGradientNode = GradientNode.extend({\n\t template: function() {\n\t return (\"\" + (this.renderChildren()) + \" \");\n\t },\n\n\t mapCoordinates: function() {\n\t var srcElement = this.srcElement;\n\t var center = srcElement.center();\n\t var radius = srcElement.radius();\n\t var attrs = [\n\t [ \"cx\", center.x ],\n\t [ \"cy\", center.y ],\n\t [ \"r\", radius ],\n\t this.mapSpace()\n\t ];\n\t return attrs;\n\t }\n\t});\n\n\tvar ClipNode = Node.extend({\n\t init: function(srcElement) {\n\t Node.fn.init.call(this);\n\n\t this.srcElement = srcElement;\n\t this.id = srcElement.id;\n\n\t this.load([ srcElement ]);\n\t },\n\n\t template: function() {\n\t return (\"\" + (this.renderChildren()) + \" \");\n\t }\n\t});\n\n\tvar DefinitionNode = Node.extend({\n\t init: function() {\n\t Node.fn.init.call(this);\n\t this.definitionMap = {};\n\t },\n\n\t attachTo: function(domElement) {\n\t this.element = domElement;\n\t },\n\n\t template: function() {\n\t return (\"\" + (this.renderChildren()) + \" \");\n\t },\n\n\t definitionChange: function(e) {\n\t var definitions = e.definitions;\n\t var action = e.action;\n\n\t if (action === \"add\") {\n\t this.addDefinitions(definitions);\n\t } else if (action === \"remove\") {\n\t this.removeDefinitions(definitions);\n\t }\n\t },\n\n\t createDefinition: function(type, item) {\n\t var nodeType;\n\t if (type === \"clip\") {\n\t nodeType = ClipNode;\n\t } else if (type === \"fill\") {\n\t if (item instanceof LinearGradient) {\n\t nodeType = LinearGradientNode;\n\t } else if (item instanceof RadialGradient) {\n\t nodeType = RadialGradientNode;\n\t }\n\t }\n\t return new nodeType(item);\n\t },\n\n\t addDefinitions: function(definitions) {\n\t var this$1 = this;\n\n\t for (var field in definitions) {\n\t this$1.addDefinition(field, definitions[field]);\n\t }\n\t },\n\n\t addDefinition: function(type, srcElement) {\n\t var ref = this;\n\t var element = ref.element;\n\t var definitionMap = ref.definitionMap;\n\t var id = srcElement.id;\n\t var mapItem = definitionMap[id];\n\t if (!mapItem) {\n\t var node = this.createDefinition(type, srcElement);\n\t definitionMap[id] = {\n\t element: node,\n\t count: 1\n\t };\n\t this.append(node);\n\t if (element) {\n\t node.attachTo(this.element);\n\t }\n\t } else {\n\t mapItem.count++;\n\t }\n\t },\n\n\t removeDefinitions: function(definitions) {\n\t var this$1 = this;\n\n\t for (var field in definitions) {\n\t this$1.removeDefinition(definitions[field]);\n\t }\n\t },\n\n\t removeDefinition: function(srcElement) {\n\t var definitionMap = this.definitionMap;\n\t var id = srcElement.id;\n\t var mapItem = definitionMap[id];\n\n\t if (mapItem) {\n\t mapItem.count--;\n\t if (mapItem.count === 0) {\n\t this.remove(this.childNodes.indexOf(mapItem.element), 1);\n\t delete definitionMap[id];\n\t }\n\t }\n\t }\n\t});\n\n\tvar RootNode = Node.extend({\n\t init: function(options) {\n\t Node.fn.init.call(this);\n\t this.options = options;\n\t this.defs = new DefinitionNode();\n\t },\n\n\t attachTo: function(domElement) {\n\t this.element = domElement;\n\t this.defs.attachTo(domElement.firstElementChild);\n\t },\n\n\t clear: function() {\n\t BaseNode.prototype.clear.call(this);\n\t },\n\n\t template: function() {\n\t return this.defs.render() + this.renderChildren();\n\t },\n\n\t definitionChange: function(e) {\n\t this.defs.definitionChange(e);\n\t }\n\t});\n\n\tvar RTL = 'rtl';\n\n\tfunction alignToScreen(element) {\n\t var ctm;\n\n\t try {\n\t ctm = element.getScreenCTM ? element.getScreenCTM() : null;\n\t } catch (e) { } // eslint-disable-line no-empty\n\n\t if (ctm) {\n\t var left = - ctm.e % 1;\n\t var top = - ctm.f % 1;\n\t var style = element.style;\n\n\t if (left !== 0 || top !== 0) {\n\t style.left = left + \"px\";\n\t style.top = top + \"px\";\n\t }\n\t }\n\t}\n\n\tvar Surface$1 = Surface.extend({\n\t init: function(element, options) {\n\t Surface.fn.init.call(this, element, options);\n\n\t this._root = new RootNode($.extend({\n\t rtl: elementStyles(element, 'direction').direction === RTL\n\t }, this.options));\n\n\t renderSVG$1(this.element, this._template());\n\n\t this._rootElement = this.element.firstElementChild;\n\n\t alignToScreen(this._rootElement);\n\n\t this._root.attachTo(this._rootElement);\n\n\t bindEvents(this.element, {\n\t click: this._click,\n\t mouseover: this._mouseenter,\n\t mouseout: this._mouseleave,\n\t mousemove: this._mousemove\n\t });\n\n\t this.resize();\n\t },\n\n\t destroy: function() {\n\t if (this._root) {\n\t this._root.destroy();\n\t this._root = null;\n\t this._rootElement = null;\n\t unbindEvents(this.element, {\n\t click: this._click,\n\t mouseover: this._mouseenter,\n\t mouseout: this._mouseleave,\n\t mousemove: this._mousemove\n\t });\n\t }\n\n\t Surface.fn.destroy.call(this);\n\t },\n\n\t translate: function(offset) {\n\t var viewBox = (Math.round(offset.x)) + \" \" + (Math.round(offset.y)) + \" \" + (this._size.width) + \" \" + (this._size.height);\n\n\t this._offset = offset;\n\t this._rootElement.setAttribute(\"viewBox\", viewBox);\n\t },\n\n\t draw: function(element) {\n\t Surface.fn.draw.call(this, element);\n\t this._root.load([ element ]);\n\t },\n\n\t clear: function() {\n\t Surface.fn.clear.call(this);\n\t this._root.clear();\n\t },\n\n\t svg: function() {\n\t return \"\" + this._template();\n\t },\n\n\t exportVisual: function() {\n\t var ref = this;\n\t var visual = ref._visual;\n\t var offset = ref._offset;\n\n\t if (offset) {\n\t var wrap = new Group();\n\t wrap.children.push(visual);\n\n\t wrap.transform(\n\t transform().translate(-offset.x, -offset.y)\n\t );\n\n\t visual = wrap;\n\t }\n\n\t return visual;\n\t },\n\n\t _resize: function() {\n\t if (this._offset) {\n\t this.translate(this._offset);\n\t }\n\t },\n\n\t _template: function() {\n\t return (\"\");\n\t }\n\t});\n\n\tSurface$1.prototype.type = \"svg\";\n\n\tif (typeof document !== \"undefined\" && document.implementation.hasFeature(\"http://www.w3.org/TR/SVG11/feature#BasicStructure\", \"1.1\")) {\n\t Surface.support.svg = true;\n\t SurfaceFactory.current.register(\"svg\", Surface$1, 10);\n\t}\n\n\tvar GroupNode = Node.extend({\n\t template: function() {\n\t return (\"\" + (this.renderChildren()) + \"\");\n\t },\n\n\t optionsChange: function(e) {\n\t if (e.field === \"transform\") {\n\t this.transformChange(e.value);\n\t }\n\n\t Node.fn.optionsChange.call(this, e);\n\t }\n\t});\n\n\tNODE_MAP.Group = GroupNode;\n\n\tvar DASH_ARRAYS = {\n\t dot: [ 1.5, 3.5 ],\n\t dash: [ 4, 3.5 ],\n\t longdash: [ 8, 3.5 ],\n\t dashdot: [ 3.5, 3.5, 1.5, 3.5 ],\n\t longdashdot: [ 8, 3.5, 1.5, 3.5 ],\n\t longdashdotdot: [ 8, 3.5, 1.5, 3.5, 1.5, 3.5 ]\n\t};\n\n\tvar SOLID = \"solid\";\n\tvar BUTT = \"butt\";\n\n\tvar ATTRIBUTE_MAP = {\n\t \"fill.opacity\": \"fill-opacity\",\n\t \"stroke.color\": \"stroke\",\n\t \"stroke.width\": \"stroke-width\",\n\t \"stroke.opacity\": \"stroke-opacity\"\n\t};\n\tvar SPACE = \" \";\n\n\tvar PathNode = Node.extend({\n\t geometryChange: function() {\n\t this.attr(\"d\", this.renderData());\n\t this.invalidate();\n\t },\n\n\t optionsChange: function(e) {\n\t switch (e.field) {\n\t case \"fill\":\n\t if (e.value) {\n\t this.allAttr(this.mapFill(e.value));\n\t } else {\n\t this.removeAttr(\"fill\");\n\t }\n\t break;\n\n\t case \"fill.color\":\n\t this.allAttr(this.mapFill({ color: e.value }));\n\t break;\n\n\t case \"stroke\":\n\t if (e.value) {\n\t this.allAttr(this.mapStroke(e.value));\n\t } else {\n\t this.removeAttr(\"stroke\");\n\t }\n\t break;\n\n\t case \"transform\":\n\t this.transformChange(e.value);\n\t break;\n\n\t default:\n\t var name = ATTRIBUTE_MAP[e.field];\n\t if (name) {\n\t this.attr(name, e.value);\n\t }\n\t break;\n\t }\n\n\t Node.fn.optionsChange.call(this, e);\n\t },\n\n\t content: function() {\n\t if (this.element) {\n\t this.element.textContent = this.srcElement.content();\n\t }\n\t },\n\n\t renderData: function() {\n\t return this.printPath(this.srcElement);\n\t },\n\n\t printPath: function(path) {\n\t var this$1 = this;\n\n\t var segments = path.segments;\n\t var length = segments.length;\n\t if (length > 0) {\n\t var parts = [];\n\t var output, currentType;\n\n\t for (var i = 1; i < length; i++) {\n\t var segmentType = this$1.segmentType(segments[i - 1], segments[i]);\n\t if (segmentType !== currentType) {\n\t currentType = segmentType;\n\t parts.push(segmentType);\n\t }\n\n\t if (segmentType === \"L\") {\n\t parts.push(this$1.printPoints(segments[i].anchor()));\n\t } else {\n\t parts.push(this$1.printPoints(segments[i - 1].controlOut(), segments[i].controlIn(), segments[i].anchor()));\n\t }\n\t }\n\n\t output = \"M\" + this.printPoints(segments[0].anchor()) + SPACE + parts.join(SPACE);\n\t if (path.options.closed) {\n\t output += \"Z\";\n\t }\n\n\t return output;\n\t }\n\t },\n\n\t printPoints: function() {\n\t var points = arguments;\n\t var length = points.length;\n\t var result = [];\n\n\t for (var i = 0; i < length; i++) {\n\t result.push(points[i].toString(3));\n\t }\n\n\t return result.join(\" \");\n\t },\n\n\t segmentType: function(segmentStart, segmentEnd) {\n\t return segmentStart.controlOut() && segmentEnd.controlIn() ? \"C\" : \"L\";\n\t },\n\n\t mapStroke: function(stroke) {\n\t var attrs = [];\n\n\t if (stroke && !isTransparent(stroke.color)) {\n\t attrs.push([ \"stroke\", stroke.color ]);\n\t attrs.push([ \"stroke-width\", stroke.width ]);\n\t attrs.push([ \"stroke-linecap\", this.renderLinecap(stroke) ]);\n\t attrs.push([ \"stroke-linejoin\", stroke.lineJoin ]);\n\n\t if (defined(stroke.opacity)) {\n\t attrs.push([ \"stroke-opacity\", stroke.opacity ]);\n\t }\n\n\t if (defined(stroke.dashType)) {\n\t attrs.push([ \"stroke-dasharray\", this.renderDashType(stroke) ]);\n\t }\n\t } else {\n\t attrs.push([ \"stroke\", NONE ]);\n\t }\n\n\t return attrs;\n\t },\n\n\t renderStroke: function() {\n\t return renderAllAttr(\n\t this.mapStroke(this.srcElement.options.stroke)\n\t );\n\t },\n\n\t renderDashType: function(stroke) {\n\t var dashType = stroke.dashType;\n\t var width = stroke.width; if (width === void 0) { width = 1; }\n\n\t if (dashType && dashType !== SOLID) {\n\t var dashArray = DASH_ARRAYS[dashType.toLowerCase()];\n\t var result = [];\n\n\t for (var i = 0; i < dashArray.length; i++) {\n\t result.push(dashArray[i] * width);\n\t }\n\n\t return result.join(\" \");\n\t }\n\t },\n\n\t renderLinecap: function(stroke) {\n\t var dashType = stroke.dashType;\n\t var lineCap = stroke.lineCap;\n\n\t return (dashType && dashType !== \"solid\") ? BUTT : lineCap;\n\t },\n\n\t mapFill: function(fill) {\n\t var attrs = [];\n\t if (!(fill && fill.nodeType === \"Gradient\")) {\n\t if (fill && !isTransparent(fill.color)) {\n\t attrs.push([ \"fill\", fill.color ]);\n\n\t if (defined(fill.opacity)) {\n\t attrs.push([ \"fill-opacity\", fill.opacity ]);\n\t }\n\t } else {\n\t attrs.push([ \"fill\", NONE ]);\n\t }\n\t }\n\n\t return attrs;\n\t },\n\n\t renderFill: function() {\n\t return renderAllAttr(\n\t this.mapFill(this.srcElement.options.fill)\n\t );\n\t },\n\n\t template: function() {\n\t return \"\" +\n\t \" \";\n\t }\n\t});\n\n\tNODE_MAP.Image = ImageNode;\n\n\tvar ENTITY_REGEX = /&(?:[a-zA-Z]+|#\\d+);/g;\n\n\tfunction decodeEntities(text) {\n\t if (!text || typeof text !== \"string\" || !ENTITY_REGEX.test(text)) {\n\t return text;\n\t }\n\n\t var element = decodeEntities._element;\n\t ENTITY_REGEX.lastIndex = 0;\n\n\t return text.replace(ENTITY_REGEX, function (match) {\n\t element.innerHTML = match;\n\n\t return element.textContent || element.innerText;\n\t });\n\t}\n\n\tif (typeof document !== \"undefined\") {\n\t decodeEntities._element = document.createElement(\"span\");\n\t}\n\n\tvar TextNode = PathNode.extend({\n\t geometryChange: function() {\n\t var pos = this.pos();\n\t this.attr(\"x\", pos.x);\n\t this.attr(\"y\", pos.y);\n\t this.invalidate();\n\t },\n\n\t optionsChange: function(e) {\n\t if (e.field === \"font\") {\n\t this.attr(\"style\", renderStyle(this.mapStyle()));\n\t this.geometryChange();\n\t } else if (e.field === \"content\") {\n\t PathNode.fn.content.call(this, this.srcElement.content());\n\t }\n\n\t PathNode.fn.optionsChange.call(this, e);\n\t },\n\n\t mapStyle: function(encode) {\n\t var style = PathNode.fn.mapStyle.call(this, encode);\n\t var font = this.srcElement.options.font;\n\n\t if (encode) {\n\t font = kendo.htmlEncode(font);\n\t }\n\n\t style.push([ \"font\", font ], [ \"white-space\", \"pre\" ]);\n\n\t return style;\n\t },\n\n\t pos: function() {\n\t var pos = this.srcElement.position();\n\t var size = this.srcElement.measure();\n\t return pos.clone().setY(pos.y + size.baseline);\n\t },\n\n\t renderContent: function() {\n\t var content = this.srcElement.content();\n\t content = decodeEntities(content);\n\t content = kendo.htmlEncode(content);\n\n\t return kendoUtil.normalizeText(content);\n\t },\n\n\t renderTextAnchor: function() {\n\t var anchor;\n\n\t if ((this.options || {}).rtl && !(supportBrowser.msie || supportBrowser.edge)) {\n\t anchor = 'end';\n\t }\n\n\t return renderAttr(\"text-anchor\", anchor);\n\t },\n\n\t template: function() {\n\t return \"\" + (this.renderContent()) + \" \";\n\t }\n\t});\n\n\tNODE_MAP.Text = TextNode;\n\n\tvar MultiPathNode = PathNode.extend({\n\t renderData: function() {\n\t var this$1 = this;\n\n\t var paths = this.srcElement.paths;\n\n\t if (paths.length > 0) {\n\t var result = [];\n\n\t for (var i = 0; i < paths.length; i++) {\n\t result.push(this$1.printPath(paths[i]));\n\t }\n\n\t return result.join(\" \");\n\t }\n\t }\n\t});\n\n\tNODE_MAP.MultiPath = MultiPathNode;\n\n\tvar geometry = {\n\t\tCircle: Circle$2,\n\t\tArc: Arc$2,\n\t\tRect: Rect,\n\t\tPoint: Point,\n\t\tSegment: Segment,\n\t\tMatrix: Matrix,\n\t\tSize: Size,\n\t\ttoMatrix: toMatrix,\n\t\tTransformation: Transformation,\n\t\ttransform: transform\n\t};\n\n\tfunction exportGroup(group) {\n\t var root = new RootNode({\n\t skipBaseHref: true\n\t });\n\t var bbox = group.clippedBBox();\n\t var rootGroup = group;\n\n\t if (bbox) {\n\t var origin = bbox.getOrigin();\n\t var exportRoot = new Group();\n\t exportRoot.transform(transform().translate(-origin.x, -origin.y));\n\t exportRoot.children.push(group);\n\t rootGroup = exportRoot;\n\t }\n\n\t root.load([ rootGroup ]);\n\n\t var svg = \"\";\n\n\t root.destroy();\n\n\t return svg;\n\t}\n\n\tvar svg = {\n\t\tSurface: Surface$1,\n\t\tRootNode: RootNode,\n\t\tNode: Node,\n\t\tGroupNode: GroupNode,\n\t\tArcNode: ArcNode,\n\t\tCircleNode: CircleNode,\n\t\tRectNode: RectNode,\n\t\tImageNode: ImageNode,\n\t\tTextNode: TextNode,\n\t\tPathNode: PathNode,\n\t\tMultiPathNode: MultiPathNode,\n\t\tDefinitionNode: DefinitionNode,\n\t\tClipNode: ClipNode,\n\t\tGradientStopNode: GradientStopNode,\n\t\tLinearGradientNode: LinearGradientNode,\n\t\tRadialGradientNode: RadialGradientNode,\n\t\texportGroup: exportGroup\n\t};\n\n\tvar NODE_MAP$2 = {};\n\n\tfunction renderPath(ctx, path) {\n\t var segments = path.segments;\n\n\t if (segments.length === 0) {\n\t return;\n\t }\n\n\t var segment = segments[0];\n\t var anchor = segment.anchor();\n\t ctx.moveTo(anchor.x, anchor.y);\n\n\t for (var i = 1; i < segments.length; i++) {\n\t segment = segments[i];\n\t anchor = segment.anchor();\n\n\t var prevSeg = segments[i - 1];\n\t var prevOut = prevSeg.controlOut();\n\t var controlIn = segment.controlIn();\n\n\t if (prevOut && controlIn) {\n\t ctx.bezierCurveTo(prevOut.x, prevOut.y,\n\t controlIn.x, controlIn.y,\n\t anchor.x, anchor.y);\n\t } else {\n\t ctx.lineTo(anchor.x, anchor.y);\n\t }\n\t }\n\n\t if (path.options.closed) {\n\t ctx.closePath();\n\t }\n\t}\n\n\tvar Node$2 = BaseNode.extend({\n\t init: function(srcElement) {\n\t BaseNode.fn.init.call(this, srcElement);\n\t if (srcElement) {\n\t this.initClip();\n\t }\n\t },\n\n\t initClip: function() {\n\t var clip = this.srcElement.clip();\n\t if (clip) {\n\t this.clip = clip;\n\t clip.addObserver(this);\n\t }\n\t },\n\n\t clear: function() {\n\t if (this.srcElement) {\n\t this.srcElement.removeObserver(this);\n\t }\n\n\t this.clearClip();\n\n\t BaseNode.fn.clear.call(this);\n\t },\n\n\t clearClip: function() {\n\t if (this.clip) {\n\t this.clip.removeObserver(this);\n\t delete this.clip;\n\t }\n\t },\n\n\t setClip: function(ctx) {\n\t if (this.clip) {\n\t ctx.beginPath();\n\t renderPath(ctx, this.clip);\n\t ctx.clip();\n\t }\n\t },\n\n\t optionsChange: function(e) {\n\t if (e.field === \"clip\") {\n\t this.clearClip();\n\t this.initClip();\n\t }\n\n\t BaseNode.fn.optionsChange.call(this, e);\n\t },\n\n\t setTransform: function(ctx) {\n\t if (this.srcElement) {\n\t var transform = this.srcElement.transform();\n\t if (transform) {\n\t ctx.transform.apply(ctx, transform.matrix().toArray(6));\n\t }\n\t }\n\t },\n\n\t loadElements: function(elements, pos, cors) {\n\t var this$1 = this;\n\n\t for (var i = 0; i < elements.length; i++) {\n\t var srcElement = elements[i];\n\t var children = srcElement.children;\n\n\t var childNode = new NODE_MAP$2[srcElement.nodeType](srcElement, cors);\n\n\t if (children && children.length > 0) {\n\t childNode.load(children, pos, cors);\n\t }\n\n\t if (defined(pos)) {\n\t this$1.insertAt(childNode, pos);\n\t } else {\n\t this$1.append(childNode);\n\t }\n\t }\n\t },\n\n\t load: function(elements, pos, cors) {\n\t this.loadElements(elements, pos, cors);\n\n\t this.invalidate();\n\t },\n\n\t setOpacity: function(ctx) {\n\t if (this.srcElement) {\n\t var opacity = this.srcElement.opacity();\n\t if (defined(opacity)) {\n\t this.globalAlpha(ctx, opacity);\n\t }\n\t }\n\t },\n\n\t globalAlpha: function(ctx, value) {\n\t var opactity = value;\n\t if (opactity && ctx.globalAlpha) {\n\t opactity *= ctx.globalAlpha;\n\t }\n\t ctx.globalAlpha = opactity;\n\t },\n\n\t visible: function() {\n\t var src = this.srcElement;\n\t return !src || (src && src.options.visible !== false);\n\t }\n\t});\n\n\tvar GroupNode$2 = Node$2.extend({\n\t renderTo: function(ctx) {\n\t if (!this.visible()) {\n\t return;\n\t }\n\n\t ctx.save();\n\n\t this.setTransform(ctx);\n\t this.setClip(ctx);\n\t this.setOpacity(ctx);\n\n\t var childNodes = this.childNodes;\n\t for (var i = 0; i < childNodes.length; i++) {\n\t var child = childNodes[i];\n\t if (child.visible()) {\n\t child.renderTo(ctx);\n\t }\n\t }\n\n\t ctx.restore();\n\t }\n\t});\n\n\tTraversable.extend(GroupNode$2.prototype, \"childNodes\");\n\n\tNODE_MAP$2.Group = GroupNode$2;\n\n\tvar FRAME_DELAY = 1000 / 60;\n\n\tvar RootNode$2 = GroupNode$2.extend({\n\t init: function(canvas, size) {\n\t GroupNode$2.fn.init.call(this);\n\n\t this.canvas = canvas;\n\t this.size = size;\n\t this.ctx = canvas.getContext(\"2d\");\n\n\t var invalidateHandler = this._invalidate.bind(this);\n\t this.invalidate = kendo.throttle(function () {\n\t kendo.animationFrame(invalidateHandler);\n\t }, FRAME_DELAY);\n\t },\n\n\t destroy: function() {\n\t GroupNode$2.fn.destroy.call(this);\n\t this.canvas = null;\n\t this.ctx = null;\n\t },\n\n\t load: function(elements, pos, cors) {\n\t this.loadElements(elements, pos, cors);\n\t this._invalidate();\n\t },\n\n\t _rescale: function() {\n\t var ref = this;\n\t var canvas = ref.canvas;\n\t var size = ref.size;\n\t var scale = 1;\n\n\t if (typeof window.devicePixelRatio === 'number') {\n\t scale = window.devicePixelRatio;\n\t }\n\n\t canvas.width = size.width * scale;\n\t canvas.height = size.height * scale;\n\t this.ctx.scale(scale, scale);\n\t },\n\n\t _invalidate: function() {\n\t if (!this.ctx) {\n\t return;\n\t }\n\n\t this._rescale();\n\n\t this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\n\t this.renderTo(this.ctx);\n\t }\n\t});\n\n\tTraversable.extend(RootNode$2.prototype, \"childNodes\");\n\n\tvar QuadRoot = Class.extend({\n\t init: function() {\n\n\t this.shapes = [];\n\t },\n\n\t _add: function(shape, bbox) {\n\t this.shapes.push({\n\t bbox: bbox,\n\t shape: shape\n\t });\n\t shape._quadNode = this;\n\t },\n\n\t pointShapes: function(point) {\n\t var shapes = this.shapes;\n\t var length = shapes.length;\n\t var result = [];\n\t for (var idx = 0; idx < length; idx++) {\n\t if (shapes[idx].bbox.containsPoint(point)) {\n\t result.push(shapes[idx].shape);\n\t }\n\t }\n\t return result;\n\t },\n\n\t insert: function(shape, bbox) {\n\t this._add(shape, bbox);\n\t },\n\n\t remove: function(shape) {\n\t var shapes = this.shapes;\n\t var length = shapes.length;\n\n\t for (var idx = 0; idx < length; idx++) {\n\t if (shapes[idx].shape === shape) {\n\t shapes.splice(idx, 1);\n\t break;\n\t }\n\t }\n\t }\n\t});\n\n\tvar QuadNode = QuadRoot.extend({\n\t init: function(rect) {\n\t QuadRoot.fn.init.call(this);\n\t this.children = [];\n\t this.rect = rect;\n\t },\n\n\t inBounds: function(rect) {\n\t var nodeRect = this.rect;\n\t var nodeBottomRight = nodeRect.bottomRight();\n\t var bottomRight = rect.bottomRight();\n\t var inBounds = nodeRect.origin.x <= rect.origin.x && nodeRect.origin.y <= rect.origin.y && bottomRight.x <= nodeBottomRight.x &&\n\t bottomRight.y <= nodeBottomRight.y;\n\t return inBounds;\n\t },\n\n\t pointShapes: function(point) {\n\t var children = this.children;\n\t var length = children.length;\n\t var result = QuadRoot.fn.pointShapes.call(this, point);\n\t for (var idx = 0; idx < length; idx++) {\n\t append(result, children[idx].pointShapes(point));\n\t }\n\t return result;\n\t },\n\n\t insert: function(shape, bbox) {\n\t var children = this.children;\n\t var inserted = false;\n\n\t if (this.inBounds(bbox)) {\n\t if (this.shapes.length < 4) {\n\t this._add(shape, bbox);\n\t } else {\n\t if (!children.length) {\n\t this._initChildren();\n\t }\n\n\t for (var idx = 0; idx < children.length; idx++) {\n\t if (children[idx].insert(shape, bbox)) {\n\t inserted = true;\n\t break;\n\t }\n\t }\n\n\t if (!inserted) {\n\t this._add(shape, bbox);\n\t }\n\t }\n\t inserted = true;\n\t }\n\n\t return inserted;\n\t },\n\n\t _initChildren: function() {\n\t var ref = this;\n\t var rect = ref.rect;\n\t var children = ref.children;\n\t var center = rect.center();\n\t var halfWidth = rect.width() / 2;\n\t var halfHeight = rect.height() / 2;\n\n\t children.push(\n\t new QuadNode(new Rect([ rect.origin.x, rect.origin.y ], [ halfWidth, halfHeight ])),\n\t new QuadNode(new Rect([ center.x, rect.origin.y ], [ halfWidth, halfHeight ])),\n\t new QuadNode(new Rect([ rect.origin.x, center.y ], [ halfWidth, halfHeight ])),\n\t new QuadNode(new Rect([ center.x, center.y ], [ halfWidth, halfHeight ]))\n\t );\n\t }\n\t});\n\n\tvar ROOT_SIZE = 3000;\n\tvar LEVEL_STEP = 10000;\n\tvar MAX_LEVEL = 75;\n\n\tvar ShapesQuadTree = Class.extend({\n\t init: function() {\n\n\t this.initRoots();\n\t },\n\n\t initRoots: function() {\n\t this.rootMap = {};\n\t this.root = new QuadRoot();\n\t this.rootElements = [];\n\t },\n\n\t clear: function() {\n\t var this$1 = this;\n\n\t var rootElements = this.rootElements;\n\t for (var idx = 0; idx < rootElements.length; idx++) {\n\t this$1.remove(rootElements[idx]);\n\t }\n\t this.initRoots();\n\t },\n\n\t pointShape: function(point) {\n\t var sectorRoot = ( this.rootMap[ Math.floor( point.x / ROOT_SIZE ) ] || {} )[ Math.floor( point.y / ROOT_SIZE ) ];\n\t var result = this.root.pointShapes(point);\n\n\t if (sectorRoot) {\n\t result = result.concat(sectorRoot.pointShapes(point));\n\t }\n\n\t this.assignZindex(result);\n\n\t result.sort(zIndexComparer);\n\t for (var idx = 0; idx < result.length; idx++) {\n\t if (result[idx].containsPoint(point)) {\n\t return result[idx];\n\t }\n\t }\n\t },\n\n\t assignZindex: function(elements) {\n\t var this$1 = this;\n\n\t for (var idx = 0; idx < elements.length; idx++) {\n\t var element = elements[idx];\n\t var zIndex = 0;\n\t var levelWeight = Math.pow(LEVEL_STEP, MAX_LEVEL);\n\t var parents = [];\n\n\t while (element) {\n\t parents.push(element);\n\t element = element.parent;\n\t }\n\n\t while (parents.length) {\n\t element = parents.pop();\n\t zIndex += ((element.parent ? element.parent.children : this$1.rootElements).indexOf(element) + 1) * levelWeight;\n\t levelWeight /= LEVEL_STEP;\n\t }\n\n\t elements[idx]._zIndex = zIndex;\n\t }\n\t },\n\n\t optionsChange: function(e) {\n\t if (e.field === \"transform\" || e.field === \"stroke.width\") {\n\t this.bboxChange(e.element);\n\t }\n\t },\n\n\t geometryChange: function(e) {\n\t this.bboxChange(e.element);\n\t },\n\n\t bboxChange: function(element) {\n\t var this$1 = this;\n\n\t if (element.nodeType === \"Group\") {\n\t for (var idx = 0; idx < element.children.length; idx++) {\n\t this$1.bboxChange(element.children[idx]);\n\t }\n\t } else {\n\t if (element._quadNode) {\n\t element._quadNode.remove(element);\n\t }\n\t this._insertShape(element);\n\t }\n\t },\n\n\t add: function(elements) {\n\t var elementsArray = Array.isArray(elements) ? elements.slice(0) : [ elements ];\n\n\t append(this.rootElements, elementsArray);\n\t this._insert(elementsArray);\n\t },\n\n\t childrenChange: function(e) {\n\t var this$1 = this;\n\n\t if (e.action === \"remove\") {\n\t for (var idx = 0; idx < e.items.length; idx++) {\n\t this$1.remove(e.items[idx]);\n\t }\n\t } else {\n\t this._insert(Array.prototype.slice.call(e.items, 0));\n\t }\n\t },\n\n\t _insert: function(elements) {\n\t var this$1 = this;\n\n\t var element;\n\n\t while (elements.length > 0) {\n\t element = elements.pop();\n\t element.addObserver(this$1);\n\t if (element.nodeType === \"Group\") {\n\t append(elements, element.children);\n\t } else {\n\t this$1._insertShape(element);\n\t }\n\t }\n\t },\n\n\t _insertShape: function(shape) {\n\t var bbox = shape.bbox();\n\t if (bbox) {\n\t var sectors = this.getSectors(bbox);\n\t var x = sectors[0][0];\n\t var y = sectors[1][0];\n\n\t if (this.inRoot(sectors)) {\n\t this.root.insert(shape, bbox);\n\t } else {\n\t var rootMap = this.rootMap;\n\t if (!rootMap[x]) {\n\t rootMap[x] = {};\n\t }\n\n\t if (!rootMap[x][y]) {\n\t rootMap[x][y] = new QuadNode(\n\t new Rect([ x * ROOT_SIZE, y * ROOT_SIZE ], [ ROOT_SIZE, ROOT_SIZE ])\n\t );\n\t }\n\n\t rootMap[x][y].insert(shape, bbox);\n\t }\n\t }\n\t },\n\n\t remove: function(element) {\n\t var this$1 = this;\n\n\t element.removeObserver(this);\n\n\t if (element.nodeType === \"Group\") {\n\t var children = element.children;\n\t for (var idx = 0; idx < children.length; idx++) {\n\t this$1.remove(children[idx]);\n\t }\n\t } else if (element._quadNode) {\n\t element._quadNode.remove(element);\n\t delete element._quadNode;\n\t }\n\t },\n\n\t inRoot: function(sectors) {\n\t return sectors[0].length > 1 || sectors[1].length > 1;\n\t },\n\n\t getSectors: function(rect) {\n\t var bottomRight = rect.bottomRight();\n\t var bottomX = Math.floor(bottomRight.x / ROOT_SIZE);\n\t var bottomY = Math.floor(bottomRight.y / ROOT_SIZE);\n\t var sectors = [ [], [] ];\n\t for (var x = Math.floor(rect.origin.x / ROOT_SIZE); x <= bottomX; x++) {\n\t sectors[0].push(x);\n\t }\n\t for (var y = Math.floor(rect.origin.y / ROOT_SIZE); y <= bottomY; y++) {\n\t sectors[1].push(y);\n\t }\n\t return sectors;\n\t }\n\t});\n\n\tfunction zIndexComparer(x1, x2) {\n\t if (x1._zIndex < x2._zIndex) {\n\t return 1;\n\t }\n\t if (x1._zIndex > x2._zIndex) {\n\t return -1;\n\t }\n\n\t return 0;\n\t}\n\n\tvar SurfaceCursor = Class.extend({\n\t init: function(surface) {\n\t surface.bind(\"mouseenter\", this._mouseenter.bind(this));\n\t surface.bind(\"mouseleave\", this._mouseleave.bind(this));\n\n\t this.element = surface.element;\n\t },\n\n\t clear: function() {\n\t this._resetCursor();\n\t },\n\n\t destroy: function() {\n\t this._resetCursor();\n\t delete this.element;\n\t },\n\n\t _mouseenter: function(e) {\n\t var cursor = this._shapeCursor(e);\n\n\t if (!cursor) {\n\t this._resetCursor();\n\t } else {\n\t if (!this._current) {\n\t this._defaultCursor = this._getCursor();\n\t }\n\n\t this._setCursor(cursor);\n\t }\n\t },\n\n\t _mouseleave: function() {\n\t this._resetCursor();\n\t },\n\n\t _shapeCursor: function(e) {\n\t var shape = e.element;\n\n\t while (shape && !defined(shape.options.cursor)) {\n\t shape = shape.parent;\n\t }\n\n\t if (shape) {\n\t return shape.options.cursor;\n\t }\n\t },\n\n\t _getCursor: function() {\n\t if (this.element) {\n\t return this.element.style.cursor;\n\t }\n\t },\n\n\t _setCursor: function(cursor) {\n\t if (this.element) {\n\t this.element.style.cursor = cursor;\n\t this._current = cursor;\n\t }\n\t },\n\n\t _resetCursor: function() {\n\t if (this._current) {\n\t this._setCursor(this._defaultCursor || \"\");\n\t delete this._current;\n\t }\n\t }\n\t});\n\n\tvar Surface$3 = Surface.extend({\n\t init: function(element, options) {\n\t Surface.fn.init.call(this, element, options);\n\n\t this.element.innerHTML = this._template(this);\n\n\t var canvas = this.element.firstElementChild;\n\t var size = elementSize(element);\n\n\t canvas.width = size.width;\n\t canvas.height = size.height;\n\n\t this._rootElement = canvas;\n\n\t this._root = new RootNode$2(canvas, size);\n\n\t this._mouseTrackHandler = this._trackMouse.bind(this);\n\n\t bindEvents(this.element, {\n\t click: this._mouseTrackHandler,\n\t mousemove: this._mouseTrackHandler\n\t });\n\t },\n\n\t destroy: function() {\n\t Surface.fn.destroy.call(this);\n\n\t if (this._root) {\n\t this._root.destroy();\n\t this._root = null;\n\t }\n\n\t if (this._searchTree) {\n\t this._searchTree.clear();\n\t delete this._searchTree;\n\t }\n\n\t if (this._cursor) {\n\t this._cursor.destroy();\n\t delete this._cursor;\n\t }\n\n\t unbindEvents(this.element, {\n\t click: this._mouseTrackHandler,\n\t mousemove: this._mouseTrackHandler\n\t });\n\t },\n\n\t draw: function(element) {\n\t Surface.fn.draw.call(this, element);\n\t this._root.load([ element ], undefined, this.options.cors);\n\n\t if (this._searchTree) {\n\t this._searchTree.add([ element ]);\n\t }\n\t },\n\n\t clear: function() {\n\t Surface.fn.clear.call(this);\n\t this._root.clear();\n\n\t if (this._searchTree) {\n\t this._searchTree.clear();\n\t }\n\n\t if (this._cursor) {\n\t this._cursor.clear();\n\t }\n\t },\n\n\t eventTarget: function(e) {\n\t if (this._searchTree) {\n\t var point = this._surfacePoint(e);\n\t var shape = this._searchTree.pointShape(point);\n\t return shape;\n\t }\n\t },\n\n\t image: function() {\n\t var ref = this;\n\t var root = ref._root;\n\t var rootElement = ref._rootElement;\n\t var loadingStates = [];\n\n\t root.traverse(function (childNode) {\n\t if (childNode.loading) {\n\t loadingStates.push(childNode.loading);\n\t }\n\t });\n\n\t var promise = createPromise();\n\t var resolveDataURL = function () {\n\t root._invalidate();\n\n\t try {\n\t var data = rootElement.toDataURL();\n\t promise.resolve(data);\n\t } catch (e) {\n\t promise.reject(e);\n\t }\n\t };\n\n\t promiseAll(loadingStates).then(resolveDataURL, resolveDataURL);\n\n\t return promise;\n\t },\n\n\t suspendTracking: function() {\n\t Surface.fn.suspendTracking.call(this);\n\t if (this._searchTree) {\n\t this._searchTree.clear();\n\t delete this._searchTree;\n\t }\n\t },\n\n\t resumeTracking: function() {\n\t Surface.fn.resumeTracking.call(this);\n\t if (!this._searchTree) {\n\t this._searchTree = new ShapesQuadTree();\n\n\t var childNodes = this._root.childNodes;\n\t var rootElements = [];\n\t for (var idx = 0; idx < childNodes.length; idx++) {\n\t rootElements.push(childNodes[idx].srcElement);\n\t }\n\t this._searchTree.add(rootElements);\n\t }\n\t },\n\n\t _resize: function() {\n\t this._rootElement.width = this._size.width;\n\t this._rootElement.height = this._size.height;\n\n\t this._root.size = this._size;\n\t this._root.invalidate();\n\t },\n\n\t _template: function() {\n\t return \"\";\n\t },\n\n\t _enableTracking: function() {\n\t this._searchTree = new ShapesQuadTree();\n\t this._cursor = new SurfaceCursor(this);\n\n\t Surface.fn._enableTracking.call(this);\n\t },\n\n\t _trackMouse: function(e) {\n\t if (this._suspendedTracking) {\n\t return;\n\t }\n\n\t var shape = this.eventTarget(e);\n\n\t if (e.type !== \"click\") {\n\t var currentShape = this._currentShape;\n\t if (currentShape && currentShape !== shape) {\n\t this.trigger(\"mouseleave\", {\n\t element: currentShape,\n\t originalEvent: e,\n\t type: \"mouseleave\"\n\t });\n\t }\n\n\t if (shape && currentShape !== shape) {\n\t this.trigger(\"mouseenter\", {\n\t element: shape,\n\t originalEvent: e,\n\t type: \"mouseenter\"\n\t });\n\t }\n\n\t this.trigger(\"mousemove\", {\n\t element: shape,\n\t originalEvent: e,\n\t type: \"mousemove\"\n\t });\n\n\t this._currentShape = shape;\n\t } else if (shape) {\n\t this.trigger(\"click\", {\n\t element: shape,\n\t originalEvent: e,\n\t type: \"click\"\n\t });\n\t }\n\t }\n\t});\n\n\tSurface$3.prototype.type = \"canvas\";\n\n\tif (typeof document !== \"undefined\" && document.createElement(\"canvas\").getContext) {\n\t Surface.support.canvas = true;\n\t SurfaceFactory.current.register(\"canvas\", Surface$3, 20);\n\t}\n\n\tfunction addGradientStops(gradient, stops) {\n\t for (var idx = 0; idx < stops.length; idx++) {\n\t var stop = stops[idx];\n\t var color = kendo.parseColor(stop.color());\n\n\t color.a *= stop.opacity();\n\n\t gradient.addColorStop(stop.offset(), color.toCssRgba());\n\t }\n\t}\n\n\tvar PathNode$2 = Node$2.extend({\n\t renderTo: function(ctx) {\n\t ctx.save();\n\n\t this.setTransform(ctx);\n\t this.setClip(ctx);\n\t this.setOpacity(ctx);\n\n\t ctx.beginPath();\n\n\t this.renderPoints(ctx, this.srcElement);\n\n\t this.setLineDash(ctx);\n\t this.setLineCap(ctx);\n\t this.setLineJoin(ctx);\n\n\t this.setFill(ctx);\n\t this.setStroke(ctx);\n\n\t ctx.restore();\n\t },\n\n\t setFill: function(ctx) {\n\t var fill = this.srcElement.options.fill;\n\t var hasFill = false;\n\n\t if (fill) {\n\t if (fill.nodeType === \"Gradient\") {\n\t this.setGradientFill(ctx, fill);\n\t hasFill = true;\n\t } else if (!isTransparent(fill.color)) {\n\t ctx.fillStyle = fill.color;\n\n\t ctx.save();\n\t this.globalAlpha(ctx, fill.opacity);\n\t ctx.fill();\n\t ctx.restore();\n\n\t hasFill = true;\n\t }\n\t }\n\n\t return hasFill;\n\t },\n\n\t setGradientFill: function(ctx, fill) {\n\t var bbox = this.srcElement.rawBBox();\n\t var gradient;\n\n\t if (fill instanceof LinearGradient) {\n\t var start = fill.start();\n\t var end = fill.end();\n\t gradient = ctx.createLinearGradient(start.x, start.y, end.x, end.y);\n\t } else if (fill instanceof RadialGradient) {\n\t var center = fill.center();\n\t gradient = ctx.createRadialGradient(center.x, center.y, 0, center.x, center.y, fill.radius());\n\t }\n\n\t addGradientStops(gradient, fill.stops);\n\n\t ctx.save();\n\n\t if (!fill.userSpace()) {\n\t ctx.transform(bbox.width(), 0, 0, bbox.height(), bbox.origin.x, bbox.origin.y);\n\t }\n\t ctx.fillStyle = gradient;\n\t ctx.fill();\n\n\t ctx.restore();\n\t },\n\n\t setStroke: function(ctx) {\n\t var stroke = this.srcElement.options.stroke;\n\t if (stroke && !isTransparent(stroke.color) && stroke.width > 0) {\n\t ctx.strokeStyle = stroke.color;\n\t ctx.lineWidth = valueOrDefault(stroke.width, 1);\n\n\t ctx.save();\n\t this.globalAlpha(ctx, stroke.opacity);\n\t ctx.stroke();\n\t ctx.restore();\n\n\t return true;\n\t }\n\t },\n\n\t dashType: function() {\n\t var stroke = this.srcElement.options.stroke;\n\t if (stroke && stroke.dashType) {\n\t return stroke.dashType.toLowerCase();\n\t }\n\t },\n\n\t setLineDash: function(ctx) {\n\t var dashType = this.dashType();\n\t if (dashType && dashType !== SOLID) {\n\t var dashArray = DASH_ARRAYS[dashType];\n\t if (ctx.setLineDash) {\n\t ctx.setLineDash(dashArray);\n\t } else {\n\t ctx.mozDash = dashArray;\n\t ctx.webkitLineDash = dashArray;\n\t }\n\t }\n\t },\n\n\t setLineCap: function(ctx) {\n\t var dashType = this.dashType();\n\t var stroke = this.srcElement.options.stroke;\n\t if (dashType && dashType !== SOLID) {\n\t ctx.lineCap = BUTT;\n\t } else if (stroke && stroke.lineCap) {\n\t ctx.lineCap = stroke.lineCap;\n\t }\n\t },\n\n\t setLineJoin: function(ctx) {\n\t var stroke = this.srcElement.options.stroke;\n\t if (stroke && stroke.lineJoin) {\n\t ctx.lineJoin = stroke.lineJoin;\n\t }\n\t },\n\n\t renderPoints: function(ctx, path) {\n\t renderPath(ctx, path);\n\t }\n\t});\n\n\tNODE_MAP$2.Path = PathNode$2;\n\n\tvar ArcNode$2 = PathNode$2.extend({\n\t renderPoints: function(ctx) {\n\t var path = this.srcElement.toPath();\n\t renderPath(ctx, path);\n\t }\n\t});\n\n\tNODE_MAP$2.Arc = ArcNode$2;\n\n\tvar CircleNode$2 = PathNode$2.extend({\n\t renderPoints: function(ctx) {\n\t var ref = this.srcElement.geometry();\n\t var center = ref.center;\n\t var radius = ref.radius;\n\n\t ctx.arc(center.x, center.y, radius, 0, Math.PI * 2);\n\t }\n\t});\n\n\tNODE_MAP$2.Circle = CircleNode$2;\n\n\tvar RectNode$2 = PathNode$2.extend({\n\t renderPoints: function(ctx) {\n\t var ref = this.srcElement.geometry();\n\t var origin = ref.origin;\n\t var size = ref.size;\n\n\t ctx.rect(origin.x, origin.y, size.width, size.height);\n\t }\n\t});\n\n\tNODE_MAP$2.Rect = RectNode$2;\n\n\tvar ImageNode$2 = PathNode$2.extend({\n\t init: function(srcElement, cors) {\n\t PathNode$2.fn.init.call(this, srcElement);\n\n\t this.onLoad = this.onLoad.bind(this);\n\t this.onError = this.onError.bind(this);\n\n\t this.loading = createPromise();\n\n\t var img = this.img = new Image();\n\n\t if (cors && !(/^data:/i.test(srcElement.src()))) {\n\t img.crossOrigin = cors;\n\t }\n\n\t img.src = srcElement.src();\n\n\t if (img.complete) {\n\t this.onLoad();\n\t } else {\n\t img.onload = this.onLoad;\n\t img.onerror = this.onError;\n\t }\n\t },\n\n\t renderTo: function(ctx) {\n\t if (this.loading.state() === \"resolved\") {\n\t ctx.save();\n\n\t this.setTransform(ctx);\n\t this.setClip(ctx);\n\n\t this.drawImage(ctx);\n\n\t ctx.restore();\n\t }\n\t },\n\n\t optionsChange: function(e) {\n\t if (e.field === \"src\") {\n\t this.loading = createPromise();\n\t this.img.src = this.srcElement.src();\n\t } else {\n\t PathNode$2.fn.optionsChange.call(this, e);\n\t }\n\t },\n\n\t onLoad: function() {\n\t this.loading.resolve();\n\t this.invalidate();\n\t },\n\n\t onError: function() {\n\t this.loading.reject(new Error(\n\t \"Unable to load image '\" + this.img.src +\n\t \"'. Check for connectivity and verify CORS headers.\"\n\t ));\n\t },\n\n\t drawImage: function(ctx) {\n\t var rect = this.srcElement.rect();\n\t var topLeft = rect.topLeft();\n\n\t ctx.drawImage(\n\t this.img, topLeft.x, topLeft.y, rect.width(), rect.height()\n\t );\n\t }\n\t});\n\n\tNODE_MAP$2.Image = ImageNode$2;\n\n\tvar TextNode$2 = PathNode$2.extend({\n\t renderTo: function(ctx) {\n\t var text = this.srcElement;\n\t var pos = text.position();\n\t var size = text.measure();\n\n\t ctx.save();\n\n\t this.setTransform(ctx);\n\t this.setClip(ctx);\n\t this.setOpacity(ctx);\n\n\t ctx.beginPath();\n\n\t ctx.font = text.options.font;\n\t ctx.textAlign = 'left';\n\n\t if (this.setFill(ctx)) {\n\t ctx.fillText(text.content(), pos.x, pos.y + size.baseline);\n\t }\n\n\t if (this.setStroke(ctx)) {\n\t this.setLineDash(ctx);\n\t ctx.strokeText(text.content(), pos.x, pos.y + size.baseline);\n\t }\n\n\t ctx.restore();\n\t }\n\t});\n\n\tNODE_MAP$2.Text = TextNode$2;\n\n\tvar MultiPathNode$2 = PathNode$2.extend({\n\t renderPoints: function(ctx) {\n\t var paths = this.srcElement.paths;\n\t for (var i = 0; i < paths.length; i++) {\n\t renderPath(ctx, paths[i]);\n\t }\n\t }\n\t});\n\n\tNODE_MAP$2.MultiPath = MultiPathNode$2;\n\n\tvar canvas = {\n\t\tSurface: Surface$3,\n\t\tRootNode: RootNode$2,\n\t\tNode: Node$2,\n\t\tGroupNode: GroupNode$2,\n\t\tArcNode: ArcNode$2,\n\t\tCircleNode: CircleNode$2,\n\t\tRectNode: RectNode$2,\n\t\tImageNode: ImageNode$2,\n\t\tTextNode: TextNode$2,\n\t\tPathNode: PathNode$2,\n\t\tMultiPathNode: MultiPathNode$2\n\t};\n\n\tfunction exportImage(group, options) {\n\t var defaults = {\n\t width: \"800px\", height: \"600px\",\n\t cors: \"Anonymous\"\n\t };\n\n\t var exportRoot = group;\n\t var bbox = group.clippedBBox();\n\n\t if (bbox) {\n\t var origin = bbox.getOrigin();\n\t exportRoot = new Group();\n\t exportRoot.transform(transform().translate(-origin.x, -origin.y));\n\t exportRoot.children.push(group);\n\n\t var size = bbox.getSize();\n\t defaults.width = size.width + \"px\";\n\t defaults.height = size.height + \"px\";\n\t }\n\n\t var surfaceOptions = $.extend(defaults, options);\n\n\t var container = document.createElement(\"div\");\n\t var style = container.style;\n\n\t style.display = \"none\";\n\t style.width = surfaceOptions.width;\n\t style.height = surfaceOptions.height;\n\t document.body.appendChild(container);\n\n\t var surface = new Surface$3(container, surfaceOptions);\n\t surface.suspendTracking();\n\t surface.draw(exportRoot);\n\n\t var promise = surface.image();\n\t var destroy = function () {\n\t surface.destroy();\n\t document.body.removeChild(container);\n\t };\n\t promise.then(destroy, destroy);\n\n\t return promise;\n\t}\n\n\tfunction exportSVG(group, options) {\n\t var svg = exportGroup(group);\n\n\t if (!options || !options.raw) {\n\t svg = \"data:image/svg+xml;base64,\" + encodeBase64(svg);\n\t }\n\n\t return createPromise().resolve(svg);\n\t}\n\n\t/* eslint-disable no-multi-spaces, key-spacing, indent, camelcase, space-before-blocks, eqeqeq, brace-style */\n\t/* eslint-disable space-infix-ops, space-before-function-paren, array-bracket-spacing, object-curly-spacing */\n\t/* eslint-disable no-nested-ternary, max-params, default-case, no-else-return, no-empty, yoda */\n\t/* eslint-disable no-param-reassign, no-var, block-scoped-var */\n\n\tvar browser = supportBrowser || {};\n\t/*\n\n\t XXX: to test:\n\n\t - cloneNodes function:\n\t - drawing document containing canvas with page breaking\n\t - drawing document with named radio -s (should not clear selection)\n\t - IE9/IE10 don't support el.dataset; do they copy user data?\n\n\t - repeating table headers/footers on page breaking\n\n\t - forceBreak, keepTogether\n\n\t - avoidLinks\n\n\t */\n\n\t/* -----[ local vars ]----- */\n\n\tfunction slice$1(thing) {\n\t return Array.prototype.slice.call(thing);\n\t}\n\n\tvar KENDO_PSEUDO_ELEMENT = \"KENDO-PSEUDO-ELEMENT\";\n\n\tvar IMAGE_CACHE = {};\n\n\tvar nodeInfo = {};\n\tnodeInfo._root = nodeInfo;\n\n\t/* -----[ Custom Text node to speed up rendering in kendo.pdf ]----- */\n\n\tvar inBrowser = typeof window !== 'undefined';\n\tvar microsoft = inBrowser ? browser.msie || browser.edge : false;\n\n\tvar TextRect = Text.extend({\n\t init: function(str, rect, options) {\n\t Text.fn.init.call(this, str, rect.getOrigin(), options);\n\t this._pdfRect = rect;\n\t },\n\n\t rect: function() {\n\t // this is the crux of it: we can avoid a call to\n\t // measure(), which is what the base class does, since we\n\t // already know the rect. measure() is s-l-o-w.\n\t return this._pdfRect;\n\t },\n\n\t rawBBox: function() {\n\t // also let's avoid creating a new rectangle.\n\t return this._pdfRect;\n\t }\n\t});\n\n\tfunction addClass(el, cls) {\n\t if (el.classList) {\n\t el.classList.add(cls);\n\t } else {\n\t el.className += \" \" + cls;\n\t }\n\t}\n\n\tfunction removeClass(el, cls) {\n\t if (el.classList) {\n\t el.classList.remove(cls);\n\t } else {\n\t el.className = el.className.split(/\\s+/).reduce(function(a, word){\n\t if (word != cls) {\n\t a.push(word);\n\t }\n\t return a;\n\t }, []).join(\" \");\n\t }\n\t}\n\n\tfunction setCSS(el, styles) {\n\t Object.keys(styles).forEach(function(key){\n\t el.style[key] = styles[key];\n\t });\n\t}\n\n\tvar matches = typeof Element !== \"undefined\" && Element.prototype && (function(p){\n\t if (p.matches) {\n\t return function(el, selector) { return el.matches(selector); };\n\t }\n\t if (p.webkitMatchesSelector) {\n\t return function(el, selector) { return el.webkitMatchesSelector(selector); };\n\t }\n\t if (p.mozMatchesSelector) {\n\t return function(el, selector) { return el.mozMatchesSelector(selector); };\n\t }\n\t if (p.msMatchesSelector) {\n\t return function(el, selector) { return el.msMatchesSelector(selector); };\n\t }\n\t return function(s) {\n\t\treturn [].indexOf.call(document.querySelectorAll(s), this) !== -1;\n\t };\n\t})(Element.prototype);\n\n\tfunction closest(el, selector) {\n\t if (el.closest) {\n\t return el.closest(selector);\n\t }\n\t // IE: stringifying rather than simply comparing with `document`,\n\t // which is not iframe-proof and fails in editor export —\n\t // https://github.com/telerik/kendo/issues/6721\n\t while (el && !/^\\[object (?:HTML)?Document\\]$/.test(String(el))) {\n\t if (el.nodeType == 1 /* Element */ && matches(el, selector)) {\n\t return el;\n\t }\n\t el = el.parentNode;\n\t }\n\t}\n\n\t// clone nodes ourselves, so that we redraw
' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t '
').appendTo(document.body);\n\n\t function mapColor(key, varName) {\n\t set(key, queryStyle(varName, \"backgroundColor\"));\n\t }\n\n\t function queryStyle(varName, prop) {\n\t return hook.find(\".k-var--\" + varName).css(prop);\n\t }\n\n\t function set(path, value) {\n\t var store = theme;\n\t var parts = path.split('.');\n\t var key = parts.shift();\n\n\t while (parts.length > 0) {\n\t store = store[key] = store[key] || {};\n\t key = parts.shift();\n\t }\n\n\t store[key] = value;\n\t }\n\n\t (function setColors() {\n\t mapColor(\"chart.axisDefaults.crosshair.color\", \"chart-crosshair-background\");\n\t mapColor(\"chart.axisDefaults.labels.color\", \"normal-text-color\");\n\t mapColor(\"chart.axisDefaults.line.color\", \"chart-major-lines\");\n\t mapColor(\"chart.axisDefaults.majorGridLines.color\", \"chart-major-lines\");\n\t mapColor(\"chart.axisDefaults.minorGridLines.color\", \"chart-minor-lines\");\n\t mapColor(\"chart.axisDefaults.notes.icon.background\", \"chart-notes-background\");\n\t mapColor(\"chart.axisDefaults.notes.icon.border.color\", \"chart-notes-border\");\n\t mapColor(\"chart.axisDefaults.notes.line.color\", \"chart-notes-lines\");\n\t mapColor(\"chart.axisDefaults.title.color\", \"normal-text-color\");\n\t mapColor('chart.chartArea.background', 'background');\n\t mapColor(\"chart.legend.inactiveItems.labels.color\", \"chart-inactive\");\n\t mapColor(\"chart.legend.inactiveItems.markers.color\", \"chart-inactive\");\n\t mapColor(\"chart.legend.labels.color\", \"normal-text-color\");\n\t mapColor(\"chart.seriesDefaults.boxPlot.downColor\", \"chart-major-lines\");\n\t mapColor(\"chart.seriesDefaults.boxPlot.mean.color\", \"base\");\n\t mapColor(\"chart.seriesDefaults.boxPlot.median.color\", \"base\");\n\t mapColor(\"chart.seriesDefaults.boxPlot.whiskers.color\", \"accent\");\n\t mapColor(\"chart.seriesDefaults.bullet.target.color\", \"accent\");\n\t mapColor(\"chart.seriesDefaults.candlestick.downColor\", \"normal-text-color\");\n\t mapColor(\"chart.seriesDefaults.candlestick.line.color\", \"normal-text-color\");\n\t mapColor(\"chart.seriesDefaults.errorBars.color\", \"chart-error-bars-background\");\n\t mapColor(\"chart.seriesDefaults.horizontalWaterfall.line.color\", \"chart-major-lines\");\n\t mapColor(\"chart.seriesDefaults.icon.border.color\", \"chart-major-lines\");\n\t mapColor(\"chart.seriesDefaults.labels.background\", \"background\");\n\t mapColor(\"chart.seriesDefaults.labels.color\", \"normal-text-color\");\n\t mapColor(\"chart.seriesDefaults.notes.icon.background\", \"chart-notes-background\");\n\t mapColor(\"chart.seriesDefaults.notes.icon.border.color\", \"chart-notes-border\");\n\t mapColor(\"chart.seriesDefaults.notes.line.color\", \"chart-notes-lines\");\n\t mapColor(\"chart.seriesDefaults.verticalBoxPlot.downColor\", \"chart-major-lines\");\n\t mapColor(\"chart.seriesDefaults.verticalBoxPlot.mean.color\", \"base\");\n\t mapColor(\"chart.seriesDefaults.verticalBoxPlot.median.color\", \"base\");\n\t mapColor(\"chart.seriesDefaults.verticalBoxPlot.whiskers.color\", \"accent\");\n\t mapColor(\"chart.seriesDefaults.verticalBullet.target.color\", \"accent\");\n\t mapColor(\"chart.seriesDefaults.waterfall.line.color\", \"chart-major-lines\");\n\t mapColor(\"chart.title.color\", \"normal-text-color\");\n\n\t set(\"chart.seriesDefaults.labels.opacity\", queryStyle(\"chart-area-opacity\", \"opacity\"));\n\n\t mapColor(\"diagram.shapeDefaults.fill.color\", \"accent\");\n\t mapColor(\"diagram.shapeDefaults.content.color\", \"accent-contrast\");\n\t mapColor(\"diagram.shapeDefaults.connectorDefaults.fill.color\", \"normal-text-color\");\n\t mapColor(\"diagram.shapeDefaults.connectorDefaults.stroke.color\", \"accent-contrast\");\n\t mapColor(\"diagram.shapeDefaults.connectorDefaults.hover.fill.color\", \"accent-contrast\");\n\t mapColor(\"diagram.shapeDefaults.connectorDefaults.hover.stroke.color\", \"normal-text-color\");\n\t mapColor(\"diagram.editable.resize.handles.stroke.color\", \"normal-text-color\");\n\t mapColor(\"diagram.editable.resize.handles.fill.color\", \"normal-background\");\n\t mapColor(\"diagram.editable.resize.handles.hover.stroke.color\", \"normal-text-color\");\n\t mapColor(\"diagram.editable.resize.handles.hover.fill.color\", \"normal-text-color\");\n\t mapColor(\"diagram.selectable.stroke.color\", \"normal-text-color\");\n\t mapColor(\"diagram.connectionDefaults.stroke.color\", \"normal-text-color\");\n\t mapColor(\"diagram.connectionDefaults.content.color\", \"normal-text-color\");\n\t mapColor(\"diagram.connectionDefaults.selection.handles.fill.color\", \"accent-contrast\");\n\t mapColor(\"diagram.connectionDefaults.selection.handles.stroke.color\", \"normal-text-color\");\n\t mapColor(\"diagram.connectionDefaults.selection.stroke.color\", \"normal-text-color\");\n\n\t mapColor(\"gauge.pointer.color\", \"gauge-pointer\");\n\t mapColor(\"gauge.scale.labels.color\", \"normal-text-color\");\n\t mapColor(\"gauge.scale.minorTicks.color\", \"normal-text-color\");\n\t mapColor(\"gauge.scale.majorTicks.color\", \"normal-text-color\");\n\t mapColor(\"gauge.scale.line.color\", \"normal-text-color\");\n\t mapColor(\"gauge.scale.rangePlaceholderColor\", \"gauge-track\");\n\t })();\n\n\t (function setFonts() {\n\t function font(varName) {\n\t return queryStyle(varName, \"fontSize\") + \" \" +\n\t queryStyle(varName, \"fontFamily\");\n\t }\n\n\t var defaultFont = font(\"chart-font\");\n\t var titleFont = font(\"chart-title-font\");\n\t var labelFont = font(\"chart-label-font\");\n\n\t set(\"chart.axisDefaults.labels.font\", labelFont);\n\t set(\"chart.axisDefaults.notes.label.font\", defaultFont);\n\t set(\"chart.axisDefaults.title.font\", defaultFont);\n\t set(\"chart.legend.labels.font\", defaultFont);\n\t set(\"chart.seriesDefaults.labels.font\", labelFont);\n\t set(\"chart.seriesDefaults.notes.label.font\", defaultFont);\n\t set(\"chart.title.font\", titleFont);\n\t })();\n\n\t (function setSeriesColors() {\n\t function letterPos(letter) {\n\t return letter.toLowerCase().charCodeAt(0) - \"a\".charCodeAt(0);\n\t }\n\n\t function seriesPos(name) {\n\t return letterPos(name.match(/series-([a-z])$/)[1]);\n\t }\n\n\t var series = $(\".k-var--series div\").toArray();\n\t var seriesColors = series.reduce(\n\t function(arr, el) {\n\t var pos = seriesPos(el.className);\n\t arr[pos] = $(el).css(\"backgroundColor\");\n\n\t return arr;\n\t },\n\t [] // Will populate the series colors in this array\n\t );\n\n\t set(\"chart.seriesColors\", seriesColors);\n\t })();\n\n\t hook.remove();\n\n\t cache = theme;\n\n\t return theme;\n\t }\n\n\t kendo.dataviz.autoTheme = autoTheme;\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(917);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 858:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 917:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/***********************************************************************\n\t * WARNING: this file is auto-generated. If you change it directly,\n\t * your modifications will eventually be lost. The source code is in\n\t * `kendo-charts` repository, you should make your changes there and\n\t * run `src-modules/sync.sh` in this repository.\n\t */\n\t(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(858) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function () {\n\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\n\n\tvar BAR_GAP = 1.5;\n\tvar BAR_SPACING = 0.4;\n\tvar BLACK = '#000';\n\tvar SANS = 'Arial, Helvetica, sans-serif';\n\tvar SANS11 = \"11px \" + SANS;\n\tvar SANS12 = '12px ' + SANS;\n\tvar SANS16 = '16px ' + SANS;\n\tvar TRANSPARENT = 'transparent';\n\tvar WHITE = '#fff';\n\n\tvar notes = function () { return ({\n\t icon: {\n\t border: {\n\t width: 1\n\t }\n\t },\n\t label: {\n\t font: SANS12,\n\t padding: 3\n\t },\n\t line: {\n\t length: 10,\n\t width: 2\n\t },\n\t visible: true\n\t}); };\n\n\tvar axisDefaults = function () { return ({\n\t labels: {\n\t font: SANS12\n\t },\n\t notes: notes(),\n\t title: {\n\t font: SANS16,\n\t margin: 5\n\t }\n\t}); };\n\n\tvar areaSeries = function () { return ({\n\t highlight: {\n\t markers: {\n\t border: {}\n\t }\n\t },\n\t line: {\n\t opacity: 1,\n\t width: 0\n\t },\n\t markers: {\n\t size: 6,\n\t visible: false\n\t },\n\t opacity: 0.4\n\t}); };\n\n\tvar rangeAreaSeries = function () { return ({\n\t highlight: {\n\t markers: {\n\t border: {}\n\t }\n\t },\n\t line: {\n\t opacity: 1,\n\t width: 0\n\t },\n\t markers: {\n\t size: 6,\n\t visible: false\n\t },\n\t opacity: 0.4\n\t}); };\n\n\tvar barSeries = function () { return ({\n\t gap: BAR_GAP,\n\t spacing: BAR_SPACING\n\t}); };\n\n\tvar boxPlotSeries = function () { return ({\n\t outliersField: \"\",\n\t meanField: \"\",\n\t border: {\n\t _brightness: 0.8,\n\t width: 1\n\t },\n\t downColor: WHITE,\n\t gap: 1,\n\t highlight: {\n\t border: {\n\t opacity: 1,\n\t width: 2\n\t },\n\t whiskers: {\n\t width: 3\n\t },\n\t mean: {\n\t width: 2\n\t },\n\t median: {\n\t width: 2\n\t }\n\t },\n\t mean: {\n\t width: 2\n\t },\n\t median: {\n\t width: 2\n\t },\n\t spacing: 0.3,\n\t whiskers: {\n\t width: 2\n\t }\n\t}); };\n\n\tvar bubbleSeries = function () { return ({\n\t border: {\n\t width: 0\n\t },\n\t labels: {\n\t background: TRANSPARENT\n\t },\n\t opacity: 0.6\n\t}); };\n\n\tvar bulletSeries = function () { return ({\n\t gap: BAR_GAP,\n\t spacing: BAR_SPACING,\n\t target: {\n\t color: \"#ff0000\"\n\t }\n\t}); };\n\n\tvar candlestickSeries = function () { return ({\n\t border: {\n\t _brightness: 0.8,\n\t width: 1\n\t },\n\t downColor: WHITE,\n\t gap: 1,\n\t highlight: {\n\t border: {\n\t opacity: 1,\n\t width: 2\n\t },\n\t line: {\n\t width: 2\n\t }\n\t },\n\t line: {\n\t color: BLACK,\n\t width: 1\n\t },\n\t spacing: 0.3\n\t}); };\n\n\tvar columnSeries = function () { return ({\n\t gap: BAR_GAP,\n\t spacing: BAR_SPACING\n\t}); };\n\n\tvar donutSeries = function () { return ({\n\t margin: 1\n\t}); };\n\n\tvar lineSeries = function () { return ({\n\t width: 2\n\t}); };\n\n\tvar ohlcSeries = function () { return ({\n\t gap: 1,\n\t highlight: {\n\t line: {\n\t opacity: 1,\n\t width: 3\n\t }\n\t },\n\t line: {\n\t width: 1\n\t },\n\t spacing: 0.3\n\t}); };\n\n\tvar radarAreaSeries = function () { return ({\n\t line: {\n\t opacity: 1,\n\t width: 0\n\t },\n\t markers: {\n\t size: 6,\n\t visible: false\n\t },\n\t opacity: 0.5\n\t}); };\n\n\tvar radarLineSeries = function () { return ({\n\t markers: {\n\t visible: false\n\t },\n\t width: 2\n\t}); };\n\n\tvar rangeBarSeries = function () { return ({\n\t gap: BAR_GAP,\n\t spacing: BAR_SPACING\n\t}); };\n\n\tvar rangeColumnSeries = function () { return ({\n\t gap: BAR_GAP,\n\t spacing: BAR_SPACING\n\t}); };\n\n\tvar scatterLineSeries = function () { return ({\n\t width: 1\n\t}); };\n\n\tvar waterfallSeries = function () { return ({\n\t gap: 0.5,\n\t line: {\n\t color: BLACK,\n\t width: 1\n\t },\n\t spacing: BAR_SPACING\n\t}); };\n\n\tvar pieSeries = function () { return ({\n\t labels: {\n\t background: '',\n\t color: '',\n\t padding: {\n\t top: 5,\n\t bottom: 5,\n\t left: 7,\n\t right: 7\n\t }\n\t }\n\t}); };\n\n\tvar funnelSeries = function () { return ({\n\t labels: {\n\t background: '',\n\t color: '',\n\t padding: {\n\t top: 5,\n\t bottom: 5,\n\t left: 7,\n\t right: 7\n\t }\n\t }\n\t}); };\n\n\tvar seriesDefaults = function (options) { return ({\n\t visible: true,\n\t labels: {\n\t font: SANS11\n\t },\n\t overlay: options.gradients ? {} : {\n\t gradient: \"none\"\n\t },\n\t area: areaSeries(),\n\t rangeArea: rangeAreaSeries(),\n\t verticalRangeArea: rangeAreaSeries(),\n\t bar: barSeries(),\n\t boxPlot: boxPlotSeries(),\n\t bubble: bubbleSeries(),\n\t bullet: bulletSeries(),\n\t candlestick: candlestickSeries(),\n\t column: columnSeries(),\n\t pie: pieSeries(),\n\t donut: donutSeries(),\n\t funnel: funnelSeries(),\n\t horizontalWaterfall: waterfallSeries(),\n\t line: lineSeries(),\n\t notes: notes(),\n\t ohlc: ohlcSeries(),\n\t radarArea: radarAreaSeries(),\n\t radarLine: radarLineSeries(),\n\t polarArea: radarAreaSeries(),\n\t polarLine: radarLineSeries(),\n\t rangeBar: rangeBarSeries(),\n\t rangeColumn: rangeColumnSeries(),\n\t scatterLine: scatterLineSeries(),\n\t verticalArea: areaSeries(),\n\t verticalBoxPlot: boxPlotSeries(),\n\t verticalBullet: bulletSeries(),\n\t verticalLine: lineSeries(),\n\t waterfall: waterfallSeries()\n\t}); };\n\n\tvar title = function () { return ({\n\t font: SANS16\n\t}); };\n\n\tvar legend = function () { return ({\n\t labels: {\n\t font: SANS12\n\t }\n\t}); };\n\n\tvar baseTheme = function (options) {\n\t if (options === void 0) { options = {}; }\n\n\t return ({\n\t axisDefaults: axisDefaults(),\n\t categoryAxis: {\n\t majorGridLines: {\n\t visible: true\n\t }\n\t },\n\t navigator: {\n\t pane: {\n\t height: 90,\n\t margin: {\n\t top: 10\n\t }\n\t }\n\t },\n\t seriesDefaults: seriesDefaults(options),\n\t title: title(),\n\t legend: legend()\n\t});\n\t};\n\n\tkendo.deepExtend(kendo.dataviz, {\n\t chartBaseTheme: baseTheme\n\t});\n\n\t})();\n\n\t}, __webpack_require__(3));\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tmodule.exports = __webpack_require__(918);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 918:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(919) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\n\t // Imports ================================================================\n\t var kendo = window.kendo,\n\t ui = kendo.dataviz.ui,\n\t deepExtend = kendo.deepExtend;\n\n\t // Constants ==============================================================\n\t var BLACK = \"#000\",\n\t SANS = \"Arial,Helvetica,sans-serif\",\n\t SANS12 = \"12px \" + SANS,\n\t WHITE = \"#fff\";\n\n\t var chartBaseTheme = kendo.dataviz.chartBaseTheme({\n\t gradients: true\n\t });\n\n\t var gaugeBaseTheme = {\n\t scale: {\n\t labels: {\n\t font: SANS12\n\t }\n\t }\n\t };\n\n\t var diagramBaseTheme = {\n\t shapeDefaults: {\n\t hover: {\n\t opacity: 0.2\n\t },\n\t stroke: {\n\t width: 0\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t width: 7,\n\t height: 7\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t width: 1,\n\t dashType: \"dot\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t width: 2\n\t },\n\t selection: {\n\t handles: {\n\t width: 8,\n\t height: 8\n\t }\n\t },\n\t editable: {\n\t tools: [\"edit\", \"delete\"]\n\t }\n\t }\n\t };\n\n\t var themes = ui.themes,\n\t registerTheme = ui.registerTheme = function(themeName, options) {\n\t var result = {};\n\t // Apply base theme\n\t result.chart = deepExtend({}, chartBaseTheme, options.chart);\n\t result.gauge = deepExtend({}, gaugeBaseTheme, options.gauge);\n\t result.diagram = deepExtend({}, diagramBaseTheme, options.diagram);\n\t result.treeMap = deepExtend({}, options.treeMap);\n\n\t // Copy the line/area chart settings for their vertical counterparts\n\t var defaults = result.chart.seriesDefaults;\n\t defaults.verticalLine = deepExtend({}, defaults.line);\n\t defaults.verticalArea = deepExtend({}, defaults.area);\n\t defaults.rangeArea = deepExtend({}, defaults.area);\n\t defaults.verticalRangeArea = deepExtend({}, defaults.rangeArea);\n\t defaults.verticalBoxPlot = deepExtend({}, defaults.boxPlot);\n\t defaults.polarArea = deepExtend({}, defaults.radarArea);\n\t defaults.polarLine = deepExtend({}, defaults.radarLine);\n\n\t themes[themeName] = result;\n\t };\n\n\t registerTheme(\"black\", {\n\t chart: {\n\t title: {\n\t color: WHITE\n\t },\n\t legend: {\n\t labels: {\n\t color: WHITE\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#919191\"\n\t },\n\t markers: {\n\t color: \"#919191\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: WHITE\n\t },\n\t errorBars: {\n\t color: WHITE\n\t },\n\t notes: {\n\t icon: {\n\t background: \"#3b3b3b\",\n\t border: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t label: {\n\t color: WHITE\n\t },\n\t line: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t pie: {\n\t overlay: {\n\t gradient: \"sharpBevel\"\n\t }\n\t },\n\t donut: {\n\t overlay: {\n\t gradient: \"sharpGlass\"\n\t }\n\t },\n\t line: {\n\t markers: {\n\t background: \"#3d3d3d\"\n\t }\n\t },\n\t scatter: {\n\t markers: {\n\t background: \"#3d3d3d\"\n\t }\n\t },\n\t scatterLine: {\n\t markers: {\n\t background: \"#3d3d3d\"\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t candlestick: {\n\t downColor: \"#555\",\n\t line: {\n\t color: WHITE\n\t },\n\t border: {\n\t _brightness: 1.5,\n\t opacity: 1\n\t },\n\t highlight: {\n\t border: {\n\t color: WHITE,\n\t opacity: 0.2\n\t }\n\t }\n\t },\n\t ohlc: {\n\t line: {\n\t color: WHITE\n\t }\n\t }\n\t },\n\t chartArea: {\n\t background: \"#3d3d3d\"\n\t },\n\t seriesColors: [\"#0081da\", \"#3aafff\", \"#99c900\", \"#ffeb3d\", \"#b20753\", \"#ff4195\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#8e8e8e\"\n\t },\n\t labels: {\n\t color: WHITE\n\t },\n\t majorGridLines: {\n\t color: \"#545454\"\n\t },\n\t minorGridLines: {\n\t color: \"#454545\"\n\t },\n\t title: {\n\t color: WHITE\n\t },\n\t crosshair: {\n\t color: \"#8e8e8e\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"#3b3b3b\",\n\t border: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t label: {\n\t color: WHITE\n\t },\n\t line: {\n\t color: \"#8e8e8e\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#0070e4\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#1d1d1d\",\n\t labels: {\n\t color: WHITE\n\t },\n\t minorTicks: {\n\t color: WHITE\n\t },\n\t majorTicks: {\n\t color: WHITE\n\t },\n\t line: {\n\t color: WHITE\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#0066cc\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#384049\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#3d3d3d\"\n\t },\n\t stroke: {\n\t color: \"#efefef\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: WHITE\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: \"#3d3d3d\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: WHITE\n\t },\n\t fill: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: WHITE\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: WHITE\n\t },\n\t content: {\n\t color: WHITE\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: \"#3d3d3d\"\n\t },\n\t stroke: {\n\t color: \"#efefef\"\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#0081da\", \"#314b5c\"],\n\t [\"#3aafff\", \"#3c5464\"],\n\t [\"#99c900\", \"#4f5931\"],\n\t [\"#ffeb3d\", \"#64603d\"],\n\t [\"#b20753\", \"#543241\"],\n\t [\"#ff4195\", \"#643e4f\"]]\n\t }\n\t });\n\n\t registerTheme(\"blueopal\", {\n\t chart: {\n\t title: {\n\t color: \"#293135\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#293135\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#27A5BA\"\n\t },\n\t markers: {\n\t color: \"#27A5BA\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: BLACK,\n\t background: WHITE,\n\t opacity: 0.5\n\t },\n\t errorBars: {\n\t color: \"#293135\"\n\t },\n\t candlestick: {\n\t downColor: \"#c4d0d5\",\n\t line: {\n\t color: \"#9aabb2\"\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#9aabb2\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#9aabb2\"\n\t }\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#9aabb2\"\n\t }\n\t },\n\t label: {\n\t color: \"#293135\"\n\t },\n\t line: {\n\t color: \"#9aabb2\"\n\t }\n\t }\n\t },\n\t seriesColors: [\"#0069a5\", \"#0098ee\", \"#7bd2f6\", \"#ffb800\", \"#ff8517\", \"#e34a00\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#9aabb2\"\n\t },\n\t labels: {\n\t color: \"#293135\"\n\t },\n\t majorGridLines: {\n\t color: \"#c4d0d5\"\n\t },\n\t minorGridLines: {\n\t color: \"#edf1f2\"\n\t },\n\t title: {\n\t color: \"#293135\"\n\t },\n\t crosshair: {\n\t color: \"#9aabb2\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#9aabb2\"\n\t }\n\t },\n\t label: {\n\t color: \"#293135\"\n\t },\n\t line: {\n\t color: \"#9aabb2\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#005c83\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#daecf4\",\n\n\t labels: {\n\t color: \"#293135\"\n\t },\n\t minorTicks: {\n\t color: \"#293135\"\n\t },\n\t majorTicks: {\n\t color: \"#293135\"\n\t },\n\t line: {\n\t color: \"#293135\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#7ec6e3\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: \"#003f59\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#003f59\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#293135\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#003f59\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#003f59\"\n\t },\n\t stroke: {\n\t color: \"#003f59\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#003f59\"\n\t },\n\t fill: {\n\t color: \"#003f59\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#003f59\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#003f59\"\n\t },\n\t content: {\n\t color: \"#293135\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: \"#3d3d3d\"\n\t },\n\t stroke: {\n\t color: \"#efefef\"\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#0069a5\", \"#bad7e7\"],\n\t [\"#0098ee\", \"#b9e0f5\"],\n\t [\"#7bd2f6\", \"#ceeaf6\"],\n\t [\"#ffb800\", \"#e6e3c4\"],\n\t [\"#ff8517\", \"#e4d8c8\"],\n\t [\"#e34a00\", \"#ddccc2\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"highcontrast\", {\n\t chart: {\n\t title: {\n\t color: \"#ffffff\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#66465B\"\n\t },\n\t markers: {\n\t color: \"#66465B\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t errorBars: {\n\t color: \"#ffffff\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#ffffff\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: \"#ffffff\"\n\t }\n\t },\n\t pie: {\n\t overlay: {\n\t gradient: \"sharpGlass\"\n\t }\n\t },\n\t donut: {\n\t overlay: {\n\t gradient: \"sharpGlass\"\n\t }\n\t },\n\t line: {\n\t markers: {\n\t background: \"#2c232b\"\n\t }\n\t },\n\t scatter: {\n\t markers: {\n\t background: \"#2c232b\"\n\t }\n\t },\n\t scatterLine: {\n\t markers: {\n\t background: \"#2c232b\"\n\t }\n\t },\n\t area: {\n\t opacity: 0.5\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#ffffff\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#ffffff\"\n\t }\n\t },\n\t candlestick: {\n\t downColor: \"#664e62\",\n\t line: {\n\t color: \"#ffffff\"\n\t },\n\t border: {\n\t _brightness: 1.5,\n\t opacity: 1\n\t },\n\t highlight: {\n\t border: {\n\t color: \"#ffffff\",\n\t opacity: 1\n\t }\n\t }\n\t },\n\t ohlc: {\n\t line: {\n\t color: \"#ffffff\"\n\t }\n\t }\n\t },\n\t chartArea: {\n\t background: \"#2c232b\"\n\t },\n\t seriesColors: [\"#a7008f\", \"#ffb800\", \"#3aafff\", \"#99c900\", \"#b20753\", \"#ff4195\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#ffffff\"\n\t },\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t majorGridLines: {\n\t color: \"#664e62\"\n\t },\n\t minorGridLines: {\n\t color: \"#4f394b\"\n\t },\n\t title: {\n\t color: \"#ffffff\"\n\t },\n\t crosshair: {\n\t color: \"#ffffff\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#ffffff\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: \"#ffffff\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#a7008f\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#2c232b\",\n\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t minorTicks: {\n\t color: \"#2c232b\"\n\t },\n\t majorTicks: {\n\t color: \"#664e62\"\n\t },\n\t line: {\n\t color: \"#ffffff\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#a7018f\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#2c232b\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#2c232b\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t },\n\t content: {\n\t color: WHITE\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: \"#2c232b\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: WHITE\n\t },\n\t fill: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: WHITE\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: WHITE\n\t },\n\t content: {\n\t color: WHITE\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: \"#2c232b\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#a7008f\", \"#451c3f\"],\n\t [\"#ffb800\", \"#564122\"],\n\t [\"#3aafff\", \"#2f3f55\"],\n\t [\"#99c900\", \"#424422\"],\n\t [\"#b20753\", \"#471d33\"],\n\t [\"#ff4195\", \"#562940\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"default\", {\n\t chart: {\n\t title: {\n\t color: \"#8e8e8e\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#232323\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#919191\"\n\t },\n\t markers: {\n\t color: \"#919191\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: BLACK,\n\t background: WHITE,\n\t opacity: 0.5\n\t },\n\t errorBars: {\n\t color: \"#232323\"\n\t },\n\t candlestick: {\n\t downColor: \"#dedede\",\n\t line: {\n\t color: \"#8d8d8d\"\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t label: {\n\t color: \"#232323\"\n\t },\n\t line: {\n\t color: \"#8e8e8e\"\n\t }\n\t }\n\t },\n\t seriesColors: [\"#ff6800\", \"#a0a700\", \"#ff8d00\", \"#678900\", \"#ffb53c\", \"#396000\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#8e8e8e\"\n\t },\n\t labels: {\n\t color: \"#232323\"\n\t },\n\t minorGridLines: {\n\t color: \"#f0f0f0\"\n\t },\n\t majorGridLines: {\n\t color: \"#dfdfdf\"\n\t },\n\t title: {\n\t color: \"#232323\"\n\t },\n\t crosshair: {\n\t color: \"#8e8e8e\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#8e8e8e\"\n\t }\n\t },\n\t label: {\n\t color: \"#232323\"\n\t },\n\t line: {\n\t color: \"#8e8e8e\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#ea7001\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#dedede\",\n\n\t labels: {\n\t color: \"#2e2e2e\"\n\t },\n\t minorTicks: {\n\t color: \"#2e2e2e\"\n\t },\n\t majorTicks: {\n\t color: \"#2e2e2e\"\n\t },\n\t line: {\n\t color: \"#2e2e2e\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#e15613\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: \"#282828\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#282828\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#2e2e2e\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#282828\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#282828\"\n\t },\n\t stroke: {\n\t color: \"#282828\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#282828\"\n\t },\n\t fill: {\n\t color: \"#282828\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#a7018f\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#282828\"\n\t },\n\t content: {\n\t color: \"#2e2e2e\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#282828\"\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#ff6800\", \"#edcfba\"],\n\t [\"#a0a700\", \"#dadcba\"],\n\t [\"#ff8d00\", \"#edd7ba\"],\n\t [\"#678900\", \"#cfd6ba\"],\n\t [\"#ffb53c\", \"#eddfc6\"],\n\t [\"#396000\", \"#c6ceba\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"silver\", {\n\t chart: {\n\t title: {\n\t color: \"#4e5968\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#4e5968\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#B1BCC8\"\n\t },\n\t markers: {\n\t color: \"#B1BCC8\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: \"#293135\",\n\t background: \"#eaeaec\",\n\t opacity: 0.5\n\t },\n\t errorBars: {\n\t color: \"#4e5968\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#4e5968\"\n\t }\n\t },\n\t label: {\n\t color: \"#4e5968\"\n\t },\n\t line: {\n\t color: \"#4e5968\"\n\t }\n\t },\n\t line: {\n\t markers: {\n\t background: \"#eaeaec\"\n\t }\n\t },\n\t scatter: {\n\t markers: {\n\t background: \"#eaeaec\"\n\t }\n\t },\n\t scatterLine: {\n\t markers: {\n\t background: \"#eaeaec\"\n\t }\n\t },\n\t pie: {\n\t connectors: {\n\t color: \"#A6B1C0\"\n\t }\n\t },\n\t donut: {\n\t connectors: {\n\t color: \"#A6B1C0\"\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#a6b1c0\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#a6b1c0\"\n\t }\n\t },\n\t candlestick: {\n\t downColor: \"#a6afbe\"\n\t }\n\t },\n\t chartArea: {\n\t background: \"#eaeaec\"\n\t },\n\t seriesColors: [\"#007bc3\", \"#76b800\", \"#ffae00\", \"#ef4c00\", \"#a419b7\", \"#430B62\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#a6b1c0\"\n\t },\n\t labels: {\n\t color: \"#4e5968\"\n\t },\n\t majorGridLines: {\n\t color: \"#dcdcdf\"\n\t },\n\t minorGridLines: {\n\t color: \"#eeeeef\"\n\t },\n\t title: {\n\t color: \"#4e5968\"\n\t },\n\t crosshair: {\n\t color: \"#a6b1c0\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#4e5968\"\n\t }\n\t },\n\t label: {\n\t color: \"#4e5968\"\n\t },\n\t line: {\n\t color: \"#4e5968\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#0879c0\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#f3f3f4\",\n\n\t labels: {\n\t color: \"#515967\"\n\t },\n\t minorTicks: {\n\t color: \"#515967\"\n\t },\n\t majorTicks: {\n\t color: \"#515967\"\n\t },\n\t line: {\n\t color: \"#515967\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#1c82c2\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: \"#515967\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#282828\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#515967\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#515967\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#515967\"\n\t },\n\t stroke: {\n\t color: \"#515967\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#515967\"\n\t },\n\t fill: {\n\t color: \"#515967\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#515967\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#515967\"\n\t },\n\t content: {\n\t color: \"#515967\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#515967\"\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#007bc3\", \"#c2dbea\"],\n\t [\"#76b800\", \"#dae7c3\"],\n\t [\"#ffae00\", \"#f5e5c3\"],\n\t [\"#ef4c00\", \"#f2d2c3\"],\n\t [\"#a419b7\", \"#e3c7e8\"],\n\t [\"#430b62\", \"#d0c5d7\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"metro\", {\n\t chart: {\n\t title: {\n\t color: \"#777777\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#777777\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#CBCBCB\"\n\t },\n\t markers: {\n\t color: \"#CBCBCB\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: BLACK\n\t },\n\t errorBars: {\n\t color: \"#777777\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#777777\"\n\t }\n\t },\n\t label: {\n\t color: \"#777777\"\n\t },\n\t line: {\n\t color: \"#777777\"\n\t }\n\t },\n\t candlestick: {\n\t downColor: \"#c7c7c7\",\n\t line: {\n\t color: \"#787878\"\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#c7c7c7\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#c7c7c7\"\n\t }\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t },\n\t border: {\n\t _brightness: 1\n\t }\n\t },\n\t seriesColors: [\"#8ebc00\", \"#309b46\", \"#25a0da\", \"#ff6900\", \"#e61e26\", \"#d8e404\", \"#16aba9\", \"#7e51a1\", \"#313131\", \"#ed1691\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#c7c7c7\"\n\t },\n\t labels: {\n\t color: \"#777777\"\n\t },\n\t minorGridLines: {\n\t color: \"#c7c7c7\"\n\t },\n\t majorGridLines: {\n\t color: \"#c7c7c7\"\n\t },\n\t title: {\n\t color: \"#777777\"\n\t },\n\t crosshair: {\n\t color: \"#c7c7c7\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#777777\"\n\t }\n\t },\n\t label: {\n\t color: \"#777777\"\n\t },\n\t line: {\n\t color: \"#777777\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#8ebc00\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#e6e6e6\",\n\n\t labels: {\n\t color: \"#777\"\n\t },\n\t minorTicks: {\n\t color: \"#777\"\n\t },\n\t majorTicks: {\n\t color: \"#777\"\n\t },\n\t line: {\n\t color: \"#777\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#8ebc00\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: BLACK\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: BLACK\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#777\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#787878\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#787878\"\n\t },\n\t stroke: {\n\t color: \"#787878\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#787878\"\n\t },\n\t fill: {\n\t color: \"#787878\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#515967\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#787878\"\n\t },\n\t content: {\n\t color: \"#777\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#787878\"\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#8ebc00\", \"#e8f2cc\"],\n\t [\"#309b46\", \"#d6ebda\"],\n\t [\"#25a0da\", \"#d3ecf8\"],\n\t [\"#ff6900\", \"#ffe1cc\"],\n\t [\"#e61e26\", \"#fad2d4\"],\n\t [\"#d8e404\", \"#f7facd\"],\n\t [\"#16aba9\", \"#d0eeee\"],\n\t [\"#7e51a1\", \"#e5dcec\"],\n\t [\"#313131\", \"#d6d6d6\"],\n\t [\"#ed1691\", \"#fbd0e9\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"metroblack\", {\n\t chart: {\n\t title: {\n\t color: \"#ffffff\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#797979\"\n\t },\n\t markers: {\n\t color: \"#797979\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t border: {\n\t _brightness: 1\n\t },\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t errorBars: {\n\t color: \"#ffffff\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#cecece\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: \"#cecece\"\n\t }\n\t },\n\t line: {\n\t markers: {\n\t background: \"#0e0e0e\"\n\t }\n\t },\n\t bubble: {\n\t opacity: 0.6\n\t },\n\t scatter: {\n\t markers: {\n\t background: \"#0e0e0e\"\n\t }\n\t },\n\t scatterLine: {\n\t markers: {\n\t background: \"#0e0e0e\"\n\t }\n\t },\n\t candlestick: {\n\t downColor: \"#828282\",\n\t line: {\n\t color: \"#ffffff\"\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#cecece\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#cecece\"\n\t }\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t }\n\t },\n\t chartArea: {\n\t background: \"#0e0e0e\"\n\t },\n\t seriesColors: [\"#00aba9\", \"#309b46\", \"#8ebc00\", \"#ff6900\", \"#e61e26\", \"#d8e404\", \"#25a0da\", \"#7e51a1\", \"#313131\", \"#ed1691\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#cecece\"\n\t },\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t minorGridLines: {\n\t color: \"#2d2d2d\"\n\t },\n\t majorGridLines: {\n\t color: \"#333333\"\n\t },\n\t title: {\n\t color: \"#ffffff\"\n\t },\n\t crosshair: {\n\t color: \"#cecece\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#cecece\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: \"#cecece\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#00aba9\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#2d2d2d\",\n\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t minorTicks: {\n\t color: \"#333333\"\n\t },\n\t majorTicks: {\n\t color: \"#cecece\"\n\t },\n\t line: {\n\t color: \"#cecece\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#00aba9\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#0e0e0e\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#0e0e0e\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t },\n\t content: {\n\t color: WHITE\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: \"#0e0e0e\"\n\t },\n\t stroke: {\n\t color: \"#787878\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#787878\"\n\t },\n\t stroke: {\n\t color: \"#787878\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: WHITE\n\t },\n\t fill: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#787878\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: WHITE\n\t },\n\t content: {\n\t color: WHITE\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: \"#0e0e0e\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#00aba9\", \"#0b2d2d\"],\n\t [\"#309b46\", \"#152a19\"],\n\t [\"#8ebc00\", \"#28310b\"],\n\t [\"#ff6900\", \"#3e200b\"],\n\t [\"#e61e26\", \"#391113\"],\n\t [\"#d8e404\", \"#36390c\"],\n\t [\"#25a0da\", \"#132b37\"],\n\t [\"#7e51a1\", \"#241b2b\"],\n\t [\"#313131\", \"#151515\"],\n\t [\"#ed1691\", \"#3b1028\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"moonlight\", {\n\t chart: {\n\t title: {\n\t color: \"#ffffff\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#A1A7AB\"\n\t },\n\t markers: {\n\t color: \"#A1A7AB\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t errorBars: {\n\t color: \"#ffffff\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#8c909e\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: \"#8c909e\"\n\t }\n\t },\n\t pie: {\n\t overlay: {\n\t gradient: \"sharpBevel\"\n\t }\n\t },\n\t donut: {\n\t overlay: {\n\t gradient: \"sharpGlass\"\n\t }\n\t },\n\t line: {\n\t markers: {\n\t background: \"#212a33\"\n\t }\n\t },\n\t bubble: {\n\t opacity: 0.6\n\t },\n\t scatter: {\n\t markers: {\n\t background: \"#212a33\"\n\t }\n\t },\n\t scatterLine: {\n\t markers: {\n\t background: \"#212a33\"\n\t }\n\t },\n\t area: {\n\t opacity: 0.3\n\t },\n\t candlestick: {\n\t downColor: \"#757d87\",\n\t line: {\n\t color: \"#ea9d06\"\n\t },\n\t border: {\n\t _brightness: 1.5,\n\t opacity: 1\n\t },\n\t highlight: {\n\t border: {\n\t color: WHITE,\n\t opacity: 0.2\n\t }\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#8c909e\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#8c909e\"\n\t }\n\t },\n\t ohlc: {\n\t line: {\n\t color: \"#ea9d06\"\n\t }\n\t }\n\t },\n\t chartArea: {\n\t background: \"#212a33\"\n\t },\n\t seriesColors: [\"#ffca08\", \"#ff710f\", \"#ed2e24\", \"#ff9f03\", \"#e13c02\", \"#a00201\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#8c909e\"\n\t },\n\t minorTicks: {\n\t color: \"#8c909e\"\n\t },\n\t majorTicks: {\n\t color: \"#8c909e\"\n\t },\n\t labels: {\n\t color: \"#ffffff\"\n\t },\n\t majorGridLines: {\n\t color: \"#3e424d\"\n\t },\n\t minorGridLines: {\n\t color: \"#2f3640\"\n\t },\n\t title: {\n\t color: \"#ffffff\"\n\t },\n\t crosshair: {\n\t color: \"#8c909e\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#8c909e\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: \"#8c909e\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#f4af03\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#2f3640\",\n\n\t labels: {\n\t color: WHITE\n\t },\n\t minorTicks: {\n\t color: \"#8c909e\"\n\t },\n\t majorTicks: {\n\t color: \"#8c909e\"\n\t },\n\t line: {\n\t color: \"#8c909e\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#f3ae03\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#414550\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#414550\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t },\n\t content: {\n\t color: WHITE\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: \"#414550\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: WHITE\n\t },\n\t fill: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: WHITE\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: WHITE\n\t },\n\t content: {\n\t color: WHITE\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: \"#414550\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#ffca08\", \"#4e4b2b\"],\n\t [\"#ff710f\", \"#4e392d\"],\n\t [\"#ed2e24\", \"#4b2c31\"],\n\t [\"#ff9f03\", \"#4e422a\"],\n\t [\"#e13c02\", \"#482e2a\"],\n\t [\"#a00201\", \"#3b232a\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"uniform\", {\n\t chart: {\n\t title: {\n\t color: \"#686868\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#686868\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#B6B6B6\"\n\t },\n\t markers: {\n\t color: \"#B6B6B6\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: \"#686868\"\n\t },\n\t errorBars: {\n\t color: \"#686868\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#9e9e9e\"\n\t }\n\t },\n\t label: {\n\t color: \"#686868\"\n\t },\n\t line: {\n\t color: \"#9e9e9e\"\n\t }\n\t },\n\t pie: {\n\t overlay: {\n\t gradient: \"sharpBevel\"\n\t }\n\t },\n\t donut: {\n\t overlay: {\n\t gradient: \"sharpGlass\"\n\t }\n\t },\n\t line: {\n\t markers: {\n\t background: \"#ffffff\"\n\t }\n\t },\n\t bubble: {\n\t opacity: 0.6\n\t },\n\t scatter: {\n\t markers: {\n\t background: \"#ffffff\"\n\t }\n\t },\n\t scatterLine: {\n\t markers: {\n\t background: \"#ffffff\"\n\t }\n\t },\n\t area: {\n\t opacity: 0.3\n\t },\n\t candlestick: {\n\t downColor: \"#cccccc\",\n\t line: {\n\t color: \"#cccccc\"\n\t },\n\t border: {\n\t _brightness: 1.5,\n\t opacity: 1\n\t },\n\t highlight: {\n\t border: {\n\t color: \"#cccccc\",\n\t opacity: 0.2\n\t }\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#9e9e9e\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#9e9e9e\"\n\t }\n\t },\n\t ohlc: {\n\t line: {\n\t color: \"#cccccc\"\n\t }\n\t }\n\t },\n\t chartArea: {\n\t background: \"#ffffff\"\n\t },\n\t seriesColors: [\"#527aa3\", \"#6f91b3\", \"#8ca7c2\", \"#a8bdd1\", \"#c5d3e0\", \"#e2e9f0\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#9e9e9e\"\n\t },\n\t minorTicks: {\n\t color: \"#aaaaaa\"\n\t },\n\t majorTicks: {\n\t color: \"#888888\"\n\t },\n\t labels: {\n\t color: \"#686868\"\n\t },\n\t majorGridLines: {\n\t color: \"#dadada\"\n\t },\n\t minorGridLines: {\n\t color: \"#e7e7e7\"\n\t },\n\t title: {\n\t color: \"#686868\"\n\t },\n\t crosshair: {\n\t color: \"#9e9e9e\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#9e9e9e\"\n\t }\n\t },\n\t label: {\n\t color: \"#686868\"\n\t },\n\t line: {\n\t color: \"#9e9e9e\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#527aa3\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#e7e7e7\",\n\n\t labels: {\n\t color: \"#686868\"\n\t },\n\t minorTicks: {\n\t color: \"#aaaaaa\"\n\t },\n\t majorTicks: {\n\t color: \"#888888\"\n\t },\n\t line: {\n\t color: \"#9e9e9e\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#d1d1d1\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: \"#686868\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#686868\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#686868\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#686868\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#686868\"\n\t },\n\t stroke: {\n\t color: \"#686868\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#686868\"\n\t },\n\t fill: {\n\t color: \"#686868\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#686868\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#686868\"\n\t },\n\t content: {\n\t color: \"#686868\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#686868\"\n\t }\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#527aa3\", \"#d0d8e1\"],\n\t [\"#6f91b3\", \"#d6dde4\"],\n\t [\"#8ca7c2\", \"#dce1e7\"],\n\t [\"#a8bdd1\", \"#e2e6ea\"],\n\t [\"#c5d3e0\", \"#e7eaed\"],\n\t [\"#e2e9f0\", \"#edeff0\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"bootstrap\", {\n\t chart: {\n\t title: {\n\t color: \"#333333\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#333333\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#999999\"\n\t },\n\t markers: {\n\t color: \"#9A9A9A\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: \"#333333\"\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t },\n\t errorBars: {\n\t color: \"#343434\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"#000000\",\n\t border: {\n\t color: \"#000000\"\n\t }\n\t },\n\t label: {\n\t color: \"#333333\"\n\t },\n\t line: {\n\t color: \"#000000\"\n\t }\n\t },\n\t pie: {\n\t overlay: {\n\t gradient: \"none\"\n\t }\n\t },\n\t donut: {\n\t overlay: {\n\t gradient: \"none\"\n\t }\n\t },\n\t line: {\n\t markers: {\n\t background: \"#ffffff\"\n\t }\n\t },\n\t bubble: {\n\t opacity: 0.6\n\t },\n\t scatter: {\n\t markers: {\n\t background: \"#ffffff\"\n\t }\n\t },\n\t scatterLine: {\n\t markers: {\n\t background: \"#ffffff\"\n\t }\n\t },\n\t area: {\n\t opacity: 0.8\n\t },\n\t candlestick: {\n\t downColor: \"#d0d0d0\",\n\t line: {\n\t color: \"#333333\"\n\t },\n\t border: {\n\t _brightness: 1.5,\n\t opacity: 1\n\t },\n\t highlight: {\n\t border: {\n\t color: \"#b8b8b8\",\n\t opacity: 0.2\n\t }\n\t }\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#cccccc\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#cccccc\"\n\t }\n\t },\n\t ohlc: {\n\t line: {\n\t color: \"#333333\"\n\t }\n\t }\n\t },\n\t chartArea: {\n\t background: \"#ffffff\"\n\t },\n\t seriesColors: [\"#428bca\", \"#5bc0de\", \"#5cb85c\", \"#f2b661\", \"#e67d4a\", \"#da3b36\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#cccccc\"\n\t },\n\t minorTicks: {\n\t color: \"#ebebeb\"\n\t },\n\t majorTicks: {\n\t color: \"#cccccc\"\n\t },\n\t labels: {\n\t color: \"#333333\"\n\t },\n\t majorGridLines: {\n\t color: \"#cccccc\"\n\t },\n\t minorGridLines: {\n\t color: \"#ebebeb\"\n\t },\n\t title: {\n\t color: \"#333333\"\n\t },\n\t crosshair: {\n\t color: \"#000000\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"#000000\",\n\t border: {\n\t color: \"#000000\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: \"#000000\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#428bca\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#cccccc\",\n\t labels: {\n\t color: \"#333333\"\n\t },\n\t minorTicks: {\n\t color: \"#ebebeb\"\n\t },\n\t majorTicks: {\n\t color: \"#cccccc\"\n\t },\n\t line: {\n\t color: \"#cccccc\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#428bca\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: \"#333333\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#333333\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#333333\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#333333\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#333333\"\n\t },\n\t stroke: {\n\t color: \"#333333\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#333333\"\n\t },\n\t fill: {\n\t color: \"#333333\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#333333\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#c4c4c4\"\n\t },\n\t content: {\n\t color: \"#333333\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#333333\"\n\t }\n\t },\n\t stroke: {\n\t color: \"#333333\"\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#428bca\", \"#d1e0ec\"],\n\t [\"#5bc0de\", \"#d6eaf0\"],\n\t [\"#5cb85c\", \"#d6e9d6\"],\n\t [\"#5cb85c\", \"#f4e8d7\"],\n\t [\"#e67d4a\", \"#f2ddd3\"],\n\t [\"#da3b36\", \"#f0d0cf\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"flat\", {\n\t chart: {\n\t title: {\n\t color: \"#4c5356\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#4c5356\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#CBCBCB\"\n\t },\n\t markers: {\n\t color: \"#CBCBCB\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: \"#4c5356\"\n\t },\n\t errorBars: {\n\t color: \"#4c5356\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#cdcdcd\"\n\t }\n\t },\n\t label: {\n\t color: \"#4c5356\"\n\t },\n\t line: {\n\t color: \"#cdcdcd\"\n\t }\n\t },\n\t candlestick: {\n\t downColor: \"#c7c7c7\",\n\t line: {\n\t color: \"#787878\"\n\t }\n\t },\n\t area: {\n\t opacity: 0.9\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#cdcdcd\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#cdcdcd\"\n\t }\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t },\n\t border: {\n\t _brightness: 1\n\t }\n\t },\n\t seriesColors: [\"#10c4b2\", \"#ff7663\", \"#ffb74f\", \"#a2df53\", \"#1c9ec4\", \"#ff63a5\", \"#1cc47b\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#cdcdcd\"\n\t },\n\t labels: {\n\t color: \"#4c5356\"\n\t },\n\t minorGridLines: {\n\t color: \"#cdcdcd\"\n\t },\n\t majorGridLines: {\n\t color: \"#cdcdcd\"\n\t },\n\t title: {\n\t color: \"#4c5356\"\n\t },\n\t crosshair: {\n\t color: \"#cdcdcd\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#cdcdcd\"\n\t }\n\t },\n\t label: {\n\t color: \"#4c5356\"\n\t },\n\t line: {\n\t color: \"#cdcdcd\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#10c4b2\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#cdcdcd\",\n\n\t labels: {\n\t color: \"#4c5356\"\n\t },\n\t minorTicks: {\n\t color: \"#4c5356\"\n\t },\n\t majorTicks: {\n\t color: \"#4c5356\"\n\t },\n\t line: {\n\t color: \"#4c5356\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#10c4b2\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: \"#363940\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#363940\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#4c5356\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#363940\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#363940\"\n\t },\n\t stroke: {\n\t color: \"#363940\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#363940\"\n\t },\n\t fill: {\n\t color: \"#363940\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#363940\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#cdcdcd\"\n\t },\n\t content: {\n\t color: \"#4c5356\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#363940\"\n\t }\n\t },\n\t stroke: {\n\t color: \"#363940\"\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#10c4b2\", \"#cff3f0\"],\n\t [\"#ff7663\", \"#ffe4e0\"],\n\t [\"#ffb74f\", \"#fff1dc\"],\n\t [\"#a2df53\", \"#ecf9dd\"],\n\t [\"#1c9ec4\", \"#d2ecf3\"],\n\t [\"#ff63a5\", \"#ffe0ed\"],\n\t [\"#1cc47b\", \"#d2f3e5\"]\n\t ]\n\t }\n\t });\n\n\n\t registerTheme(\"material\", {\n\t chart: {\n\t title: {\n\t color: \"#444444\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#444444\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#CBCBCB\"\n\t },\n\t markers: {\n\t color: \"#CBCBCB\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: \"#444444\"\n\t },\n\t errorBars: {\n\t color: \"#444444\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#e5e5e5\"\n\t }\n\t },\n\t label: {\n\t color: \"#444444\"\n\t },\n\t line: {\n\t color: \"#e5e5e5\"\n\t }\n\t },\n\t candlestick: {\n\t downColor: \"#c7c7c7\",\n\t line: {\n\t color: \"#787878\"\n\t }\n\t },\n\t area: {\n\t opacity: 0.9\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#e5e5e5\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#e5e5e5\"\n\t }\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t },\n\t border: {\n\t _brightness: 1\n\t }\n\t },\n\t seriesColors: [\"#3f51b5\", \"#03a9f4\", \"#4caf50\", \"#f9ce1d\", \"#ff9800\", \"#ff5722\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#e5e5e5\"\n\t },\n\t labels: {\n\t color: \"#444444\"\n\t },\n\t minorGridLines: {\n\t color: \"#e5e5e5\"\n\t },\n\t majorGridLines: {\n\t color: \"#e5e5e5\"\n\t },\n\t title: {\n\t color: \"#444444\"\n\t },\n\t crosshair: {\n\t color: \"#7f7f7f\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#e5e5e5\"\n\t }\n\t },\n\t label: {\n\t color: \"#444444\"\n\t },\n\t line: {\n\t color: \"#e5e5e5\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#3f51b5\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#e5e5e5\",\n\n\t labels: {\n\t color: \"#444444\"\n\t },\n\t minorTicks: {\n\t color: \"#444444\"\n\t },\n\t majorTicks: {\n\t color: \"#444444\"\n\t },\n\t line: {\n\t color: \"#444444\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#3f51b5\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: \"#7f7f7f\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#7f7f7f\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#444444\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#444444\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#444444\"\n\t },\n\t stroke: {\n\t color: \"#444444\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#444444\"\n\t },\n\t fill: {\n\t color: \"#444444\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#444444\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#7f7f7f\"\n\t },\n\t content: {\n\t color: \"#444444\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#444444\"\n\t }\n\t },\n\t stroke: {\n\t color: \"#444444\"\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#3f51b5\", \"#cff3f0\"],\n\t [\"#03a9f4\", \"#e5f6fe\"],\n\t [\"#4caf50\", \"#edf7ed\"],\n\t [\"#f9ce1d\", \"#fefae8\"],\n\t [\"#ff9800\", \"#fff4e5\"],\n\t [\"#ff5722\", \"#ffeee8\"]\n\t ]\n\t }\n\t });\n\n\t registerTheme(\"materialblack\", {\n\t chart: {\n\t title: {\n\t color: \"#fff\"\n\t },\n\t legend: {\n\t labels: {\n\t color: \"#fff\"\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: \"#CBCBCB\"\n\t },\n\t markers: {\n\t color: \"#CBCBCB\"\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: \"#fff\"\n\t },\n\t errorBars: {\n\t color: \"#fff\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#e5e5e5\"\n\t }\n\t },\n\t label: {\n\t color: \"#fff\"\n\t },\n\t line: {\n\t color: \"#e5e5e5\"\n\t }\n\t },\n\t candlestick: {\n\t downColor: \"#c7c7c7\",\n\t line: {\n\t color: \"#787878\"\n\t }\n\t },\n\t area: {\n\t opacity: 0.9\n\t },\n\t waterfall: {\n\t line: {\n\t color: \"#4d4d4d\"\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: \"#4d4d4d\"\n\t }\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t },\n\t border: {\n\t _brightness: 1\n\t }\n\t },\n\t chartArea: {\n\t background: \"#1c1c1c\"\n\t },\n\t seriesColors: [\"#3f51b5\", \"#03a9f4\", \"#4caf50\", \"#f9ce1d\", \"#ff9800\", \"#ff5722\"],\n\t axisDefaults: {\n\t line: {\n\t color: \"#4d4d4d\"\n\t },\n\t labels: {\n\t color: \"#fff\"\n\t },\n\t minorGridLines: {\n\t color: \"#4d4d4d\"\n\t },\n\t majorGridLines: {\n\t color: \"#4d4d4d\"\n\t },\n\t title: {\n\t color: \"#fff\"\n\t },\n\t crosshair: {\n\t color: \"#7f7f7f\"\n\t },\n\t notes: {\n\t icon: {\n\t background: \"transparent\",\n\t border: {\n\t color: \"#4d4d4d\"\n\t }\n\t },\n\t label: {\n\t color: \"#fff\"\n\t },\n\t line: {\n\t color: \"#4d4d4d\"\n\t }\n\t }\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: \"#3f51b5\"\n\t },\n\t scale: {\n\t rangePlaceholderColor: \"#4d4d4d\",\n\n\t labels: {\n\t color: \"#fff\"\n\t },\n\t minorTicks: {\n\t color: \"#fff\"\n\t },\n\t majorTicks: {\n\t color: \"#fff\"\n\t },\n\t line: {\n\t color: \"#fff\"\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: \"#3f51b5\"\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: \"#7f7f7f\"\n\t },\n\t stroke: {\n\t color: WHITE\n\t },\n\t hover: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#7f7f7f\"\n\t }\n\t }\n\t },\n\t content: {\n\t color: \"#fff\"\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#fff\"\n\t },\n\t hover: {\n\t fill: {\n\t color: \"#fff\"\n\t },\n\t stroke: {\n\t color: \"#fff\"\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: \"#fff\"\n\t },\n\t fill: {\n\t color: \"#fff\"\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: \"#fff\"\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: \"#7f7f7f\"\n\t },\n\t content: {\n\t color: \"#fff\"\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: WHITE\n\t },\n\t stroke: {\n\t color: \"#fff\"\n\t }\n\t },\n\t stroke: {\n\t color: \"#fff\"\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: [\n\t [\"#3f51b5\", \"#cff3f0\"],\n\t [\"#03a9f4\", \"#e5f6fe\"],\n\t [\"#4caf50\", \"#edf7ed\"],\n\t [\"#f9ce1d\", \"#fefae8\"],\n\t [\"#ff9800\", \"#fff4e5\"],\n\t [\"#ff5722\", \"#ffeee8\"]\n\t ]\n\t }\n\t });\n\n\t (function () {\n\t var TEXT = \"#333333\";\n\t var INACTIVE = \"#7f7f7f\";\n\t var INACTIVE_SHAPE = \"#bdbdbd\";\n\t var AXIS = \"#c8c8c8\";\n\t var AXIS_MINOR = \"#dddddd\";\n\t var SERIES = [\"#008fd3\", \"#99d101\", \"#f39b02\", \"#f05662\", \"#c03c53\", \"#acacac\"];\n\t var SERIES_LIGHT = [\"#cbe8f5\", \"#eaf5cb\", \"#fceacc\", \"#fbdcdf\", \"#f2d7dc\", \"#eeeeee\"];\n\t var PRIMARY = SERIES[0];\n\t var DIAGRAM_HOVER = WHITE;\n\n\t function noteStyle() {\n\t return {\n\t icon: {\n\t background: \"#007cc0\",\n\t border: {\n\t color: \"#007cc0\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: AXIS\n\t }\n\t };\n\t }\n\n\t registerTheme(\"fiori\", {\n\t chart: {\n\t title: {\n\t color: TEXT\n\t },\n\t legend: {\n\t labels: {\n\t color: TEXT\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: INACTIVE\n\t },\n\t markers: {\n\t color: INACTIVE\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: TEXT\n\t },\n\t errorBars: {\n\t color: TEXT\n\t },\n\t notes: noteStyle(),\n\t candlestick: {\n\t downColor: AXIS,\n\t line: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t area: {\n\t opacity: 0.8\n\t },\n\t waterfall: {\n\t line: {\n\t color: AXIS\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: AXIS\n\t }\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t },\n\t border: {\n\t _brightness: 1\n\t }\n\t },\n\t seriesColors: SERIES,\n\t axisDefaults: {\n\t line: {\n\t color: AXIS\n\t },\n\t labels: {\n\t color: TEXT\n\t },\n\t minorGridLines: {\n\t color: AXIS_MINOR\n\t },\n\t majorGridLines: {\n\t color: AXIS\n\t },\n\t title: {\n\t color: TEXT\n\t },\n\t crosshair: {\n\t color: INACTIVE\n\t },\n\t notes: noteStyle()\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: PRIMARY\n\t },\n\t scale: {\n\t rangePlaceholderColor: AXIS,\n\t labels: {\n\t color: TEXT\n\t },\n\t minorTicks: {\n\t color: TEXT\n\t },\n\t majorTicks: {\n\t color: TEXT\n\t },\n\t line: {\n\t color: TEXT\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: PRIMARY\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: TEXT\n\t },\n\t stroke: {\n\t color: DIAGRAM_HOVER\n\t },\n\t hover: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: TEXT\n\t }\n\t }\n\t },\n\t content: {\n\t color: TEXT\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t hover: {\n\t fill: {\n\t color: INACTIVE_SHAPE\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t fill: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t content: {\n\t color: INACTIVE_SHAPE\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: fuse(SERIES, SERIES_LIGHT)\n\t }\n\t });\n\t })();\n\n\t (function() {\n\t var TEXT = \"#4e4e4e\";\n\t var INACTIVE = \"#7f7f7f\";\n\t var INACTIVE_SHAPE = \"#bdbdbd\";\n\t var AXIS = \"#c8c8c8\";\n\t var AXIS_MINOR = \"#e5e5e5\";\n\t var SERIES = [\"#0072c6\", \"#5db2ff\", \"#008a17\", \"#82ba00\", \"#ff8f32\", \"#ac193d\"];\n\t var SERIES_LIGHT = [\"#cbe2f3\", \"#deeffe\", \"#cbe7d0\", \"#e5f0cb\", \"#fee8d5\", \"#eed0d7\"];\n\t var PRIMARY = SERIES[0];\n\t var DIAGRAM_HOVER = WHITE;\n\n\t function noteStyle() {\n\t return {\n\t icon: {\n\t background: \"#00b0ff\",\n\t border: {\n\t color: \"#00b0ff\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: AXIS\n\t }\n\t };\n\t }\n\n\t registerTheme(\"office365\", {\n\t chart: {\n\t title: {\n\t color: TEXT\n\t },\n\t legend: {\n\t labels: {\n\t color: TEXT\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: INACTIVE\n\t },\n\t markers: {\n\t color: INACTIVE\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: TEXT\n\t },\n\t errorBars: {\n\t color: TEXT\n\t },\n\t notes: noteStyle(),\n\t candlestick: {\n\t downColor: AXIS,\n\t line: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t area: {\n\t opacity: 0.8\n\t },\n\t waterfall: {\n\t line: {\n\t color: AXIS\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: AXIS\n\t }\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t },\n\t border: {\n\t _brightness: 1\n\t }\n\t },\n\t seriesColors: SERIES,\n\t axisDefaults: {\n\t line: {\n\t color: AXIS\n\t },\n\t labels: {\n\t color: TEXT\n\t },\n\t minorGridLines: {\n\t color: AXIS_MINOR\n\t },\n\t majorGridLines: {\n\t color: AXIS\n\t },\n\t title: {\n\t color: TEXT\n\t },\n\t crosshair: {\n\t color: INACTIVE\n\t },\n\t notes: noteStyle()\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: PRIMARY\n\t },\n\t scale: {\n\t rangePlaceholderColor: AXIS,\n\t labels: {\n\t color: TEXT\n\t },\n\t minorTicks: {\n\t color: TEXT\n\t },\n\t majorTicks: {\n\t color: TEXT\n\t },\n\t line: {\n\t color: TEXT\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: PRIMARY\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: TEXT\n\t },\n\t stroke: {\n\t color: DIAGRAM_HOVER\n\t },\n\t hover: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: TEXT\n\t }\n\t }\n\t },\n\t content: {\n\t color: TEXT\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t hover: {\n\t fill: {\n\t color: INACTIVE_SHAPE\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t fill: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t content: {\n\t color: INACTIVE_SHAPE\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: fuse(SERIES, SERIES_LIGHT)\n\t }\n\t });\n\t })();\n\n\t (function () {\n\t var TEXT = \"#32364c\";\n\t var INACTIVE = \"#7f7f7f\";\n\t var INACTIVE_SHAPE = \"#bdbdbd\";\n\t var AXIS = \"#dfe0e1\";\n\t var AXIS_MINOR = \"#dfe0e1\";\n\t var SERIES = [\"#ff4350\", \"#ff9ea5\", \"#00acc1\", \"#80deea\", \"#ffbf46\", \"#ffd78c\"];\n\t var SERIES_LIGHT = [\"#ffd9dc\", \"#ffeced\", \"#cceef3\", \"#e6f8fb\", \"#fff2da\", \"#fff7e8\"];\n\t var PRIMARY = SERIES[0];\n\t var DIAGRAM_HOVER = WHITE;\n\n\t function noteStyle() {\n\t return {\n\t icon: {\n\t background: \"#007cc0\",\n\t border: {\n\t color: \"#007cc0\"\n\t }\n\t },\n\t label: {\n\t color: \"#ffffff\"\n\t },\n\t line: {\n\t color: AXIS\n\t }\n\t };\n\t }\n\n\t registerTheme(\"nova\", {\n\t chart: {\n\t title: {\n\t color: TEXT\n\t },\n\t legend: {\n\t labels: {\n\t color: TEXT\n\t },\n\t inactiveItems: {\n\t labels: {\n\t color: INACTIVE\n\t },\n\t markers: {\n\t color: INACTIVE\n\t }\n\t }\n\t },\n\t seriesDefaults: {\n\t labels: {\n\t color: TEXT\n\t },\n\t errorBars: {\n\t color: TEXT\n\t },\n\t notes: noteStyle(),\n\t candlestick: {\n\t downColor: AXIS,\n\t line: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t area: {\n\t opacity: 0.8\n\t },\n\t waterfall: {\n\t line: {\n\t color: AXIS\n\t }\n\t },\n\t horizontalWaterfall: {\n\t line: {\n\t color: AXIS\n\t }\n\t },\n\t overlay: {\n\t gradient: \"none\"\n\t },\n\t border: {\n\t _brightness: 1\n\t }\n\t },\n\t seriesColors: SERIES,\n\t axisDefaults: {\n\t line: {\n\t color: AXIS\n\t },\n\t labels: {\n\t color: TEXT\n\t },\n\t minorGridLines: {\n\t color: AXIS_MINOR\n\t },\n\t majorGridLines: {\n\t color: AXIS\n\t },\n\t title: {\n\t color: TEXT\n\t },\n\t crosshair: {\n\t color: TEXT\n\t },\n\t notes: noteStyle()\n\t }\n\t },\n\t gauge: {\n\t pointer: {\n\t color: PRIMARY\n\t },\n\t scale: {\n\t rangePlaceholderColor: AXIS,\n\t labels: {\n\t color: TEXT\n\t },\n\t minorTicks: {\n\t color: TEXT\n\t },\n\t majorTicks: {\n\t color: TEXT\n\t },\n\t line: {\n\t color: TEXT\n\t }\n\t }\n\t },\n\t diagram: {\n\t shapeDefaults: {\n\t fill: {\n\t color: PRIMARY\n\t },\n\t connectorDefaults: {\n\t fill: {\n\t color: TEXT\n\t },\n\t stroke: {\n\t color: DIAGRAM_HOVER\n\t },\n\t hover: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: TEXT\n\t }\n\t }\n\t },\n\t content: {\n\t color: TEXT\n\t }\n\t },\n\t editable: {\n\t resize: {\n\t handles: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t hover: {\n\t fill: {\n\t color: INACTIVE_SHAPE\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t rotate: {\n\t thumb: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t fill: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t selectable: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t connectionDefaults: {\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t },\n\t content: {\n\t color: INACTIVE_SHAPE\n\t },\n\t selection: {\n\t handles: {\n\t fill: {\n\t color: DIAGRAM_HOVER\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t },\n\t stroke: {\n\t color: INACTIVE_SHAPE\n\t }\n\t }\n\t }\n\t },\n\t treeMap: {\n\t colors: fuse(SERIES, SERIES_LIGHT)\n\t }\n\t });\n\t })();\n\n\t (function () {\n\t var SERIES = [\"#ff6358\", \"#ffd246\", \"#78d237\", \"#28b4c8\", \"#2d73f5\", \"#aa46be\"];\n\t var SERIES_LIGHT = [\"#ffd9dc\", \"#ffeced\", \"#cceef3\", \"#e6f8fb\", \"#fff2da\", \"#fff7e8\"];\n\n\t registerTheme(\"default-v2\", {\n\t chart: { /* read from DOM */ },\n\t gauge: { /* read from DOM */ },\n\t diagram: { /* read from DOM */ },\n\t treeMap: {\n\t colors: fuse(SERIES, SERIES_LIGHT)\n\t }\n\t });\n\n\t themes.sass = themes[\"default-v2\"];\n\t })();\n\n\n\n\t (function () {\n\t var TEXT = \"#292b2c\";\n\t var AXIS = \"rgba(0, 0, 0, .04)\";\n\t var SERIES = [\"#0275d8\", \"#5bc0de\", \"#5cb85c\", \"#f0ad4e\", \"#e67d4a\", \"#d9534f\"];\n\t var SERIES_LIGHT = [\"#ffd9dc\", \"#ffeced\", \"#cceef3\", \"#e6f8fb\", \"#fff2da\", \"#fff7e8\"];\n\t var PRIMARY = SERIES[0];\n\n\t registerTheme(\"bootstrap-v4\", {\n\t chart: { /* read from DOM */ },\n\t gauge: {\n\t pointer: {\n\t color: PRIMARY\n\t },\n\t scale: {\n\t rangePlaceholderColor: AXIS,\n\t labels: {\n\t color: TEXT\n\t },\n\t minorTicks: {\n\t color: TEXT\n\t },\n\t majorTicks: {\n\t color: TEXT\n\t },\n\t line: {\n\t color: TEXT\n\t }\n\t }\n\t },\n\t diagram: { /* read from DOM */ },\n\t treeMap: {\n\t colors: fuse(SERIES, SERIES_LIGHT)\n\t }\n\t });\n\t })();\n\n\t function fuse(arr1, arr2) {\n\t return $.map(arr1, function(item, index) {\n\t return [\n\t [item, arr2[index]]\n\t ];\n\t });\n\t }\n\n\t})(window.kendo.jQuery);\n\n\treturn window.kendo;\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 919:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./chart-base-theme\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(920);\n\tmodule.exports = __webpack_require__(920);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 920:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(921) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\t \n\t var kendo = window.kendo;\n\t var drawing = kendo.drawing;\n\t var drawDOM = drawing.drawDOM;\n\n\t drawing.drawDOM = function(element, options) {\n\t return drawDOM($(element)[0], options);\n\t };\n\n\t drawing.drawDOM.drawText = drawDOM.drawText;\n\t drawing.drawDOM.getFontFaces = drawDOM.getFontFaces;\n\n\t})(window.kendo.jQuery);\n\n\t}, __webpack_require__(3));\n\n\n/***/ }),\n\n/***/ 921:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo-drawing\");\n\n/***/ })\n\n/******/ });","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(922);\n\tmodule.exports = __webpack_require__(922);\n\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\n\tmodule.exports = function() { throw new Error(\"define cannot be used indirect\"); };\r\n\n\n/***/ }),\n\n/***/ 922:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/***********************************************************************\n\t * WARNING: this file is auto-generated. If you change it directly,\n\t * your modifications will eventually be lost. The source code is in\n\t * `kendo-drawing` repository, you should make your changes there and\n\t * run `src-modules/sync.sh` in this repository.\n\t */\n\t(function(f, define){\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(923), __webpack_require__(924), __webpack_require__(925) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (f), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t})(function(){\n\n\t(function ($) {\n\n\t/* jshint eqnull:true */\n\t/* jshint -W069 */\n\t/* jshint latedef: nofunc */\n\n\twindow.kendo = window.kendo || {};\n\tvar kendoDrawing = kendo.drawing;\n\tvar kendoDrawingUtil = kendoDrawing.util;\n\tvar Class = kendo.Class;\n\tvar kendoUtil = kendo.util;\n\tvar support = kendo.support;\n\tvar supportBrowser = support.browser;\n\n\tvar createPromise = kendoDrawingUtil.createPromise;\n\tvar promiseAll = kendoDrawingUtil.promiseAll;\n\n\tvar ObserversMixin = {\n\t extend: function(proto) {\n\t var this$1 = this;\n\n\t for (var method in this) {\n\t if (method !== \"extend\") {\n\t proto[method] = this$1[method];\n\t }\n\t }\n\t },\n\n\t observers: function() {\n\t this._observers = this._observers || [];\n\t return this._observers;\n\t },\n\n\t addObserver: function(element) {\n\t if (!this._observers) {\n\t this._observers = [ element ];\n\t } else {\n\t this._observers.push(element);\n\t }\n\t return this;\n\t },\n\n\t removeObserver: function(element) {\n\t var observers = this.observers();\n\t var index = observers.indexOf(element);\n\t if (index !== -1) {\n\t observers.splice(index, 1);\n\t }\n\t return this;\n\t },\n\n\t trigger: function(methodName, event) {\n\t var observers = this._observers;\n\n\t if (observers && !this._suspended) {\n\t for (var idx = 0; idx < observers.length; idx++) {\n\t var observer = observers[idx];\n\t if (observer[methodName]) {\n\t observer[methodName](event);\n\t }\n\t }\n\t }\n\t return this;\n\t },\n\n\t optionsChange: function(e) {\n\t if (e === void 0) { e = {}; }\n\n\t e.element = this;\n\t this.trigger(\"optionsChange\", e);\n\t },\n\n\t geometryChange: function() {\n\t this.trigger(\"geometryChange\", {\n\t element: this\n\t });\n\t },\n\n\t suspend: function() {\n\t this._suspended = (this._suspended || 0) + 1;\n\t return this;\n\t },\n\n\t resume: function() {\n\t this._suspended = Math.max((this._suspended || 0) - 1, 0);\n\t return this;\n\t },\n\n\t _observerField: function(field, value) {\n\t if (this[field]) {\n\t this[field].removeObserver(this);\n\t }\n\t this[field] = value;\n\t value.addObserver(this);\n\t }\n\t};\n\n\tfunction append(first, second) {\n\t first.push.apply(first, second);\n\t return first;\n\t}\n\n\t/* eslint-disable key-spacing,no-multi-spaces,no-param-reassign */\n\n\tvar literals = {\n\t 1 : \"i\", 10 : \"x\", 100 : \"c\",\n\t 2 : \"ii\", 20 : \"xx\", 200 : \"cc\",\n\t 3 : \"iii\", 30 : \"xxx\", 300 : \"ccc\",\n\t 4 : \"iv\", 40 : \"xl\", 400 : \"cd\",\n\t 5 : \"v\", 50 : \"l\", 500 : \"d\",\n\t 6 : \"vi\", 60 : \"lx\", 600 : \"dc\",\n\t 7 : \"vii\", 70 : \"lxx\", 700 : \"dcc\",\n\t 8 : \"viii\", 80 : \"lxxx\", 800 : \"dccc\",\n\t 9 : \"ix\", 90 : \"xc\", 900 : \"cm\",\n\t 1000 : \"m\"\n\t};\n\n\tfunction arabicToRoman(n) {\n\t var values = [ 1000,\n\t 900 , 800, 700, 600, 500, 400, 300, 200, 100,\n\t 90 , 80 , 70 , 60 , 50 , 40 , 30 , 20 , 10 ,\n\t 9 , 8 , 7 , 6 , 5 , 4 , 3 , 2 , 1 ];\n\n\t var roman = \"\";\n\t while (n > 0) {\n\t if (n < values[0]) {\n\t values.shift();\n\t } else {\n\t roman += literals[values[0]];\n\t n -= values[0];\n\t }\n\t }\n\t return roman;\n\t}\n\n\tvar UNDEFINED = \"undefined\";\n\n\tfunction defined(value) {\n\t return typeof value !== UNDEFINED;\n\t}\n\n\tvar defId = 1;\n\n\tfunction definitionId() {\n\t return \"kdef\" + defId++;\n\t}\n\n\tvar DEG_TO_RAD = Math.PI / 180;\n\tvar MAX_NUM = Number.MAX_VALUE;\n\tvar MIN_NUM = -Number.MAX_VALUE;\n\n\tfunction deg(radians) {\n\t return radians / DEG_TO_RAD;\n\t}\n\n\tvar KEY_STR = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\n\tvar fromCharCode = String.fromCharCode;\n\n\tfunction encodeUTF8(input) {\n\t var output = \"\";\n\n\t for (var i = 0; i < input.length; i++) {\n\t var c = input.charCodeAt(i);\n\n\t if (c < 0x80) {\n\t // One byte\n\t output += fromCharCode(c);\n\t } else if (c < 0x800) {\n\t // Two bytes\n\t output += fromCharCode(0xC0 | (c >>> 6));\n\t output += fromCharCode(0x80 | (c & 0x3f));\n\t } else if (c < 0x10000) {\n\t // Three bytes\n\t output += fromCharCode(0xE0 | (c >>> 12));\n\t output += fromCharCode(0x80 | (c >>> 6 & 0x3f));\n\t output += fromCharCode(0x80 | (c & 0x3f));\n\t }\n\t }\n\n\t return output;\n\t}\n\n\tfunction encodeBase64(input) {\n\t var output = \"\";\n\t var i = 0;\n\n\t var utfInput = encodeUTF8(input);\n\n\t while (i < utfInput.length) {\n\t var chr1 = utfInput.charCodeAt(i++);\n\t var chr2 = utfInput.charCodeAt(i++);\n\t var chr3 = utfInput.charCodeAt(i++);\n\n\t var enc1 = chr1 >> 2;\n\t var enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);\n\t var enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);\n\t var enc4 = chr3 & 63;\n\n\t if (isNaN(chr2)) {\n\t enc3 = enc4 = 64;\n\t } else if (isNaN(chr3)) {\n\t enc4 = 64;\n\t }\n\n\t output = output +\n\t KEY_STR.charAt(enc1) + KEY_STR.charAt(enc2) +\n\t KEY_STR.charAt(enc3) + KEY_STR.charAt(enc4);\n\t }\n\n\t return output;\n\t}\n\n\tfunction eventCoordinates(e) {\n\t if (defined((e.x || {}).location)) {\n\t return {\n\t x: e.x.location,\n\t y: e.y.location\n\t };\n\t }\n\n\t return {\n\t x: e.pageX || e.clientX || 0,\n\t y: e.pageY || e.clientY || 0\n\t };\n\t}\n\n\tfunction eventElement(e) {\n\t if (e === void 0) { e = {}; }\n\n\t return e.touch ? e.touch.initialTouch : e.target;\n\t}\n\n\tfunction isTransparent(color) {\n\t return color === \"\" || color === null || color === \"none\" || color === \"transparent\" || !defined(color);\n\t}\n\n\tfunction last(array) {\n\t if (array) {\n\t return array[array.length - 1];\n\t }\n\t}\n\n\tfunction limitValue(value, min, max) {\n\t return Math.max(Math.min(value, max), min);\n\t}\n\n\t/* eslint-disable no-multi-spaces, key-spacing, indent, camelcase, space-before-blocks, eqeqeq, brace-style */\n\t/* eslint-disable space-infix-ops, space-before-function-paren, array-bracket-spacing, object-curly-spacing */\n\t/* eslint-disable no-nested-ternary, max-params, default-case, no-else-return, no-empty */\n\t/* eslint-disable no-param-reassign, no-var, block-scoped-var */\n\n\t// mergeSort is stable.\n\tfunction mergeSort(a, cmp) {\n\t if (a.length < 2) {\n\t return a.slice();\n\t }\n\t function merge(a, b) {\n\t var r = [], ai = 0, bi = 0, i = 0;\n\t while (ai < a.length && bi < b.length) {\n\t if (cmp(a[ai], b[bi]) <= 0) {\n\t r[i++] = a[ai++];\n\t } else {\n\t r[i++] = b[bi++];\n\t }\n\t }\n\t if (ai < a.length) {\n\t r.push.apply(r, a.slice(ai));\n\t }\n\t if (bi < b.length) {\n\t r.push.apply(r, b.slice(bi));\n\t }\n\t return r;\n\t }\n\t return (function sort(a) {\n\t if (a.length <= 1) {\n\t return a;\n\t }\n\t var m = Math.floor(a.length / 2);\n\t var left = a.slice(0, m);\n\t var right = a.slice(m);\n\t left = sort(left);\n\t right = sort(right);\n\t return merge(left, right);\n\t })(a);\n\t}\n\n\tfunction rad(degrees) {\n\t return degrees * DEG_TO_RAD;\n\t}\n\n\tfunction pow(p) {\n\t if (p) {\n\t return Math.pow(10, p);\n\t }\n\n\t return 1;\n\t}\n\n\tfunction round(value, precision) {\n\t var power = pow(precision);\n\t return Math.round(value * power) / power;\n\t}\n\n\tfunction valueOrDefault(value, defaultValue) {\n\t return defined(value) ? value : defaultValue;\n\t}\n\n\tfunction bindEvents(element, events) {\n\t for (var eventName in events) {\n\t var eventNames = eventName.trim().split(\" \");\n\t for (var idx = 0; idx < eventNames.length; idx++) {\n\t element.addEventListener(eventNames[idx], events[eventName], false);\n\t }\n\t }\n\t}\n\n\tfunction elementOffset(element) {\n\t var box = element.getBoundingClientRect();\n\n\t var documentElement = document.documentElement;\n\n\t return {\n\t top: box.top + (window.pageYOffset || documentElement.scrollTop) - (documentElement.clientTop || 0),\n\t left: box.left + (window.pageXOffset || documentElement.scrollLeft) - (documentElement.clientLeft || 0)\n\t };\n\t}\n\n\tfunction elementStyles(element, styles) {\n\t var result = {};\n\t var style = window.getComputedStyle(element) || {};\n\t var stylesArray = Array.isArray(styles) ? styles : [ styles ];\n\n\t for (var idx = 0; idx < stylesArray.length; idx++) {\n\t var field = stylesArray[idx];\n\t result[field] = style[field];\n\t }\n\n\t return result;\n\t}\n\n\tfunction getPixels(value) {\n\t if (isNaN(value)) {\n\t return value;\n\t }\n\t return value + \"px\";\n\t}\n\n\tfunction elementSize(element, size) {\n\t if (size) {\n\t var width = size.width;\n\t var height = size.height;\n\n\t if (defined(width)) {\n\t element.style.width = getPixels(width);\n\t }\n\n\t if (defined(height)) {\n\t element.style.height = getPixels(height);\n\t }\n\n\t } else {\n\t var size$1 = elementStyles(element, [ 'width', 'height' ]);\n\n\t return {\n\t width: parseInt(size$1.width, 10),\n\t height: parseInt(size$1.height, 10)\n\t };\n\t }\n\t}\n\n\tfunction unbindEvents(element, events) {\n\t if (events === void 0) { events = {}; }\n\n\t for (var name in events) {\n\t var eventNames = name.trim().split(\" \");\n\t for (var idx = 0; idx < eventNames.length; idx++) {\n\t element.removeEventListener(eventNames[idx], events[name], false);\n\t }\n\t }\n\t}\n\n\tvar util = {\n\t\tappend: append,\n\t\tarabicToRoman: arabicToRoman,\n\t\tcreatePromise: createPromise,\n\t\tdefined: defined,\n\t\tdefinitionId: definitionId,\n\t\tdeg: deg,\n\t\tencodeBase64: encodeBase64,\n\t\teventCoordinates: eventCoordinates,\n\t\teventElement: eventElement,\n\t\tisTransparent: isTransparent,\n\t\tlast: last,\n\t\tlimitValue: limitValue,\n\t\tmergeSort: mergeSort,\n\t\tpromiseAll: promiseAll,\n\t\trad: rad,\n\t\tround: round,\n\t\tvalueOrDefault: valueOrDefault,\n\t\tbindEvents: bindEvents,\n\t\telementOffset: elementOffset,\n\t\telementSize: elementSize,\n\t\telementStyles: elementStyles,\n\t\tunbindEvents: unbindEvents,\n\t\tDEG_TO_RAD: DEG_TO_RAD,\n\t\tMAX_NUM: MAX_NUM,\n\t\tMIN_NUM: MIN_NUM\n\t};\n\n\tvar toString = {}.toString;\n\n\tvar OptionsStore = Class.extend({\n\t init: function(options, prefix) {\n\t var this$1 = this;\n\t if (prefix === void 0) { prefix = \"\"; }\n\n\t this.prefix = prefix;\n\n\t for (var field in options) {\n\t var member = options[field];\n\t member = this$1._wrap(member, field);\n\t this$1[field] = member;\n\t }\n\t },\n\n\t get: function(field) {\n\t var parts = field.split(\".\");\n\t var result = this;\n\n\t while (parts.length && result) {\n\t var part = parts.shift();\n\t result = result[part];\n\t }\n\n\t return result;\n\t },\n\n\t set: function(field, value) {\n\t var current = this.get(field);\n\n\t if (current !== value) {\n\t this._set(field, this._wrap(value, field));\n\t this.optionsChange({\n\t field: this.prefix + field,\n\t value: value\n\t });\n\t }\n\t },\n\n\t _set: function(field, value) {\n\t var this$1 = this;\n\n\t var composite = field.indexOf(\".\") >= 0;\n\t var parentObj = this;\n\t var fieldName = field;\n\n\t if (composite) {\n\t var parts = fieldName.split(\".\");\n\t var prefix = this.prefix;\n\n\t while (parts.length > 1) {\n\t fieldName = parts.shift();\n\t prefix += fieldName + \".\";\n\n\t var obj = parentObj[fieldName];\n\n\t if (!obj) {\n\t obj = new OptionsStore({}, prefix);\n\t obj.addObserver(this$1);\n\t parentObj[fieldName] = obj;\n\t }\n\t parentObj = obj;\n\t }\n\t fieldName = parts[0];\n\t }\n\n\t parentObj._clear(fieldName);\n\t parentObj[fieldName] = value;\n\t },\n\n\t _clear: function(field) {\n\t var current = this[field];\n\t if (current && current.removeObserver) {\n\t current.removeObserver(this);\n\t }\n\t },\n\n\t _wrap: function(object, field) {\n\t var type = toString.call(object);\n\t var wrapped = object;\n\n\t if (wrapped !== null && defined(wrapped) && type === \"[object Object]\") {\n\t if (!(object instanceof OptionsStore) && !(object instanceof Class)) {\n\t wrapped = new OptionsStore(wrapped, this.prefix + field + \".\");\n\t }\n\n\t wrapped.addObserver(this);\n\t }\n\n\t return wrapped;\n\t }\n\t});\n\n\tObserversMixin.extend(OptionsStore.prototype);\n\n\tfunction setAccessor(field) {\n\t return function(value) {\n\t if (this[field] !== value) {\n\t this[field] = value;\n\t this.geometryChange();\n\t }\n\n\t return this;\n\t };\n\t}\n\n\tfunction getAccessor(field) {\n\t return function() {\n\t return this[field];\n\t };\n\t}\n\n\tfunction defineAccessors(fn, fields) {\n\t for (var i = 0; i < fields.length; i++) {\n\t var name = fields[i];\n\t var capitalized = name.charAt(0).toUpperCase() +\n\t name.substring(1, name.length);\n\n\t fn[\"set\" + capitalized] = setAccessor(name);\n\t fn[\"get\" + capitalized] = getAccessor(name);\n\t }\n\t}\n\n\tvar Matrix = Class.extend({\n\t init: function(a, b, c, d, e, f) {\n\t if (a === void 0) { a = 0; }\n\t if (b === void 0) { b = 0; }\n\t if (c === void 0) { c = 0; }\n\t if (d === void 0) { d = 0; }\n\t if (e === void 0) { e = 0; }\n\t if (f === void 0) { f = 0; }\n\n\t this.a = a;\n\t this.b = b;\n\t this.c = c;\n\t this.d = d;\n\t this.e = e;\n\t this.f = f;\n\t },\n\n\t multiplyCopy: function(matrix) {\n\t return new Matrix(\n\t this.a * matrix.a + this.c * matrix.b,\n\t this.b * matrix.a + this.d * matrix.b,\n\t this.a * matrix.c + this.c * matrix.d,\n\t this.b * matrix.c + this.d * matrix.d,\n\t this.a * matrix.e + this.c * matrix.f + this.e,\n\t this.b * matrix.e + this.d * matrix.f + this.f\n\t );\n\t },\n\n\t invert: function() {\n\t var ref = this;\n\t var a = ref.a;\n\t var b = ref.b;\n\t var d = ref.c;\n\t var e = ref.d;\n\t var g = ref.e;\n\t var h = ref.f;\n\t var det = a * e - b * d;\n\n\t if (det === 0) {\n\t return null;\n\t }\n\n\t return new Matrix(e / det, -b / det, -d / det, a / det,\n\t (d * h - e * g) / det, (b * g - a * h) / det);\n\t },\n\n\t clone: function() {\n\t return new Matrix(this.a, this.b, this.c, this.d, this.e, this.f);\n\t },\n\n\t equals: function(other) {\n\t if (!other) {\n\t return false;\n\t }\n\n\t return this.a === other.a && this.b === other.b &&\n\t this.c === other.c && this.d === other.d &&\n\t this.e === other.e && this.f === other.f;\n\t },\n\n\t round: function(precision) {\n\t this.a = round(this.a, precision);\n\t this.b = round(this.b, precision);\n\t this.c = round(this.c, precision);\n\t this.d = round(this.d, precision);\n\t this.e = round(this.e, precision);\n\t this.f = round(this.f, precision);\n\n\t return this;\n\t },\n\n\t toArray: function(precision) {\n\t var result = [ this.a, this.b, this.c, this.d, this.e, this.f ];\n\n\t if (defined(precision)) {\n\t for (var i = 0; i < result.length; i++) {\n\t result[i] = round(result[i], precision);\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t toString: function(precision, separator) {\n\t if (separator === void 0) { separator = \",\"; }\n\n\t return this.toArray(precision).join(separator);\n\t }\n\t});\n\n\tMatrix.translate = function(x, y) {\n\t return new Matrix(1, 0, 0, 1, x, y);\n\t};\n\n\tMatrix.unit = function() {\n\t return new Matrix(1, 0, 0, 1, 0, 0);\n\t};\n\n\tMatrix.rotate = function(angle, x, y) {\n\t var matrix = new Matrix();\n\t matrix.a = Math.cos(rad(angle));\n\t matrix.b = Math.sin(rad(angle));\n\t matrix.c = -matrix.b;\n\t matrix.d = matrix.a;\n\t matrix.e = (x - x * matrix.a + y * matrix.b) || 0;\n\t matrix.f = (y - y * matrix.a - x * matrix.b) || 0;\n\n\t return matrix;\n\t};\n\n\tMatrix.scale = function(scaleX, scaleY) {\n\t return new Matrix(scaleX, 0, 0, scaleY, 0, 0);\n\t};\n\n\tMatrix.IDENTITY = Matrix.unit();\n\n\tfunction toMatrix(transformation) {\n\t if (transformation && typeof transformation.matrix === \"function\") {\n\t return transformation.matrix();\n\t }\n\n\t return transformation;\n\t}\n\n\tvar Point = Class.extend({\n\t init: function(x, y) {\n\n\t this.x = x || 0;\n\t this.y = y || 0;\n\t },\n\n\t equals: function(other) {\n\t return other && other.x === this.x && other.y === this.y;\n\t },\n\n\t clone: function() {\n\t return new Point(this.x, this.y);\n\t },\n\n\t rotate: function(angle, origin) {\n\t var originPoint = Point.create(origin) || Point.ZERO;\n\n\t return this.transform(Matrix.rotate(angle, originPoint.x, originPoint.y));\n\t },\n\n\t translate: function(x, y) {\n\t this.x += x;\n\t this.y += y;\n\n\t this.geometryChange();\n\n\t return this;\n\t },\n\n\t translateWith: function(point) {\n\t return this.translate(point.x, point.y);\n\t },\n\n\t move: function(x, y) {\n\t this.x = this.y = 0;\n\t return this.translate(x, y);\n\t },\n\n\t scale: function(scaleX, scaleY) {\n\t if (scaleY === void 0) { scaleY = scaleX; }\n\n\t this.x *= scaleX;\n\t this.y *= scaleY;\n\n\t this.geometryChange();\n\n\t return this;\n\t },\n\n\t scaleCopy: function(scaleX, scaleY) {\n\t return this.clone().scale(scaleX, scaleY);\n\t },\n\n\t transform: function(transformation) {\n\t var matrix = toMatrix(transformation);\n\t var ref = this;\n\t var x = ref.x;\n\t var y = ref.y;\n\n\t this.x = matrix.a * x + matrix.c * y + matrix.e;\n\t this.y = matrix.b * x + matrix.d * y + matrix.f;\n\n\t this.geometryChange();\n\n\t return this;\n\t },\n\n\t transformCopy: function(transformation) {\n\t var point = this.clone();\n\n\t if (transformation) {\n\t point.transform(transformation);\n\t }\n\n\t return point;\n\t },\n\n\t distanceTo: function(point) {\n\t var dx = this.x - point.x;\n\t var dy = this.y - point.y;\n\n\t return Math.sqrt(dx * dx + dy * dy);\n\t },\n\n\t round: function(digits) {\n\t this.x = round(this.x, digits);\n\t this.y = round(this.y, digits);\n\n\t this.geometryChange();\n\n\t return this;\n\t },\n\n\t toArray: function(digits) {\n\t var doRound = defined(digits);\n\t var x = doRound ? round(this.x, digits) : this.x;\n\t var y = doRound ? round(this.y, digits) : this.y;\n\n\t return [ x, y ];\n\t },\n\n\t toString: function(digits, separator) {\n\t if (separator === void 0) { separator = \" \"; }\n\n\t var ref = this;\n\t var x = ref.x;\n\t var y = ref.y;\n\n\t if (defined(digits)) {\n\t x = round(x, digits);\n\t y = round(y, digits);\n\t }\n\n\t return x + separator + y;\n\t }\n\t});\n\n\tPoint.create = function(arg0, arg1) {\n\t if (defined(arg0)) {\n\t if (arg0 instanceof Point) {\n\t return arg0;\n\t } else if (arguments.length === 1 && arg0.length === 2) {\n\t return new Point(arg0[0], arg0[1]);\n\t }\n\n\t return new Point(arg0, arg1);\n\t }\n\t};\n\n\tPoint.min = function() {\n\t var arguments$1 = arguments;\n\n\t var minX = MAX_NUM;\n\t var minY = MAX_NUM;\n\n\t for (var i = 0; i < arguments.length; i++) {\n\t var point = arguments$1[i];\n\t minX = Math.min(point.x, minX);\n\t minY = Math.min(point.y, minY);\n\t }\n\n\t return new Point(minX, minY);\n\t};\n\n\tPoint.max = function() {\n\t var arguments$1 = arguments;\n\n\t var maxX = MIN_NUM;\n\t var maxY = MIN_NUM;\n\n\t for (var i = 0; i < arguments.length; i++) {\n\t var point = arguments$1[i];\n\t maxX = Math.max(point.x, maxX);\n\t maxY = Math.max(point.y, maxY);\n\t }\n\n\t return new Point(maxX, maxY);\n\t};\n\n\tPoint.minPoint = function() {\n\t return new Point(MIN_NUM, MIN_NUM);\n\t};\n\n\tPoint.maxPoint = function() {\n\t return new Point(MAX_NUM, MAX_NUM);\n\t};\n\n\tif (Object.defineProperties) {\n\t Object.defineProperties(Point, {\n\t ZERO: {\n\t get: function() {\n\t return new Point(0, 0);\n\t }\n\t }\n\t });\n\t}\n\n\tdefineAccessors(Point.prototype, [ \"x\", \"y\" ]);\n\tObserversMixin.extend(Point.prototype);\n\n\tvar Size = Class.extend({\n\t init: function(width, height) {\n\n\t this.width = width || 0;\n\t this.height = height || 0;\n\t },\n\n\t equals: function(other) {\n\t return other && other.width === this.width && other.height === this.height;\n\t },\n\n\t clone: function() {\n\t return new Size(this.width, this.height);\n\t },\n\n\t toArray: function(digits) {\n\t var doRound = defined(digits);\n\t var width = doRound ? round(this.width, digits) : this.width;\n\t var height = doRound ? round(this.height, digits) : this.height;\n\n\t return [ width, height ];\n\t }\n\t});\n\n\tSize.create = function(arg0, arg1) {\n\t if (defined(arg0)) {\n\t if (arg0 instanceof Size) {\n\t return arg0;\n\t } else if (arguments.length === 1 && arg0.length === 2) {\n\t return new Size(arg0[0], arg0[1]);\n\t }\n\n\t return new Size(arg0, arg1);\n\t }\n\t};\n\n\tif (Object.defineProperties) {\n\t Object.defineProperties(Size, {\n\t ZERO: {\n\t get: function() {\n\t return new Size(0, 0);\n\t }\n\t }\n\t });\n\t}\n\n\tdefineAccessors(Size.prototype, [ \"width\", \"height\" ]);\n\tObserversMixin.extend(Size.prototype);\n\n\tvar Rect = Class.extend({\n\t init: function(origin, size) {\n\t if (origin === void 0) { origin = new Point(); }\n\t if (size === void 0) { size = new Size(); }\n\n\t this.setOrigin(origin);\n\t this.setSize(size);\n\t },\n\n\t clone: function() {\n\t return new Rect(\n\t this.origin.clone(),\n\t this.size.clone()\n\t );\n\t },\n\n\t equals: function(other) {\n\t return other &&\n\t other.origin.equals(this.origin) &&\n\t other.size.equals(this.size);\n\t },\n\n\t setOrigin: function(value) {\n\t this._observerField(\"origin\", Point.create(value));\n\t this.geometryChange();\n\t return this;\n\t },\n\n\t getOrigin: function() {\n\t return this.origin;\n\t },\n\n\t setSize: function(value) {\n\t this._observerField(\"size\", Size.create(value));\n\t this.geometryChange();\n\t return this;\n\t },\n\n\t getSize: function() {\n\t return this.size;\n\t },\n\n\t width: function() {\n\t return this.size.width;\n\t },\n\n\t height: function() {\n\t return this.size.height;\n\t },\n\n\t topLeft: function() {\n\t return this.origin.clone();\n\t },\n\n\t bottomRight: function() {\n\t return this.origin.clone().translate(this.width(), this.height());\n\t },\n\n\t topRight: function() {\n\t return this.origin.clone().translate(this.width(), 0);\n\t },\n\n\t bottomLeft: function() {\n\t return this.origin.clone().translate(0, this.height());\n\t },\n\n\t center: function() {\n\t return this.origin.clone().translate(this.width() / 2, this.height() / 2);\n\t },\n\n\t bbox: function(matrix) {\n\t var tl = this.topLeft().transformCopy(matrix);\n\t var tr = this.topRight().transformCopy(matrix);\n\t var br = this.bottomRight().transformCopy(matrix);\n\t var bl = this.bottomLeft().transformCopy(matrix);\n\n\t return Rect.fromPoints(tl, tr, br, bl);\n\t },\n\n\t transformCopy: function(m) {\n\t return Rect.fromPoints(\n\t this.topLeft().transform(m),\n\t this.bottomRight().transform(m)\n\t );\n\t },\n\n\t expand: function(x, y) {\n\t if (y === void 0) { y = x; }\n\n\t this.size.width += 2 * x;\n\t this.size.height += 2 * y;\n\n\t this.origin.translate(-x, -y);\n\n\t return this;\n\t },\n\n\t expandCopy: function(x, y) {\n\t return this.clone().expand(x, y);\n\t },\n\n\t containsPoint: function(point) {\n\t var origin = this.origin;\n\t var bottomRight = this.bottomRight();\n\t return !(point.x < origin.x || point.y < origin.y || bottomRight.x < point.x || bottomRight.y < point.y);\n\t },\n\n\t _isOnPath: function(point, width) {\n\t var rectOuter = this.expandCopy(width, width);\n\t var rectInner = this.expandCopy(-width, -width);\n\n\t return rectOuter.containsPoint(point) && !rectInner.containsPoint(point);\n\t }\n\t});\n\n\tRect.fromPoints = function() {\n\t var topLeft = Point.min.apply(null, arguments);\n\t var bottomRight = Point.max.apply(null, arguments);\n\t var size = new Size(\n\t bottomRight.x - topLeft.x,\n\t bottomRight.y - topLeft.y\n\t );\n\n\t return new Rect(topLeft, size);\n\t};\n\n\tRect.union = function(a, b) {\n\t return Rect.fromPoints(\n\t Point.min(a.topLeft(), b.topLeft()),\n\t Point.max(a.bottomRight(), b.bottomRight())\n\t );\n\t};\n\n\tRect.intersect = function(a, b) {\n\t var rect1 = {\n\t left: a.topLeft().x,\n\t top: a.topLeft().y,\n\t right: a.bottomRight().x,\n\t bottom: a.bottomRight().y\n\t };\n\n\t var rect2 = {\n\t left: b.topLeft().x,\n\t top: b.topLeft().y,\n\t right: b.bottomRight().x,\n\t bottom: b.bottomRight().y\n\t };\n\n\t if (rect1.left <= rect2.right &&\n\t rect2.left <= rect1.right &&\n\t rect1.top <= rect2.bottom &&\n\t rect2.top <= rect1.bottom) {\n\t return Rect.fromPoints(\n\t new Point(Math.max(rect1.left, rect2.left), Math.max(rect1.top, rect2.top)),\n\t new Point(Math.min(rect1.right, rect2.right), Math.min(rect1.bottom, rect2.bottom))\n\t );\n\t }\n\t};\n\n\tObserversMixin.extend(Rect.prototype);\n\n\tvar Transformation = Class.extend({\n\t init: function(matrix) {\n\t if (matrix === void 0) { matrix = Matrix.unit(); }\n\n\t this._matrix = matrix;\n\t },\n\n\t clone: function() {\n\t return new Transformation(\n\t this._matrix.clone()\n\t );\n\t },\n\n\t equals: function(other) {\n\t return other &&\n\t other._matrix.equals(this._matrix);\n\t },\n\n\t translate: function(x, y) {\n\t this._matrix = this._matrix.multiplyCopy(Matrix.translate(x, y));\n\n\t this._optionsChange();\n\t return this;\n\t },\n\n\t scale: function(scaleX, scaleY, origin) {\n\t if (scaleY === void 0) { scaleY = scaleX; }\n\t if (origin === void 0) { origin = null; }\n\n\t var originPoint = origin;\n\n\t if (originPoint) {\n\t originPoint = Point.create(originPoint);\n\t this._matrix = this._matrix.multiplyCopy(Matrix.translate(originPoint.x, originPoint.y));\n\t }\n\n\t this._matrix = this._matrix.multiplyCopy(Matrix.scale(scaleX, scaleY));\n\n\t if (originPoint) {\n\t this._matrix = this._matrix.multiplyCopy(Matrix.translate(-originPoint.x, -originPoint.y));\n\t }\n\n\t this._optionsChange();\n\t return this;\n\t },\n\n\t rotate: function(angle, origin) {\n\t var originPoint = Point.create(origin) || Point.ZERO;\n\n\t this._matrix = this._matrix.multiplyCopy(Matrix.rotate(angle, originPoint.x, originPoint.y));\n\n\t this._optionsChange();\n\t return this;\n\t },\n\n\t multiply: function(transformation) {\n\t var matrix = toMatrix(transformation);\n\n\t this._matrix = this._matrix.multiplyCopy(matrix);\n\n\t this._optionsChange();\n\t return this;\n\t },\n\n\t matrix: function(value) {\n\t if (value) {\n\t this._matrix = value;\n\t this._optionsChange();\n\t return this;\n\t }\n\n\t return this._matrix;\n\t },\n\n\t _optionsChange: function() {\n\t this.optionsChange({\n\t field: \"transform\",\n\t value: this\n\t });\n\t }\n\t});\n\n\tObserversMixin.extend(Transformation.prototype);\n\n\tfunction transform(matrix) {\n\t if (matrix === null) {\n\t return null;\n\t }\n\n\t if (matrix instanceof Transformation) {\n\t return matrix;\n\t }\n\n\t return new Transformation(matrix);\n\t}\n\n\tvar Element$1 = Class.extend({\n\t init: function(options) {\n\n\t this._initOptions(options);\n\t },\n\n\t _initOptions: function(options) {\n\t if (options === void 0) { options = {}; }\n\n\t var clip = options.clip;\n\t var transform$$1 = options.transform;\n\n\t if (transform$$1) {\n\t options.transform = transform(transform$$1);\n\t }\n\n\t if (clip && !clip.id) {\n\t clip.id = definitionId();\n\t }\n\n\t this.options = new OptionsStore(options);\n\t this.options.addObserver(this);\n\t },\n\n\t transform: function(value) {\n\t if (defined(value)) {\n\t this.options.set(\"transform\", transform(value));\n\t } else {\n\t return this.options.get(\"transform\");\n\t }\n\t },\n\n\t parentTransform: function() {\n\t var element = this;\n\t var parentMatrix;\n\n\t while (element.parent) {\n\t element = element.parent;\n\t var transformation = element.transform();\n\t if (transformation) {\n\t parentMatrix = transformation.matrix().multiplyCopy(parentMatrix || Matrix.unit());\n\t }\n\t }\n\n\t if (parentMatrix) {\n\t return transform(parentMatrix);\n\t }\n\t },\n\n\t currentTransform: function(parentTransform) {\n\t if (parentTransform === void 0) { parentTransform = this.parentTransform(); }\n\n\t var elementTransform = this.transform();\n\t var elementMatrix = toMatrix(elementTransform);\n\n\t var parentMatrix = toMatrix(parentTransform);\n\t var combinedMatrix;\n\n\t if (elementMatrix && parentMatrix) {\n\t combinedMatrix = parentMatrix.multiplyCopy(elementMatrix);\n\t } else {\n\t combinedMatrix = elementMatrix || parentMatrix;\n\t }\n\n\t if (combinedMatrix) {\n\t return transform(combinedMatrix);\n\t }\n\t },\n\n\t visible: function(value) {\n\t if (defined(value)) {\n\t this.options.set(\"visible\", value);\n\t return this;\n\t }\n\n\t return this.options.get(\"visible\") !== false;\n\t },\n\n\t clip: function(value) {\n\t var options = this.options;\n\t if (defined(value)) {\n\t if (value && !value.id) {\n\t value.id = definitionId();\n\t }\n\t options.set(\"clip\", value);\n\t return this;\n\t }\n\n\t return options.get(\"clip\");\n\t },\n\n\t opacity: function(value) {\n\t if (defined(value)) {\n\t this.options.set(\"opacity\", value);\n\t return this;\n\t }\n\n\t return valueOrDefault(this.options.get(\"opacity\"), 1);\n\t },\n\n\t clippedBBox: function(transformation) {\n\t var bbox = this._clippedBBox(transformation);\n\t if (bbox) {\n\t var clip = this.clip();\n\t return clip ? Rect.intersect(bbox, clip.bbox(transformation)) : bbox;\n\t }\n\t },\n\n\t containsPoint: function(point, parentTransform) {\n\t if (this.visible()) {\n\t var transform$$1 = this.currentTransform(parentTransform);\n\t var transformedPoint = point;\n\t if (transform$$1) {\n\t transformedPoint = point.transformCopy(transform$$1.matrix().invert());\n\t }\n\t return (this._hasFill() && this._containsPoint(transformedPoint)) || (this._isOnPath && this._hasStroke() && this._isOnPath(transformedPoint));\n\t }\n\t return false;\n\t },\n\n\t _hasFill: function() {\n\t var fill = this.options.fill;\n\t return fill && !isTransparent(fill.color);\n\t },\n\n\t _hasStroke: function() {\n\t var stroke = this.options.stroke;\n\t return stroke && stroke.width > 0 && !isTransparent(stroke.color);\n\t },\n\n\t _clippedBBox: function(transformation) {\n\t return this.bbox(transformation);\n\t }\n\t});\n\n\tElement$1.prototype.nodeType = \"Element\";\n\n\tObserversMixin.extend(Element$1.prototype);\n\n\tfunction ellipseExtremeAngles(center, rx, ry, matrix) {\n\t var extremeX = 0;\n\t var extremeY = 0;\n\n\t if (matrix) {\n\t extremeX = Math.atan2(matrix.c * ry, matrix.a * rx);\n\t if (matrix.b !== 0) {\n\t extremeY = Math.atan2(matrix.d * ry, matrix.b * rx);\n\t }\n\t }\n\n\t return {\n\t x: extremeX,\n\t y: extremeY\n\t };\n\t}\n\n\tvar PI_DIV_2 = Math.PI / 2;\n\n\tvar Circle$2 = Class.extend({\n\t init: function(center, radius) {\n\t if (center === void 0) { center = new Point(); }\n\t if (radius === void 0) { radius = 0; }\n\n\t this.setCenter(center);\n\t this.setRadius(radius);\n\t },\n\n\t setCenter: function(value) {\n\t this._observerField(\"center\", Point.create(value));\n\t this.geometryChange();\n\t return this;\n\t },\n\n\t getCenter: function() {\n\t return this.center;\n\t },\n\n\t equals: function(other) {\n\t return other &&\n\t other.center.equals(this.center) &&\n\t other.radius === this.radius;\n\t },\n\n\t clone: function() {\n\t return new Circle$2(this.center.clone(), this.radius);\n\t },\n\n\t pointAt: function(angle) {\n\t return this._pointAt(rad(angle));\n\t },\n\n\t bbox: function(matrix) {\n\t var this$1 = this;\n\n\t var extremeAngles = ellipseExtremeAngles(this.center, this.radius, this.radius, matrix);\n\t var minPoint = Point.maxPoint();\n\t var maxPoint = Point.minPoint();\n\n\t for (var i = 0; i < 4; i++) {\n\t var currentPointX = this$1._pointAt(extremeAngles.x + i * PI_DIV_2).transformCopy(matrix);\n\t var currentPointY = this$1._pointAt(extremeAngles.y + i * PI_DIV_2).transformCopy(matrix);\n\t var currentPoint = new Point(currentPointX.x, currentPointY.y);\n\n\t minPoint = Point.min(minPoint, currentPoint);\n\t maxPoint = Point.max(maxPoint, currentPoint);\n\t }\n\n\t return Rect.fromPoints(minPoint, maxPoint);\n\t },\n\n\t _pointAt: function(angle) {\n\t var ref = this;\n\t var center = ref.center;\n\t var radius = ref.radius;\n\n\t return new Point(\n\t center.x + radius * Math.cos(angle),\n\t center.y + radius * Math.sin(angle)\n\t );\n\t },\n\n\t containsPoint: function(point) {\n\t var ref = this;\n\t var center = ref.center;\n\t var radius = ref.radius;\n\t var inCircle = Math.pow(point.x - center.x, 2) +\n\t Math.pow(point.y - center.y, 2) <= Math.pow(radius, 2);\n\t return inCircle;\n\t },\n\n\t _isOnPath: function(point, width) {\n\t var ref = this;\n\t var center = ref.center;\n\t var radius = ref.radius;\n\t var pointDistance = center.distanceTo(point);\n\n\t return radius - width <= pointDistance && pointDistance <= radius + width;\n\t }\n\t});\n\n\tdefineAccessors(Circle$2.prototype, [ \"radius\" ]);\n\tObserversMixin.extend(Circle$2.prototype);\n\n\tvar GRADIENT = \"Gradient\";\n\n\tvar Paintable = {\n\t extend: function(proto) {\n\t proto.fill = this.fill;\n\t proto.stroke = this.stroke;\n\t },\n\n\t fill: function(color, opacity) {\n\t var options = this.options;\n\n\t if (defined(color)) {\n\t if (color && color.nodeType !== GRADIENT) {\n\t var newFill = {\n\t color: color\n\t };\n\t if (defined(opacity)) {\n\t newFill.opacity = opacity;\n\t }\n\t options.set(\"fill\", newFill);\n\t } else {\n\t options.set(\"fill\", color);\n\t }\n\n\t return this;\n\t }\n\n\t return options.get(\"fill\");\n\t },\n\n\t stroke: function(color, width, opacity) {\n\t if (defined(color)) {\n\t this.options.set(\"stroke.color\", color);\n\n\t if (defined(width)) {\n\t this.options.set(\"stroke.width\", width);\n\t }\n\n\t if (defined(opacity)) {\n\t this.options.set(\"stroke.opacity\", opacity);\n\t }\n\n\t return this;\n\t }\n\n\t return this.options.get(\"stroke\");\n\t }\n\t};\n\n\tvar IDENTITY_MATRIX_HASH = Matrix.IDENTITY.toString();\n\n\tvar Measurable = {\n\t extend: function(proto) {\n\t proto.bbox = this.bbox;\n\t proto.geometryChange = this.geometryChange;\n\t },\n\n\t bbox: function(transformation) {\n\t var combinedMatrix = toMatrix(this.currentTransform(transformation));\n\t var matrixHash = combinedMatrix ? combinedMatrix.toString() : IDENTITY_MATRIX_HASH;\n\t var bbox;\n\n\t if (this._bboxCache && this._matrixHash === matrixHash) {\n\t bbox = this._bboxCache.clone();\n\t } else {\n\t bbox = this._bbox(combinedMatrix);\n\t this._bboxCache = bbox ? bbox.clone() : null;\n\t this._matrixHash = matrixHash;\n\t }\n\n\t var strokeWidth = this.options.get(\"stroke.width\");\n\t if (strokeWidth && bbox) {\n\t bbox.expand(strokeWidth / 2);\n\t }\n\n\t return bbox;\n\t },\n\n\t geometryChange: function() {\n\t delete this._bboxCache;\n\t this.trigger(\"geometryChange\", {\n\t element: this\n\t });\n\t }\n\t};\n\n\tfunction geometryAccessor(name) {\n\t var fieldName = \"_\" + name;\n\t return function(value) {\n\t if (defined(value)) {\n\t this._observerField(fieldName, value);\n\t this.geometryChange();\n\t return this;\n\t }\n\n\t return this[fieldName];\n\t };\n\t}\n\n\tfunction defineGeometryAccessors(fn, names) {\n\t for (var i = 0; i < names.length; i++) {\n\t fn[names[i]] = geometryAccessor(names[i]);\n\t }\n\t}\n\n\tvar DEFAULT_STROKE = \"#000\";\n\n\tvar Circle = Element$1.extend({\n\t init: function(geometry, options) {\n\t if (geometry === void 0) { geometry = new Circle$2(); }\n\t if (options === void 0) { options = {}; }\n\n\t Element$1.fn.init.call(this, options);\n\t this.geometry(geometry);\n\n\t if (!defined(this.options.stroke)) {\n\t this.stroke(DEFAULT_STROKE);\n\t }\n\t },\n\n\t rawBBox: function() {\n\t return this._geometry.bbox();\n\t },\n\n\t _bbox: function(matrix) {\n\t return this._geometry.bbox(matrix);\n\t },\n\n\t _containsPoint: function(point) {\n\t return this.geometry().containsPoint(point);\n\t },\n\n\t _isOnPath: function(point) {\n\t return this.geometry()._isOnPath(point, this.options.stroke.width / 2);\n\t }\n\t});\n\n\tCircle.prototype.nodeType = \"Circle\";\n\n\tPaintable.extend(Circle.prototype);\n\tMeasurable.extend(Circle.prototype);\n\tdefineGeometryAccessors(Circle.prototype, [ \"geometry\" ]);\n\n\tvar PRECISION = 10;\n\n\tfunction close(a, b, tolerance) {\n\t if (tolerance === void 0) { tolerance = PRECISION; }\n\n\t return round(Math.abs(a - b), tolerance) === 0;\n\t}\n\n\tfunction closeOrLess(a, b, tolerance) {\n\t return a < b || close(a, b, tolerance);\n\t}\n\n\tfunction lineIntersection(p0, p1, p2, p3) {\n\t var s1x = p1.x - p0.x;\n\t var s2x = p3.x - p2.x;\n\t var s1y = p1.y - p0.y;\n\t var s2y = p3.y - p2.y;\n\t var nx = p0.x - p2.x;\n\t var ny = p0.y - p2.y;\n\t var d = s1x * s2y - s2x * s1y;\n\t var s = (s1x * ny - s1y * nx) / d;\n\t var t = (s2x * ny - s2y * nx) / d;\n\n\t if (s >= 0 && s <= 1 && t >= 0 && t <= 1) {\n\t return new Point(p0.x + t * s1x, p0.y + t * s1y);\n\t }\n\t}\n\n\tvar MAX_INTERVAL = 45;\n\tvar pow$1 = Math.pow;\n\n\tvar Arc$2 = Class.extend({\n\t init: function(center, options) {\n\t if (center === void 0) { center = new Point(); }\n\t if (options === void 0) { options = {}; }\n\n\t this.setCenter(center);\n\n\t this.radiusX = options.radiusX;\n\t this.radiusY = options.radiusY || options.radiusX;\n\t this.startAngle = options.startAngle;\n\t this.endAngle = options.endAngle;\n\t this.anticlockwise = options.anticlockwise || false;\n\t this.xRotation = options.xRotation;\n\t },\n\n\t clone: function() {\n\t return new Arc$2(this.center, {\n\t radiusX: this.radiusX,\n\t radiusY: this.radiusY,\n\t startAngle: this.startAngle,\n\t endAngle: this.endAngle,\n\t anticlockwise: this.anticlockwise\n\t });\n\t },\n\n\t setCenter: function(value) {\n\t this._observerField(\"center\", Point.create(value));\n\t this.geometryChange();\n\t return this;\n\t },\n\n\t getCenter: function() {\n\t return this.center;\n\t },\n\n\t pointAt: function(angle) {\n\t var center = this.center;\n\t var radian = rad(angle);\n\n\t return new Point(\n\t center.x + this.radiusX * Math.cos(radian),\n\t center.y + this.radiusY * Math.sin(radian)\n\t );\n\t },\n\n\t curvePoints: function() {\n\t var this$1 = this;\n\n\t var startAngle = this.startAngle;\n\t var dir = this.anticlockwise ? -1 : 1;\n\t var curvePoints = [ this.pointAt(startAngle) ];\n\t var interval = this._arcInterval();\n\t var intervalAngle = interval.endAngle - interval.startAngle;\n\t var subIntervalsCount = Math.ceil(intervalAngle / MAX_INTERVAL);\n\t var subIntervalAngle = intervalAngle / subIntervalsCount;\n\t var currentAngle = startAngle;\n\t var transformation;\n\t if (this.xRotation) {\n\t transformation = transform().rotate(this.xRotation, this.center);\n\t }\n\n\t for (var i = 1; i <= subIntervalsCount; i++) {\n\t var nextAngle = currentAngle + dir * subIntervalAngle;\n\t var points = this$1._intervalCurvePoints(currentAngle, nextAngle, transformation);\n\n\t curvePoints.push(points.cp1, points.cp2, points.p2);\n\t currentAngle = nextAngle;\n\t }\n\n\t return curvePoints;\n\t },\n\n\t bbox: function(matrix) {\n\t var this$1 = this;\n\n\t var interval = this._arcInterval();\n\t var startAngle = interval.startAngle;\n\t var endAngle = interval.endAngle;\n\t var extremeAngles = ellipseExtremeAngles(this.center, this.radiusX, this.radiusY, matrix);\n\t var extremeX = deg(extremeAngles.x);\n\t var extremeY = deg(extremeAngles.y);\n\t var endPoint = this.pointAt(endAngle).transformCopy(matrix);\n\t var currentAngleX = bboxStartAngle(extremeX, startAngle);\n\t var currentAngleY = bboxStartAngle(extremeY, startAngle);\n\t var currentPoint = this.pointAt(startAngle).transformCopy(matrix);\n\t var minPoint = Point.min(currentPoint, endPoint);\n\t var maxPoint = Point.max(currentPoint, endPoint);\n\n\t while (currentAngleX < endAngle || currentAngleY < endAngle) {\n\t var currentPointX = (void 0);\n\t if (currentAngleX < endAngle) {\n\t currentPointX = this$1.pointAt(currentAngleX).transformCopy(matrix);\n\t currentAngleX += 90;\n\t }\n\n\t var currentPointY = (void 0);\n\t if (currentAngleY < endAngle) {\n\t currentPointY = this$1.pointAt(currentAngleY).transformCopy(matrix);\n\t currentAngleY += 90;\n\t }\n\n\t currentPoint = new Point(currentPointX.x, currentPointY.y);\n\t minPoint = Point.min(minPoint, currentPoint);\n\t maxPoint = Point.max(maxPoint, currentPoint);\n\t }\n\n\t return Rect.fromPoints(minPoint, maxPoint);\n\t },\n\n\t _arcInterval: function() {\n\t var ref = this;\n\t var startAngle = ref.startAngle;\n\t var endAngle = ref.endAngle;\n\t var anticlockwise = ref.anticlockwise;\n\n\t if (anticlockwise) {\n\t var oldStart = startAngle;\n\t startAngle = endAngle;\n\t endAngle = oldStart;\n\t }\n\n\t if (startAngle > endAngle || (anticlockwise && startAngle === endAngle)) {\n\t endAngle += 360;\n\t }\n\n\t return {\n\t startAngle: startAngle,\n\t endAngle: endAngle\n\t };\n\t },\n\n\t _intervalCurvePoints: function(startAngle, endAngle, transformation) {\n\t var p1 = this.pointAt(startAngle);\n\t var p2 = this.pointAt(endAngle);\n\t var p1Derivative = this._derivativeAt(startAngle);\n\t var p2Derivative = this._derivativeAt(endAngle);\n\t var t = (rad(endAngle) - rad(startAngle)) / 3;\n\t var cp1 = new Point(p1.x + t * p1Derivative.x, p1.y + t * p1Derivative.y);\n\t var cp2 = new Point(p2.x - t * p2Derivative.x, p2.y - t * p2Derivative.y);\n\t if (transformation) {\n\t p1.transform(transformation);\n\t p2.transform(transformation);\n\t cp1.transform(transformation);\n\t cp2.transform(transformation);\n\t }\n\n\t return {\n\t p1: p1,\n\t cp1: cp1,\n\t cp2: cp2,\n\t p2: p2\n\t };\n\t },\n\n\t _derivativeAt: function(angle) {\n\t var radian = rad(angle);\n\n\t return new Point(-this.radiusX * Math.sin(radian), this.radiusY * Math.cos(radian));\n\t },\n\n\t containsPoint: function(point) {\n\t var interval = this._arcInterval();\n\t var intervalAngle = interval.endAngle - interval.startAngle;\n\t var ref = this;\n\t var center = ref.center;\n\t var radiusX = ref.radiusX;\n\t var radiusY = ref.radiusY;\n\t var distance = center.distanceTo(point);\n\t var angleRad = Math.atan2(point.y - center.y, point.x - center.x);\n\t var pointRadius = (radiusX * radiusY) /\n\t Math.sqrt(pow$1(radiusX, 2) * pow$1(Math.sin(angleRad), 2) + pow$1(radiusY, 2) * pow$1(Math.cos(angleRad), 2));\n\t var startPoint = this.pointAt(this.startAngle).round(PRECISION);\n\t var endPoint = this.pointAt(this.endAngle).round(PRECISION);\n\t var intersection = lineIntersection(center, point.round(PRECISION), startPoint, endPoint);\n\t var containsPoint;\n\n\t if (intervalAngle < 180) {\n\t containsPoint = intersection && closeOrLess(center.distanceTo(intersection), distance) && closeOrLess(distance, pointRadius);\n\t } else {\n\t var angle = calculateAngle(center.x, center.y, radiusX, radiusY, point.x, point.y);\n\t if (angle !== 360) {\n\t angle = (360 + angle) % 360;\n\t }\n\n\t var inAngleRange = interval.startAngle <= angle && angle <= interval.endAngle;\n\t containsPoint = (inAngleRange && closeOrLess(distance, pointRadius)) || (!inAngleRange && (!intersection || intersection.equals(point)));\n\t }\n\t return containsPoint;\n\t },\n\n\t _isOnPath: function(point, width) {\n\t var interval = this._arcInterval();\n\t var center = this.center;\n\t var angle = calculateAngle(center.x, center.y, this.radiusX, this.radiusY, point.x, point.y);\n\t if (angle !== 360) {\n\t angle = (360 + angle) % 360;\n\t }\n\n\t var inAngleRange = interval.startAngle <= angle && angle <= interval.endAngle;\n\n\t return inAngleRange && this.pointAt(angle).distanceTo(point) <= width;\n\t }\n\t});\n\n\tArc$2.fromPoints = function(start, end, rx, ry, largeArc, swipe, rotation) {// eslint-disable-line max-params\n\t var arcParameters = normalizeArcParameters({\n\t x1: start.x,\n\t y1: start.y,\n\t x2: end.x,\n\t y2: end.y,\n\t rx: rx,\n\t ry: ry,\n\t largeArc: largeArc,\n\t swipe: swipe,\n\t rotation: rotation\n\t });\n\n\t return new Arc$2(arcParameters.center, {\n\t startAngle: arcParameters.startAngle,\n\t endAngle: arcParameters.endAngle,\n\t radiusX: arcParameters.radiusX,\n\t radiusY: arcParameters.radiusY,\n\t xRotation: arcParameters.xRotation,\n\t anticlockwise: swipe === 0\n\t });\n\t};\n\n\tdefineAccessors(Arc$2.prototype, [ \"radiusX\", \"radiusY\", \"startAngle\", \"endAngle\", \"anticlockwise\" ]);\n\tObserversMixin.extend(Arc$2.prototype);\n\n\tfunction calculateAngle(cx, cy, rx, ry, x, y) {\n\t var cos = round((x - cx) / rx, 3);\n\t var sin = round((y - cy) / ry, 3);\n\n\t return round(deg(Math.atan2(sin, cos)));\n\t}\n\n\tfunction normalizeArcParameters(parameters) {\n\t var x1 = parameters.x1;\n\t var y1 = parameters.y1;\n\t var x2 = parameters.x2;\n\t var y2 = parameters.y2;\n\t var rx = parameters.rx;\n\t var ry = parameters.ry;\n\t var largeArc = parameters.largeArc;\n\t var swipe = parameters.swipe;\n\t var rotation = parameters.rotation; if (rotation === void 0) { rotation = 0; }\n\n\t var radians = rad(rotation);\n\t var cosine = Math.cos(radians);\n\t var sine = Math.sin(radians);\n\n\t var xT = cosine * (x1 - x2) / 2 + sine * (y1 - y2) / 2;\n\t var yT = -sine * (x1 - x2) / 2 + cosine * (y1 - y2) / 2;\n\n\t var sign = largeArc !== swipe ? 1 : -1;\n\n\t var xt2 = Math.pow(xT, 2);\n\t var yt2 = Math.pow(yT, 2);\n\t var rx2 = Math.pow(rx, 2);\n\t var ry2 = Math.pow(ry, 2);\n\n\t var delta = xt2 / rx2 + yt2 / ry2;\n\n\t if (delta > 1) {\n\t delta = Math.sqrt(xt2 / rx2 + yt2 / ry2);\n\t rx = delta * rx;\n\t rx2 = Math.pow(rx, 2);\n\n\t ry = delta * ry;\n\t ry2 = Math.pow(ry, 2);\n\t }\n\n\t var constT = sign * Math.sqrt((rx2 * ry2 - rx2 * yt2 - ry2 * xt2) / (rx2 * yt2 + ry2 * xt2));\n\t // due to rounding errors the value could become NaN even after radii correction\n\t if (isNaN(constT)) {\n\t constT = 0;\n\t }\n\n\t var cxT = constT * (rx * yT) / ry;\n\t var cyT = - constT * (ry * xT) / rx;\n\n\t var cx = cosine * cxT - sine * cyT + (x1 + x2) / 2;\n\t var cy = sine * cxT + cosine * cyT + (y1 + y2) / 2;\n\n\t var uX = (xT - cxT) / rx;\n\t var uY = (yT - cyT) / ry;\n\t var vX = -(xT + cxT) / rx;\n\t var vY = -(yT + cyT) / ry;\n\n\t var startAngle = (uY >= 0 ? 1 : -1) * deg(Math.acos(uX / Math.sqrt(uX * uX + uY * uY)));\n\n\t var angleCosine = round((uX * vX + uY * vY) / (Math.sqrt(uX * uX + uY * uY) * Math.sqrt(vX * vX + vY * vY)), 10);\n\t var angle = (uX * vY - uY * vX >= 0 ? 1 : -1) * deg(Math.acos(angleCosine));\n\n\t if (!swipe && angle > 0) {\n\t angle -= 360;\n\t }\n\n\t if (swipe && angle < 0) {\n\t angle += 360;\n\t }\n\t var endAngle = startAngle + angle;\n\t var signEndAngle = endAngle >= 0 ? 1 : -1;\n\t endAngle = (Math.abs(endAngle) % 360) * signEndAngle;\n\n\t return {\n\t center: new Point(cx, cy),\n\t startAngle: startAngle,\n\t endAngle: endAngle,\n\t radiusX: rx,\n\t radiusY: ry,\n\t xRotation: rotation\n\t };\n\t}\n\n\tfunction bboxStartAngle(angle, start) {\n\t var startAngle = angle;\n\n\t while (startAngle < start) {\n\t startAngle += 90;\n\t }\n\n\t return startAngle;\n\t}\n\n\tvar push = [].push;\n\tvar pop = [].pop;\n\tvar splice = [].splice;\n\tvar shift = [].shift;\n\tvar slice = [].slice;\n\tvar unshift = [].unshift;\n\n\tvar ElementsArray = Class.extend({\n\t init: function(array) {\n\t if (array === void 0) { array = []; }\n\n\t this.length = 0;\n\t this._splice(0, array.length, array);\n\t },\n\n\t elements: function(value) {\n\t if (value) {\n\t this._splice(0, this.length, value);\n\n\t this._change();\n\t return this;\n\t }\n\n\t return this.slice(0);\n\t },\n\n\t push: function() {\n\t var elements = arguments;\n\t var result = push.apply(this, elements);\n\n\t this._add(elements);\n\n\t return result;\n\t },\n\n\t slice: function() {\n\t return slice.call(this);\n\t },\n\n\t pop: function() {\n\t var length = this.length;\n\t var result = pop.apply(this);\n\n\t if (length) {\n\t this._remove([ result ]);\n\t }\n\n\t return result;\n\t },\n\n\t splice: function(index, howMany) {\n\t var elements = slice.call(arguments, 2);\n\t var result = this._splice(index, howMany, elements);\n\n\t this._change();\n\n\t return result;\n\t },\n\n\t shift: function() {\n\t var length = this.length;\n\t var result = shift.apply(this);\n\n\t if (length) {\n\t this._remove([ result ]);\n\t }\n\n\t return result;\n\t },\n\n\t unshift: function() {\n\t var elements = arguments;\n\t var result = unshift.apply(this, elements);\n\n\t this._add(elements);\n\n\t return result;\n\t },\n\n\t indexOf: function(element) {\n\t var this$1 = this;\n\n\t var length = this.length;\n\n\t for (var idx = 0; idx < length; idx++) {\n\t if (this$1[idx] === element) {\n\t return idx;\n\t }\n\t }\n\t return -1;\n\t },\n\n\t _splice: function(index, howMany, elements) {\n\t var result = splice.apply(this, [ index, howMany ].concat(elements));\n\n\t this._clearObserver(result);\n\t this._setObserver(elements);\n\n\t return result;\n\t },\n\n\t _add: function(elements) {\n\t this._setObserver(elements);\n\t this._change();\n\t },\n\n\t _remove: function(elements) {\n\t this._clearObserver(elements);\n\t this._change();\n\t },\n\n\t _setObserver: function(elements) {\n\t var this$1 = this;\n\n\t for (var idx = 0; idx < elements.length; idx++) {\n\t elements[idx].addObserver(this$1);\n\t }\n\t },\n\n\t _clearObserver: function(elements) {\n\t var this$1 = this;\n\n\t for (var idx = 0; idx < elements.length; idx++) {\n\t elements[idx].removeObserver(this$1);\n\t }\n\t },\n\n\t _change: function() {}\n\t});\n\n\tObserversMixin.extend(ElementsArray.prototype);\n\n\tvar GeometryElementsArray = ElementsArray.extend({\n\t _change: function() {\n\t this.geometryChange();\n\t }\n\t});\n\n\tfunction pointAccessor(name) {\n\t var fieldName = \"_\" + name;\n\t return function(value) {\n\t if (defined(value)) {\n\t this._observerField(fieldName, Point.create(value));\n\t this.geometryChange();\n\t return this;\n\t }\n\n\t return this[fieldName];\n\t };\n\t}\n\n\tfunction definePointAccessors(fn, names) {\n\t for (var i = 0; i < names.length; i++) {\n\t fn[names[i]] = pointAccessor(names[i]);\n\t }\n\t}\n\n\tfunction isOutOfEndPoint(endPoint, controlPoint, point) {\n\t var angle = deg(Math.atan2(controlPoint.y - endPoint.y, controlPoint.x - endPoint.x));\n\t var rotatedPoint = point.transformCopy(transform().rotate(-angle, endPoint));\n\n\t return rotatedPoint.x < endPoint.x;\n\t}\n\n\tfunction calculateCurveAt(t, field, points) {\n\t var t1 = 1 - t;\n\t return Math.pow(t1, 3) * points[0][field] +\n\t 3 * Math.pow(t1, 2) * t * points[1][field] +\n\t 3 * Math.pow(t, 2) * t1 * points[2][field] +\n\t Math.pow(t, 3) * points[3][field];\n\t}\n\n\tfunction toCubicPolynomial(points, field) {\n\t return [ -points[0][field] + 3 * points[1][field] - 3 * points[2][field] + points[3][field],\n\t 3 * (points[0][field] - 2 * points[1][field] + points[2][field]),\n\t 3 * (-points[0][field] + points[1][field]),\n\t points[0][field]\n\t ];\n\t}\n\n\tvar ComplexNumber = Class.extend({\n\t init: function(real, img) {\n\t if (real === void 0) { real = 0; }\n\t if (img === void 0) { img = 0; }\n\n\t this.real = real;\n\t this.img = img;\n\t },\n\n\t add: function(cNumber) {\n\t return new ComplexNumber(round(this.real + cNumber.real, PRECISION), round(this.img + cNumber.img, PRECISION));\n\t },\n\n\t addConstant: function(value) {\n\t return new ComplexNumber(this.real + value, this.img);\n\t },\n\n\t negate: function() {\n\t return new ComplexNumber(-this.real, -this.img);\n\t },\n\n\t multiply: function(cNumber) {\n\t return new ComplexNumber(this.real * cNumber.real - this.img * cNumber.img,\n\t this.real * cNumber.img + this.img * cNumber.real);\n\t },\n\n\t multiplyConstant: function(value) {\n\t return new ComplexNumber(this.real * value, this.img * value);\n\t },\n\n\t nthRoot: function(n) {\n\t var rad$$1 = Math.atan2(this.img, this.real);\n\t var r = Math.sqrt(Math.pow(this.img, 2) + Math.pow(this.real, 2));\n\t var nthR = Math.pow(r, 1 / n);\n\n\t return new ComplexNumber(nthR * Math.cos(rad$$1 / n), nthR * Math.sin(rad$$1 / n)); //Moivre's formula\n\t },\n\n\t equals: function(cNumber) {\n\t return this.real === cNumber.real && this.img === cNumber.img;\n\t },\n\n\t isReal: function() {\n\t return this.img === 0;\n\t }\n\t});\n\n\tfunction numberSign(x) {\n\t return x < 0 ? -1 : 1;\n\t}\n\n\tfunction solveQuadraticEquation(a, b, c) {\n\t var squareRoot = Math.sqrt(Math.pow(b, 2) - 4 * a * c);\n\t return [\n\t (-b + squareRoot) / (2 * a),\n\t (-b - squareRoot) / (2 * a)\n\t ];\n\t}\n\n\t//Cardano's formula\n\tfunction solveCubicEquation(a, b, c, d) {\n\t if (a === 0) {\n\t return solveQuadraticEquation(b, c, d);\n\t }\n\n\t var p = (3 * a * c - Math.pow(b, 2)) / (3 * Math.pow(a, 2));\n\t var q = (2 * Math.pow(b, 3) - 9 * a * b * c + 27 * Math.pow(a, 2) * d) / (27 * Math.pow(a, 3));\n\t var Q = Math.pow(p / 3, 3) + Math.pow(q / 2, 2);\n\t var i = new ComplexNumber(0,1);\n\t var b3a = -b / (3 * a);\n\t var x1, x2, y1, y2, y3, z1, z2;\n\n\t if (Q < 0) {\n\t x1 = new ComplexNumber(-q / 2, Math.sqrt(-Q)).nthRoot(3);\n\t x2 = new ComplexNumber(-q / 2, - Math.sqrt(-Q)).nthRoot(3);\n\t } else {\n\t x1 = -q / 2 + Math.sqrt(Q);\n\t x1 = new ComplexNumber(numberSign(x1) * Math.pow(Math.abs(x1), 1 / 3));\n\t x2 = -q / 2 - Math.sqrt(Q);\n\t x2 = new ComplexNumber(numberSign(x2) * Math.pow(Math.abs(x2), 1 / 3));\n\t }\n\n\t y1 = x1.add(x2);\n\n\t z1 = x1.add(x2).multiplyConstant(-1 / 2);\n\t z2 = x1.add(x2.negate()).multiplyConstant(Math.sqrt(3) / 2);\n\n\t y2 = z1.add(i.multiply(z2));\n\t y3 = z1.add(i.negate().multiply(z2));\n\n\t var result = [];\n\n\t if (y1.isReal()) {\n\t result.push(round(y1.real + b3a, PRECISION));\n\t }\n\t if (y2.isReal()) {\n\t result.push(round(y2.real + b3a, PRECISION));\n\t }\n\t if (y3.isReal()) {\n\t result.push(round(y3.real + b3a, PRECISION));\n\t }\n\n\t return result;\n\t}\n\n\tfunction hasRootsInRange(points, point, field, rootField, range) {\n\t var polynomial = toCubicPolynomial(points, rootField);\n\t var roots = solveCubicEquation(polynomial[0], polynomial[1], polynomial[2], polynomial[3] - point[rootField]);\n\t var intersection;\n\n\t for (var idx = 0; idx < roots.length; idx++) {\n\t if (0 <= roots[idx] && roots[idx] <= 1) {\n\t intersection = calculateCurveAt(roots[idx], field, points);\n\t if (Math.abs(intersection - point[field]) <= range) {\n\t return true;\n\t }\n\t }\n\t }\n\t}\n\n\tfunction curveIntersectionsCount(points, point, bbox) {\n\t var polynomial = toCubicPolynomial(points, \"x\");\n\t var roots = solveCubicEquation(polynomial[0], polynomial[1], polynomial[2], polynomial[3] - point.x);\n\t var rayIntersection, intersectsRay;\n\t var count = 0;\n\t for (var i = 0; i < roots.length; i++) {\n\t rayIntersection = calculateCurveAt(roots[i], \"y\", points);\n\t intersectsRay = close(rayIntersection, point.y) || rayIntersection > point.y;\n\t if (intersectsRay && (((roots[i] === 0 || roots[i] === 1) && bbox.bottomRight().x > point.x) || (0 < roots[i] && roots[i] < 1))) {\n\t count++;\n\t }\n\t }\n\n\t return count;\n\t}\n\n\tfunction lineIntersectionsCount(a, b, point) {\n\t var intersects;\n\t if (a.x !== b.x) {\n\t var minX = Math.min(a.x, b.x);\n\t var maxX = Math.max(a.x, b.x);\n\t var minY = Math.min(a.y, b.y);\n\t var maxY = Math.max(a.y, b.y);\n\t var inRange = minX <= point.x && point.x < maxX;\n\n\t if (minY === maxY) {\n\t intersects = point.y <= minY && inRange;\n\t } else {\n\t intersects = inRange && (((maxY - minY) * ((a.x - b.x) * (a.y - b.y) > 0 ? point.x - minX : maxX - point.x)) / (maxX - minX) + minY - point.y) >= 0;\n\t }\n\t }\n\n\t return intersects ? 1 : 0;\n\t}\n\n\tvar Segment = Class.extend({\n\t init: function(anchor, controlIn, controlOut) {\n\n\t this.anchor(anchor || new Point());\n\t this.controlIn(controlIn);\n\t this.controlOut(controlOut);\n\t },\n\n\t bboxTo: function(toSegment, matrix) {\n\t var segmentAnchor = this.anchor().transformCopy(matrix);\n\t var toSegmentAnchor = toSegment.anchor().transformCopy(matrix);\n\t var rect;\n\n\t if (this.controlOut() && toSegment.controlIn()) {\n\t rect = this._curveBoundingBox(\n\t segmentAnchor, this.controlOut().transformCopy(matrix),\n\t toSegment.controlIn().transformCopy(matrix), toSegmentAnchor\n\t );\n\t } else {\n\t rect = this._lineBoundingBox(segmentAnchor, toSegmentAnchor);\n\t }\n\n\t return rect;\n\t },\n\n\t _lineBoundingBox: function(p1, p2) {\n\t return Rect.fromPoints(p1, p2);\n\t },\n\n\t _curveBoundingBox: function(p1, cp1, cp2, p2) {\n\t var points = [ p1, cp1, cp2, p2 ];\n\t var extremesX = this._curveExtremesFor(points, \"x\");\n\t var extremesY = this._curveExtremesFor(points, \"y\");\n\t var xLimits = arrayLimits([ extremesX.min, extremesX.max, p1.x, p2.x ]);\n\t var yLimits = arrayLimits([ extremesY.min, extremesY.max, p1.y, p2.y ]);\n\n\t return Rect.fromPoints(new Point(xLimits.min, yLimits.min), new Point(xLimits.max, yLimits.max));\n\t },\n\n\t _curveExtremesFor: function(points, field) {\n\t var extremes = this._curveExtremes(\n\t points[0][field], points[1][field],\n\t points[2][field], points[3][field]\n\t );\n\n\t return {\n\t min: calculateCurveAt(extremes.min, field, points),\n\t max: calculateCurveAt(extremes.max, field, points)\n\t };\n\t },\n\n\t _curveExtremes: function(x1, x2, x3, x4) {\n\t var a = x1 - 3 * x2 + 3 * x3 - x4;\n\t var b = - 2 * (x1 - 2 * x2 + x3);\n\t var c = x1 - x2;\n\t var sqrt = Math.sqrt(b * b - 4 * a * c);\n\t var t1 = 0;\n\t var t2 = 1;\n\n\t if (a === 0) {\n\t if (b !== 0) {\n\t t1 = t2 = -c / b;\n\t }\n\t } else if (!isNaN(sqrt)) {\n\t t1 = (- b + sqrt) / (2 * a);\n\t t2 = (- b - sqrt) / (2 * a);\n\t }\n\n\t var min = Math.max(Math.min(t1, t2), 0);\n\t if (min < 0 || min > 1) {\n\t min = 0;\n\t }\n\n\t var max = Math.min(Math.max(t1, t2), 1);\n\t if (max > 1 || max < 0) {\n\t max = 1;\n\t }\n\n\t return {\n\t min: min,\n\t max: max\n\t };\n\t },\n\n\t _intersectionsTo: function(segment, point) {\n\t var intersectionsCount;\n\t if (this.controlOut() && segment.controlIn()) {\n\t intersectionsCount = curveIntersectionsCount([ this.anchor(), this.controlOut(), segment.controlIn(), segment.anchor() ], point, this.bboxTo(segment));\n\t } else {\n\t intersectionsCount = lineIntersectionsCount(this.anchor(), segment.anchor(), point);\n\t }\n\t return intersectionsCount;\n\t },\n\n\t _isOnCurveTo: function(segment, point, width, endSegment) {\n\t var bbox = this.bboxTo(segment).expand(width, width);\n\t if (bbox.containsPoint(point)) {\n\t var p1 = this.anchor();\n\t var p2 = this.controlOut();\n\t var p3 = segment.controlIn();\n\t var p4 = segment.anchor();\n\n\t if (endSegment === \"start\" && p1.distanceTo(point) <= width) {\n\t return !isOutOfEndPoint(p1, p2, point);\n\t } else if (endSegment === \"end\" && p4.distanceTo(point) <= width) {\n\t return !isOutOfEndPoint(p4, p3, point);\n\t }\n\n\t //the approach is not entirely correct but is close and the alternatives are solving a 6th degree polynomial or testing the segment points\n\t var points = [ p1, p2, p3, p4 ];\n\t if (hasRootsInRange(points, point, \"x\", \"y\", width) || hasRootsInRange(points, point, \"y\", \"x\", width)) {\n\t return true;\n\t }\n\t var rotation = transform().rotate(45, point);\n\t var rotatedPoints = [ p1.transformCopy(rotation), p2.transformCopy(rotation), p3.transformCopy(rotation), p4.transformCopy(rotation) ];\n\t return hasRootsInRange(rotatedPoints, point, \"x\", \"y\", width) || hasRootsInRange(rotatedPoints, point, \"y\", \"x\", width);\n\t }\n\t },\n\n\t _isOnLineTo: function(segment, point, width) {\n\t var p1 = this.anchor();\n\t var p2 = segment.anchor();\n\t var angle = deg(Math.atan2(p2.y - p1.y, p2.x - p1.x));\n\t var rect = new Rect([ p1.x, p1.y - width / 2 ], [ p1.distanceTo(p2), width ]);\n\t return rect.containsPoint(point.transformCopy(transform().rotate(-angle, p1)));\n\t },\n\n\t _isOnPathTo: function(segment, point, width, endSegment) {\n\t var isOnPath;\n\t if (this.controlOut() && segment.controlIn()) {\n\t isOnPath = this._isOnCurveTo(segment, point, width / 2, endSegment);\n\t } else {\n\t isOnPath = this._isOnLineTo(segment, point, width);\n\t }\n\t return isOnPath;\n\t }\n\t});\n\n\tdefinePointAccessors(Segment.prototype, [ \"anchor\", \"controlIn\", \"controlOut\" ]);\n\tObserversMixin.extend(Segment.prototype);\n\n\tfunction arrayLimits(arr) {\n\t var length = arr.length;\n\t var min = MAX_NUM;\n\t var max = MIN_NUM;\n\n\t for (var i = 0; i < length; i ++) {\n\t max = Math.max(max, arr[i]);\n\t min = Math.min(min, arr[i]);\n\t }\n\n\t return {\n\t min: min,\n\t max: max\n\t };\n\t}\n\n\tfunction elementsBoundingBox(elements, applyTransform, transformation) {\n\t var boundingBox;\n\n\t for (var i = 0; i < elements.length; i++) {\n\t var element = elements[i];\n\t if (element.visible()) {\n\t var elementBoundingBox = applyTransform ? element.bbox(transformation) : element.rawBBox();\n\t if (elementBoundingBox) {\n\t if (boundingBox) {\n\t boundingBox = Rect.union(boundingBox, elementBoundingBox);\n\t } else {\n\t boundingBox = elementBoundingBox;\n\t }\n\t }\n\t }\n\t }\n\n\t return boundingBox;\n\t}\n\n\tfunction elementsClippedBoundingBox(elements, transformation) {\n\t var boundingBox;\n\n\t for (var i = 0; i < elements.length; i++) {\n\t var element = elements[i];\n\t if (element.visible()) {\n\t var elementBoundingBox = element.clippedBBox(transformation);\n\t if (elementBoundingBox) {\n\t if (boundingBox) {\n\t boundingBox = Rect.union(boundingBox, elementBoundingBox);\n\t } else {\n\t boundingBox = elementBoundingBox;\n\t }\n\t }\n\t }\n\t }\n\n\t return boundingBox;\n\t}\n\n\tvar MultiPath = Element$1.extend({\n\t init: function(options) {\n\t Element$1.fn.init.call(this, options);\n\t this.paths = new GeometryElementsArray();\n\t this.paths.addObserver(this);\n\n\t if (!defined(this.options.stroke)) {\n\t this.stroke(\"#000\");\n\t }\n\t },\n\n\t moveTo: function(x, y) {\n\t var path = new Path();\n\t path.moveTo(x, y);\n\n\t this.paths.push(path);\n\n\t return this;\n\t },\n\n\t lineTo: function(x, y) {\n\t if (this.paths.length > 0) {\n\t last(this.paths).lineTo(x, y);\n\t }\n\n\t return this;\n\t },\n\n\t curveTo: function(controlOut, controlIn, point) {\n\t if (this.paths.length > 0) {\n\t last(this.paths).curveTo(controlOut, controlIn, point);\n\t }\n\n\t return this;\n\t },\n\n\t arc: function(startAngle, endAngle, radiusX, radiusY, anticlockwise) {\n\t if (this.paths.length > 0) {\n\t last(this.paths).arc(startAngle, endAngle, radiusX, radiusY, anticlockwise);\n\t }\n\n\t return this;\n\t },\n\n\t arcTo: function(end, rx, ry, largeArc, swipe, rotation) {\n\t if (this.paths.length > 0) {\n\t last(this.paths).arcTo(end, rx, ry, largeArc, swipe, rotation);\n\t }\n\n\t return this;\n\t },\n\n\t close: function() {\n\t if (this.paths.length > 0) {\n\t last(this.paths).close();\n\t }\n\n\t return this;\n\t },\n\n\t _bbox: function(matrix) {\n\t return elementsBoundingBox(this.paths, true, matrix);\n\t },\n\n\t rawBBox: function() {\n\t return elementsBoundingBox(this.paths, false);\n\t },\n\n\t _containsPoint: function(point) {\n\t var paths = this.paths;\n\n\t for (var idx = 0; idx < paths.length; idx++) {\n\t if (paths[idx]._containsPoint(point)) {\n\t return true;\n\t }\n\t }\n\t return false;\n\t },\n\n\t _isOnPath: function(point) {\n\t var paths = this.paths;\n\t var width = this.options.stroke.width;\n\n\t for (var idx = 0; idx < paths.length; idx++) {\n\t if (paths[idx]._isOnPath(point, width)) {\n\t return true;\n\t }\n\t }\n\t return false;\n\t },\n\n\t _clippedBBox: function(transformation) {\n\t return elementsClippedBoundingBox(this.paths, this.currentTransform(transformation));\n\t }\n\t});\n\n\tMultiPath.prototype.nodeType = \"MultiPath\";\n\n\tPaintable.extend(MultiPath.prototype);\n\tMeasurable.extend(MultiPath.prototype);\n\n\tvar ShapeMap = {\n\t l: function(path, options) {\n\t var parameters = options.parameters;\n\t var position = options.position;\n\n\t for (var i = 0; i < parameters.length; i += 2) {\n\t var point = new Point(parameters[i], parameters[i + 1]);\n\n\t if (options.isRelative) {\n\t point.translateWith(position);\n\t }\n\n\t path.lineTo(point.x, point.y);\n\n\t position.x = point.x;\n\t position.y = point.y;\n\t }\n\t },\n\n\t c: function(path, options) {\n\t var parameters = options.parameters;\n\t var position = options.position;\n\n\t for (var i = 0; i < parameters.length; i += 6) {\n\t var controlOut = new Point(parameters[i], parameters[i + 1]);\n\t var controlIn = new Point(parameters[i + 2], parameters[i + 3]);\n\t var point = new Point(parameters[i + 4], parameters[i + 5]);\n\t if (options.isRelative) {\n\t controlIn.translateWith(position);\n\t controlOut.translateWith(position);\n\t point.translateWith(position);\n\t }\n\n\t path.curveTo(controlOut, controlIn, point);\n\n\t position.x = point.x;\n\t position.y = point.y;\n\t }\n\t },\n\n\t v: function(path, options) {\n\t var value = options.isRelative ? 0 : options.position.x;\n\n\t toLineParamaters(options.parameters, true, value);\n\t this.l(path, options);\n\t },\n\n\t h: function(path, options) {\n\t var value = options.isRelative ? 0 : options.position.y;\n\n\t toLineParamaters(options.parameters, false, value);\n\t this.l(path, options);\n\t },\n\n\t a: function(path, options) {\n\t var parameters = options.parameters;\n\t var position = options.position;\n\n\t for (var i = 0; i < parameters.length; i += 7) {\n\t var radiusX = parameters[i];\n\t var radiusY = parameters[i + 1];\n\t var rotation = parameters[i + 2];\n\t var largeArc = parameters[i + 3];\n\t var swipe = parameters[i + 4];\n\t var endPoint = new Point(parameters[i + 5], parameters[i + 6]);\n\n\t if (options.isRelative) {\n\t endPoint.translateWith(position);\n\t }\n\t if (position.x !== endPoint.x || position.y !== endPoint.y) {\n\t path.arcTo(endPoint, radiusX, radiusY, largeArc, swipe, rotation);\n\n\t position.x = endPoint.x;\n\t position.y = endPoint.y;\n\t }\n\t }\n\t },\n\n\t s: function(path, options) {\n\t var parameters = options.parameters;\n\t var position = options.position;\n\t var previousCommand = options.previousCommand;\n\t var lastControlIn;\n\n\t if (previousCommand === \"s\" || previousCommand === \"c\") {\n\t lastControlIn = last(last(path.paths).segments).controlIn();\n\t }\n\n\t for (var i = 0; i < parameters.length; i += 4) {\n\t var controlIn = new Point(parameters[i], parameters[i + 1]);\n\t var endPoint = new Point(parameters[i + 2], parameters[i + 3]);\n\t var controlOut = (void 0);\n\n\t if (options.isRelative) {\n\t controlIn.translateWith(position);\n\t endPoint.translateWith(position);\n\t }\n\n\t if (lastControlIn) {\n\t controlOut = reflectionPoint(lastControlIn, position);\n\t } else {\n\t controlOut = position.clone();\n\t }\n\n\t lastControlIn = controlIn;\n\n\t path.curveTo(controlOut, controlIn, endPoint);\n\n\t position.x = endPoint.x;\n\t position.y = endPoint.y;\n\t }\n\t },\n\n\t q: function(path, options) {\n\t var parameters = options.parameters;\n\t var position = options.position;\n\n\t for (var i = 0; i < parameters.length; i += 4) {\n\t var controlPoint = new Point(parameters[i], parameters[i + 1]);\n\t var endPoint = new Point(parameters[i + 2], parameters[i + 3]);\n\n\t if (options.isRelative) {\n\t controlPoint.translateWith(position);\n\t endPoint.translateWith(position);\n\t }\n\n\t var cubicControlPoints = quadraticToCubicControlPoints(position, controlPoint, endPoint);\n\n\t path.curveTo(cubicControlPoints.controlOut, cubicControlPoints.controlIn, endPoint);\n\n\t position.x = endPoint.x;\n\t position.y = endPoint.y;\n\t }\n\t },\n\n\t t: function(path, options) {\n\t var parameters = options.parameters;\n\t var position = options.position;\n\t var previousCommand = options.previousCommand;\n\t var controlPoint;\n\n\t if (previousCommand === \"q\" || previousCommand === \"t\") {\n\t var lastSegment = last(last(path.paths).segments);\n\t controlPoint = lastSegment.controlIn().clone()\n\t .translateWith(position.scaleCopy(-1 / 3))\n\t .scale(3 / 2);\n\t }\n\n\t for (var i = 0; i < parameters.length; i += 2) {\n\t var endPoint = new Point(parameters[i], parameters[i + 1]);\n\t if (options.isRelative) {\n\t endPoint.translateWith(position);\n\t }\n\n\t if (controlPoint) {\n\t controlPoint = reflectionPoint(controlPoint, position);\n\t } else {\n\t controlPoint = position.clone();\n\t }\n\n\t var cubicControlPoints = quadraticToCubicControlPoints(position, controlPoint, endPoint);\n\n\t path.curveTo(cubicControlPoints.controlOut, cubicControlPoints.controlIn, endPoint);\n\n\t position.x = endPoint.x;\n\t position.y = endPoint.y;\n\t }\n\t }\n\t};\n\n\tfunction toLineParamaters(parameters, isVertical, value) {\n\t var insertPosition = isVertical ? 0 : 1;\n\n\t for (var i = 0; i < parameters.length; i += 2) {\n\t parameters.splice(i + insertPosition, 0, value);\n\t }\n\t}\n\n\tfunction reflectionPoint(point, center) {\n\t if (point && center) {\n\t return center.scaleCopy(2).translate(-point.x, -point.y);\n\t }\n\t}\n\n\tvar third = 1 / 3;\n\n\tfunction quadraticToCubicControlPoints(position, controlPoint, endPoint) {\n\t var scaledPoint = controlPoint.clone().scale(2 / 3);\n\t return {\n\t controlOut: scaledPoint.clone().translateWith(position.scaleCopy(third)),\n\t controlIn: scaledPoint.translateWith(endPoint.scaleCopy(third))\n\t };\n\t}\n\n\tvar SEGMENT_REGEX = /([a-df-z]{1})([^a-df-z]*)(z)?/gi;\n\tvar SPLIT_REGEX = /[,\\s]?([+\\-]?(?:\\d*\\.\\d+|\\d+)(?:[eE][+\\-]?\\d+)?)/g;\n\tvar MOVE = \"m\";\n\tvar CLOSE = \"z\";\n\n\tfunction parseParameters(str) {\n\t var parameters = [];\n\t str.replace(SPLIT_REGEX, function(match, number) {\n\t parameters.push(parseFloat(number));\n\t });\n\t return parameters;\n\t}\n\n\tvar PathParser = Class.extend({\n\t parse: function(str, options) {\n\t var multiPath = new MultiPath(options);\n\t var position = new Point();\n\t var previousCommand;\n\n\t str.replace(SEGMENT_REGEX, function (match, element, params, closePath) {\n\t var command = element.toLowerCase();\n\t var isRelative = command === element;\n\t var parameters = parseParameters(params.trim());\n\n\t if (command === MOVE) {\n\t if (isRelative) {\n\t position.x += parameters[0];\n\t position.y += parameters[1];\n\t } else {\n\t position.x = parameters[0];\n\t position.y = parameters[1];\n\t }\n\n\t multiPath.moveTo(position.x, position.y);\n\n\t if (parameters.length > 2) {\n\t command = \"l\";\n\t parameters.splice(0, 2);\n\t }\n\t }\n\n\t if (ShapeMap[command]) {\n\t ShapeMap[command](\n\t multiPath, {\n\t parameters: parameters,\n\t position: position,\n\t isRelative: isRelative,\n\t previousCommand: previousCommand\n\t }\n\t );\n\n\t if (closePath && closePath.toLowerCase() === CLOSE) {\n\t multiPath.close();\n\t }\n\t } else if (command !== MOVE) {\n\t throw new Error(\"Error while parsing SVG path. Unsupported command: \" + command);\n\t }\n\n\t previousCommand = command;\n\t });\n\n\t return multiPath;\n\t }\n\t});\n\n\tPathParser.current = new PathParser();\n\n\tvar Path = Element$1.extend({\n\t init: function(options) {\n\t Element$1.fn.init.call(this, options);\n\t this.segments = new GeometryElementsArray();\n\t this.segments.addObserver(this);\n\n\t if (!defined(this.options.stroke)) {\n\t this.stroke(\"#000\");\n\n\t if (!defined(this.options.stroke.lineJoin)) {\n\t this.options.set(\"stroke.lineJoin\", \"miter\");\n\t }\n\t }\n\t },\n\n\t moveTo: function(x, y) {\n\t this.suspend();\n\t this.segments.elements([]);\n\t this.resume();\n\n\t this.lineTo(x, y);\n\n\t return this;\n\t },\n\n\t lineTo: function(x, y) {\n\t var point = defined(y) ? new Point(x, y) : x;\n\t var segment = new Segment(point);\n\n\t this.segments.push(segment);\n\n\t return this;\n\t },\n\n\t curveTo: function(controlOut, controlIn, point) {\n\t if (this.segments.length > 0) {\n\t var lastSegment = last(this.segments);\n\t var segment = new Segment(point, controlIn);\n\t this.suspend();\n\t lastSegment.controlOut(controlOut);\n\t this.resume();\n\n\t this.segments.push(segment);\n\t }\n\n\t return this;\n\t },\n\n\t arc: function(startAngle, endAngle, radiusX, radiusY, anticlockwise) {\n\t if (this.segments.length > 0) {\n\t var lastSegment = last(this.segments);\n\t var anchor = lastSegment.anchor();\n\t var start = rad(startAngle);\n\t var center = new Point(anchor.x - radiusX * Math.cos(start),\n\t anchor.y - radiusY * Math.sin(start));\n\t var arc = new Arc$2(center, {\n\t startAngle: startAngle,\n\t endAngle: endAngle,\n\t radiusX: radiusX,\n\t radiusY: radiusY,\n\t anticlockwise: anticlockwise\n\t });\n\n\t this._addArcSegments(arc);\n\t }\n\n\t return this;\n\t },\n\n\t arcTo: function(end, rx, ry, largeArc, swipe, rotation) {\n\t if (this.segments.length > 0) {\n\t var lastSegment = last(this.segments);\n\t var anchor = lastSegment.anchor();\n\t var arc = Arc$2.fromPoints(anchor, end, rx, ry, largeArc, swipe, rotation);\n\n\t this._addArcSegments(arc);\n\t }\n\t return this;\n\t },\n\n\t _addArcSegments: function(arc) {\n\t var this$1 = this;\n\n\t this.suspend();\n\n\t var curvePoints = arc.curvePoints();\n\n\t for (var i = 1; i < curvePoints.length; i += 3) {\n\t this$1.curveTo(curvePoints[i], curvePoints[i + 1], curvePoints[i + 2]);\n\t }\n\n\t this.resume();\n\t this.geometryChange();\n\t },\n\n\t close: function() {\n\t this.options.closed = true;\n\t this.geometryChange();\n\n\t return this;\n\t },\n\n\t rawBBox: function() {\n\t return this._bbox();\n\t },\n\n\t _containsPoint: function(point) {\n\t var segments = this.segments;\n\t var length = segments.length;\n\t var intersectionsCount = 0;\n\t var previous, current;\n\n\t for (var idx = 1; idx < length; idx++) {\n\t previous = segments[idx - 1];\n\t current = segments[idx];\n\t intersectionsCount += previous._intersectionsTo(current, point);\n\t }\n\n\t if (this.options.closed || !segments[0].anchor().equals(segments[length - 1].anchor())) {\n\t intersectionsCount += lineIntersectionsCount(segments[0].anchor(), segments[length - 1].anchor(), point);\n\t }\n\n\t return intersectionsCount % 2 !== 0;\n\t },\n\n\t _isOnPath: function(point, width) {\n\t var segments = this.segments;\n\t var length = segments.length;\n\t var pathWidth = width || this.options.stroke.width;\n\n\t if (length > 1) {\n\t if (segments[0]._isOnPathTo(segments[1], point, pathWidth, \"start\")) {\n\t return true;\n\t }\n\n\t for (var idx = 2; idx <= length - 2; idx++) {\n\t if (segments[idx - 1]._isOnPathTo(segments[idx], point, pathWidth)) {\n\t return true;\n\t }\n\t }\n\n\t if (segments[length - 2]._isOnPathTo(segments[length - 1], point, pathWidth, \"end\")) {\n\t return true;\n\t }\n\t }\n\t return false;\n\t },\n\n\t _bbox: function(matrix) {\n\t var segments = this.segments;\n\t var length = segments.length;\n\t var boundingBox;\n\n\t if (length === 1) {\n\t var anchor = segments[0].anchor().transformCopy(matrix);\n\t boundingBox = new Rect(anchor, Size.ZERO);\n\t } else if (length > 0) {\n\t for (var i = 1; i < length; i++) {\n\t var segmentBox = segments[i - 1].bboxTo(segments[i], matrix);\n\t if (boundingBox) {\n\t boundingBox = Rect.union(boundingBox, segmentBox);\n\t } else {\n\t boundingBox = segmentBox;\n\t }\n\t }\n\t }\n\n\t return boundingBox;\n\t }\n\t});\n\n\tPath.fromRect = function(rect, options) {\n\t return new Path(options)\n\t .moveTo(rect.topLeft())\n\t .lineTo(rect.topRight())\n\t .lineTo(rect.bottomRight())\n\t .lineTo(rect.bottomLeft())\n\t .close();\n\t};\n\n\tPath.fromPoints = function(points, options) {\n\t if (points) {\n\t var path = new Path(options);\n\n\t for (var i = 0; i < points.length; i++) {\n\t var point = Point.create(points[i]);\n\t if (point) {\n\t if (i === 0) {\n\t path.moveTo(point);\n\t } else {\n\t path.lineTo(point);\n\t }\n\t }\n\t }\n\n\t return path;\n\t }\n\t};\n\n\tPath.fromArc = function(arc, options) {\n\t var path = new Path(options);\n\t var startAngle = arc.startAngle;\n\t var start = arc.pointAt(startAngle);\n\t path.moveTo(start.x, start.y);\n\t path.arc(startAngle, arc.endAngle, arc.radiusX, arc.radiusY, arc.anticlockwise);\n\t return path;\n\t};\n\n\tPath.prototype.nodeType = \"Path\";\n\n\tPaintable.extend(Path.prototype);\n\tMeasurable.extend(Path.prototype);\n\n\tPath.parse = function(str, options) {\n\t return PathParser.current.parse(str, options);\n\t};\n\n\tvar DEFAULT_STROKE$1 = \"#000\";\n\n\tvar Arc = Element$1.extend({\n\t init: function(geometry, options) {\n\t if (geometry === void 0) { geometry = new Arc$2(); }\n\t if (options === void 0) { options = {}; }\n\n\t Element$1.fn.init.call(this, options);\n\n\t this.geometry(geometry);\n\n\t if (!defined(this.options.stroke)) {\n\t this.stroke(DEFAULT_STROKE$1);\n\t }\n\t },\n\n\t _bbox: function(matrix) {\n\t return this._geometry.bbox(matrix);\n\t },\n\n\t rawBBox: function() {\n\t return this.geometry().bbox();\n\t },\n\n\t toPath: function() {\n\t var path = new Path();\n\t var curvePoints = this.geometry().curvePoints();\n\n\t if (curvePoints.length > 0) {\n\t path.moveTo(curvePoints[0].x, curvePoints[0].y);\n\n\t for (var i = 1; i < curvePoints.length; i += 3) {\n\t path.curveTo(curvePoints[i], curvePoints[i + 1], curvePoints[i + 2]);\n\t }\n\t }\n\n\t return path;\n\t },\n\n\t _containsPoint: function(point) {\n\t return this.geometry().containsPoint(point);\n\t },\n\n\t _isOnPath: function(point) {\n\t return this.geometry()._isOnPath(point, this.options.stroke.width / 2);\n\t }\n\t});\n\n\tArc.prototype.nodeType = \"Arc\";\n\n\tPaintable.extend(Arc.prototype);\n\tMeasurable.extend(Arc.prototype);\n\tdefineGeometryAccessors(Arc.prototype, [ \"geometry\" ]);\n\n\tvar DEFAULT_FONT = \"12px sans-serif\";\n\tvar DEFAULT_FILL = \"#000\";\n\n\tvar Text = Element$1.extend({\n\t init: function(content, position, options) {\n\t if (position === void 0) { position = new Point(); }\n\t if (options === void 0) { options = {}; }\n\n\t Element$1.fn.init.call(this, options);\n\n\t this.content(content);\n\t this.position(position);\n\n\t if (!this.options.font) {\n\t this.options.font = DEFAULT_FONT;\n\t }\n\n\t if (!defined(this.options.fill)) {\n\t this.fill(DEFAULT_FILL);\n\t }\n\t },\n\n\t content: function(value) {\n\t if (defined(value)) {\n\t this.options.set(\"content\", value);\n\t return this;\n\t }\n\n\t return this.options.get(\"content\");\n\t },\n\n\t measure: function() {\n\t var metrics = kendoUtil.measureText(this.content(), {\n\t font: this.options.get(\"font\")\n\t });\n\n\t return metrics;\n\t },\n\n\t rect: function() {\n\t var size = this.measure();\n\t var pos = this.position().clone();\n\t return new Rect(pos, [ size.width, size.height ]);\n\t },\n\n\t bbox: function(transformation) {\n\t var combinedMatrix = toMatrix(this.currentTransform(transformation));\n\t return this.rect().bbox(combinedMatrix);\n\t },\n\n\t rawBBox: function() {\n\t return this.rect().bbox();\n\t },\n\n\t _containsPoint: function(point) {\n\t return this.rect().containsPoint(point);\n\t }\n\t});\n\n\tText.prototype.nodeType = \"Text\";\n\n\tPaintable.extend(Text.prototype);\n\n\tdefinePointAccessors(Text.prototype, [ \"position\" ]);\n\n\tvar Image$1 = Element$1.extend({\n\t init: function(src, rect, options) {\n\t if (rect === void 0) { rect = new Rect(); }\n\t if (options === void 0) { options = {}; }\n\n\t Element$1.fn.init.call(this, options);\n\n\t this.src(src);\n\t this.rect(rect);\n\t },\n\n\t src: function(value) {\n\t if (defined(value)) {\n\t this.options.set(\"src\", value);\n\t return this;\n\t }\n\n\t return this.options.get(\"src\");\n\t },\n\n\t bbox: function(transformation) {\n\t var combinedMatrix = toMatrix(this.currentTransform(transformation));\n\t return this._rect.bbox(combinedMatrix);\n\t },\n\n\t rawBBox: function() {\n\t return this._rect.bbox();\n\t },\n\n\t _containsPoint: function(point) {\n\t return this._rect.containsPoint(point);\n\t },\n\n\t _hasFill: function() {\n\t return this.src();\n\t }\n\t});\n\n\tImage$1.prototype.nodeType = \"Image\";\n\n\tdefineGeometryAccessors(Image$1.prototype, [ \"rect\" ]);\n\n\tvar Traversable = {\n\t extend: function(proto, childrenField) {\n\t proto.traverse = function(callback) {\n\t var children = this[childrenField];\n\n\t for (var i = 0; i < children.length; i++) {\n\t var child = children[i];\n\n\t if (child.traverse) {\n\t child.traverse(callback);\n\t } else {\n\t callback(child);\n\t }\n\t }\n\n\t return this;\n\t };\n\t }\n\t};\n\n\tvar Group = Element$1.extend({\n\t init: function(options) {\n\t Element$1.fn.init.call(this, options);\n\t this.children = [];\n\t },\n\n\t childrenChange: function(action, items, index) {\n\t this.trigger(\"childrenChange\",{\n\t action: action,\n\t items: items,\n\t index: index\n\t });\n\t },\n\n\t append: function() {\n\t append(this.children, arguments);\n\t this._reparent(arguments, this);\n\n\t this.childrenChange(\"add\", arguments);\n\n\t return this;\n\t },\n\n\t insert: function(index, element) {\n\t this.children.splice(index, 0, element);\n\t element.parent = this;\n\n\t this.childrenChange(\"add\", [ element ], index);\n\n\t return this;\n\t },\n\n\t insertAt: function(element, index) {\n\t return this.insert(index, element);\n\t },\n\n\t remove: function(element) {\n\t var index = this.children.indexOf(element);\n\t if (index >= 0) {\n\t this.children.splice(index, 1);\n\t element.parent = null;\n\t this.childrenChange(\"remove\", [ element ], index);\n\t }\n\n\t return this;\n\t },\n\n\t removeAt: function(index) {\n\t if (0 <= index && index < this.children.length) {\n\t var element = this.children[index];\n\t this.children.splice(index, 1);\n\t element.parent = null;\n\t this.childrenChange(\"remove\", [ element ], index);\n\t }\n\n\t return this;\n\t },\n\n\t clear: function() {\n\t var items = this.children;\n\t this.children = [];\n\t this._reparent(items, null);\n\n\t this.childrenChange(\"remove\", items, 0);\n\n\t return this;\n\t },\n\n\t bbox: function(transformation) {\n\t return elementsBoundingBox(this.children, true, this.currentTransform(transformation));\n\t },\n\n\t rawBBox: function() {\n\t return elementsBoundingBox(this.children, false);\n\t },\n\n\t _clippedBBox: function(transformation) {\n\t return elementsClippedBoundingBox(this.children, this.currentTransform(transformation));\n\t },\n\n\t currentTransform: function(transformation) {\n\t return Element$1.prototype.currentTransform.call(this, transformation) || null;\n\t },\n\n\t containsPoint: function(point, parentTransform) {\n\t if (this.visible()) {\n\t var children = this.children;\n\t var transform = this.currentTransform(parentTransform);\n\t for (var idx = 0; idx < children.length; idx++) {\n\t if (children[idx].containsPoint(point, transform)) {\n\t return true;\n\t }\n\t }\n\t }\n\t return false;\n\t },\n\n\t _reparent: function(elements, newParent) {\n\t var this$1 = this;\n\n\t for (var i = 0; i < elements.length; i++) {\n\t var child = elements[i];\n\t var parent = child.parent;\n\t if (parent && parent !== this$1 && parent.remove) {\n\t parent.remove(child);\n\t }\n\n\t child.parent = newParent;\n\t }\n\t }\n\t});\n\n\tGroup.prototype.nodeType = \"Group\";\n\n\tTraversable.extend(Group.prototype, \"children\");\n\n\tfunction translateToPoint(point, bbox, element) {\n\t var transofrm = element.transform() || transform();\n\t var matrix = transofrm.matrix();\n\t matrix.e += point.x - bbox.origin.x;\n\t matrix.f += point.y - bbox.origin.y;\n\n\t transofrm.matrix(matrix);\n\t element.transform(transofrm);\n\t}\n\n\tfunction alignStart(size, rect, align, axis, sizeField) {\n\t var start;\n\t if (align === \"start\") {\n\t start = rect.origin[axis];\n\t } else if (align === \"end\") {\n\t start = rect.origin[axis] + rect.size[sizeField] - size;\n\t } else {\n\t start = rect.origin[axis] + (rect.size[sizeField] - size) / 2;\n\t }\n\n\t return start;\n\t}\n\n\tfunction alignStartReverse(size, rect, align, axis, sizeField) {\n\t var start;\n\t if (align === \"start\") {\n\t start = rect.origin[axis] + rect.size[sizeField] - size;\n\t } else if (align === \"end\") {\n\t start = rect.origin[axis];\n\t } else {\n\t start = rect.origin[axis] + (rect.size[sizeField] - size) / 2;\n\t }\n\n\t return start;\n\t}\n\n\tvar DEFAULT_OPTIONS = {\n\t alignContent: \"start\",\n\t justifyContent: \"start\",\n\t alignItems: \"start\",\n\t spacing: 0,\n\t orientation: \"horizontal\",\n\t lineSpacing: 0,\n\t wrap: true,\n\t revers: false\n\t};\n\n\tvar forEach = function (elements, callback) {\n\t elements.forEach(callback);\n\t};\n\n\tvar forEachReverse = function (elements, callback) {\n\t var length = elements.length;\n\n\t for (var idx = length - 1; idx >= 0; idx--) {\n\t callback(elements[idx], idx);\n\t }\n\t};\n\n\tvar Layout = Group.extend({\n\t init: function(rect, options) {\n\t Group.fn.init.call(this, $.extend({}, DEFAULT_OPTIONS, options));\n\t this._rect = rect;\n\t this._fieldMap = {};\n\t },\n\n\t rect: function(value) {\n\t if (value) {\n\t this._rect = value;\n\t return this;\n\t }\n\n\t return this._rect;\n\t },\n\n\t _initMap: function() {\n\t var options = this.options;\n\t var fieldMap = this._fieldMap;\n\t if (options.orientation === \"horizontal\") {\n\t fieldMap.sizeField = \"width\";\n\t fieldMap.groupsSizeField = \"height\";\n\t fieldMap.groupAxis = \"x\";\n\t fieldMap.groupsAxis = \"y\";\n\t } else {\n\t fieldMap.sizeField = \"height\";\n\t fieldMap.groupsSizeField = \"width\";\n\t fieldMap.groupAxis = \"y\";\n\t fieldMap.groupsAxis = \"x\";\n\t }\n\n\t if (options.reverse) {\n\t this.forEach = forEachReverse;\n\t this.justifyAlign = alignStartReverse;\n\t } else {\n\t this.forEach = forEach;\n\t this.justifyAlign = alignStart;\n\t }\n\t },\n\n\t reflow: function() {\n\t var this$1 = this;\n\n\t if (!this._rect || this.children.length === 0) {\n\t return;\n\t }\n\t this._initMap();\n\n\t if (this.options.transform) {\n\t this.transform(null);\n\t }\n\n\t var options = this.options;\n\t var rect = this._rect;\n\t var ref = this._initGroups();\n\t var groups = ref.groups;\n\t var groupsSize = ref.groupsSize;\n\t var ref$1 = this._fieldMap;\n\t var sizeField = ref$1.sizeField;\n\t var groupsSizeField = ref$1.groupsSizeField;\n\t var groupAxis = ref$1.groupAxis;\n\t var groupsAxis = ref$1.groupsAxis;\n\t var groupOrigin = new Point();\n\t var elementOrigin = new Point();\n\t var size = new Size();\n\t var groupStart = alignStart(groupsSize, rect, options.alignContent, groupsAxis, groupsSizeField);\n\t var elementStart, group, groupBox;\n\n\t var arrangeElements = function (bbox, idx) {\n\t var element = group.elements[idx];\n\n\t elementOrigin[groupAxis] = elementStart;\n\t elementOrigin[groupsAxis] = alignStart(bbox.size[groupsSizeField], groupBox, options.alignItems, groupsAxis, groupsSizeField);\n\t translateToPoint(elementOrigin, bbox, element);\n\t elementStart += bbox.size[sizeField] + options.spacing;\n\t };\n\n\t for (var groupIdx = 0; groupIdx < groups.length; groupIdx++) {\n\t group = groups[groupIdx];\n\t groupOrigin[groupAxis] = elementStart = this$1.justifyAlign(group.size, rect, options.justifyContent, groupAxis, sizeField);\n\t groupOrigin[groupsAxis] = groupStart;\n\t size[sizeField] = group.size;\n\t size[groupsSizeField] = group.lineSize;\n\t groupBox = new Rect(groupOrigin, size);\n\t this$1.forEach(group.bboxes, arrangeElements);\n\n\t groupStart += group.lineSize + options.lineSpacing;\n\t }\n\n\t if (!options.wrap && group.size > rect.size[sizeField]) {\n\t var scale = rect.size[sizeField] / groupBox.size[sizeField];\n\t var scaledStart = groupBox.topLeft().scale(scale, scale);\n\t var scaledSize = groupBox.size[groupsSizeField] * scale;\n\t var newStart = alignStart(scaledSize, rect, options.alignContent, groupsAxis, groupsSizeField);\n\t var transform$$1 = transform();\n\t if (groupAxis === \"x\") {\n\t transform$$1.translate(rect.origin.x - scaledStart.x, newStart - scaledStart.y);\n\t } else {\n\t transform$$1.translate(newStart - scaledStart.x, rect.origin.y - scaledStart.y);\n\t }\n\t transform$$1.scale(scale, scale);\n\n\t this.transform(transform$$1);\n\t }\n\t },\n\n\t _initGroups: function() {\n\t var this$1 = this;\n\n\t var ref = this;\n\t var options = ref.options;\n\t var children = ref.children;\n\t var lineSpacing = options.lineSpacing;\n\t var wrap = options.wrap;\n\t var spacing = options.spacing;\n\t var sizeField = this._fieldMap.sizeField;\n\t var group = this._newGroup();\n\t var groups = [];\n\t var addGroup = function() {\n\t groups.push(group);\n\t groupsSize += group.lineSize + lineSpacing;\n\t };\n\t var groupsSize = -lineSpacing;\n\n\t for (var idx = 0; idx < children.length; idx++) {\n\t var element = children[idx];\n\t var bbox = children[idx].clippedBBox();\n\t if (element.visible() && bbox) {\n\t if (wrap && group.size + bbox.size[sizeField] + spacing > this$1._rect.size[sizeField]) {\n\t if (group.bboxes.length === 0) {\n\t this$1._addToGroup(group, bbox, element);\n\t addGroup();\n\t group = this$1._newGroup();\n\t } else {\n\t addGroup();\n\t group = this$1._newGroup();\n\t this$1._addToGroup(group, bbox, element);\n\t }\n\t } else {\n\t this$1._addToGroup(group, bbox, element);\n\t }\n\t }\n\t }\n\n\t if (group.bboxes.length) {\n\t addGroup();\n\t }\n\n\t return {\n\t groups: groups,\n\t groupsSize: groupsSize\n\t };\n\t },\n\n\t _addToGroup: function(group, bbox, element) {\n\t group.size += bbox.size[this._fieldMap.sizeField] + this.options.spacing;\n\t group.lineSize = Math.max(bbox.size[this._fieldMap.groupsSizeField], group.lineSize);\n\t group.bboxes.push(bbox);\n\t group.elements.push(element);\n\t },\n\n\t _newGroup: function() {\n\t return {\n\t lineSize: 0,\n\t size: -this.options.spacing,\n\t bboxes: [],\n\t elements: []\n\t };\n\t }\n\t});\n\n\tvar Rect$2 = Element$1.extend({\n\t init: function(geometry, options) {\n\t if (geometry === void 0) { geometry = new Rect(); }\n\t if (options === void 0) { options = {}; }\n\n\t Element$1.fn.init.call(this, options);\n\t this.geometry(geometry);\n\n\t if (!defined(this.options.stroke)) {\n\t this.stroke(\"#000\");\n\t }\n\t },\n\n\t _bbox: function(matrix) {\n\t return this._geometry.bbox(matrix);\n\t },\n\n\t rawBBox: function() {\n\t return this._geometry.bbox();\n\t },\n\n\t _containsPoint: function(point) {\n\t return this._geometry.containsPoint(point);\n\t },\n\n\t _isOnPath: function(point) {\n\t return this.geometry()._isOnPath(point, this.options.stroke.width / 2);\n\t }\n\t});\n\n\tRect$2.prototype.nodeType = \"Rect\";\n\n\tPaintable.extend(Rect$2.prototype);\n\tMeasurable.extend(Rect$2.prototype);\n\tdefineGeometryAccessors(Rect$2.prototype, [ \"geometry\" ]);\n\n\tfunction alignElements(elements, rect, alignment, axis, sizeField) {\n\t for (var idx = 0; idx < elements.length; idx++) {\n\t var bbox = elements[idx].clippedBBox();\n\t if (bbox) {\n\t var point = bbox.origin.clone();\n\t point[axis] = alignStart(bbox.size[sizeField], rect, alignment || \"start\", axis, sizeField);\n\t translateToPoint(point, bbox, elements[idx]);\n\t }\n\t }\n\t}\n\n\tfunction align(elements, rect, alignment) {\n\t alignElements(elements, rect, alignment, \"x\", \"width\");\n\t}\n\n\tfunction vAlign(elements, rect, alignment) {\n\t alignElements(elements, rect, alignment, \"y\", \"height\");\n\t}\n\n\tfunction stackElements(elements, stackAxis, otherAxis, sizeField) {\n\t if (elements.length > 1) {\n\t var origin = new Point();\n\t var previousBBox = elements[0].bbox;\n\n\t for (var idx = 1; idx < elements.length; idx++) {\n\t var element = elements[idx].element;\n\t var bbox = elements[idx].bbox;\n\t origin[stackAxis] = previousBBox.origin[stackAxis] + previousBBox.size[sizeField];\n\t origin[otherAxis] = bbox.origin[otherAxis];\n\t translateToPoint(origin, bbox, element);\n\t bbox.origin[stackAxis] = origin[stackAxis];\n\t previousBBox = bbox;\n\t }\n\t }\n\t}\n\n\tfunction createStackElements(elements) {\n\t var stackElements = [];\n\n\t for (var idx = 0; idx < elements.length; idx++) {\n\t var element = elements[idx];\n\t var bbox = element.clippedBBox();\n\t if (bbox) {\n\t stackElements.push({\n\t element: element,\n\t bbox: bbox\n\t });\n\t }\n\t }\n\n\t return stackElements;\n\t}\n\n\tfunction stack(elements) {\n\t stackElements(createStackElements(elements), \"x\", \"y\", \"width\");\n\t}\n\n\tfunction vStack(elements) {\n\t stackElements(createStackElements(elements), \"y\", \"x\", \"height\");\n\t}\n\n\tfunction getStacks(elements, rect, sizeField) {\n\t var maxSize = rect.size[sizeField];\n\t var stacks = [];\n\t var stack = [];\n\t var stackSize = 0;\n\t var element, bbox;\n\n\t var addElementToStack = function() {\n\t stack.push({\n\t element: element,\n\t bbox: bbox\n\t });\n\t };\n\n\t for (var idx = 0; idx < elements.length; idx++) {\n\t element = elements[idx];\n\n\t bbox = element.clippedBBox();\n\t if (bbox) {\n\t var size = bbox.size[sizeField];\n\t if (stackSize + size > maxSize) {\n\t if (stack.length) {\n\t stacks.push(stack);\n\t stack = [];\n\t addElementToStack();\n\t stackSize = size;\n\t } else {\n\t addElementToStack();\n\t stacks.push(stack);\n\t stack = [];\n\t stackSize = 0;\n\t }\n\t } else {\n\t addElementToStack();\n\t stackSize += size;\n\t }\n\t }\n\t }\n\n\t if (stack.length) {\n\t stacks.push(stack);\n\t }\n\n\t return stacks;\n\t}\n\n\tfunction wrapElements(elements, rect, axis, otherAxis, sizeField) {\n\t var stacks = getStacks(elements, rect, sizeField);\n\t var origin = rect.origin.clone();\n\t var result = [];\n\n\t for (var idx = 0; idx < stacks.length; idx++) {\n\t var stack = stacks[idx];\n\t var startElement = stack[0];\n\t origin[otherAxis] = startElement.bbox.origin[otherAxis];\n\t translateToPoint(origin, startElement.bbox, startElement.element);\n\t startElement.bbox.origin[axis] = origin[axis];\n\t stackElements(stack, axis, otherAxis, sizeField);\n\t result.push([]);\n\t for (var elementIdx = 0; elementIdx < stack.length; elementIdx++) {\n\t result[idx].push(stack[elementIdx].element);\n\t }\n\t }\n\t return result;\n\t}\n\n\tfunction wrap(elements, rect) {\n\t return wrapElements(elements, rect, \"x\", \"y\", \"width\");\n\t}\n\n\tfunction vWrap(elements, rect) {\n\t return wrapElements(elements, rect, \"y\", \"x\", \"height\");\n\t}\n\n\tfunction fit(element, rect) {\n\t var bbox = element.clippedBBox();\n\t if (bbox) {\n\t var elementSize = bbox.size;\n\t var rectSize = rect.size;\n\t if (rectSize.width < elementSize.width || rectSize.height < elementSize.height) {\n\t var scale = Math.min(rectSize.width / elementSize.width, rectSize.height / elementSize.height);\n\t var transform$$1 = element.transform() || transform();\n\t transform$$1.scale(scale, scale);\n\t element.transform(transform$$1);\n\t }\n\t }\n\t}\n\n\tvar StopsArray = ElementsArray.extend({\n\t _change: function() {\n\t this.optionsChange({\n\t field: \"stops\"\n\t });\n\t }\n\t});\n\n\tfunction optionsAccessor(name) {\n\t return function(value) {\n\t if (defined(value)) {\n\t this.options.set(name, value);\n\t return this;\n\t }\n\n\t return this.options.get(name);\n\t };\n\t}\n\n\tfunction defineOptionsAccessors(fn, names) {\n\t for (var i = 0; i < names.length; i++) {\n\t fn[names[i]] = optionsAccessor(names[i]);\n\t }\n\t}\n\n\tvar GradientStop = Class.extend({\n\t init: function(offset, color, opacity) {\n\n\t this.options = new OptionsStore({\n\t offset: offset,\n\t color: color,\n\t opacity: defined(opacity) ? opacity : 1\n\t });\n\t this.options.addObserver(this);\n\t }\n\t});\n\n\tGradientStop.create = function(arg) {\n\t if (defined(arg)) {\n\t var stop;\n\t if (arg instanceof GradientStop) {\n\t stop = arg;\n\t } else if (arg.length > 1) {\n\t stop = new GradientStop(arg[0], arg[1], arg[2]);\n\t } else {\n\t stop = new GradientStop(arg.offset, arg.color, arg.opacity);\n\t }\n\n\t return stop;\n\t }\n\t};\n\n\tdefineOptionsAccessors(GradientStop.prototype, [ \"offset\", \"color\", \"opacity\" ]);\n\tObserversMixin.extend(GradientStop.prototype);\n\n\tvar Gradient = Class.extend({\n\t init: function(options) {\n\t if (options === void 0) { options = {}; }\n\n\t this.stops = new StopsArray(this._createStops(options.stops));\n\t this.stops.addObserver(this);\n\t this._userSpace = options.userSpace;\n\t this.id = definitionId();\n\t },\n\n\t userSpace: function(value) {\n\t if (defined(value)) {\n\t this._userSpace = value;\n\t this.optionsChange();\n\t return this;\n\t }\n\n\t return this._userSpace;\n\t },\n\n\t _createStops: function(stops) {\n\t if (stops === void 0) { stops = []; }\n\n\t var result = [];\n\t for (var idx = 0; idx < stops.length; idx++) {\n\t result.push(GradientStop.create(stops[idx]));\n\t }\n\n\t return result;\n\t },\n\n\t addStop: function(offset, color, opacity) {\n\t this.stops.push(new GradientStop(offset, color, opacity));\n\t },\n\n\t removeStop: function(stop) {\n\t var index = this.stops.indexOf(stop);\n\t if (index >= 0) {\n\t this.stops.splice(index, 1);\n\t }\n\t }\n\t});\n\n\tGradient.prototype.nodeType = \"Gradient\";\n\n\tObserversMixin.extend(Gradient.prototype);\n\n\t$.extend(Gradient.prototype, {\n\t optionsChange: function(e) {\n\t this.trigger(\"optionsChange\", {\n\t field: \"gradient\" + (e ? \".\" + e.field : \"\"),\n\t value: this\n\t });\n\t },\n\n\t geometryChange: function() {\n\t this.optionsChange();\n\t }\n\t});\n\n\tvar LinearGradient = Gradient.extend({\n\t init: function(options) {\n\t if (options === void 0) { options = {}; }\n\n\t Gradient.fn.init.call(this, options);\n\n\t this.start(options.start || new Point());\n\n\t this.end(options.end || new Point(1, 0));\n\t }\n\t});\n\n\tdefinePointAccessors(LinearGradient.prototype, [ \"start\", \"end\" ]);\n\n\tvar RadialGradient = Gradient.extend({\n\t init: function(options) {\n\t if (options === void 0) { options = {}; }\n\n\t Gradient.fn.init.call(this, options);\n\n\t this.center(options.center || new Point());\n\t this._radius = defined(options.radius) ? options.radius : 1;\n\t this._fallbackFill = options.fallbackFill;\n\t },\n\n\t radius: function(value) {\n\t if (defined(value)) {\n\t this._radius = value;\n\t this.geometryChange();\n\t return this;\n\t }\n\n\t return this._radius;\n\t },\n\n\t fallbackFill: function(value) {\n\t if (defined(value)) {\n\t this._fallbackFill = value;\n\t this.optionsChange();\n\t return this;\n\t }\n\n\t return this._fallbackFill;\n\t }\n\t});\n\n\tdefinePointAccessors(RadialGradient.prototype, [ \"center\" ]);\n\n\tfunction swing(position) {\n\t return 0.5 - Math.cos(position * Math.PI) / 2;\n\t}\n\n\tfunction linear(position) {\n\t return position;\n\t}\n\n\tfunction easeOutElastic(position, time, start, diff) {\n\t var s = 1.70158,\n\t p = 0,\n\t a = diff;\n\n\t if (position === 0) {\n\t return start;\n\t }\n\n\t if (position === 1) {\n\t return start + diff;\n\t }\n\n\t if (!p) {\n\t p = 0.5;\n\t }\n\n\t if (a < Math.abs(diff)) {\n\t a = diff;\n\t s = p / 4;\n\t } else {\n\t s = p / (2 * Math.PI) * Math.asin(diff / a);\n\t }\n\n\t return a * Math.pow(2, -10 * position) *\n\t Math.sin((Number(position) - s) * (1.1 * Math.PI) / p) + diff + start;\n\t}\n\n\tvar easingFunctions = {\n\t\tswing: swing,\n\t\tlinear: linear,\n\t\teaseOutElastic: easeOutElastic\n\t};\n\n\tvar AnimationFactory = Class.extend({\n\t init: function() {\n\n\t this._items = [];\n\t },\n\n\t register: function(name, type) {\n\t this._items.push({\n\t name: name,\n\t type: type\n\t });\n\t },\n\n\t create: function(element, options) {\n\t var items = this._items;\n\t var match;\n\n\t if (options && options.type) {\n\t var type = options.type.toLowerCase();\n\t for (var i = 0; i < items.length; i++) {\n\t if (items[i].name.toLowerCase() === type) {\n\t match = items[i];\n\t break;\n\t }\n\t }\n\t }\n\n\t if (match) {\n\t return new match.type(element, options);\n\t }\n\t }\n\t});\n\n\tAnimationFactory.current = new AnimationFactory();\n\n\tvar now = Date.now || function() {\n\t return new Date().getTime();\n\t};\n\n\tvar Animation = Class.extend({\n\t init: function(element, options) {\n\n\t this.options = $.extend({}, this.options, options);\n\t this.element = element;\n\t },\n\n\t setup: function() {},\n\n\t step: function() {},\n\n\t play: function() {\n\t var this$1 = this;\n\n\t var options = this.options;\n\t var duration = options.duration;\n\t var delay = options.delay; if (delay === void 0) { delay = 0; }\n\t var easing = easingFunctions[options.easing];\n\t var start = now() + delay;\n\t var finish = start + duration;\n\n\t if (duration === 0) {\n\t this.step(1);\n\t this.abort();\n\t } else {\n\t setTimeout(function () {\n\t var loop = function () {\n\t if (this$1._stopped) {\n\t return;\n\t }\n\n\t var wallTime = now();\n\n\t var time = limitValue(wallTime - start, 0, duration);\n\t var position = time / duration;\n\t var easingPosition = easing(position, time, 0, 1, duration);\n\n\t this$1.step(easingPosition);\n\n\t if (wallTime < finish) {\n\t kendo.animationFrame(loop);\n\t } else {\n\t this$1.abort();\n\t }\n\t };\n\n\t loop();\n\t }, delay);\n\t }\n\t },\n\n\t abort: function() {\n\t this._stopped = true;\n\t },\n\n\t destroy: function() {\n\t this.abort();\n\t }\n\t});\n\n\tAnimation.prototype.options = {\n\t duration: 500,\n\t easing: \"swing\"\n\t};\n\n\tAnimation.create = function(type, element, options) {\n\t return AnimationFactory.current.create(type, element, options);\n\t};\n\n\tvar SurfaceFactory = Class.extend({\n\t init: function() {\n\n\t this._items = [];\n\t },\n\n\t register: function(name, type, order) {\n\t var items = this._items;\n\t var first = items[0];\n\t var entry = {\n\t name: name,\n\t type: type,\n\t order: order\n\t };\n\n\t if (!first || order < first.order) {\n\t items.unshift(entry);\n\t } else {\n\t items.push(entry);\n\t }\n\t },\n\n\t create: function(element, options) {\n\t var items = this._items;\n\t var match = items[0];\n\n\t if (options && options.type) {\n\t var preferred = options.type.toLowerCase();\n\t for (var i = 0; i < items.length; i++) {\n\t if (items[i].name === preferred) {\n\t match = items[i];\n\t break;\n\t }\n\t }\n\t }\n\n\t if (match) {\n\t return new match.type(element, options);\n\t }\n\n\t kendo.logToConsole(\n\t \"Warning: Unable to create Kendo UI Drawing Surface. Possible causes:\\n\" +\n\t \"- The browser does not support SVG and Canvas. User agent: \" + (navigator.userAgent));\n\t }\n\t});\n\n\tSurfaceFactory.current = new SurfaceFactory();\n\n\tvar events = [\n\t \"click\",\n\t \"mouseenter\",\n\t \"mouseleave\",\n\t \"mousemove\",\n\t \"resize\"\n\t];\n\n\tvar Surface = kendo.Observable.extend({\n\t init: function(element, options) {\n\t kendo.Observable.fn.init.call(this);\n\n\t this.options = $.extend({}, options);\n\t this.element = element;\n\t this.element._kendoExportVisual = this.exportVisual.bind(this);\n\n\t this._click = this._handler(\"click\");\n\t this._mouseenter = this._handler(\"mouseenter\");\n\t this._mouseleave = this._handler(\"mouseleave\");\n\t this._mousemove = this._handler(\"mousemove\");\n\n\t this._visual = new Group();\n\n\t elementSize(element, this.options);\n\n\t this.bind(events, this.options);\n\n\t this._enableTracking();\n\t },\n\n\t draw: function(element) {\n\t this._visual.children.push(element);\n\t },\n\n\t clear: function() {\n\t this._visual.children = [];\n\t },\n\n\t destroy: function() {\n\t this._visual = null;\n\t this.element._kendoExportVisual = null;\n\t this.unbind();\n\t },\n\n\t eventTarget: function(e) {\n\t var this$1 = this;\n\n\t var domNode = eventElement(e);\n\t var node;\n\n\t while (!node && domNode) {\n\t node = domNode._kendoNode;\n\t if (domNode === this$1.element) {\n\t break;\n\t }\n\n\t domNode = domNode.parentElement;\n\t }\n\n\t if (node) {\n\t return node.srcElement;\n\t }\n\t },\n\n\t exportVisual: function() {\n\t return this._visual;\n\t },\n\n\t getSize: function() {\n\t return elementSize(this.element);\n\t },\n\n\t currentSize: function(size) {\n\t if (size) {\n\t this._size = size;\n\t } else {\n\t return this._size;\n\t }\n\t },\n\n\t setSize: function(size) {\n\t elementSize(this.element, size);\n\n\t this.currentSize(size);\n\t this._resize();\n\t },\n\n\t resize: function(force) {\n\t var size = this.getSize();\n\t var currentSize = this.currentSize();\n\n\t if (force || (size.width > 0 || size.height > 0) && (!currentSize || size.width !== currentSize.width || size.height !== currentSize.height)) {\n\t this.currentSize(size);\n\t this._resize(size, force);\n\t this.trigger(\"resize\", size);\n\t }\n\t },\n\n\t size: function(value) {\n\t if (!value) {\n\t return this.getSize();\n\t }\n\n\t this.setSize(value);\n\t },\n\n\t suspendTracking: function() {\n\t this._suspendedTracking = true;\n\t },\n\n\t resumeTracking: function() {\n\t this._suspendedTracking = false;\n\t },\n\n\t _enableTracking: function() {},\n\n\t _resize: function() {},\n\n\t _handler: function(eventName) {\n\t var this$1 = this;\n\n\t return function (e) {\n\t var node = this$1.eventTarget(e);\n\t if (node && !this$1._suspendedTracking) {\n\t this$1.trigger(eventName, {\n\t element: node,\n\t originalEvent: e,\n\t type: eventName\n\t });\n\t }\n\t };\n\t },\n\n\t _elementOffset: function() {\n\t var element = this.element;\n\t var ref = elementStyles(element, [ \"paddingLeft\", \"paddingTop\" ]);\n\t var paddingLeft = ref.paddingLeft;\n\t var paddingTop = ref.paddingTop;\n\t var ref$1 = elementOffset(element);\n\t var left = ref$1.left;\n\t var top = ref$1.top;\n\n\t return {\n\t left: left + parseInt(paddingLeft, 10),\n\t top: top + parseInt(paddingTop, 10)\n\t };\n\t },\n\n\t _surfacePoint: function(e) {\n\t var offset = this._elementOffset();\n\t var coord = eventCoordinates(e);\n\t var x = coord.x - offset.left;\n\t var y = coord.y - offset.top;\n\n\t return new Point(x, y);\n\t }\n\t});\n\n\tSurface.create = function(element, options) {\n\t return SurfaceFactory.current.create(element, options);\n\t};\n\n\tSurface.support = {};\n\n\tvar BaseNode = Class.extend({\n\t init: function(srcElement) {\n\n\t this.childNodes = [];\n\t this.parent = null;\n\n\t if (srcElement) {\n\t this.srcElement = srcElement;\n\t this.observe();\n\t }\n\t },\n\n\t destroy: function() {\n\t var this$1 = this;\n\n\t if (this.srcElement) {\n\t this.srcElement.removeObserver(this);\n\t }\n\n\t var children = this.childNodes;\n\t for (var i = 0; i < children.length; i++) {\n\t this$1.childNodes[i].destroy();\n\t }\n\n\t this.parent = null;\n\t },\n\n\t load: function() {},\n\n\t observe: function() {\n\t if (this.srcElement) {\n\t this.srcElement.addObserver(this);\n\t }\n\t },\n\n\t append: function(node) {\n\t this.childNodes.push(node);\n\t node.parent = this;\n\t },\n\n\t insertAt: function(node, pos) {\n\t this.childNodes.splice(pos, 0, node);\n\t node.parent = this;\n\t },\n\n\t remove: function(index, count) {\n\t var this$1 = this;\n\n\t var end = index + count;\n\t for (var i = index; i < end; i++) {\n\t this$1.childNodes[i].removeSelf();\n\t }\n\t this.childNodes.splice(index, count);\n\t },\n\n\t removeSelf: function() {\n\t this.clear();\n\t this.destroy();\n\t },\n\n\t clear: function() {\n\t this.remove(0, this.childNodes.length);\n\t },\n\n\t invalidate: function() {\n\t if (this.parent) {\n\t this.parent.invalidate();\n\t }\n\t },\n\n\t geometryChange: function() {\n\t this.invalidate();\n\t },\n\n\t optionsChange: function() {\n\t this.invalidate();\n\t },\n\n\t childrenChange: function(e) {\n\t if (e.action === \"add\") {\n\t this.load(e.items, e.index);\n\t } else if (e.action === \"remove\") {\n\t this.remove(e.index, e.items.length);\n\t }\n\n\t this.invalidate();\n\t }\n\t});\n\n\tfunction renderAttr(name, value) {\n\t return (defined(value) && value !== null) ? (\" \" + name + \"=\\\"\" + value + \"\\\" \") : \"\";\n\t}\n\n\tfunction renderAllAttr(attrs) {\n\t var output = \"\";\n\t for (var i = 0; i < attrs.length; i++) {\n\t output += renderAttr(attrs[i][0], attrs[i][1]);\n\t }\n\n\t return output;\n\t}\n\n\tfunction renderStyle(attrs) {\n\t var output = \"\";\n\t for (var i = 0; i < attrs.length; i++) {\n\t var value = attrs[i][1];\n\t if (defined(value)) {\n\t output += attrs[i][0] + \":\" + value + \";\";\n\t }\n\t }\n\n\t if (output !== \"\") {\n\t return output;\n\t }\n\t}\n\n\tvar NODE_MAP = {};\n\n\tvar SVG_NS = \"http://www.w3.org/2000/svg\";\n\tvar NONE = \"none\";\n\n\tvar renderSVG = function(container, svg) {\n\t container.innerHTML = svg;\n\t};\n\n\tif (typeof document !== \"undefined\") {\n\t var testFragment = \"\";\n\t var testContainer = document.createElement(\"div\");\n\t var hasParser = typeof DOMParser !== \"undefined\";\n\n\t testContainer.innerHTML = testFragment;\n\n\t if (hasParser && testContainer.firstChild.namespaceURI !== SVG_NS) {\n\t renderSVG = function(container, svg) {\n\t var parser = new DOMParser();\n\t var chartDoc = parser.parseFromString(svg, \"text/xml\");\n\t var importedDoc = document.adoptNode(chartDoc.documentElement);\n\n\t container.innerHTML = \"\";\n\t container.appendChild(importedDoc);\n\t };\n\t }\n\t}\n\n\tvar renderSVG$1 = renderSVG;\n\n\tvar TRANSFORM = \"transform\";\n\tvar DefinitionMap = {\n\t clip: \"clip-path\",\n\t fill: \"fill\"\n\t};\n\n\tfunction isDefinition(type, value) {\n\t return type === \"clip\" || (type === \"fill\" && (!value || value.nodeType === \"Gradient\"));\n\t}\n\n\tfunction baseUrl() {\n\t var base = document.getElementsByTagName(\"base\")[0];\n\t var href = document.location.href;\n\t var url = \"\";\n\n\t if (base && !(supportBrowser || {}).msie) {\n\t var hashIndex = href.indexOf(\"#\");\n\t if (hashIndex !== -1) {\n\t href = href.substring(0, hashIndex);\n\t }\n\n\t url = href;\n\t }\n\n\t return url;\n\t}\n\n\tvar Node = BaseNode.extend({\n\t init: function(srcElement, options) {\n\t BaseNode.fn.init.call(this, srcElement);\n\t this.definitions = {};\n\n\t this.options = options;\n\t },\n\n\t destroy: function() {\n\t if (this.element) {\n\t this.element._kendoNode = null;\n\t this.element = null;\n\t }\n\n\t this.clearDefinitions();\n\t BaseNode.fn.destroy.call(this);\n\t },\n\n\t load: function(elements, pos) {\n\t var this$1 = this;\n\n\t for (var i = 0; i < elements.length; i++) {\n\t var srcElement = elements[i];\n\t var children = srcElement.children;\n\n\t var childNode = new NODE_MAP[srcElement.nodeType](srcElement, this$1.options);\n\n\t if (defined(pos)) {\n\t this$1.insertAt(childNode, pos);\n\t } else {\n\t this$1.append(childNode);\n\t }\n\n\t childNode.createDefinitions();\n\n\t if (children && children.length > 0) {\n\t childNode.load(children);\n\t }\n\n\t var element = this$1.element;\n\t if (element) {\n\t childNode.attachTo(element, pos);\n\t }\n\t }\n\t },\n\n\t root: function() {\n\t var root = this;\n\n\t while (root.parent) {\n\t root = root.parent;\n\t }\n\n\t return root;\n\t },\n\n\t attachTo: function(domElement, pos) {\n\t var container = document.createElement(\"div\");\n\t renderSVG$1(container,\n\t \"\"\n\t );\n\n\t var element = container.firstChild.firstChild;\n\t if (element) {\n\t if (defined(pos)) {\n\t domElement.insertBefore(element, domElement.childNodes[pos] || null);\n\t } else {\n\t domElement.appendChild(element);\n\t }\n\t this.setElement(element);\n\t }\n\t },\n\n\t setElement: function(element) {\n\t if (this.element) {\n\t this.element._kendoNode = null;\n\t }\n\n\t this.element = element;\n\t this.element._kendoNode = this;\n\n\t var nodes = this.childNodes;\n\t for (var i = 0; i < nodes.length; i++) {\n\t var childElement = element.childNodes[i];\n\t nodes[i].setElement(childElement);\n\t }\n\t },\n\n\t clear: function() {\n\t this.clearDefinitions();\n\n\t if (this.element) {\n\t this.element.innerHTML = \"\";\n\t }\n\n\t var children = this.childNodes;\n\t for (var i = 0; i < children.length; i++) {\n\t children[i].destroy();\n\t }\n\n\t this.childNodes = [];\n\t },\n\n\t removeSelf: function() {\n\t if (this.element) {\n\t var parentNode = this.element.parentNode;\n\t if (parentNode) {\n\t parentNode.removeChild(this.element);\n\t }\n\t this.element = null;\n\t }\n\n\t BaseNode.fn.removeSelf.call(this);\n\t },\n\n\t template: function() {\n\t return this.renderChildren();\n\t },\n\n\t render: function() {\n\t return this.template();\n\t },\n\n\t renderChildren: function() {\n\t var nodes = this.childNodes;\n\t var output = \"\";\n\n\t for (var i = 0; i < nodes.length; i++) {\n\t output += nodes[i].render();\n\t }\n\n\t return output;\n\t },\n\n\t optionsChange: function(e) {\n\t var field = e.field;\n\t var value = e.value;\n\n\t if (field === \"visible\") {\n\t this.css(\"display\", value ? \"\" : NONE);\n\t } else if (DefinitionMap[field] && isDefinition(field, value)) {\n\t this.updateDefinition(field, value);\n\t } else if (field === \"opacity\") {\n\t this.attr(\"opacity\", value);\n\t } else if (field === \"cursor\") {\n\t this.css(\"cursor\", value);\n\t } else if (field === \"id\") {\n\t if (value) {\n\t this.attr(\"id\", value);\n\t } else {\n\t this.removeAttr(\"id\");\n\t }\n\t }\n\n\t BaseNode.fn.optionsChange.call(this, e);\n\t },\n\n\t attr: function(name, value) {\n\t if (this.element) {\n\t this.element.setAttribute(name, value);\n\t }\n\t },\n\n\t allAttr: function(attrs) {\n\t var this$1 = this;\n\n\t for (var i = 0; i < attrs.length; i++) {\n\t this$1.attr(attrs[i][0], attrs[i][1]);\n\t }\n\t },\n\n\t css: function(name, value) {\n\t if (this.element) {\n\t this.element.style[name] = value;\n\t }\n\t },\n\n\t allCss: function(styles) {\n\t var this$1 = this;\n\n\t for (var i = 0; i < styles.length; i++) {\n\t this$1.css(styles[i][0], styles[i][1]);\n\t }\n\t },\n\n\t removeAttr: function(name) {\n\t if (this.element) {\n\t this.element.removeAttribute(name);\n\t }\n\t },\n\n\t mapTransform: function(transform) {\n\t var attrs = [];\n\t if (transform) {\n\t attrs.push([\n\t TRANSFORM,\n\t \"matrix(\" + transform.matrix().toString(6) + \")\"\n\t ]);\n\t }\n\n\t return attrs;\n\t },\n\n\t renderTransform: function() {\n\t return renderAllAttr(\n\t this.mapTransform(this.srcElement.transform())\n\t );\n\t },\n\n\t transformChange: function(value) {\n\t if (value) {\n\t this.allAttr(this.mapTransform(value));\n\t } else {\n\t this.removeAttr(TRANSFORM);\n\t }\n\t },\n\n\t mapStyle: function() {\n\t var options = this.srcElement.options;\n\t var style = [ [ \"cursor\", options.cursor ] ];\n\n\t if (options.visible === false) {\n\t style.push([ \"display\", NONE ]);\n\t }\n\n\t return style;\n\t },\n\n\t renderStyle: function() {\n\t return renderAttr(\"style\", renderStyle(this.mapStyle(true)));\n\t },\n\n\t renderOpacity: function() {\n\t return renderAttr(\"opacity\", this.srcElement.options.opacity);\n\t },\n\n\t renderId: function() {\n\t return renderAttr(\"id\", this.srcElement.options.id);\n\t },\n\n\t createDefinitions: function() {\n\t var srcElement = this.srcElement;\n\t var definitions = this.definitions;\n\t if (srcElement) {\n\t var options = srcElement.options;\n\t var hasDefinitions;\n\n\t for (var field in DefinitionMap) {\n\t var definition = options.get(field);\n\t if (definition && isDefinition(field, definition)) {\n\t definitions[field] = definition;\n\t hasDefinitions = true;\n\t }\n\t }\n\t if (hasDefinitions) {\n\t this.definitionChange({\n\t action: \"add\",\n\t definitions: definitions\n\t });\n\t }\n\t }\n\t },\n\n\t definitionChange: function(e) {\n\t if (this.parent) {\n\t this.parent.definitionChange(e);\n\t }\n\t },\n\n\t updateDefinition: function(type, value) {\n\t var definitions = this.definitions;\n\t var current = definitions[type];\n\t var attr = DefinitionMap[type];\n\t var definition = {};\n\t if (current) {\n\t definition[type] = current;\n\t this.definitionChange({\n\t action: \"remove\",\n\t definitions: definition\n\t });\n\t delete definitions[type];\n\t }\n\n\t if (!value) {\n\t if (current) {\n\t this.removeAttr(attr);\n\t }\n\t } else {\n\t definition[type] = value;\n\t this.definitionChange({\n\t action: \"add\",\n\t definitions: definition\n\t });\n\t definitions[type] = value;\n\t this.attr(attr, this.refUrl(value.id));\n\t }\n\t },\n\n\t clearDefinitions: function() {\n\t var definitions = this.definitions;\n\n\t this.definitionChange({\n\t action: \"remove\",\n\t definitions: definitions\n\t });\n\t this.definitions = {};\n\t },\n\n\t renderDefinitions: function() {\n\t return renderAllAttr(this.mapDefinitions());\n\t },\n\n\t mapDefinitions: function() {\n\t var this$1 = this;\n\n\t var definitions = this.definitions;\n\t var attrs = [];\n\n\t for (var field in definitions) {\n\t attrs.push([ DefinitionMap[field], this$1.refUrl(definitions[field].id) ]);\n\t }\n\n\t return attrs;\n\t },\n\n\t refUrl: function(id) {\n\t var skipBaseHref = (this.options || {}).skipBaseHref;\n\t var baseHref = this.baseUrl().replace(/'/g, \"\\\\'\");\n\t var base = skipBaseHref ? '' : baseHref;\n\t return (\"url(\" + base + \"#\" + id + \")\");\n\t },\n\n\t baseUrl: function() {\n\t return baseUrl();\n\t }\n\t});\n\n\tvar GradientStopNode = Node.extend({\n\t template: function() {\n\t return (\"' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t '
' +\n\t ' ' +\n\t ' ' +\n\t '