I appear first
I replace the above
\n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nexports.EXITING = EXITING;\n\nvar Transition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n var _proto = Transition.prototype;\n\n _proto.getChildContext = function getChildContext() {\n return {\n transitionGroup: null // allows for nested Transitions\n\n };\n };\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n }; // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n var node = _reactDom.default.findDOMNode(this);\n\n if (nextStatus === ENTERING) {\n this.performEnter(node, mounting);\n } else {\n this.performExit(node);\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(node, mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node);\n });\n return;\n }\n\n this.props.onEnter(node, appearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(node, appearing);\n\n _this2.onTransitionEnd(node, enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node, appearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit(node) {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED\n\n if (!exit) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n return;\n }\n\n this.props.onExit(node);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(node);\n\n _this3.onTransitionEnd(node, timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {\n this.setNextCallback(handler);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n this.props.addEndListener(node, this.nextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\"]); // filter props for Transtition\n\n\n delete childProps.in;\n delete childProps.mountOnEnter;\n delete childProps.unmountOnExit;\n delete childProps.appear;\n delete childProps.enter;\n delete childProps.exit;\n delete childProps.timeout;\n delete childProps.addEndListener;\n delete childProps.onEnter;\n delete childProps.onEntering;\n delete childProps.onEntered;\n delete childProps.onExit;\n delete childProps.onExiting;\n delete childProps.onExited;\n\n if (typeof children === 'function') {\n return children(status, childProps);\n }\n\n var child = _react.default.Children.only(children);\n\n return _react.default.cloneElement(child, childProps);\n };\n\n return Transition;\n}(_react.default.Component);\n\nTransition.contextTypes = {\n transitionGroup: PropTypes.object\n};\nTransition.childContextTypes = {\n transitionGroup: function transitionGroup() {}\n};\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * ` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: _propTypes.default.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: _propTypes.default.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: _propTypes.default.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: _propTypes.default.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\n\nvar _default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup);\n\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _CSSTransition = _interopRequireDefault(require(\"./CSSTransition\"));\n\nvar _ReplaceTransition = _interopRequireDefault(require(\"./ReplaceTransition\"));\n\nvar _TransitionGroup = _interopRequireDefault(require(\"./TransitionGroup\"));\n\nvar _Transition = _interopRequireDefault(require(\"./Transition\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nmodule.exports = {\n Transition: _Transition.default,\n TransitionGroup: _TransitionGroup.default,\n ReplaceTransition: _ReplaceTransition.default,\n CSSTransition: _CSSTransition.default\n};","\"use strict\";\n\nexports.__esModule = true;\nexports.getChildMapping = getChildMapping;\nexports.mergeChildMappings = mergeChildMappings;\nexports.getInitialChildMapping = getInitialChildMapping;\nexports.getNextChildMapping = getNextChildMapping;\n\nvar _react = require(\"react\");\n\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\nfunction getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && (0, _react.isValidElement)(child) ? mapFn(child) : child;\n };\n\n var result = Object.create(null);\n if (children) _react.Children.map(children, function (c) {\n return c;\n }).forEach(function (child) {\n // run the map function here instead so that the key is the computed one\n result[child.key] = mapper(child);\n });\n return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\n\nfunction mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n\n function getValueForKey(key) {\n return key in next ? next[key] : prev[key];\n } // For each key of `next`, the list of keys to insert before that key in\n // the combined list\n\n\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n\n for (var prevKey in prev) {\n if (prevKey in next) {\n if (pendingKeys.length) {\n nextKeysPending[prevKey] = pendingKeys;\n pendingKeys = [];\n }\n } else {\n pendingKeys.push(prevKey);\n }\n }\n\n var i;\n var childMapping = {};\n\n for (var nextKey in next) {\n if (nextKeysPending[nextKey]) {\n for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n var pendingNextKey = nextKeysPending[nextKey][i];\n childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n }\n }\n\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n\n return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nfunction getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n appear: getProp(child, 'appear', props),\n enter: getProp(child, 'enter', props),\n exit: getProp(child, 'exit', props)\n });\n });\n}\n\nfunction getNextChildMapping(nextProps, prevChildMapping, onExited) {\n var nextChildMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n Object.keys(children).forEach(function (key) {\n var child = children[key];\n if (!(0, _react.isValidElement)(child)) return;\n var hasPrev = key in prevChildMapping;\n var hasNext = key in nextChildMapping;\n var prevChild = prevChildMapping[key];\n var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n } else if (!hasNext && hasPrev && !isLeaving) {\n // item is old (exiting)\n // console.log('leaving', key)\n children[key] = (0, _react.cloneElement)(child, {\n in: false\n });\n } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: prevChild.props.in,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n }\n });\n return children;\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.classNamesShape = exports.timeoutsShape = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({\n enter: _propTypes.default.number,\n exit: _propTypes.default.number,\n appear: _propTypes.default.number\n}).isRequired]) : null;\nexports.timeoutsShape = timeoutsShape;\nvar classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({\n enter: _propTypes.default.string,\n exit: _propTypes.default.string,\n active: _propTypes.default.string\n}), _propTypes.default.shape({\n enter: _propTypes.default.string,\n enterDone: _propTypes.default.string,\n enterActive: _propTypes.default.string,\n exit: _propTypes.default.string,\n exitDone: _propTypes.default.string,\n exitActive: _propTypes.default.string\n})]) : null;\nexports.classNamesShape = classNamesShape;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar PropTypes = _interopRequireWildcard(require(\"prop-types\"));\n\nvar _addClass = _interopRequireDefault(require(\"dom-helpers/class/addClass\"));\n\nvar _removeClass = _interopRequireDefault(require(\"dom-helpers/class/removeClass\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _Transition = _interopRequireDefault(require(\"./Transition\"));\n\nvar _PropTypes = require(\"./utils/PropTypes\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nvar addClass = function addClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return (0, _addClass.default)(node, c);\n });\n};\n\nvar removeClass = function removeClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return (0, _removeClass.default)(node, c);\n });\n};\n/**\n * A transition component inspired by the excellent\n * [ng-animate](http://www.nganimate.org/) library, you should use it if you're\n * using CSS transitions or animations. It's built upon the\n * [`Transition`](https://reactcommunity.org/react-transition-group/transition)\n * component, so it inherits all of its props.\n *\n * `CSSTransition` applies a pair of class names during the `appear`, `enter`,\n * and `exit` states of the transition. The first class is applied and then a\n * second `*-active` class in order to activate the CSSS transition. After the\n * transition, matching `*-done` class names are applied to persist the\n * transition state.\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n * ` callback fired immediately after the 'enter' or 'appear' class is\n * applied.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEnter: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'enter-active' or\n * 'appear-active' class is applied.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'enter' or\n * 'appear' classes are **removed** and the `done` class is added to the DOM node.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntered: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit' class is\n * applied.\n *\n * @type Function(node: HtmlElement)\n */\n onExit: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit-active' is applied.\n *\n * @type Function(node: HtmlElement)\n */\n onExiting: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit' classes\n * are **removed** and the `exit-done` class is added to the DOM node.\n *\n * @type Function(node: HtmlElement)\n */\n onExited: PropTypes.func\n}) : {};\nvar _default = CSSTransition;\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = require(\"react-dom\");\n\nvar _TransitionGroup = _interopRequireDefault(require(\"./TransitionGroup\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\n/**\n * The `` component is a specialized `Transition` component\n * that animates between two children.\n *\n * ```jsx\n * \n * \n * ```\n */\nvar ReplaceTransition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(ReplaceTransition, _React$Component);\n\n function ReplaceTransition() {\n var _this;\n\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(_args)) || this;\n\n _this.handleEnter = function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _this.handleLifecycle('onEnter', 0, args);\n };\n\n _this.handleEntering = function () {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n\n return _this.handleLifecycle('onEntering', 0, args);\n };\n\n _this.handleEntered = function () {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n\n return _this.handleLifecycle('onEntered', 0, args);\n };\n\n _this.handleExit = function () {\n for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n args[_key5] = arguments[_key5];\n }\n\n return _this.handleLifecycle('onExit', 1, args);\n };\n\n _this.handleExiting = function () {\n for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {\n args[_key6] = arguments[_key6];\n }\n\n return _this.handleLifecycle('onExiting', 1, args);\n };\n\n _this.handleExited = function () {\n for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {\n args[_key7] = arguments[_key7];\n }\n\n return _this.handleLifecycle('onExited', 1, args);\n };\n\n return _this;\n }\n\n var _proto = ReplaceTransition.prototype;\n\n _proto.handleLifecycle = function handleLifecycle(handler, idx, originalArgs) {\n var _child$props;\n\n var children = this.props.children;\n\n var child = _react.default.Children.toArray(children)[idx];\n\n if (child.props[handler]) (_child$props = child.props)[handler].apply(_child$props, originalArgs);\n if (this.props[handler]) this.props[handler]((0, _reactDom.findDOMNode)(this));\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n inProp = _this$props.in,\n props = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\"]);\n\n var _React$Children$toArr = _react.default.Children.toArray(children),\n first = _React$Children$toArr[0],\n second = _React$Children$toArr[1];\n\n delete props.onEnter;\n delete props.onEntering;\n delete props.onEntered;\n delete props.onExit;\n delete props.onExiting;\n delete props.onExited;\n return _react.default.createElement(_TransitionGroup.default, props, inProp ? _react.default.cloneElement(first, {\n key: 'first',\n onEnter: this.handleEnter,\n onEntering: this.handleEntering,\n onEntered: this.handleEntered\n }) : _react.default.cloneElement(second, {\n key: 'second',\n onEnter: this.handleExit,\n onEntering: this.handleExiting,\n onEntered: this.handleExited\n }));\n };\n\n return ReplaceTransition;\n}(_react.default.Component);\n\nReplaceTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n in: _propTypes.default.bool.isRequired,\n children: function children(props, propName) {\n if (_react.default.Children.count(props[propName]) !== 2) return new Error(\"\\\"\" + propName + \"\\\" must be exactly two transition components.\");\n return null;\n }\n} : {};\nvar _default = ReplaceTransition;\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.default = exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = void 0;\n\nvar PropTypes = _interopRequireWildcard(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nvar _reactLifecyclesCompat = require(\"react-lifecycles-compat\");\n\nvar _PropTypes = require(\"./utils/PropTypes\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nvar UNMOUNTED = 'unmounted';\nexports.UNMOUNTED = UNMOUNTED;\nvar EXITED = 'exited';\nexports.EXITED = EXITED;\nvar ENTERING = 'entering';\nexports.ENTERING = ENTERING;\nvar ENTERED = 'entered';\nexports.ENTERED = ENTERED;\nvar EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 0 },\n * entered: { opacity: 1 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * {state => (\n * \n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n * \n * {state => (\n * \n * ```\n */\n children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n /**\n * Show the component; triggers the enter or exit states\n */\n in: PropTypes.bool,\n\n /**\n * By default the child component is mounted immediately along with\n * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n */\n mountOnEnter: PropTypes.bool,\n\n /**\n * By default the child component stays mounted after it reaches the `'exited'` state.\n * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n */\n unmountOnExit: PropTypes.bool,\n\n /**\n * Normally a component is not transitioned if it is shown when the `` component mounts.\n * If you want to transition on the first mount set `appear` to `true`, and the\n * component will transition in as soon as the `` mounts.\n *\n * > Note: there are no specific \"appear\" states. `appear` only adds an additional `enter` transition.\n */\n appear: PropTypes.bool,\n\n /**\n * Enable or disable enter transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * Enable or disable exit transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * The duration of the transition, in milliseconds.\n * Required unless `addEndListener` is provided.\n *\n * You may specify a single timeout for all transitions:\n *\n * ```jsx\n * timeout={500}\n * ```\n *\n * or individually:\n *\n * ```jsx\n * timeout={{\n * appear: 500,\n * enter: 300,\n * exit: 500,\n * }}\n * ```\n *\n * - `appear` defaults to the value of `enter`\n * - `enter` defaults to `0`\n * - `exit` defaults to `0`\n *\n * @type {number | { enter?: number, exit?: number, appear?: number }}\n */\n timeout: function timeout(props) {\n var pt = _PropTypes.timeoutsShape;\n if (!props.addEndListener) pt = pt.isRequired;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return pt.apply(void 0, [props].concat(args));\n },\n\n /**\n * Add a custom transition end trigger. Called with the transitioning\n * DOM node and a `done` callback. Allows for more fine grained transition end\n * logic. **Note:** Timeouts are still used as a fallback if provided.\n *\n * ```jsx\n * addEndListener={(node, done) => {\n * // use the css transitionend event to mark the finish of a transition\n * node.addEventListener('transitionend', done, false);\n * }}\n * ```\n */\n addEndListener: PropTypes.func,\n\n /**\n * Callback fired before the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEnter: PropTypes.func,\n\n /**\n * Callback fired after the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * Callback fired after the \"entered\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEntered: PropTypes.func,\n\n /**\n * Callback fired before the \"exiting\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExit: PropTypes.func,\n\n /**\n * Callback fired after the \"exiting\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExiting: PropTypes.func,\n\n /**\n * Callback fired after the \"exited\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExited: PropTypes.func // Name the function so it is clearer in the documentation\n\n} : {};\n\nfunction noop() {}\n\nTransition.defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n enter: true,\n exit: true,\n onEnter: noop,\n onEntering: noop,\n onEntered: noop,\n onExit: noop,\n onExiting: noop,\n onExited: noop\n};\nTransition.UNMOUNTED = 0;\nTransition.EXITED = 1;\nTransition.ENTERING = 2;\nTransition.ENTERED = 3;\nTransition.EXITING = 4;\n\nvar _default = (0, _reactLifecyclesCompat.polyfill)(Transition);\n\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactLifecyclesCompat = require(\"react-lifecycles-compat\");\n\nvar _ChildMapping = require(\"./utils/ChildMapping\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nvar values = Object.values || function (obj) {\n return Object.keys(obj).map(function (k) {\n return obj[k];\n });\n};\n\nvar defaultProps = {\n component: 'div',\n childFactory: function childFactory(child) {\n return child;\n }\n /**\n * The `` component manages a set of transition components\n * (`` and ``) in a list. Like with the transition\n * components, `` is a state machine for managing the mounting\n * and unmounting of components over time.\n *\n * Consider the example below. As items are removed or added to the TodoList the\n * `in` prop is toggled automatically by the ``.\n *\n * Note that `` does not define any animation behavior!\n * Exactly _how_ a list item animates is up to the individual transition\n * component. This means you can mix and match animations across different list\n * items.\n */\n\n};\n\nvar TransitionGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(TransitionGroup, _React$Component);\n\n function TransitionGroup(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n\n var handleExited = _this.handleExited.bind(_assertThisInitialized(_assertThisInitialized(_this))); // Initial children should all be entering, dependent on appear\n\n\n _this.state = {\n handleExited: handleExited,\n firstRender: true\n };\n return _this;\n }\n\n var _proto = TransitionGroup.prototype;\n\n _proto.getChildContext = function getChildContext() {\n return {\n transitionGroup: {\n isMounting: !this.appeared\n }\n };\n };\n\n _proto.componentDidMount = function componentDidMount() {\n this.appeared = true;\n this.mounted = true;\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.mounted = false;\n };\n\n TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n var prevChildMapping = _ref.children,\n handleExited = _ref.handleExited,\n firstRender = _ref.firstRender;\n return {\n children: firstRender ? (0, _ChildMapping.getInitialChildMapping)(nextProps, handleExited) : (0, _ChildMapping.getNextChildMapping)(nextProps, prevChildMapping, handleExited),\n firstRender: false\n };\n };\n\n _proto.handleExited = function handleExited(child, node) {\n var currentChildMapping = (0, _ChildMapping.getChildMapping)(this.props.children);\n if (child.key in currentChildMapping) return;\n\n if (child.props.onExited) {\n child.props.onExited(node);\n }\n\n if (this.mounted) {\n this.setState(function (state) {\n var children = _extends({}, state.children);\n\n delete children[child.key];\n return {\n children: children\n };\n });\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n Component = _this$props.component,\n childFactory = _this$props.childFactory,\n props = _objectWithoutPropertiesLoose(_this$props, [\"component\", \"childFactory\"]);\n\n var children = values(this.state.children).map(childFactory);\n delete props.appear;\n delete props.enter;\n delete props.exit;\n\n if (Component === null) {\n return children;\n }\n\n return _react.default.createElement(Component, props, children);\n };\n\n return TransitionGroup;\n}(_react.default.Component);\n\nTransitionGroup.childContextTypes = {\n transitionGroup: _propTypes.default.object.isRequired\n};\nTransitionGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * `` renders a `
\n * \n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the `in` prop is set to `true`, the child component will first receive\n * the class `example-enter`, then the `example-enter-active` will be added in\n * the next tick. `CSSTransition` [forces a\n * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)\n * between before adding the `example-enter-active`. This is an important trick\n * because it allows us to transition between `example-enter` and\n * `example-enter-active` even though they were added immediately one after\n * another. Most notably, this is what makes it possible for us to animate\n * _appearance_.\n *\n * ```css\n * .my-node-enter {\n * opacity: 0;\n * }\n * .my-node-enter-active {\n * opacity: 1;\n * transition: opacity 200ms;\n * }\n * .my-node-exit {\n * opacity: 1;\n * }\n * .my-node-exit-active {\n * opacity: 0;\n * transition: opacity: 200ms;\n * }\n * ```\n *\n * `*-active` classes represent which styles you want to animate **to**.\n */\n\n\nvar CSSTransition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(CSSTransition, _React$Component);\n\n function CSSTransition() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n _this.onEnter = function (node, appearing) {\n var _this$getClassNames = _this.getClassNames(appearing ? 'appear' : 'enter'),\n className = _this$getClassNames.className;\n\n _this.removeClasses(node, 'exit');\n\n addClass(node, className);\n\n if (_this.props.onEnter) {\n _this.props.onEnter(node, appearing);\n }\n };\n\n _this.onEntering = function (node, appearing) {\n var _this$getClassNames2 = _this.getClassNames(appearing ? 'appear' : 'enter'),\n activeClassName = _this$getClassNames2.activeClassName;\n\n _this.reflowAndAddClass(node, activeClassName);\n\n if (_this.props.onEntering) {\n _this.props.onEntering(node, appearing);\n }\n };\n\n _this.onEntered = function (node, appearing) {\n var appearClassName = _this.getClassNames('appear').doneClassName;\n\n var enterClassName = _this.getClassNames('enter').doneClassName;\n\n var doneClassName = appearing ? appearClassName + \" \" + enterClassName : enterClassName;\n\n _this.removeClasses(node, appearing ? 'appear' : 'enter');\n\n addClass(node, doneClassName);\n\n if (_this.props.onEntered) {\n _this.props.onEntered(node, appearing);\n }\n };\n\n _this.onExit = function (node) {\n var _this$getClassNames3 = _this.getClassNames('exit'),\n className = _this$getClassNames3.className;\n\n _this.removeClasses(node, 'appear');\n\n _this.removeClasses(node, 'enter');\n\n addClass(node, className);\n\n if (_this.props.onExit) {\n _this.props.onExit(node);\n }\n };\n\n _this.onExiting = function (node) {\n var _this$getClassNames4 = _this.getClassNames('exit'),\n activeClassName = _this$getClassNames4.activeClassName;\n\n _this.reflowAndAddClass(node, activeClassName);\n\n if (_this.props.onExiting) {\n _this.props.onExiting(node);\n }\n };\n\n _this.onExited = function (node) {\n var _this$getClassNames5 = _this.getClassNames('exit'),\n doneClassName = _this$getClassNames5.doneClassName;\n\n _this.removeClasses(node, 'exit');\n\n addClass(node, doneClassName);\n\n if (_this.props.onExited) {\n _this.props.onExited(node);\n }\n };\n\n _this.getClassNames = function (type) {\n var classNames = _this.props.classNames;\n var isStringClassNames = typeof classNames === 'string';\n var prefix = isStringClassNames && classNames ? classNames + '-' : '';\n var className = isStringClassNames ? prefix + type : classNames[type];\n var activeClassName = isStringClassNames ? className + '-active' : classNames[type + 'Active'];\n var doneClassName = isStringClassNames ? className + '-done' : classNames[type + 'Done'];\n return {\n className: className,\n activeClassName: activeClassName,\n doneClassName: doneClassName\n };\n };\n\n return _this;\n }\n\n var _proto = CSSTransition.prototype;\n\n _proto.removeClasses = function removeClasses(node, type) {\n var _this$getClassNames6 = this.getClassNames(type),\n className = _this$getClassNames6.className,\n activeClassName = _this$getClassNames6.activeClassName,\n doneClassName = _this$getClassNames6.doneClassName;\n\n className && removeClass(node, className);\n activeClassName && removeClass(node, activeClassName);\n doneClassName && removeClass(node, doneClassName);\n };\n\n _proto.reflowAndAddClass = function reflowAndAddClass(node, className) {\n // This is for to force a repaint,\n // which is necessary in order to transition styles when adding a class name.\n if (className) {\n /* eslint-disable no-unused-expressions */\n node && node.scrollTop;\n /* eslint-enable no-unused-expressions */\n\n addClass(node, className);\n }\n };\n\n _proto.render = function render() {\n var props = _extends({}, this.props);\n\n delete props.classNames;\n return _react.default.createElement(_Transition.default, _extends({}, props, {\n onEnter: this.onEnter,\n onEntered: this.onEntered,\n onEntering: this.onEntering,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited\n }));\n };\n\n return CSSTransition;\n}(_react.default.Component);\n\nCSSTransition.defaultProps = {\n classNames: ''\n};\nCSSTransition.propTypes = process.env.NODE_ENV !== \"production\" ? _extends({}, _Transition.default.propTypes, {\n /**\n * The animation classNames applied to the component as it enters, exits or\n * has finished the transition. A single name can be provided and it will be\n * suffixed for each stage: e.g.\n *\n * `classNames=\"fade\"` applies `fade-enter`, `fade-enter-active`,\n * `fade-enter-done`, `fade-exit`, `fade-exit-active`, `fade-exit-done`,\n * `fade-appear`, `fade-appear-active`, and `fade-appear-done`.\n *\n * **Note**: `fade-appear-done` and `fade-enter-done` will _both_ be applied.\n * This allows you to define different behavior for when appearing is done and\n * when regular entering is done, using selectors like\n * `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply an\n * epic entrance animation when element first appears in the DOM using\n * [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can\n * simply use `fade-enter-done` for defining both cases.\n *\n * Each individual classNames can also be specified independently like:\n *\n * ```js\n * classNames={{\n * appear: 'my-appear',\n * appearActive: 'my-active-appear',\n * appearDone: 'my-done-appear',\n * enter: 'my-enter',\n * enterActive: 'my-active-enter',\n * enterDone: 'my-done-enter',\n * exit: 'my-exit',\n * exitActive: 'my-active-exit',\n * exitDone: 'my-done-exit',\n * }}\n * ```\n *\n * If you want to set these classes using CSS Modules:\n *\n * ```js\n * import styles from './styles.css';\n * ```\n *\n * you might want to use camelCase in your CSS file, that way could simply\n * spread them instead of listing them one by one:\n *\n * ```js\n * classNames={{ ...styles }}\n * ```\n *\n * @type {string | {\n * appear?: string,\n * appearActive?: string,\n * appearDone?: string,\n * enter?: string,\n * enterActive?: string,\n * enterDone?: string,\n * exit?: string,\n * exitActive?: string,\n * exitDone?: string,\n * }}\n */\n classNames: _PropTypes.classNamesShape,\n\n /**\n * A `\n * {\"I'll receive my-node-* classes\"}\n *
\n * I appear first
I replace the above
\n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nexports.EXITING = EXITING;\n\nvar Transition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n var _proto = Transition.prototype;\n\n _proto.getChildContext = function getChildContext() {\n return {\n transitionGroup: null // allows for nested Transitions\n\n };\n };\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n }; // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n var node = _reactDom.default.findDOMNode(this);\n\n if (nextStatus === ENTERING) {\n this.performEnter(node, mounting);\n } else {\n this.performExit(node);\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(node, mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node);\n });\n return;\n }\n\n this.props.onEnter(node, appearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(node, appearing);\n\n _this2.onTransitionEnd(node, enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node, appearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit(node) {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED\n\n if (!exit) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n return;\n }\n\n this.props.onExit(node);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(node);\n\n _this3.onTransitionEnd(node, timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {\n this.setNextCallback(handler);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n this.props.addEndListener(node, this.nextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\"]); // filter props for Transtition\n\n\n delete childProps.in;\n delete childProps.mountOnEnter;\n delete childProps.unmountOnExit;\n delete childProps.appear;\n delete childProps.enter;\n delete childProps.exit;\n delete childProps.timeout;\n delete childProps.addEndListener;\n delete childProps.onEnter;\n delete childProps.onEntering;\n delete childProps.onEntered;\n delete childProps.onExit;\n delete childProps.onExiting;\n delete childProps.onExited;\n\n if (typeof children === 'function') {\n return children(status, childProps);\n }\n\n var child = _react.default.Children.only(children);\n\n return _react.default.cloneElement(child, childProps);\n };\n\n return Transition;\n}(_react.default.Component);\n\nTransition.contextTypes = {\n transitionGroup: PropTypes.object\n};\nTransition.childContextTypes = {\n transitionGroup: function transitionGroup() {}\n};\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * ` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: _propTypes.default.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: _propTypes.default.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: _propTypes.default.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: _propTypes.default.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\n\nvar _default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup);\n\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _CSSTransition = _interopRequireDefault(require(\"./CSSTransition\"));\n\nvar _ReplaceTransition = _interopRequireDefault(require(\"./ReplaceTransition\"));\n\nvar _TransitionGroup = _interopRequireDefault(require(\"./TransitionGroup\"));\n\nvar _Transition = _interopRequireDefault(require(\"./Transition\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nmodule.exports = {\n Transition: _Transition.default,\n TransitionGroup: _TransitionGroup.default,\n ReplaceTransition: _ReplaceTransition.default,\n CSSTransition: _CSSTransition.default\n};","\"use strict\";\n\nexports.__esModule = true;\nexports.getChildMapping = getChildMapping;\nexports.mergeChildMappings = mergeChildMappings;\nexports.getInitialChildMapping = getInitialChildMapping;\nexports.getNextChildMapping = getNextChildMapping;\n\nvar _react = require(\"react\");\n\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\nfunction getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && (0, _react.isValidElement)(child) ? mapFn(child) : child;\n };\n\n var result = Object.create(null);\n if (children) _react.Children.map(children, function (c) {\n return c;\n }).forEach(function (child) {\n // run the map function here instead so that the key is the computed one\n result[child.key] = mapper(child);\n });\n return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\n\nfunction mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n\n function getValueForKey(key) {\n return key in next ? next[key] : prev[key];\n } // For each key of `next`, the list of keys to insert before that key in\n // the combined list\n\n\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n\n for (var prevKey in prev) {\n if (prevKey in next) {\n if (pendingKeys.length) {\n nextKeysPending[prevKey] = pendingKeys;\n pendingKeys = [];\n }\n } else {\n pendingKeys.push(prevKey);\n }\n }\n\n var i;\n var childMapping = {};\n\n for (var nextKey in next) {\n if (nextKeysPending[nextKey]) {\n for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n var pendingNextKey = nextKeysPending[nextKey][i];\n childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n }\n }\n\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n\n return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nfunction getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n appear: getProp(child, 'appear', props),\n enter: getProp(child, 'enter', props),\n exit: getProp(child, 'exit', props)\n });\n });\n}\n\nfunction getNextChildMapping(nextProps, prevChildMapping, onExited) {\n var nextChildMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n Object.keys(children).forEach(function (key) {\n var child = children[key];\n if (!(0, _react.isValidElement)(child)) return;\n var hasPrev = key in prevChildMapping;\n var hasNext = key in nextChildMapping;\n var prevChild = prevChildMapping[key];\n var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n } else if (!hasNext && hasPrev && !isLeaving) {\n // item is old (exiting)\n // console.log('leaving', key)\n children[key] = (0, _react.cloneElement)(child, {\n in: false\n });\n } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: prevChild.props.in,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n }\n });\n return children;\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.classNamesShape = exports.timeoutsShape = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({\n enter: _propTypes.default.number,\n exit: _propTypes.default.number,\n appear: _propTypes.default.number\n}).isRequired]) : null;\nexports.timeoutsShape = timeoutsShape;\nvar classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({\n enter: _propTypes.default.string,\n exit: _propTypes.default.string,\n active: _propTypes.default.string\n}), _propTypes.default.shape({\n enter: _propTypes.default.string,\n enterDone: _propTypes.default.string,\n enterActive: _propTypes.default.string,\n exit: _propTypes.default.string,\n exitDone: _propTypes.default.string,\n exitActive: _propTypes.default.string\n})]) : null;\nexports.classNamesShape = classNamesShape;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar PropTypes = _interopRequireWildcard(require(\"prop-types\"));\n\nvar _addClass = _interopRequireDefault(require(\"dom-helpers/class/addClass\"));\n\nvar _removeClass = _interopRequireDefault(require(\"dom-helpers/class/removeClass\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _Transition = _interopRequireDefault(require(\"./Transition\"));\n\nvar _PropTypes = require(\"./utils/PropTypes\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nvar addClass = function addClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return (0, _addClass.default)(node, c);\n });\n};\n\nvar removeClass = function removeClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return (0, _removeClass.default)(node, c);\n });\n};\n/**\n * A transition component inspired by the excellent\n * [ng-animate](http://www.nganimate.org/) library, you should use it if you're\n * using CSS transitions or animations. It's built upon the\n * [`Transition`](https://reactcommunity.org/react-transition-group/transition)\n * component, so it inherits all of its props.\n *\n * `CSSTransition` applies a pair of class names during the `appear`, `enter`,\n * and `exit` states of the transition. The first class is applied and then a\n * second `*-active` class in order to activate the CSSS transition. After the\n * transition, matching `*-done` class names are applied to persist the\n * transition state.\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n * ` callback fired immediately after the 'enter' or 'appear' class is\n * applied.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEnter: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'enter-active' or\n * 'appear-active' class is applied.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'enter' or\n * 'appear' classes are **removed** and the `done` class is added to the DOM node.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntered: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit' class is\n * applied.\n *\n * @type Function(node: HtmlElement)\n */\n onExit: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit-active' is applied.\n *\n * @type Function(node: HtmlElement)\n */\n onExiting: PropTypes.func,\n\n /**\n * A `` callback fired immediately after the 'exit' classes\n * are **removed** and the `exit-done` class is added to the DOM node.\n *\n * @type Function(node: HtmlElement)\n */\n onExited: PropTypes.func\n}) : {};\nvar _default = CSSTransition;\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = require(\"react-dom\");\n\nvar _TransitionGroup = _interopRequireDefault(require(\"./TransitionGroup\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\n/**\n * The `` component is a specialized `Transition` component\n * that animates between two children.\n *\n * ```jsx\n * \n * \n * ```\n */\nvar ReplaceTransition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(ReplaceTransition, _React$Component);\n\n function ReplaceTransition() {\n var _this;\n\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(_args)) || this;\n\n _this.handleEnter = function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _this.handleLifecycle('onEnter', 0, args);\n };\n\n _this.handleEntering = function () {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n\n return _this.handleLifecycle('onEntering', 0, args);\n };\n\n _this.handleEntered = function () {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n\n return _this.handleLifecycle('onEntered', 0, args);\n };\n\n _this.handleExit = function () {\n for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n args[_key5] = arguments[_key5];\n }\n\n return _this.handleLifecycle('onExit', 1, args);\n };\n\n _this.handleExiting = function () {\n for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {\n args[_key6] = arguments[_key6];\n }\n\n return _this.handleLifecycle('onExiting', 1, args);\n };\n\n _this.handleExited = function () {\n for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {\n args[_key7] = arguments[_key7];\n }\n\n return _this.handleLifecycle('onExited', 1, args);\n };\n\n return _this;\n }\n\n var _proto = ReplaceTransition.prototype;\n\n _proto.handleLifecycle = function handleLifecycle(handler, idx, originalArgs) {\n var _child$props;\n\n var children = this.props.children;\n\n var child = _react.default.Children.toArray(children)[idx];\n\n if (child.props[handler]) (_child$props = child.props)[handler].apply(_child$props, originalArgs);\n if (this.props[handler]) this.props[handler]((0, _reactDom.findDOMNode)(this));\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n inProp = _this$props.in,\n props = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\"]);\n\n var _React$Children$toArr = _react.default.Children.toArray(children),\n first = _React$Children$toArr[0],\n second = _React$Children$toArr[1];\n\n delete props.onEnter;\n delete props.onEntering;\n delete props.onEntered;\n delete props.onExit;\n delete props.onExiting;\n delete props.onExited;\n return _react.default.createElement(_TransitionGroup.default, props, inProp ? _react.default.cloneElement(first, {\n key: 'first',\n onEnter: this.handleEnter,\n onEntering: this.handleEntering,\n onEntered: this.handleEntered\n }) : _react.default.cloneElement(second, {\n key: 'second',\n onEnter: this.handleExit,\n onEntering: this.handleExiting,\n onEntered: this.handleExited\n }));\n };\n\n return ReplaceTransition;\n}(_react.default.Component);\n\nReplaceTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n in: _propTypes.default.bool.isRequired,\n children: function children(props, propName) {\n if (_react.default.Children.count(props[propName]) !== 2) return new Error(\"\\\"\" + propName + \"\\\" must be exactly two transition components.\");\n return null;\n }\n} : {};\nvar _default = ReplaceTransition;\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nexports.__esModule = true;\nexports.default = exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = void 0;\n\nvar PropTypes = _interopRequireWildcard(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nvar _reactLifecyclesCompat = require(\"react-lifecycles-compat\");\n\nvar _PropTypes = require(\"./utils/PropTypes\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nvar UNMOUNTED = 'unmounted';\nexports.UNMOUNTED = UNMOUNTED;\nvar EXITED = 'exited';\nexports.EXITED = EXITED;\nvar ENTERING = 'entering';\nexports.ENTERING = ENTERING;\nvar ENTERED = 'entered';\nexports.ENTERED = ENTERED;\nvar EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 0 },\n * entered: { opacity: 1 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * {state => (\n * \n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n * \n * {state => (\n * \n * ```\n */\n children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n /**\n * Show the component; triggers the enter or exit states\n */\n in: PropTypes.bool,\n\n /**\n * By default the child component is mounted immediately along with\n * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n */\n mountOnEnter: PropTypes.bool,\n\n /**\n * By default the child component stays mounted after it reaches the `'exited'` state.\n * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n */\n unmountOnExit: PropTypes.bool,\n\n /**\n * Normally a component is not transitioned if it is shown when the `` component mounts.\n * If you want to transition on the first mount set `appear` to `true`, and the\n * component will transition in as soon as the `` mounts.\n *\n * > Note: there are no specific \"appear\" states. `appear` only adds an additional `enter` transition.\n */\n appear: PropTypes.bool,\n\n /**\n * Enable or disable enter transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * Enable or disable exit transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * The duration of the transition, in milliseconds.\n * Required unless `addEndListener` is provided.\n *\n * You may specify a single timeout for all transitions:\n *\n * ```jsx\n * timeout={500}\n * ```\n *\n * or individually:\n *\n * ```jsx\n * timeout={{\n * appear: 500,\n * enter: 300,\n * exit: 500,\n * }}\n * ```\n *\n * - `appear` defaults to the value of `enter`\n * - `enter` defaults to `0`\n * - `exit` defaults to `0`\n *\n * @type {number | { enter?: number, exit?: number, appear?: number }}\n */\n timeout: function timeout(props) {\n var pt = _PropTypes.timeoutsShape;\n if (!props.addEndListener) pt = pt.isRequired;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return pt.apply(void 0, [props].concat(args));\n },\n\n /**\n * Add a custom transition end trigger. Called with the transitioning\n * DOM node and a `done` callback. Allows for more fine grained transition end\n * logic. **Note:** Timeouts are still used as a fallback if provided.\n *\n * ```jsx\n * addEndListener={(node, done) => {\n * // use the css transitionend event to mark the finish of a transition\n * node.addEventListener('transitionend', done, false);\n * }}\n * ```\n */\n addEndListener: PropTypes.func,\n\n /**\n * Callback fired before the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEnter: PropTypes.func,\n\n /**\n * Callback fired after the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * Callback fired after the \"entered\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEntered: PropTypes.func,\n\n /**\n * Callback fired before the \"exiting\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExit: PropTypes.func,\n\n /**\n * Callback fired after the \"exiting\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExiting: PropTypes.func,\n\n /**\n * Callback fired after the \"exited\" status is applied.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExited: PropTypes.func // Name the function so it is clearer in the documentation\n\n} : {};\n\nfunction noop() {}\n\nTransition.defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n enter: true,\n exit: true,\n onEnter: noop,\n onEntering: noop,\n onEntered: noop,\n onExit: noop,\n onExiting: noop,\n onExited: noop\n};\nTransition.UNMOUNTED = 0;\nTransition.EXITED = 1;\nTransition.ENTERING = 2;\nTransition.ENTERED = 3;\nTransition.EXITING = 4;\n\nvar _default = (0, _reactLifecyclesCompat.polyfill)(Transition);\n\nexports.default = _default;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactLifecyclesCompat = require(\"react-lifecycles-compat\");\n\nvar _ChildMapping = require(\"./utils/ChildMapping\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nvar values = Object.values || function (obj) {\n return Object.keys(obj).map(function (k) {\n return obj[k];\n });\n};\n\nvar defaultProps = {\n component: 'div',\n childFactory: function childFactory(child) {\n return child;\n }\n /**\n * The `` component manages a set of transition components\n * (`` and ``) in a list. Like with the transition\n * components, `` is a state machine for managing the mounting\n * and unmounting of components over time.\n *\n * Consider the example below. As items are removed or added to the TodoList the\n * `in` prop is toggled automatically by the ``.\n *\n * Note that `` does not define any animation behavior!\n * Exactly _how_ a list item animates is up to the individual transition\n * component. This means you can mix and match animations across different list\n * items.\n */\n\n};\n\nvar TransitionGroup =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(TransitionGroup, _React$Component);\n\n function TransitionGroup(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n\n var handleExited = _this.handleExited.bind(_assertThisInitialized(_assertThisInitialized(_this))); // Initial children should all be entering, dependent on appear\n\n\n _this.state = {\n handleExited: handleExited,\n firstRender: true\n };\n return _this;\n }\n\n var _proto = TransitionGroup.prototype;\n\n _proto.getChildContext = function getChildContext() {\n return {\n transitionGroup: {\n isMounting: !this.appeared\n }\n };\n };\n\n _proto.componentDidMount = function componentDidMount() {\n this.appeared = true;\n this.mounted = true;\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.mounted = false;\n };\n\n TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n var prevChildMapping = _ref.children,\n handleExited = _ref.handleExited,\n firstRender = _ref.firstRender;\n return {\n children: firstRender ? (0, _ChildMapping.getInitialChildMapping)(nextProps, handleExited) : (0, _ChildMapping.getNextChildMapping)(nextProps, prevChildMapping, handleExited),\n firstRender: false\n };\n };\n\n _proto.handleExited = function handleExited(child, node) {\n var currentChildMapping = (0, _ChildMapping.getChildMapping)(this.props.children);\n if (child.key in currentChildMapping) return;\n\n if (child.props.onExited) {\n child.props.onExited(node);\n }\n\n if (this.mounted) {\n this.setState(function (state) {\n var children = _extends({}, state.children);\n\n delete children[child.key];\n return {\n children: children\n };\n });\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n Component = _this$props.component,\n childFactory = _this$props.childFactory,\n props = _objectWithoutPropertiesLoose(_this$props, [\"component\", \"childFactory\"]);\n\n var children = values(this.state.children).map(childFactory);\n delete props.appear;\n delete props.enter;\n delete props.exit;\n\n if (Component === null) {\n return children;\n }\n\n return _react.default.createElement(Component, props, children);\n };\n\n return TransitionGroup;\n}(_react.default.Component);\n\nTransitionGroup.childContextTypes = {\n transitionGroup: _propTypes.default.object.isRequired\n};\nTransitionGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * `` renders a `
\n * \n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the `in` prop is set to `true`, the child component will first receive\n * the class `example-enter`, then the `example-enter-active` will be added in\n * the next tick. `CSSTransition` [forces a\n * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)\n * between before adding the `example-enter-active`. This is an important trick\n * because it allows us to transition between `example-enter` and\n * `example-enter-active` even though they were added immediately one after\n * another. Most notably, this is what makes it possible for us to animate\n * _appearance_.\n *\n * ```css\n * .my-node-enter {\n * opacity: 0;\n * }\n * .my-node-enter-active {\n * opacity: 1;\n * transition: opacity 200ms;\n * }\n * .my-node-exit {\n * opacity: 1;\n * }\n * .my-node-exit-active {\n * opacity: 0;\n * transition: opacity: 200ms;\n * }\n * ```\n *\n * `*-active` classes represent which styles you want to animate **to**.\n */\n\n\nvar CSSTransition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(CSSTransition, _React$Component);\n\n function CSSTransition() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n _this.onEnter = function (node, appearing) {\n var _this$getClassNames = _this.getClassNames(appearing ? 'appear' : 'enter'),\n className = _this$getClassNames.className;\n\n _this.removeClasses(node, 'exit');\n\n addClass(node, className);\n\n if (_this.props.onEnter) {\n _this.props.onEnter(node, appearing);\n }\n };\n\n _this.onEntering = function (node, appearing) {\n var _this$getClassNames2 = _this.getClassNames(appearing ? 'appear' : 'enter'),\n activeClassName = _this$getClassNames2.activeClassName;\n\n _this.reflowAndAddClass(node, activeClassName);\n\n if (_this.props.onEntering) {\n _this.props.onEntering(node, appearing);\n }\n };\n\n _this.onEntered = function (node, appearing) {\n var appearClassName = _this.getClassNames('appear').doneClassName;\n\n var enterClassName = _this.getClassNames('enter').doneClassName;\n\n var doneClassName = appearing ? appearClassName + \" \" + enterClassName : enterClassName;\n\n _this.removeClasses(node, appearing ? 'appear' : 'enter');\n\n addClass(node, doneClassName);\n\n if (_this.props.onEntered) {\n _this.props.onEntered(node, appearing);\n }\n };\n\n _this.onExit = function (node) {\n var _this$getClassNames3 = _this.getClassNames('exit'),\n className = _this$getClassNames3.className;\n\n _this.removeClasses(node, 'appear');\n\n _this.removeClasses(node, 'enter');\n\n addClass(node, className);\n\n if (_this.props.onExit) {\n _this.props.onExit(node);\n }\n };\n\n _this.onExiting = function (node) {\n var _this$getClassNames4 = _this.getClassNames('exit'),\n activeClassName = _this$getClassNames4.activeClassName;\n\n _this.reflowAndAddClass(node, activeClassName);\n\n if (_this.props.onExiting) {\n _this.props.onExiting(node);\n }\n };\n\n _this.onExited = function (node) {\n var _this$getClassNames5 = _this.getClassNames('exit'),\n doneClassName = _this$getClassNames5.doneClassName;\n\n _this.removeClasses(node, 'exit');\n\n addClass(node, doneClassName);\n\n if (_this.props.onExited) {\n _this.props.onExited(node);\n }\n };\n\n _this.getClassNames = function (type) {\n var classNames = _this.props.classNames;\n var isStringClassNames = typeof classNames === 'string';\n var prefix = isStringClassNames && classNames ? classNames + '-' : '';\n var className = isStringClassNames ? prefix + type : classNames[type];\n var activeClassName = isStringClassNames ? className + '-active' : classNames[type + 'Active'];\n var doneClassName = isStringClassNames ? className + '-done' : classNames[type + 'Done'];\n return {\n className: className,\n activeClassName: activeClassName,\n doneClassName: doneClassName\n };\n };\n\n return _this;\n }\n\n var _proto = CSSTransition.prototype;\n\n _proto.removeClasses = function removeClasses(node, type) {\n var _this$getClassNames6 = this.getClassNames(type),\n className = _this$getClassNames6.className,\n activeClassName = _this$getClassNames6.activeClassName,\n doneClassName = _this$getClassNames6.doneClassName;\n\n className && removeClass(node, className);\n activeClassName && removeClass(node, activeClassName);\n doneClassName && removeClass(node, doneClassName);\n };\n\n _proto.reflowAndAddClass = function reflowAndAddClass(node, className) {\n // This is for to force a repaint,\n // which is necessary in order to transition styles when adding a class name.\n if (className) {\n /* eslint-disable no-unused-expressions */\n node && node.scrollTop;\n /* eslint-enable no-unused-expressions */\n\n addClass(node, className);\n }\n };\n\n _proto.render = function render() {\n var props = _extends({}, this.props);\n\n delete props.classNames;\n return _react.default.createElement(_Transition.default, _extends({}, props, {\n onEnter: this.onEnter,\n onEntered: this.onEntered,\n onEntering: this.onEntering,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited\n }));\n };\n\n return CSSTransition;\n}(_react.default.Component);\n\nCSSTransition.defaultProps = {\n classNames: ''\n};\nCSSTransition.propTypes = process.env.NODE_ENV !== \"production\" ? _extends({}, _Transition.default.propTypes, {\n /**\n * The animation classNames applied to the component as it enters, exits or\n * has finished the transition. A single name can be provided and it will be\n * suffixed for each stage: e.g.\n *\n * `classNames=\"fade\"` applies `fade-enter`, `fade-enter-active`,\n * `fade-enter-done`, `fade-exit`, `fade-exit-active`, `fade-exit-done`,\n * `fade-appear`, `fade-appear-active`, and `fade-appear-done`.\n *\n * **Note**: `fade-appear-done` and `fade-enter-done` will _both_ be applied.\n * This allows you to define different behavior for when appearing is done and\n * when regular entering is done, using selectors like\n * `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply an\n * epic entrance animation when element first appears in the DOM using\n * [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can\n * simply use `fade-enter-done` for defining both cases.\n *\n * Each individual classNames can also be specified independently like:\n *\n * ```js\n * classNames={{\n * appear: 'my-appear',\n * appearActive: 'my-active-appear',\n * appearDone: 'my-done-appear',\n * enter: 'my-enter',\n * enterActive: 'my-active-enter',\n * enterDone: 'my-done-enter',\n * exit: 'my-exit',\n * exitActive: 'my-active-exit',\n * exitDone: 'my-done-exit',\n * }}\n * ```\n *\n * If you want to set these classes using CSS Modules:\n *\n * ```js\n * import styles from './styles.css';\n * ```\n *\n * you might want to use camelCase in your CSS file, that way could simply\n * spread them instead of listing them one by one:\n *\n * ```js\n * classNames={{ ...styles }}\n * ```\n *\n * @type {string | {\n * appear?: string,\n * appearActive?: string,\n * appearDone?: string,\n * enter?: string,\n * enterActive?: string,\n * enterDone?: string,\n * exit?: string,\n * exitActive?: string,\n * exitDone?: string,\n * }}\n */\n classNames: _PropTypes.classNamesShape,\n\n /**\n * A `\n * {\"I'll receive my-node-* classes\"}\n *
\n * I appear first
I replace the above
\n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nexports.EXITING = EXITING;\n\nvar Transition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n var _proto = Transition.prototype;\n\n _proto.getChildContext = function getChildContext() {\n return {\n transitionGroup: null // allows for nested Transitions\n\n };\n };\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n }; // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n var node = _reactDom.default.findDOMNode(this);\n\n if (nextStatus === ENTERING) {\n this.performEnter(node, mounting);\n } else {\n this.performExit(node);\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(node, mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node);\n });\n return;\n }\n\n this.props.onEnter(node, appearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(node, appearing);\n\n _this2.onTransitionEnd(node, enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node, appearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit(node) {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED\n\n if (!exit) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n return;\n }\n\n this.props.onExit(node);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(node);\n\n _this3.onTransitionEnd(node, timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {\n this.setNextCallback(handler);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n this.props.addEndListener(node, this.nextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\"]); // filter props for Transtition\n\n\n delete childProps.in;\n delete childProps.mountOnEnter;\n delete childProps.unmountOnExit;\n delete childProps.appear;\n delete childProps.enter;\n delete childProps.exit;\n delete childProps.timeout;\n delete childProps.addEndListener;\n delete childProps.onEnter;\n delete childProps.onEntering;\n delete childProps.onEntered;\n delete childProps.onExit;\n delete childProps.onExiting;\n delete childProps.onExited;\n\n if (typeof children === 'function') {\n return children(status, childProps);\n }\n\n var child = _react.default.Children.only(children);\n\n return _react.default.cloneElement(child, childProps);\n };\n\n return Transition;\n}(_react.default.Component);\n\nTransition.contextTypes = {\n transitionGroup: PropTypes.object\n};\nTransition.childContextTypes = {\n transitionGroup: function transitionGroup() {}\n};\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * ` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: _propTypes.default.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: _propTypes.default.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: _propTypes.default.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: _propTypes.default.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\n\nvar _default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup);\n\nexports.default = _default;\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nvar _CSSTransition = _interopRequireDefault(require(\"./CSSTransition\"));\n\nvar _ReplaceTransition = _interopRequireDefault(require(\"./ReplaceTransition\"));\n\nvar _TransitionGroup = _interopRequireDefault(require(\"./TransitionGroup\"));\n\nvar _Transition = _interopRequireDefault(require(\"./Transition\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nmodule.exports = {\n Transition: _Transition.default,\n TransitionGroup: _TransitionGroup.default,\n ReplaceTransition: _ReplaceTransition.default,\n CSSTransition: _CSSTransition.default\n};","\"use strict\";\n\nexports.__esModule = true;\nexports.getChildMapping = getChildMapping;\nexports.mergeChildMappings = mergeChildMappings;\nexports.getInitialChildMapping = getInitialChildMapping;\nexports.getNextChildMapping = getNextChildMapping;\n\nvar _react = require(\"react\");\n\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\nfunction getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && (0, _react.isValidElement)(child) ? mapFn(child) : child;\n };\n\n var result = Object.create(null);\n if (children) _react.Children.map(children, function (c) {\n return c;\n }).forEach(function (child) {\n // run the map function here instead so that the key is the computed one\n result[child.key] = mapper(child);\n });\n return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\n\nfunction mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n\n function getValueForKey(key) {\n return key in next ? next[key] : prev[key];\n } // For each key of `next`, the list of keys to insert before that key in\n // the combined list\n\n\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n\n for (var prevKey in prev) {\n if (prevKey in next) {\n if (pendingKeys.length) {\n nextKeysPending[prevKey] = pendingKeys;\n pendingKeys = [];\n }\n } else {\n pendingKeys.push(prevKey);\n }\n }\n\n var i;\n var childMapping = {};\n\n for (var nextKey in next) {\n if (nextKeysPending[nextKey]) {\n for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n var pendingNextKey = nextKeysPending[nextKey][i];\n childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n }\n }\n\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n\n return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nfunction getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n appear: getProp(child, 'appear', props),\n enter: getProp(child, 'enter', props),\n exit: getProp(child, 'exit', props)\n });\n });\n}\n\nfunction getNextChildMapping(nextProps, prevChildMapping, onExited) {\n var nextChildMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n Object.keys(children).forEach(function (key) {\n var child = children[key];\n if (!(0, _react.isValidElement)(child)) return;\n var hasPrev = key in prevChildMapping;\n var hasNext = key in nextChildMapping;\n var prevChild = prevChildMapping[key];\n var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n } else if (!hasNext && hasPrev && !isLeaving) {\n // item is old (exiting)\n // console.log('leaving', key)\n children[key] = (0, _react.cloneElement)(child, {\n in: false\n });\n } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: prevChild.props.in,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n }\n });\n return children;\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.classNamesShape = exports.timeoutsShape = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({\n enter: _propTypes.default.number,\n exit: _propTypes.default.number,\n appear: _propTypes.default.number\n}).isRequired]) : null;\nexports.timeoutsShape = timeoutsShape;\nvar classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({\n enter: _propTypes.default.string,\n exit: _propTypes.default.string,\n active: _propTypes.default.string\n}), _propTypes.default.shape({\n enter: _propTypes.default.string,\n enterDone: _propTypes.default.string,\n enterActive: _propTypes.default.string,\n exit: _propTypes.default.string,\n exitDone: _propTypes.default.string,\n exitActive: _propTypes.default.string\n})]) : null;\nexports.classNamesShape = classNamesShape;","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__(847);\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/***/ 847:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(848),\r\n\t __webpack_require__(849),\r\n\t __webpack_require__(850),\r\n\t __webpack_require__(851),\r\n\t __webpack_require__(852),\r\n\t __webpack_require__(853)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\r\n\t var NS = \".kendoChart\";\r\n\t var kendo = window.kendo;\r\n\t var Class = kendo.Class;\r\n\t var outerWidth = kendo._outerWidth;\r\n\t var outerHeight = kendo._outerHeight;\r\n\t var dataviz = kendo.dataviz;\r\n\t var constants = dataviz.constants;\r\n\t var KendoChart = dataviz.Chart;\r\n\t var SeriesBinder = dataviz.SeriesBinder;\r\n\t var Widget = kendo.ui.Widget;\r\n\t var DataSource = kendo.data.DataSource;\r\n\t var deepExtend = kendo.deepExtend;\r\n\t var defined = dataviz.defined;\r\n\t var getField = dataviz.getField;\r\n\t var InstanceObserver = dataviz.InstanceObserver;\r\n\t var inArray = dataviz.inArray;\r\n\t var services = dataviz.services;\r\n\t var proxy = $.proxy;\r\n\t var isArray = $.isArray;\r\n\t var extend = $.extend;\r\n\t var template = kendo.template;\r\n\r\n\t var MOUSELEAVE_NS = \"mouseleave\" + NS;\r\n\t var AXIS_LABEL_CLICK = constants.AXIS_LABEL_CLICK;\r\n\t var LEGEND_ITEM_CLICK = constants.LEGEND_ITEM_CLICK;\r\n\t var LEGEND_ITEM_HOVER = constants.LEGEND_ITEM_HOVER;\r\n\t var SERIES_CLICK = constants.SERIES_CLICK;\r\n\t var SERIES_HOVER = constants.SERIES_HOVER;\r\n\t var PLOT_AREA_CLICK = constants.PLOT_AREA_CLICK;\r\n\t var PLOT_AREA_HOVER = constants.PLOT_AREA_HOVER;\r\n\t var DRAG = constants.DRAG;\r\n\t var DRAG_END = constants.DRAG_END;\r\n\t var DRAG_START = constants.DRAG_START;\r\n\t var ZOOM_START = constants.ZOOM_START;\r\n\t var ZOOM = constants.ZOOM;\r\n\t var ZOOM_END = constants.ZOOM_END;\r\n\t var SELECT_START = constants.SELECT_START;\r\n\t var SELECT = constants.SELECT;\r\n\t var SELECT_END = constants.SELECT_END;\r\n\t var RENDER = constants.RENDER;\r\n\t var NOTE_CLICK = constants.NOTE_CLICK;\r\n\t var NOTE_HOVER = constants.NOTE_HOVER;\r\n\r\n\t var CHANGE = \"change\";\r\n\t var DATABOUND = \"dataBound\";\r\n\t var LEAVE = \"leave\";\r\n\r\n\t var VALUE = constants.VALUE;\r\n\t var PIE = constants.PIE;\r\n\t var DONUT = constants.DONUT;\r\n\t var FUNNEL = constants.FUNNEL;\r\n\r\n\t var Observable = kendo.Observable;\r\n\t var TOOLTIP_ANIMATION_DURATION = 150;\r\n\t var TOOLTIP_SHOW_DELAY = 100;\r\n\t var TOOLTIP_INVERSE = \"k-chart-tooltip-inverse\";\r\n\t var SHARED_TOOLTIP_CLASS = \"k-chart-shared-tooltip\";\r\n\t var RTL = \"rtl\";\r\n\r\n\t services.DomEventsBuilder.register({\r\n\t create: function(element, events) {\r\n\t return new kendo.UserEvents(element, deepExtend({\r\n\t global: true,\r\n\t multiTouch: true,\r\n\t fastTap: true\r\n\t }, events));\r\n\t }\r\n\t });\r\n\r\n\t var ChartInstanceObserver = InstanceObserver.extend({\r\n\t handlerMap: {\r\n\t showTooltip: '_showTooltip',\r\n\t hideTooltip: '_hideTooltip',\r\n\t legendItemClick: '_onLegendItemClick',\r\n\t render: '_onRender',\r\n\t init: '_onInit'\r\n\t }\r\n\t });\r\n\r\n\t var Chart = Widget.extend({\r\n\t init: function(element, userOptions) {\r\n\t var dataSource;\r\n\r\n\t kendo.destroy(element);\r\n\r\n\t Widget.fn.init.call(this, element);\r\n\r\n\t if (userOptions) {\r\n\t dataSource = userOptions.dataSource;\r\n\t delete userOptions.dataSource;\r\n\t }\r\n\r\n\t this.options = deepExtend({}, this.options, userOptions);\r\n\r\n\t this.wrapper = this.element;\r\n\t this._attachEvents();\r\n\r\n\t if (userOptions) {\r\n\t userOptions.dataSource = dataSource;\r\n\t }\r\n\r\n\t this._seriesVisibility = new SeriesVisibilityState();\r\n\r\n\t this.bind(this.events, this.options);\r\n\t this._initDataSource(userOptions);\r\n\r\n\t kendo.notify(this, dataviz.ui);\r\n\t },\r\n\r\n\t events:[\r\n\t DATABOUND,\r\n\t SERIES_CLICK,\r\n\t SERIES_HOVER,\r\n\t AXIS_LABEL_CLICK,\r\n\t LEGEND_ITEM_CLICK,\r\n\t LEGEND_ITEM_HOVER,\r\n\t PLOT_AREA_CLICK,\r\n\t PLOT_AREA_HOVER,\r\n\t DRAG_START,\r\n\t DRAG,\r\n\t DRAG_END,\r\n\t ZOOM_START,\r\n\t ZOOM,\r\n\t ZOOM_END,\r\n\t SELECT_START,\r\n\t SELECT,\r\n\t SELECT_END,\r\n\t NOTE_CLICK,\r\n\t NOTE_HOVER,\r\n\t RENDER\r\n\t ],\r\n\r\n\t options: {\r\n\t name: \"Chart\",\r\n\t renderAs: \"\",\r\n\t theme: \"default\",\r\n\t axisDefaults: {},\r\n\t chartArea: {},\r\n\t legend: {},\r\n\t categoryAxis: {},\r\n\t autoBind: true,\r\n\t seriesDefaults: {},\r\n\t series: [],\r\n\t seriesColors: null,\r\n\t tooltip: {},\r\n\t transitions: true,\r\n\t valueAxis: {},\r\n\t plotArea: {},\r\n\t title: {},\r\n\t xAxis: {},\r\n\t yAxis: {},\r\n\t panes: [{}],\r\n\t pannable: false,\r\n\t zoomable: false\r\n\t },\r\n\r\n\t items: function() {\r\n\t return $();\r\n\t },\r\n\r\n\t refresh: function() {\r\n\t var chart = this;\r\n\t var instance = chart._instance;\r\n\t instance.applyDefaults(chart.options);\r\n\t instance.applySeriesColors();\r\n\r\n\t chart._bindSeries();\r\n\t chart._bindCategories();\r\n\r\n\t chart.trigger(DATABOUND);\r\n\t chart._redraw();\r\n\t },\r\n\r\n\t getSize: function() {\r\n\t return kendo.dimensions(this.element);\r\n\t },\r\n\r\n\t redraw: function(paneName) {\r\n\t this._size = null;\r\n\t this._instance.redraw(paneName);\r\n\t },\r\n\r\n\t setOptions: function(options) {\r\n\t var chart = this,\r\n\t dataSource = options.dataSource;\r\n\r\n\t delete options.dataSource;\r\n\r\n\t Widget.fn._setEvents.call(chart, options);\r\n\r\n\t this._instance.applyOptions(options, this._getThemeOptions(options));\r\n\t this.options = this._instance.options;\r\n\t this._tooltip.setOptions(this.options.tooltip);\r\n\t this._sourceSeries = null;\r\n\r\n\t if (dataSource) {\r\n\t chart.setDataSource(dataSource);\r\n\t }\r\n\r\n\t if (chart._hasDataSource) {\r\n\t chart._onDataChanged();\r\n\t } else {\r\n\t chart._bindCategories();\r\n\t chart.redraw();\r\n\t }\r\n\r\n\t chart._instance.updateMouseMoveHandler();\r\n\t },\r\n\r\n\t setDataSource: function(dataSource) {\r\n\t var chart = this;\r\n\r\n\t chart.dataSource.unbind(CHANGE, chart._dataChangeHandler);\r\n\t chart.dataSource = dataSource = DataSource.create(dataSource);\r\n\t chart._hasDataSource = true;\r\n\t chart._hasData = false;\r\n\r\n\t dataSource.bind(CHANGE, chart._dataChangeHandler);\r\n\r\n\t if (chart.options.autoBind) {\r\n\t dataSource.fetch();\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t var chart = this,\r\n\t dataSource = chart.dataSource;\r\n\r\n\t chart.element.off(NS);\r\n\r\n\t if (dataSource) {\r\n\t dataSource.unbind(CHANGE, chart._dataChangeHandler);\r\n\t }\r\n\r\n\t if (chart._instance) {\r\n\t chart._instance.destroy();\r\n\t delete this._instance;\r\n\t }\r\n\r\n\t if (this._tooltip) {\r\n\t this._tooltip.destroy();\r\n\t delete this._tooltip;\r\n\t }\r\n\r\n\t this._destroyCrosshairTooltips();\r\n\r\n\t Widget.fn.destroy.call(chart);\r\n\t },\r\n\r\n\t findPaneByName: function(name) {\r\n\t var panes = this._plotArea.panes;\r\n\r\n\t for (var idx = 0; idx < panes.length; idx++) {\r\n\t if (panes[idx].options.name === name) {\r\n\t return new ChartPane(this, panes[idx]);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t findPaneByIndex: function(idx) {\r\n\t var panes = this._plotArea.panes;\r\n\t if (panes[idx]) {\r\n\t return new ChartPane(this, panes[idx]);\r\n\t }\r\n\t },\r\n\r\n\t findSeries: function(callback) {\r\n\t var plotArea = this._plotArea;\r\n\t var series = plotArea.srcSeries || plotArea.series;\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t if (callback(series[idx])) {\r\n\t return new ChartSeries(this, series[idx]);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t findSeriesByName: function(name) {\r\n\t return this._createSeries({ name: name });\r\n\t },\r\n\r\n\t findSeriesByIndex: function(index) {\r\n\t return this._createSeries({ index: index });\r\n\t },\r\n\r\n\t _createSeries: function(options) {\r\n\t var seriesOptions = this._seriesOptions(options);\r\n\t if (seriesOptions) {\r\n\t return new ChartSeries(this, seriesOptions);\r\n\t }\r\n\t },\r\n\r\n\t _seriesOptions: function(options) {\r\n\t var plotArea = this._plotArea;\r\n\t var series = plotArea.srcSeries || plotArea.series;\r\n\t var seriesOptions;\r\n\r\n\t if (defined(options.index)) {\r\n\t seriesOptions = series[options.index];\r\n\t } else if (defined(options.name)) {\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t if (series[idx].name === options.name) {\r\n\t seriesOptions = series[idx];\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return seriesOptions;\r\n\t },\r\n\r\n\t _attachEvents: function() {\r\n\t this.element.on(MOUSELEAVE_NS, proxy(this._mouseleave, this));\r\n\t },\r\n\r\n\t _mouseleave: function(e) {\r\n\t var instance = this._instance;\r\n\t var tooltip = this._tooltip;\r\n\t var target = e.relatedTarget;\r\n\r\n\t if (!(target && $(target).closest(tooltip.element).length) && instance && !instance.handlingTap) {\r\n\t instance.hideElements();\r\n\t }\r\n\t },\r\n\r\n\t _getThemeOptions: function(userOptions) {\r\n\t var themeName = (userOptions || {}).theme;\r\n\t if (themeName === \"sass\" || themeName === \"default-v2\" || themeName === \"bootstrap-v4\") {\r\n\t return dataviz.autoTheme().chart;\r\n\t }\r\n\r\n\t if (defined(themeName)) {\r\n\t var themes = dataviz.ui.themes || {};\r\n\t var theme = themes[themeName] || themes[themeName.toLowerCase()] || {};\r\n\t return theme.chart || {};\r\n\t }\r\n\t },\r\n\r\n\t _initChart: function() {\r\n\t this._createChart(this.options, this._getThemeOptions(this.options));\r\n\t this.options = this._instance.options;\r\n\t },\r\n\r\n\t _createChart: function(options, themeOptions) {\r\n\t this._instance = new KendoChart(this.element[0], options, themeOptions, {\r\n\t observer: new ChartInstanceObserver(this),\r\n\t sender: this,\r\n\t rtl: this._isRtl()\r\n\t });\r\n\t },\r\n\r\n\t _onInit: function(e) {\r\n\t this._instance = e.sender;\r\n\t },\r\n\r\n\t _initDataSource: function(userOptions) {\r\n\t var chart = this,\r\n\t dataSource = (userOptions || {}).dataSource;\r\n\r\n\t chart._dataChangeHandler = proxy(chart._onDataChanged, chart);\r\n\r\n\t chart.dataSource = DataSource\r\n\t .create(dataSource)\r\n\t .bind(\"change\", chart._dataChangeHandler);\r\n\r\n\t chart._bindCategories();\r\n\r\n\t if (dataSource) {\r\n\t chart._hasDataSource = true;\r\n\t }\r\n\r\n\t this._initChart();\r\n\t this._initTooltip();\r\n\r\n\t if (dataSource) {\r\n\t if (chart.options.autoBind) {\r\n\t chart.dataSource.fetch();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _destroyCrosshairTooltips: function() {\r\n\t var tooltips = this._crosshairTooltips;\r\n\t if (tooltips) {\r\n\t for (var key in tooltips) {\r\n\t tooltips[key].destroy();\r\n\t }\r\n\t }\r\n\t this._crosshairTooltips = {};\r\n\t },\r\n\r\n\t _getCrosshairTooltip: function(name, index) {\r\n\t var tooltips = this._crosshairTooltips = this._crosshairTooltips || {};\r\n\t var key = name + index;\r\n\t var tooltip = tooltips[key];\r\n\t if (!tooltip) {\r\n\t tooltip = tooltips[key] = new CrosshairTooltip(this.element);\r\n\t }\r\n\t return tooltip;\r\n\t },\r\n\r\n\t _showTooltip: function(e) {\r\n\t if (e.crosshair) {\r\n\t var tooltip = this._getCrosshairTooltip(e.axisName, e.axisIndex);\r\n\t tooltip.show(e);\r\n\t } else if (this._tooltip) {\r\n\t this._tooltip.show(e);\r\n\t }\r\n\t },\r\n\r\n\t _hideTooltip: function(e) {\r\n\t if (e.crosshair) {\r\n\t var tooltip = this._getCrosshairTooltip(e.axisName, e.axisIndex);\r\n\t tooltip.hide();\r\n\t } else if (this._tooltip) {\r\n\t this._tooltip.hide(e);\r\n\t }\r\n\t },\r\n\r\n\t _onRender: function(e) {\r\n\t this._destroyCrosshairTooltips();\r\n\t this._copyMembers(e.sender);\r\n\t if (!this._hasDataSource || this._hasData || !this.options.autoBind) {\r\n\t this.trigger(RENDER);\r\n\t }\r\n\t },\r\n\r\n\t _copyMembers: function(instance) {\r\n\t this.options = instance.options;\r\n\t this._originalOptions = instance._originalOptions;\r\n\t this.surface = instance.surface;\r\n\t this._plotArea = instance._plotArea;\r\n\t this._model = instance._model;\r\n\t this._highlight = instance._highlight;\r\n\t this._selections = instance._selections;\r\n\t this._pannable = instance._pannable;\r\n\t this._zoomSelection = instance._zoomSelection;\r\n\t this._mousewheelZoom = instance._mousewheelZoom;\r\n\t },\r\n\r\n\t requiresHandlers: function(names) {\r\n\t var events = this._events;\r\n\t for (var idx = 0; idx < names.length; idx++) {\r\n\t if (defined(events[names[idx]])) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _initTooltip: function() {\r\n\t this._tooltip = this._createTooltip();\r\n\r\n\t this._tooltip.bind(LEAVE, proxy(this._tooltipleave, this));\r\n\t },\r\n\r\n\t _onLegendItemClick: function(e) {\r\n\t if (!this.trigger(LEGEND_ITEM_CLICK, e)) {\r\n\t this._legendItemClick(e.seriesIndex, e.pointIndex);\r\n\t }\r\n\t },\r\n\r\n\t _legendItemClick: function(seriesIndex, pointIndex) {\r\n\t var chart = this._instance,\r\n\t plotArea = chart._plotArea,\r\n\t currentSeries = (plotArea.srcSeries || plotArea.series)[seriesIndex];\r\n\r\n\t if ($.inArray(currentSeries.type, [PIE, DONUT, FUNNEL]) >= 0) {\r\n\t var point = currentSeries.data[pointIndex];\r\n\t if (point && defined(point.visible)) {\r\n\t point.visible = !point.visible;\r\n\t } else {\r\n\t var pointVisibility = currentSeries.pointVisibility = currentSeries.pointVisibility || {};\r\n\t var visible = pointVisibility[pointIndex];\r\n\t pointVisibility[pointIndex] = defined(visible) ? !visible : false;\r\n\t }\r\n\t } else {\r\n\t currentSeries.visible = !currentSeries.visible;\r\n\t this._seriesVisibility.save(currentSeries);\r\n\t }\r\n\r\n\t chart._noTransitionsRedraw();\r\n\t },\r\n\r\n\t _createTooltip: function() {\r\n\t return new Tooltip(this.element, extend({}, this.options.tooltip, {\r\n\t rtl: this._isRtl()\r\n\t }));\r\n\t },\r\n\r\n\t _tooltipleave: function() {\r\n\t if (this._instance) {\r\n\t this._instance.hideElements();\r\n\t }\r\n\t },\r\n\r\n\t _bindData: function(e) {\r\n\t var chart = this,\r\n\t options = chart.options,\r\n\t series = chart._sourceSeries || options.series,\r\n\t seriesIx,\r\n\t seriesLength = series.length,\r\n\t data = chart.dataSource.view(),\r\n\t grouped = (chart.dataSource.group() || []).length > 0,\r\n\t processedSeries = [],\r\n\t seriesVisibility = this._seriesVisibility,\r\n\t currentSeries,\r\n\t groupedSeries;\r\n\r\n\t for (seriesIx = 0; seriesIx < seriesLength; seriesIx++) {\r\n\t currentSeries = series[seriesIx];\r\n\r\n\t if (chart._isBindable(currentSeries) && grouped) {\r\n\t groupedSeries = groupSeries(currentSeries, data);\r\n\t processedSeries = processedSeries.concat(groupedSeries);\r\n\r\n\t seriesVisibility.applyByGroup(groupedSeries, e);\r\n\t } else {\r\n\t currentSeries = extend({}, currentSeries);\r\n\t processedSeries.push(currentSeries);\r\n\r\n\t seriesVisibility.applyByIndex(currentSeries, e);\r\n\t }\r\n\t }\r\n\r\n\t chart._sourceSeries = series;\r\n\t options.series = processedSeries;\r\n\t this._instance.applySeriesColors();\r\n\r\n\t chart._bindSeries();\r\n\t chart._bindCategories();\r\n\r\n\t this._hasData = true;\r\n\t },\r\n\r\n\t _onDataChanged: function(e) {\r\n\t this._bindData(e);\r\n\r\n\t this.trigger(DATABOUND);\r\n\t this._redraw();\r\n\t },\r\n\r\n\t _bindSeries: function() {\r\n\t var chart = this,\r\n\t data = chart.dataSource.view(),\r\n\t series = chart.options.series,\r\n\t seriesIx,\r\n\t seriesLength = series.length,\r\n\t currentSeries,\r\n\t groupIx,\r\n\t seriesData;\r\n\r\n\t for (seriesIx = 0; seriesIx < seriesLength; seriesIx++) {\r\n\t currentSeries = series[seriesIx];\r\n\r\n\t if (chart._isBindable(currentSeries)) {\r\n\t groupIx = currentSeries._groupIx;\r\n\t seriesData = defined(groupIx) ? (data[groupIx] || {}).items : data;\r\n\r\n\t if (currentSeries.autoBind !== false) {\r\n\t currentSeries.data = seriesData;\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _bindCategories: function() {\r\n\t var chart = this,\r\n\t data = chart.dataSource.view() || [],\r\n\t grouped = (chart.dataSource.group() || []).length > 0,\r\n\t categoriesData = data,\r\n\t options = chart.options,\r\n\t definitions = [].concat(options.categoryAxis),\r\n\t axisIx,\r\n\t axis;\r\n\r\n\t if (grouped) {\r\n\t if (data.length) {\r\n\t categoriesData = data[0].items;\r\n\t }\r\n\t }\r\n\r\n\t for (axisIx = 0; axisIx < definitions.length; axisIx++) {\r\n\t axis = definitions[axisIx];\r\n\t if (axis.autoBind !== false) {\r\n\t chart._bindCategoryAxis(axis, categoriesData, axisIx);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _bindCategoryAxis: function(axis, data, axisIx) {\r\n\t var count = (data || []).length,\r\n\t categoryIx,\r\n\t category,\r\n\t row;\r\n\r\n\t if (axis.field) {\r\n\t axis.categories = [];\r\n\t for (categoryIx = 0; categoryIx < count; categoryIx++) {\r\n\t row = data[categoryIx];\r\n\r\n\t category = getField(axis.field, row);\r\n\t if (categoryIx === 0) {\r\n\t axis.categories = [category];\r\n\t axis.dataItems = [row];\r\n\t } else {\r\n\t axis.categories.push(category);\r\n\t axis.dataItems.push(row);\r\n\t }\r\n\t }\r\n\t } else if (this._instance) {\r\n\t this._instance.bindCategoryAxisFromSeries(axis, axisIx);\r\n\t }\r\n\t },\r\n\r\n\t _isBindable: function(series) {\r\n\t var valueFields = SeriesBinder.current.valueFields(series),\r\n\t result = true,\r\n\t field, i;\r\n\r\n\t for (i = 0; i < valueFields.length; i++) {\r\n\t field = valueFields[i];\r\n\t if (field === VALUE) {\r\n\t field = \"field\";\r\n\t } else {\r\n\t field = field + \"Field\";\r\n\t }\r\n\r\n\t if (!defined(series[field])) {\r\n\t result = false;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t _isRtl: function() {\r\n\t return kendo.support.isRtl(this.element) && this.element.css(\"direction\") === RTL;\r\n\t }\r\n\t });\r\n\r\n\t var proxyMembers = [\"getAxis\", \"findAxisByName\", \"plotArea\", \"toggleHighlight\", \"showTooltip\",\r\n\t \"hideTooltip\", \"exportVisual\", \"_resize\", \"_redraw\", \"_noTransitionsRedraw\", \"_legendItemHover\", \"_eventCoordinates\"];\r\n\r\n\t function createProxyMember(name) {\r\n\t Chart.fn[name] = function() {\r\n\t var instance = this._instance;\r\n\t if (instance) {\r\n\t return instance[name].apply(instance, arguments);\r\n\t }\r\n\t };\r\n\t }\r\n\r\n\t for (var idx = 0; idx < proxyMembers.length; idx++) {\r\n\t createProxyMember(proxyMembers[idx]);\r\n\t }\r\n\r\n\t function groupSeries(series, data) {\r\n\t var result = [],\r\n\t nameTemplate,\r\n\t legacyTemplate = series.groupNameTemplate,\r\n\t groupIx,\r\n\t dataLength = data.length,\r\n\t seriesClone;\r\n\r\n\t if (dataLength === 0) {\r\n\t seriesClone = deepExtend({}, series);\r\n\t seriesClone.visibleInLegend = false;\r\n\t return [seriesClone];\r\n\t }\r\n\r\n\t if (defined(legacyTemplate)) {\r\n\t kendo.logToConsole(\r\n\t \"'groupNameTemplate' is obsolete and will be removed in future versions. \" +\r\n\t \"Specify the group name template as 'series.name'\"\r\n\t );\r\n\r\n\t if (legacyTemplate) {\r\n\t nameTemplate = template(legacyTemplate);\r\n\t }\r\n\t } else {\r\n\t nameTemplate = template(series.name || \"\");\r\n\t if (nameTemplate._slotCount === 0) {\r\n\t nameTemplate = template(defined(series.name) ?\r\n\t \"#= group.value #: #= series.name #\" :\r\n\t \"#= group.value #\"\r\n\t );\r\n\t }\r\n\t }\r\n\r\n\t for (groupIx = 0; groupIx < dataLength; groupIx++) {\r\n\t seriesClone = deepExtend({}, series);\r\n\r\n\t if (!kendo.isFunction(seriesClone.color)) {\r\n\t seriesClone.color = undefined;\r\n\t }\r\n\r\n\t seriesClone._groupIx = groupIx;\r\n\t seriesClone._groupValue = data[groupIx].value;\r\n\t result.push(seriesClone);\r\n\r\n\t if (nameTemplate) {\r\n\t seriesClone.name = nameTemplate({\r\n\t series: seriesClone, group: data[groupIx]\r\n\t });\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t }\r\n\r\n\t dataviz.ExportMixin.extend(Chart.fn);\r\n\r\n\t if (kendo.PDFMixin) {\r\n\t kendo.PDFMixin.extend(Chart.fn);\r\n\t }\r\n\r\n\t dataviz.ui.plugin(Chart);\r\n\r\n\t var SeriesVisibilityState = Class.extend({\r\n\t init: function() {\r\n\t this.groups = {};\r\n\t this.index = {};\r\n\t },\r\n\r\n\t applyByGroup: function(series, e) {\r\n\t if (e && e.action) {\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t if (this.groups[series[idx]._groupValue] === false) {\r\n\t series[idx].visible = false;\r\n\t }\r\n\t }\r\n\t } else {\r\n\t this.groups = {};\r\n\t }\r\n\t },\r\n\r\n\t applyByIndex: function(series, e) {\r\n\t if (e && e.action) {\r\n\t if (this.index[series.index] === false) {\r\n\t series.visible = false;\r\n\t }\r\n\t } else {\r\n\t this.index = {};\r\n\t }\r\n\t },\r\n\r\n\t save: function(series) {\r\n\t if (!series) {\r\n\t return;\r\n\t }\r\n\r\n\t if (defined(series._groupValue)) {\r\n\t this.groups[series._groupValue] = series.visible;\r\n\t } else {\r\n\t this.index[series.index] = series.visible;\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var geom = kendo.geometry;\r\n\r\n\t function normalizeStyle(style) {\r\n\t for (var field in style) {\r\n\t if (style[field] === undefined) {\r\n\t style[field] = '';\r\n\t }\r\n\t }\r\n\r\n\t return style;\r\n\t }\r\n\r\n\t var Tooltip = Observable.extend({\r\n\t init: function(chartElement, options) {\r\n\t var tooltip = this;\r\n\r\n\t Observable.fn.init.call(tooltip);\r\n\r\n\t this.setOptions(options);\r\n\r\n\t tooltip.chartElement = chartElement;\r\n\r\n\t tooltip.template = Tooltip.template;\r\n\t if (!tooltip.template) {\r\n\t tooltip.template = Tooltip.template = kendo.template(\r\n\t \"\" +\r\n\t \"
\",\r\n\t categoryFormat: \"{0:d}\"\r\n\t },\r\n\r\n\t move: function() {\r\n\t var tooltip = this,\r\n\t options = tooltip.options,\r\n\t element = tooltip.element,\r\n\t offset;\r\n\r\n\t if (!tooltip.anchor || !tooltip.element) {\r\n\t return;\r\n\t }\r\n\r\n\t offset = tooltip._offset();\r\n\t if (!tooltip.visible) {\r\n\t element.css({ top: offset.top, left: offset.left });\r\n\t }\r\n\r\n\t tooltip.visible = true;\r\n\t tooltip._ensureElement(document.body);\r\n\t element\r\n\t .stop(true, true)\r\n\t .show()\r\n\t .animate({\r\n\t left: offset.left,\r\n\t top: offset.top\r\n\t }, options.animation.duration);\r\n\t },\r\n\r\n\t _clearShowTimeout: function() {\r\n\t if (this.showTimeout) {\r\n\t clearTimeout(this.showTimeout);\r\n\t this.showTimeout = null;\r\n\t }\r\n\t },\r\n\r\n\t getAnchor: function(size) {\r\n\t var anchor = this.anchor;\r\n\t var point = anchor.point;\r\n\t var align = anchor.align;\r\n\t var x = point.left;\r\n\t var y = point.top;\r\n\t if (align.horizontal === \"center\") {\r\n\t x -= size.width / 2;\r\n\t } else if (align.horizontal === \"right\") {\r\n\t x -= size.width;\r\n\t }\r\n\r\n\t if (align.vertical === \"center\") {\r\n\t y -= size.height / 2;\r\n\t } else if (align.vertical === \"bottom\") {\r\n\t y -= size.height;\r\n\t }\r\n\r\n\t return {\r\n\t x: x,\r\n\t y: y\r\n\t };\r\n\t },\r\n\r\n\t _offset: function() {\r\n\t var tooltip = this,\r\n\t size = tooltip._measure(),\r\n\t anchor = tooltip.getAnchor(size),\r\n\t top = anchor.y,\r\n\t left = anchor.x,\r\n\t zoomLevel = kendo.support.zoomLevel(),\r\n\t viewport = $(window),\r\n\t scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0,\r\n\t scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0,\r\n\t movable = (this._mobileScroller || {}).movable;\r\n\r\n\t if (!movable || movable.scale === 1) {\r\n\t top += tooltip._fit(top - scrollTop, size.height, outerHeight(viewport) / zoomLevel);\r\n\t left += tooltip._fit(left - scrollLeft, size.width, outerWidth(viewport) / zoomLevel);\r\n\t } else {\r\n\t var transform = geom.transform().scale(movable.scale, movable.scale, [movable.x, movable.y]);\r\n\t var point = new geom.Point(left, top).transform(transform);\r\n\t left = point.x;\r\n\t top = point.y;\r\n\t }\r\n\r\n\t return {\r\n\t top: top,\r\n\t left: left\r\n\t };\r\n\t },\r\n\r\n\t show: function(e) {\r\n\t this.anchor = e.anchor;\r\n\t this.element.css(normalizeStyle(e.style));\r\n\t this.element.toggleClass(TOOLTIP_INVERSE, !!e.className);\r\n\t this.element.toggleClass(SHARED_TOOLTIP_CLASS, !!e.shared);\r\n\r\n\t var content = e.shared ? this._sharedContent(e) : this._pointContent(e.point);\r\n\t this.element.html(content);\r\n\r\n\t this._clearShowTimeout();\r\n\t this.showTimeout = setTimeout(this.move, TOOLTIP_SHOW_DELAY);\r\n\t },\r\n\r\n\t hide: function() {\r\n\t var tooltip = this;\r\n\r\n\t clearTimeout(tooltip.showTimeout);\r\n\t tooltip._hideElement();\r\n\r\n\t if (tooltip.visible) {\r\n\t tooltip.point = null;\r\n\t tooltip.visible = false;\r\n\t tooltip.index = null;\r\n\t }\r\n\t },\r\n\r\n\t _sharedContent: function(e) {\r\n\t var points = e.points;\r\n\t var nameColumn = dataviz.grep(points, function(point) {\r\n\t return defined(point.series.name);\r\n\t }).length;\r\n\r\n\t var colorMarker = e.series.length > 1;\r\n\t var colspan = 1;\r\n\t if (nameColumn) {\r\n\t colspan++;\r\n\t }\r\n\t if (colorMarker) {\r\n\t colspan++;\r\n\t }\r\n\r\n\t var template = kendo.template(this.options.sharedTemplate);\r\n\t var content = template({\r\n\t points: points,\r\n\t category: e.category,\r\n\t categoryText: e.categoryText,\r\n\t content: this._pointContent,\r\n\t colorMarker: colorMarker,\r\n\t nameColumn: nameColumn,\r\n\t colspan: colspan\r\n\t });\r\n\r\n\t return content;\r\n\t },\r\n\r\n\t _measure: function() {\r\n\t this._ensureElement();\r\n\r\n\t var size = {\r\n\t width: outerWidth(this.element),\r\n\t height: outerHeight(this.element)\r\n\t };\r\n\r\n\t return size;\r\n\t },\r\n\r\n\t _ensureElement: function() {\r\n\t if (this.element) {\r\n\t this.element\r\n\t .appendTo(document.body)\r\n\t .on(MOUSELEAVE_NS, this._mouseleave);\r\n\t }\r\n\t },\r\n\r\n\t _mouseleave: function(e) {\r\n\t var target = e.relatedTarget;\r\n\t var chart = this.chartElement[0];\r\n\t if (target && target !== chart && !$.contains(chart, target)) {\r\n\t this.trigger(LEAVE);\r\n\t }\r\n\t },\r\n\r\n\t _hideElement: function() {\r\n\t var tooltip = this;\r\n\t var element = this.element;\r\n\t if (element) {\r\n\t element.fadeOut({\r\n\t always: function(){\r\n\t if (!tooltip.visible) {\r\n\t element.off(MOUSELEAVE_NS).remove();\r\n\t }\r\n\t }\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t _pointContent: function(point) {\r\n\t var tooltip = this,\r\n\t options = deepExtend({}, tooltip.options, point.options.tooltip),\r\n\t content, tooltipTemplate;\r\n\r\n\t if (defined(point.value)) {\r\n\t content = point.value.toString();\r\n\t }\r\n\r\n\t if (options.template) {\r\n\t tooltipTemplate = template(options.template);\r\n\t content = tooltipTemplate({\r\n\t value: point.value,\r\n\t category: point.category,\r\n\t series: point.series,\r\n\t dataItem: point.dataItem,\r\n\t percentage: point.percentage,\r\n\t runningTotal: point.runningTotal,\r\n\t total: point.total,\r\n\t low: point.low,\r\n\t high: point.high,\r\n\t xLow: point.xLow,\r\n\t xHigh: point.xHigh,\r\n\t yLow: point.yLow,\r\n\t yHigh: point.yHigh\r\n\t });\r\n\t } else if (options.format) {\r\n\t content = point.formatValue(options.format);\r\n\t }\r\n\r\n\t return content;\r\n\t },\r\n\r\n\t _fit: function(offset, size, viewPortSize) {\r\n\t var output = 0;\r\n\r\n\t if (offset + size > viewPortSize) {\r\n\t output = viewPortSize - (offset + size);\r\n\t }\r\n\r\n\t if (offset < 0) {\r\n\t output = -offset;\r\n\t }\r\n\r\n\t return output;\r\n\t }\r\n\t });\r\n\r\n\t var CrosshairTooltip = Tooltip.extend({\r\n\t init: function(chartElement, options) {\r\n\t Tooltip.fn.init.call(this, chartElement, options);\r\n\t this.element.addClass(\"k-chart-crosshair-tooltip\");\r\n\t },\r\n\r\n\t show: function(e) {\r\n\t var element = this.element;\r\n\r\n\t if (element) {\r\n\t this.anchor = e.anchor;\r\n\t this.element.css(e.style);\r\n\t this.element.html(this.content(e));\r\n\r\n\t this.move();\r\n\t }\r\n\t },\r\n\r\n\t move: function() {\r\n\t var tooltip = this,\r\n\t element = tooltip.element,\r\n\t offset = tooltip._offset();\r\n\r\n\t tooltip._ensureElement();\r\n\t element.css({ top: offset.top, left: offset.left }).show();\r\n\t },\r\n\r\n\t content: function(e) {\r\n\t var content = e.value,\r\n\t options = e.crosshair.options.tooltip;\r\n\r\n\t if (options.template) {\r\n\t content = template(options.template)({\r\n\t value: content\r\n\t });\r\n\t }\r\n\r\n\t return content;\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this.element.hide();\r\n\t }\r\n\t });\r\n\r\n\t var ChartPane = Class.extend({\r\n\t init: function(chart, pane) {\r\n\t this._chart = chart;\r\n\t this._pane = pane;\r\n\t this.visual = pane.visual;\r\n\t this.chartsVisual = pane.chartContainer.visual;\r\n\t this.name = pane.options.name;\r\n\t },\r\n\r\n\t series: function() {\r\n\t var chart = this._chart;\r\n\t var seriesByPane = chart._plotArea.groupSeriesByPane();\r\n\t var series = seriesByPane[this.name || \"default\"];\r\n\r\n\t var result = [];\r\n\t if (series) {\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t result.push(new ChartSeries(chart, series[idx]));\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t }\r\n\t });\r\n\r\n\t var ChartSeries = Class.extend({\r\n\t init: function(chart, options) {\r\n\t this._chart = chart;\r\n\t this._options = options;\r\n\t },\r\n\r\n\t points: function(filter) {\r\n\t var points = this._points;\r\n\t if (!points) {\r\n\t var series = this._seriesOptions();\r\n\t var plotArea = this._chart._plotArea;\r\n\t this._points = points = plotArea.pointsBySeriesIndex(series.index);\r\n\t }\r\n\t if (kendo.isFunction(filter)) {\r\n\t points = this._filterPoints(points, filter);\r\n\t }\r\n\r\n\r\n\t return points;\r\n\t },\r\n\r\n\t data: function(data) {\r\n\t var series = this._seriesOptions();\r\n\t if (data) {\r\n\t var chart = this._chart;\r\n\t var plotArea = chart._plotArea;\r\n\r\n\t series.data = data;\r\n\r\n\t if (series.categoryField) {\r\n\t var axis = plotArea.seriesCategoryAxis(series);\r\n\t var options = [].concat(chart.options.categoryAxis);\r\n\r\n\t chart._instance.bindCategoryAxisFromSeries(options[axis.axisIndex], axis.axisIndex);\r\n\t }\r\n\r\n\t chart._noTransitionsRedraw();\r\n\t this._clearFields();\r\n\t }\r\n\r\n\t return series.data;\r\n\t },\r\n\r\n\t findPoint: function(filter) {\r\n\t var points = this.points();\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t if (filter(points[idx])) {\r\n\t return points[idx];\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t toggleHighlight: function(show, elements) {\r\n\t if (!elements) {\r\n\t elements = this.points();\r\n\t } else if (kendo.isFunction(elements)) {\r\n\t elements = this.points(elements);\r\n\t } else {\r\n\t elements = isArray(elements) ? elements : [elements];\r\n\t }\r\n\r\n\t this._chart._instance.togglePointsHighlight(show, elements);\r\n\t },\r\n\r\n\t toggleVisibility: function(visible, filter) {\r\n\t var chart = this._chart;\r\n\t var seriesOptions = this._seriesOptions();\r\n\t var hasFilter = kendo.isFunction(filter);\r\n\t if (!hasFilter) {\r\n\t seriesOptions.visible = visible;\r\n\t chart._seriesVisibility.save(seriesOptions);\r\n\t } else {\r\n\t if (inArray(seriesOptions.type, [PIE, DONUT, FUNNEL])) {\r\n\t var data = this._filterData(filter);\r\n\t for (var idx = 0; idx < data.length; idx++) {\r\n\t data[idx].visible = visible;\r\n\t }\r\n\t } else {\r\n\t seriesOptions.visible = function(data) {\r\n\t return filter(data.dataItem) ? visible : true;\r\n\t };\r\n\t }\r\n\t }\r\n\r\n\t chart._noTransitionsRedraw();\r\n\r\n\t this._clearFields();\r\n\t },\r\n\r\n\t _filterData: function(filter) {\r\n\t var data = this._seriesOptions().data;\r\n\t var length = data.length;\r\n\t var result = [];\r\n\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (filter(data[idx])) {\r\n\t result.push(data[idx]);\r\n\t }\r\n\t }\r\n\t return result;\r\n\t },\r\n\r\n\t _filterPoints: function(points, filter) {\r\n\t var result = [];\r\n\t var length = points.length;\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (filter(points[idx])) {\r\n\t result.push(points[idx]);\r\n\t }\r\n\t }\r\n\t return result;\r\n\t },\r\n\r\n\t _seriesOptions: function() {\r\n\t var series = this._series;\r\n\t if (!series) {\r\n\t series = this._series = this._chart._seriesOptions(this._options);\r\n\t }\r\n\t return series;\r\n\t },\r\n\r\n\t _clearFields: function() {\r\n\t delete this._points;\r\n\t delete this._series;\r\n\t }\r\n\t });\r\n\r\n\t dataviz.Tooltip = Tooltip;\r\n\t dataviz.CrosshairTooltip = CrosshairTooltip;\r\n\t dataviz.ChartInstanceObserver = ChartInstanceObserver;\r\n\t dataviz.ChartPane = ChartPane;\r\n\t dataviz.ChartSeries = ChartSeries;\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\treturn window.kendo;\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 848:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo-chart\");\n\n/***/ }),\n\n/***/ 849:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.data\");\n\n/***/ }),\n\n/***/ 850:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 851:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.themes\");\n\n/***/ }),\n\n/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 853:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.userevents\");\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__(854);\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/***/ 850:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 854:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(855),\r\n\t __webpack_require__(856),\r\n\t __webpack_require__(852),\r\n\t __webpack_require__(850)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\r\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\r\n\tvar dataviz = kendo.dataviz;\r\n\tvar Class = dataviz.Class;\r\n\tvar isNumber = dataviz.isNumber;\r\n\tvar datavizConstants = dataviz.constants;\r\n\tvar MAX_VALUE = datavizConstants.MAX_VALUE;\r\n\tvar MIN_VALUE = datavizConstants.MIN_VALUE;\r\n\tvar VALUE = datavizConstants.VALUE;\r\n\tvar CENTER = datavizConstants.CENTER;\r\n\tvar TOP = datavizConstants.TOP;\r\n\tvar BOTTOM = datavizConstants.BOTTOM;\r\n\tvar LEFT = datavizConstants.LEFT;\r\n\tvar WHITE = datavizConstants.WHITE;\r\n\tvar CIRCLE = datavizConstants.CIRCLE;\r\n\tvar X = datavizConstants.X;\r\n\tvar Y = datavizConstants.Y;\r\n\tvar RIGHT = datavizConstants.RIGHT;\r\n\tvar BLACK = datavizConstants.BLACK;\r\n\tvar DATE = datavizConstants.DATE;\r\n\tvar DEFAULT_PRECISION = datavizConstants.DEFAULT_PRECISION;\r\n\tvar ARC = datavizConstants.ARC;\r\n\tvar defined = dataviz.defined;\r\n\tvar getter = dataviz.getter;\r\n\tvar isArray = dataviz.isArray;\r\n\tvar ChartElement = dataviz.ChartElement;\r\n\tvar Point = dataviz.Point;\r\n\tvar Box = dataviz.Box;\r\n\tvar alignPathToPixel = dataviz.alignPathToPixel;\r\n\tvar setDefaultOptions = dataviz.setDefaultOptions;\r\n\tvar inArray = dataviz.inArray;\r\n\tvar isFunction = dataviz.isFunction;\r\n\tvar valueOrDefault = dataviz.valueOrDefault;\r\n\tvar isObject = dataviz.isObject;\r\n\tvar deepExtend = dataviz.deepExtend;\r\n\tvar last = dataviz.last;\r\n\tvar eventElement = dataviz.eventElement;\r\n\tvar getTemplate = dataviz.getTemplate;\r\n\tvar TextBox = dataviz.TextBox;\r\n\tvar ShapeElement = dataviz.ShapeElement;\r\n\tvar getSpacing = dataviz.getSpacing;\r\n\tvar CurveProcessor = dataviz.CurveProcessor;\r\n\tvar append = dataviz.append;\r\n\tvar isString = dataviz.isString;\r\n\tvar parseDate = dataviz.parseDate;\r\n\tvar styleValue = dataviz.styleValue;\r\n\tvar CategoryAxis = dataviz.CategoryAxis;\r\n\tvar BoxElement = dataviz.BoxElement;\r\n\tvar round = dataviz.round;\r\n\tvar grep = dataviz.grep;\r\n\tvar DateCategoryAxis = dataviz.DateCategoryAxis;\r\n\tvar elementStyles = dataviz.elementStyles;\r\n\tvar hasClasses = dataviz.hasClasses;\r\n\tvar bindEvents = dataviz.bindEvents;\r\n\tvar services = dataviz.services;\r\n\tvar unbindEvents = dataviz.unbindEvents;\r\n\tvar limitValue = dataviz.limitValue;\r\n\tvar support = kendo.support;\r\n\tvar drawing = kendo.drawing;\r\n\tvar Path = drawing.Path;\r\n\tvar Animation = drawing.Animation;\r\n\tvar AnimationFactory = drawing.AnimationFactory;\r\n\tvar Group = drawing.Group;\r\n\tvar Color = kendo.Color;\r\n\tvar geometry = kendo.geometry;\r\n\tvar GeometryPoint = geometry.Point;\r\n\tvar transform = geometry.transform;\r\n\r\n\tvar ChartAxis = Class.extend({\r\n\t init: function(axis) {\r\n\r\n\t this._axis = axis;\r\n\t this.options = axis.options;\r\n\t },\r\n\r\n\t value: function(point) {\r\n\t var axis = this._axis;\r\n\t var value = axis.getCategory ? axis.getCategory(point) : axis.getValue(point);\r\n\r\n\t return value;\r\n\t },\r\n\r\n\t slot: function(from, to, limit) {\r\n\t if (limit === void 0) { limit = true; }\r\n\r\n\t return this._axis.slot(from, to, limit);\r\n\t },\r\n\r\n\t range: function() {\r\n\t return this._axis.range();\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t return this._axis.valueRange();\r\n\t }\r\n\t});\r\n\r\n\tvar ChartPane = kendo.Class.extend({\r\n\t init: function(pane) {\r\n\t this.visual = pane.visual;\r\n\t this.chartsVisual = pane.chartContainer.visual;\r\n\t }\r\n\t});\r\n\r\n\tvar ChartPlotArea = Class.extend({\r\n\t init: function(plotArea) {\r\n\r\n\t this._plotArea = plotArea;\r\n\t this.visual = plotArea.visual;\r\n\t this.backgroundVisual = plotArea._bgVisual;\r\n\t }\r\n\t});\r\n\r\n\tfunction countNumbers(values) {\r\n\t var length = values.length;\r\n\t var count = 0;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var num = values[i];\r\n\t if (isNumber(num)) {\r\n\t count++;\r\n\t }\r\n\t }\r\n\r\n\t return count;\r\n\t}\r\n\r\n\tvar Aggregates = {\r\n\t min: function(values) {\r\n\t var length = values.length;\r\n\t var min = MAX_VALUE;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var value = values[i];\r\n\t if (isNumber(value)) {\r\n\t min = Math.min(min, value);\r\n\t }\r\n\t }\r\n\r\n\t return min === MAX_VALUE ? values[0] : min;\r\n\t },\r\n\r\n\t max: function(values) {\r\n\t var length = values.length;\r\n\t var max = MIN_VALUE;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var value = values[i];\r\n\t if (isNumber(value)) {\r\n\t max = Math.max(max, value);\r\n\t }\r\n\t }\r\n\r\n\t return max === MIN_VALUE ? values[0] : max;\r\n\t },\r\n\r\n\t sum: function(values) {\r\n\t var length = values.length;\r\n\t var sum = 0;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var value = values[i];\r\n\t if (isNumber(value)) {\r\n\t sum += value;\r\n\t }\r\n\t }\r\n\r\n\t return sum;\r\n\t },\r\n\r\n\t sumOrNull: function(values) {\r\n\t var result = null;\r\n\r\n\t if (countNumbers(values)) {\r\n\t result = Aggregates.sum(values);\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t count: function(values) {\r\n\t var length = values.length;\r\n\t var count = 0;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var value = values[i];\r\n\t if (value !== null && defined(value)) {\r\n\t count++;\r\n\t }\r\n\t }\r\n\r\n\t return count;\r\n\t },\r\n\r\n\t avg: function(values) {\r\n\t var count = countNumbers(values);\r\n\t var result = values[0];\r\n\r\n\t if (count > 0) {\r\n\t result = Aggregates.sum(values) / count;\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t first: function(values) {\r\n\t var length = values.length;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var value = values[i];\r\n\t if (value !== null && defined(value)) {\r\n\t return value;\r\n\t }\r\n\t }\r\n\r\n\t return values[0];\r\n\t }\r\n\t};\r\n\r\n\tfunction getField(field, row) {\r\n\t if (row === null) {\r\n\t return row;\r\n\t }\r\n\r\n\t var get = getter(field, true);\r\n\t return get(row);\r\n\t}\r\n\r\n\tvar SeriesBinder = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._valueFields = {};\r\n\t this._otherFields = {};\r\n\t this._nullValue = {};\r\n\t this._undefinedValue = {};\r\n\t },\r\n\r\n\t register: function(seriesTypes, valueFields, otherFields) {\r\n\t var this$1 = this;\r\n\t if (valueFields === void 0) { valueFields = [ VALUE ]; }\r\n\t if (otherFields === void 0) { otherFields = {}; }\r\n\r\n\t for (var i = 0; i < seriesTypes.length; i++) {\r\n\t var type = seriesTypes[i];\r\n\r\n\t this$1._valueFields[type] = valueFields;\r\n\t this$1._otherFields[type] = otherFields;\r\n\t this$1._nullValue[type] = this$1._makeValue(valueFields, null);\r\n\t this$1._undefinedValue[type] = this$1._makeValue(valueFields, undefined);\r\n\t }\r\n\t },\r\n\r\n\t canonicalFields: function(series) {\r\n\t return this.valueFields(series).concat(this.otherFields(series));\r\n\t },\r\n\r\n\t valueFields: function(series) {\r\n\t return this._valueFields[series.type] || [ VALUE ];\r\n\t },\r\n\r\n\t otherFields: function(series) {\r\n\t return this._otherFields[series.type] || [ VALUE ];\r\n\t },\r\n\r\n\t bindPoint: function(series, pointIx, item) {\r\n\t var data = series.data;\r\n\t var pointData = defined(item) ? item : data[pointIx];\r\n\t var result = { valueFields: { value: pointData } };\r\n\t var valueFields = this.valueFields(series);\r\n\t var otherFields = this._otherFields[series.type];\r\n\t var fields, value;\r\n\r\n\t if (pointData === null) {\r\n\t value = this._nullValue[series.type];\r\n\t } else if (!defined(pointData)) {\r\n\t value = this._undefinedValue[series.type];\r\n\t } else if (Array.isArray(pointData)) {\r\n\t var fieldData = pointData.slice(valueFields.length);\r\n\t value = this._bindFromArray(pointData, valueFields);\r\n\t fields = this._bindFromArray(fieldData, otherFields);\r\n\t } else if (typeof pointData === \"object\") {\r\n\t var srcValueFields = this.sourceFields(series, valueFields);\r\n\t var srcPointFields = this.sourceFields(series, otherFields);\r\n\r\n\t value = this._bindFromObject(pointData, valueFields, srcValueFields);\r\n\t fields = this._bindFromObject(pointData, otherFields, srcPointFields);\r\n\t }\r\n\r\n\t if (defined(value)) {\r\n\t if (valueFields.length === 1) {\r\n\t result.valueFields.value = value[valueFields[0]];\r\n\t } else {\r\n\t result.valueFields = value;\r\n\t }\r\n\t }\r\n\r\n\t result.fields = fields || {};\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t _makeValue: function(fields, initialValue) {\r\n\t var value = {};\r\n\t var length = fields.length;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var fieldName = fields[i];\r\n\t value[fieldName] = initialValue;\r\n\t }\r\n\r\n\t return value;\r\n\t },\r\n\r\n\t _bindFromArray: function(array, fields) {\r\n\t var value = {};\r\n\r\n\t if (fields) {\r\n\t var length = Math.min(fields.length, array.length);\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t value[fields[i]] = array[i];\r\n\t }\r\n\t }\r\n\r\n\t return value;\r\n\t },\r\n\r\n\t _bindFromObject: function(object, fields, srcFields) {\r\n\t if (srcFields === void 0) { srcFields = fields; }\r\n\r\n\t var value = {};\r\n\r\n\t if (fields) {\r\n\t var length = fields.length;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var fieldName = fields[i];\r\n\t var srcFieldName = srcFields[i];\r\n\t value[fieldName] = getField(srcFieldName, object);\r\n\t }\r\n\t }\r\n\r\n\t return value;\r\n\t },\r\n\r\n\t sourceFields: function(series, canonicalFields) {\r\n\t var sourceFields = [];\r\n\r\n\t if (canonicalFields) {\r\n\t var length = canonicalFields.length;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var fieldName = canonicalFields[i];\r\n\t var sourceFieldName = fieldName === VALUE ? \"field\" : fieldName + \"Field\";\r\n\r\n\t sourceFields.push(series[sourceFieldName] || fieldName);\r\n\t }\r\n\t }\r\n\r\n\t return sourceFields;\r\n\t }\r\n\t});\r\n\r\n\tSeriesBinder.current = new SeriesBinder();\r\n\r\n\tvar STD_ERR = \"stderr\";\r\n\tvar STD_DEV = \"stddev\";\r\n\tvar percentRegex = /percent(?:\\w*)\\((\\d+)\\)/;\r\n\tvar standardDeviationRegex = new RegExp(\"^\" + STD_DEV + \"(?:\\\\((\\\\d+(?:\\\\.\\\\d+)?)\\\\))?$\");\r\n\r\n\tvar ErrorRangeCalculator = Class.extend({\r\n\t init: function(errorValue, series, field) {\r\n\r\n\t this.initGlobalRanges(errorValue, series, field);\r\n\t },\r\n\r\n\t initGlobalRanges: function(errorValue, series, field) {\r\n\t var data = series.data;\r\n\t var deviationMatch = standardDeviationRegex.exec(errorValue);\r\n\r\n\t if (deviationMatch) {\r\n\t this.valueGetter = this.createValueGetter(series, field);\r\n\r\n\t var average = this.getAverage(data);\r\n\t var deviation = this.getStandardDeviation(data, average, false);\r\n\t var multiple = deviationMatch[1] ? parseFloat(deviationMatch[1]) : 1;\r\n\t var errorRange = { low: average.value - deviation * multiple, high: average.value + deviation * multiple };\r\n\r\n\t this.globalRange = function() {\r\n\t return errorRange;\r\n\t };\r\n\t } else if (errorValue.indexOf && errorValue.indexOf(STD_ERR) >= 0) {\r\n\t this.valueGetter = this.createValueGetter(series, field);\r\n\t var standardError = this.getStandardError(data, this.getAverage(data));\r\n\r\n\t this.globalRange = function(value) {\r\n\t return { low: value - standardError, high: value + standardError };\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t createValueGetter: function(series, field) {\r\n\t var data = series.data;\r\n\t var binder = SeriesBinder.current;\r\n\t var valueFields = binder.valueFields(series);\r\n\t var item = defined(data[0]) ? data[0] : {};\r\n\t var valueGetter;\r\n\r\n\t if (isArray(item)) {\r\n\t var index = field ? valueFields.indexOf(field) : 0;\r\n\t valueGetter = getter(\"[\" + index + \"]\");\r\n\t } else if (isNumber(item)) {\r\n\t valueGetter = getter();\r\n\t } else if (typeof item === datavizConstants.OBJECT) {\r\n\t var srcValueFields = binder.sourceFields(series, valueFields);\r\n\t valueGetter = getter(srcValueFields[valueFields.indexOf(field)]);\r\n\t }\r\n\r\n\t return valueGetter;\r\n\t },\r\n\r\n\t getErrorRange: function(pointValue, errorValue) {\r\n\t var low, high, value;\r\n\r\n\t if (!defined(errorValue)) {\r\n\t return null;\r\n\t }\r\n\r\n\t if (this.globalRange) {\r\n\t return this.globalRange(pointValue);\r\n\t }\r\n\r\n\t if (isArray(errorValue)) {\r\n\t low = pointValue - errorValue[0];\r\n\t high = pointValue + errorValue[1];\r\n\t } else if (isNumber(value = parseFloat(errorValue))) {\r\n\t low = pointValue - value;\r\n\t high = pointValue + value;\r\n\t } else if ((value = percentRegex.exec(errorValue))) {\r\n\t var percentValue = pointValue * (parseFloat(value[1]) / 100);\r\n\t low = pointValue - Math.abs(percentValue);\r\n\t high = pointValue + Math.abs(percentValue);\r\n\t } else {\r\n\t throw new Error(\"Invalid ErrorBar value: \" + errorValue);\r\n\t }\r\n\r\n\t return { low: low, high: high };\r\n\t },\r\n\r\n\t getStandardError: function(data, average) {\r\n\t return this.getStandardDeviation(data, average, true) / Math.sqrt(average.count);\r\n\t },\r\n\r\n\t getStandardDeviation: function(data, average, isSample) {\r\n\t var this$1 = this;\r\n\r\n\t var length = data.length;\r\n\t var total = isSample ? average.count - 1 : average.count;\r\n\t var squareDifferenceSum = 0;\r\n\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t var value = this$1.valueGetter(data[idx]);\r\n\t if (isNumber(value)) {\r\n\t squareDifferenceSum += Math.pow(value - average.value, 2);\r\n\t }\r\n\t }\r\n\r\n\t return Math.sqrt(squareDifferenceSum / total);\r\n\t },\r\n\r\n\t getAverage: function(data) {\r\n\t var this$1 = this;\r\n\r\n\t var length = data.length;\r\n\t var sum = 0;\r\n\t var count = 0;\r\n\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t var value = this$1.valueGetter(data[idx]);\r\n\t if (isNumber(value)) {\r\n\t sum += value;\r\n\t count++;\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t value: sum / count,\r\n\t count: count\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tvar browser = support.browser || {};\r\n\r\n\tvar INITIAL_ANIMATION_DURATION = 600;\r\n\tvar FADEIN = \"fadeIn\";\r\n\r\n\tvar GLASS = \"glass\";\r\n\tvar BORDER_BRIGHTNESS = 0.8;\r\n\tvar TOOLTIP_OFFSET = 5;\r\n\tvar START_SCALE = browser.msie ? 0.001 : 0;\r\n\tvar ERROR_LOW_FIELD = \"errorLow\";\r\n\tvar ERROR_HIGH_FIELD = \"errorHigh\";\r\n\tvar X_ERROR_LOW_FIELD = \"xErrorLow\";\r\n\tvar X_ERROR_HIGH_FIELD = \"xErrorHigh\";\r\n\tvar Y_ERROR_LOW_FIELD = \"yErrorLow\";\r\n\tvar Y_ERROR_HIGH_FIELD = \"yErrorHigh\";\r\n\tvar LINE_MARKER_SIZE = 8;\r\n\tvar ZERO = \"zero\";\r\n\tvar INTERPOLATE = \"interpolate\";\r\n\tvar GAP = \"gap\";\r\n\tvar ABOVE = \"above\";\r\n\tvar BELOW = \"below\";\r\n\r\n\tvar SMOOTH = \"smooth\";\r\n\tvar STEP = \"step\";\r\n\r\n\tvar AREA = \"area\";\r\n\tvar BAR = \"bar\";\r\n\tvar BOX_PLOT = \"boxPlot\";\r\n\tvar BUBBLE = \"bubble\";\r\n\tvar BULLET = \"bullet\";\r\n\tvar CANDLESTICK = \"candlestick\";\r\n\tvar COLUMN = \"column\";\r\n\tvar DONUT = \"donut\";\r\n\tvar FUNNEL = \"funnel\";\r\n\tvar HORIZONTAL_WATERFALL = \"horizontalWaterfall\";\r\n\tvar LINE = \"line\";\r\n\tvar OHLC = \"ohlc\";\r\n\tvar PIE = \"pie\";\r\n\tvar POLAR_AREA = \"polarArea\";\r\n\tvar POLAR_LINE = \"polarLine\";\r\n\tvar POLAR_SCATTER = \"polarScatter\";\r\n\tvar RADAR_AREA = \"radarArea\";\r\n\tvar RADAR_COLUMN = \"radarColumn\";\r\n\tvar RADAR_LINE = \"radarLine\";\r\n\tvar RANGE_AREA = \"rangeArea\";\r\n\tvar RANGE_BAR = \"rangeBar\";\r\n\tvar RANGE_COLUMN = \"rangeColumn\";\r\n\tvar SCATTER = \"scatter\";\r\n\tvar SCATTER_LINE = \"scatterLine\";\r\n\tvar VERTICAL_AREA = \"verticalArea\";\r\n\tvar VERTICAL_BOX_PLOT = \"verticalBoxPlot\";\r\n\tvar VERTICAL_BULLET = \"verticalBullet\";\r\n\tvar VERTICAL_LINE = \"verticalLine\";\r\n\tvar VERTICAL_RANGE_AREA = \"verticalRangeArea\";\r\n\tvar WATERFALL = \"waterfall\";\r\n\tvar EQUALLY_SPACED_SERIES = [\r\n\t BAR, COLUMN, OHLC, CANDLESTICK, BOX_PLOT, VERTICAL_BOX_PLOT,\r\n\t BULLET, RANGE_COLUMN, RANGE_BAR, WATERFALL, HORIZONTAL_WATERFALL\r\n\t];\r\n\r\n\tvar LEGEND_ITEM_CLICK = \"legendItemClick\";\r\n\tvar LEGEND_ITEM_HOVER = \"legendItemHover\";\r\n\tvar SERIES_CLICK = \"seriesClick\";\r\n\tvar SERIES_HOVER = \"seriesHover\";\r\n\tvar PLOT_AREA_CLICK = \"plotAreaClick\";\r\n\tvar PLOT_AREA_HOVER = \"plotAreaHover\";\r\n\tvar DRAG = \"drag\";\r\n\tvar DRAG_END = \"dragEnd\";\r\n\tvar DRAG_START = \"dragStart\";\r\n\tvar ZOOM_START = \"zoomStart\";\r\n\tvar ZOOM = \"zoom\";\r\n\tvar ZOOM_END = \"zoomEnd\";\r\n\tvar SELECT_START = \"selectStart\";\r\n\tvar SELECT = \"select\";\r\n\tvar SELECT_END = \"selectEnd\";\r\n\tvar RENDER = \"render\";\r\n\tvar SHOW_TOOLTIP = \"showTooltip\";\r\n\tvar HIDE_TOOLTIP = \"hideTooltip\";\r\n\r\n\tvar LOGARITHMIC = \"log\";\r\n\tvar CATEGORY = \"category\";\r\n\r\n\tvar INSIDE_END = \"insideEnd\";\r\n\tvar INSIDE_BASE = \"insideBase\";\r\n\tvar OUTSIDE_END = \"outsideEnd\";\r\n\r\n\tvar MOUSEWHEEL = \"DOMMouseScroll mousewheel\";\r\n\tvar MOUSEWHEEL_DELAY = 150;\r\n\r\n\tvar constants = {\r\n\t\tINITIAL_ANIMATION_DURATION: INITIAL_ANIMATION_DURATION,\r\n\t\tFADEIN: FADEIN,\r\n\t\tLEGEND_ITEM_CLICK: LEGEND_ITEM_CLICK,\r\n\t\tLEGEND_ITEM_HOVER: LEGEND_ITEM_HOVER,\r\n\t\tSERIES_CLICK: SERIES_CLICK,\r\n\t\tSERIES_HOVER: SERIES_HOVER,\r\n\t\tGLASS: GLASS,\r\n\t\tBORDER_BRIGHTNESS: BORDER_BRIGHTNESS,\r\n\t\tTOOLTIP_OFFSET: TOOLTIP_OFFSET,\r\n\t\tSTART_SCALE: START_SCALE,\r\n\t\tERROR_LOW_FIELD: ERROR_LOW_FIELD,\r\n\t\tERROR_HIGH_FIELD: ERROR_HIGH_FIELD,\r\n\t\tX_ERROR_LOW_FIELD: X_ERROR_LOW_FIELD,\r\n\t\tX_ERROR_HIGH_FIELD: X_ERROR_HIGH_FIELD,\r\n\t\tY_ERROR_LOW_FIELD: Y_ERROR_LOW_FIELD,\r\n\t\tY_ERROR_HIGH_FIELD: Y_ERROR_HIGH_FIELD,\r\n\t\tLINE_MARKER_SIZE: LINE_MARKER_SIZE,\r\n\t\tINTERPOLATE: INTERPOLATE,\r\n\t\tZERO: ZERO,\r\n\t\tSMOOTH: SMOOTH,\r\n\t\tSTEP: STEP,\r\n\t\tCATEGORY: CATEGORY,\r\n\t\tFUNNEL: FUNNEL,\r\n\t\tBAR: BAR,\r\n\t\tCANDLESTICK: CANDLESTICK,\r\n\t\tPIE: PIE,\r\n\t\tCOLUMN: COLUMN,\r\n\t\tAREA: AREA,\r\n\t\tVERTICAL_BULLET: VERTICAL_BULLET,\r\n\t\tBOX_PLOT: BOX_PLOT,\r\n\t\tOHLC: OHLC,\r\n\t\tWATERFALL: WATERFALL,\r\n\t\tLINE: LINE,\r\n\t\tBULLET: BULLET,\r\n\t\tVERTICAL_LINE: VERTICAL_LINE,\r\n\t\tVERTICAL_AREA: VERTICAL_AREA,\r\n\t\tRANGE_AREA: RANGE_AREA,\r\n\t\tVERTICAL_RANGE_AREA: VERTICAL_RANGE_AREA,\r\n\t\tRANGE_COLUMN: RANGE_COLUMN,\r\n\t\tVERTICAL_BOX_PLOT: VERTICAL_BOX_PLOT,\r\n\t\tRANGE_BAR: RANGE_BAR,\r\n\t\tHORIZONTAL_WATERFALL: HORIZONTAL_WATERFALL,\r\n\t\tSCATTER: SCATTER,\r\n\t\tSCATTER_LINE: SCATTER_LINE,\r\n\t\tBUBBLE: BUBBLE,\r\n\t\tRADAR_AREA: RADAR_AREA,\r\n\t\tRADAR_LINE: RADAR_LINE,\r\n\t\tRADAR_COLUMN: RADAR_COLUMN,\r\n\t\tPOLAR_LINE: POLAR_LINE,\r\n\t\tPOLAR_AREA: POLAR_AREA,\r\n\t\tPOLAR_SCATTER: POLAR_SCATTER,\r\n\t\tRENDER: RENDER,\r\n\t\tPLOT_AREA_CLICK: PLOT_AREA_CLICK,\r\n\t\tPLOT_AREA_HOVER: PLOT_AREA_HOVER,\r\n\t\tLOGARITHMIC: LOGARITHMIC,\r\n\t\tDRAG: DRAG,\r\n\t\tDRAG_START: DRAG_START,\r\n\t\tDRAG_END: DRAG_END,\r\n\t\tZOOM_START: ZOOM_START,\r\n\t\tZOOM: ZOOM,\r\n\t\tZOOM_END: ZOOM_END,\r\n\t\tSELECT_START: SELECT_START,\r\n\t\tSELECT: SELECT,\r\n\t\tSELECT_END: SELECT_END,\r\n\t\tGAP: GAP,\r\n\t\tDONUT: DONUT,\r\n\t\tINSIDE_END: INSIDE_END,\r\n\t\tINSIDE_BASE: INSIDE_BASE,\r\n\t\tOUTSIDE_END: OUTSIDE_END,\r\n\t\tMOUSEWHEEL: MOUSEWHEEL,\r\n\t\tMOUSEWHEEL_DELAY: MOUSEWHEEL_DELAY,\r\n\t\tSHOW_TOOLTIP: SHOW_TOOLTIP,\r\n\t\tHIDE_TOOLTIP: HIDE_TOOLTIP,\r\n\t\tEQUALLY_SPACED_SERIES: EQUALLY_SPACED_SERIES,\r\n\t\tABOVE: ABOVE,\r\n\t\tBELOW: BELOW\r\n\t};\r\n\r\n\tvar DEFAULT_ERROR_BAR_WIDTH = 4;\r\n\r\n\tvar ErrorBarBase = ChartElement.extend({\r\n\t init: function(low, high, isVertical, chart, series, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.low = low;\r\n\t this.high = high;\r\n\t this.isVertical = isVertical;\r\n\t this.chart = chart;\r\n\t this.series = series;\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var endCaps = this.options.endCaps;\r\n\t var isVertical = this.isVertical;\r\n\t var axis = this.getAxis();\r\n\t var valueBox = axis.getSlot(this.low, this.high);\r\n\t var centerBox = targetBox.center();\r\n\t var capsWidth = this.getCapsWidth(targetBox, isVertical);\r\n\t var capValue = isVertical ? centerBox.x : centerBox.y;\r\n\t var capStart = capValue - capsWidth;\r\n\t var capEnd = capValue + capsWidth;\r\n\t var linePoints;\r\n\r\n\t if (isVertical) {\r\n\t linePoints = [\r\n\t new Point(centerBox.x, valueBox.y1),\r\n\t new Point(centerBox.x, valueBox.y2)\r\n\t ];\r\n\t if (endCaps) {\r\n\t linePoints.push(new Point(capStart, valueBox.y1),\r\n\t new Point(capEnd, valueBox.y1),\r\n\t new Point(capStart, valueBox.y2),\r\n\t new Point(capEnd, valueBox.y2));\r\n\t }\r\n\t this.box = new Box(capStart, valueBox.y1, capEnd, valueBox.y2);\r\n\t } else {\r\n\t linePoints = [\r\n\t new Point(valueBox.x1, centerBox.y),\r\n\t new Point(valueBox.x2, centerBox.y)\r\n\t ];\r\n\t if (endCaps) {\r\n\t linePoints.push(new Point(valueBox.x1, capStart),\r\n\t new Point(valueBox.x1, capEnd),\r\n\t new Point(valueBox.x2, capStart),\r\n\t new Point(valueBox.x2, capEnd));\r\n\t }\r\n\t this.box = new Box(valueBox.x1, capStart, valueBox.x2, capEnd);\r\n\t }\r\n\r\n\t this.linePoints = linePoints;\r\n\t },\r\n\r\n\t getCapsWidth: function(box, isVertical) {\r\n\t var boxSize = isVertical ? box.width() : box.height();\r\n\t var capsWidth = Math.min(Math.floor(boxSize / 2), DEFAULT_ERROR_BAR_WIDTH) || DEFAULT_ERROR_BAR_WIDTH;\r\n\r\n\t return capsWidth;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var visual = options.visual;\r\n\r\n\t if (visual) {\r\n\t this.visual = visual({\r\n\t low: this.low,\r\n\t high: this.high,\r\n\t rect: this.box.toRect(),\r\n\t sender: this.getSender(),\r\n\t options: {\r\n\t endCaps: options.endCaps,\r\n\t color: options.color,\r\n\t line: options.line\r\n\t },\r\n\t createVisual: function () {\r\n\t this$1.createDefaultVisual();\r\n\t var defaultVisual = this$1.visual;\r\n\t delete this$1.visual;\r\n\t return defaultVisual;\r\n\t }\r\n\t });\r\n\t } else {\r\n\t this.createDefaultVisual();\r\n\t }\r\n\t },\r\n\r\n\t createDefaultVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var linePoints = ref.linePoints;\r\n\t var lineOptions = {\r\n\t stroke: {\r\n\t color: options.color,\r\n\t width: options.line.width,\r\n\t dashType: options.line.dashType\r\n\t }\r\n\t };\r\n\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t for (var idx = 0; idx < linePoints.length; idx += 2) {\r\n\t var line = new Path(lineOptions)\r\n\t .moveTo(linePoints[idx].x, linePoints[idx].y)\r\n\t .lineTo(linePoints[idx + 1].x, linePoints[idx + 1].y);\r\n\r\n\t alignPathToPixel(line);\r\n\t this$1.visual.append(line);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(ErrorBarBase, {\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: INITIAL_ANIMATION_DURATION\r\n\t },\r\n\t endCaps: true,\r\n\t line: {\r\n\t width: 2\r\n\t },\r\n\t zIndex: 1\r\n\t});\r\n\r\n\tvar CategoricalErrorBar = ErrorBarBase.extend({\r\n\t getAxis: function() {\r\n\t var axis = this.chart.seriesValueAxis(this.series);\r\n\r\n\t return axis;\r\n\t }\r\n\t});\r\n\r\n\tvar MAX_EXPAND_DEPTH = 5;\r\n\r\n\tfunction evalOptions(options, context, state, dryRun) {\r\n\t if (state === void 0) { state = {}; }\r\n\t if (dryRun === void 0) { dryRun = false; }\r\n\r\n\t var defaults = state.defaults = state.defaults || {};\r\n\t var depth = state.depth = state.depth || 0;\r\n\t var needsEval = false;\r\n\r\n\t state.excluded = state.excluded || [];\r\n\r\n\t if (depth > MAX_EXPAND_DEPTH) {\r\n\t return null;\r\n\t }\r\n\r\n\t for (var property in options) {\r\n\t if (!inArray(property, state.excluded) && options.hasOwnProperty(property)) {\r\n\t var propValue = options[property];\r\n\t if (isFunction(propValue)) {\r\n\t needsEval = true;\r\n\t if (!dryRun) {\r\n\t options[property] = valueOrDefault(propValue(context), defaults[property]);\r\n\t }\r\n\t } else if (isObject(propValue)) {\r\n\t if (!dryRun) {\r\n\t state.defaults = defaults[property];\r\n\t }\r\n\t state.depth++;\r\n\t needsEval = evalOptions(propValue, context, state, dryRun) || needsEval;\r\n\t state.depth--;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return needsEval;\r\n\t}\r\n\r\n\tfunction categoriesCount(series) {\r\n\t var seriesCount = series.length;\r\n\t var categories = 0;\r\n\r\n\t for (var i = 0; i < seriesCount; i++) {\r\n\t categories = Math.max(categories, series[i].data.length);\r\n\t }\r\n\r\n\t return categories;\r\n\t}\r\n\r\n\tvar CategoricalChart = ChartElement.extend({\r\n\t init: function(plotArea, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.chartService = plotArea.chartService;\r\n\t this.categoryAxis = plotArea.seriesCategoryAxis(options.series[0]);\r\n\r\n\t // Value axis ranges grouped by axis name, e.g.:\r\n\t // primary: { min: 0, max: 1 }\r\n\t this.valueAxisRanges = {};\r\n\r\n\t this.points = [];\r\n\t this.categoryPoints = [];\r\n\t this.seriesPoints = [];\r\n\t this.seriesOptions = [];\r\n\t this._evalSeries = [];\r\n\r\n\t this.render();\r\n\t },\r\n\r\n\t render: function() {\r\n\t this.traverseDataPoints(this.addValue.bind(this));\r\n\t },\r\n\r\n\t pointOptions: function(series, seriesIx) {\r\n\t var options = this.seriesOptions[seriesIx];\r\n\t if (!options) {\r\n\t var defaults = this.pointType().prototype.defaults;\r\n\t this.seriesOptions[seriesIx] = options = deepExtend({ }, defaults, {\r\n\t vertical: !this.options.invertAxes\r\n\t }, series);\r\n\t }\r\n\r\n\t return options;\r\n\t },\r\n\r\n\t plotValue: function(point) {\r\n\t if (!point) {\r\n\t return 0;\r\n\t }\r\n\r\n\t if (this.options.isStacked100 && isNumber(point.value)) {\r\n\t var categoryIx = point.categoryIx;\r\n\t var categoryPoints = this.categoryPoints[categoryIx];\r\n\t var otherValues = [];\r\n\t var categorySum = 0;\r\n\r\n\t for (var i = 0; i < categoryPoints.length; i++) {\r\n\t var other = categoryPoints[i];\r\n\t if (other) {\r\n\t var stack = point.series.stack;\r\n\t var otherStack = other.series.stack;\r\n\r\n\t if ((stack && otherStack) && stack.group !== otherStack.group) {\r\n\t continue;\r\n\t }\r\n\r\n\t if (isNumber(other.value)) {\r\n\t categorySum += Math.abs(other.value);\r\n\t otherValues.push(Math.abs(other.value));\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (categorySum > 0) {\r\n\t return point.value / categorySum;\r\n\t }\r\n\t }\r\n\r\n\t return point.value;\r\n\t },\r\n\r\n\t plotRange: function(point, startValue) {\r\n\t var this$1 = this;\r\n\t if (startValue === void 0) { startValue = 0; }\r\n\r\n\t var categoryPoints = this.categoryPoints[point.categoryIx];\r\n\r\n\t if (this.options.isStacked) {\r\n\t var plotValue = this.plotValue(point);\r\n\t var positive = plotValue >= 0;\r\n\t var prevValue = startValue;\r\n\t var isStackedBar = false;\r\n\r\n\t for (var i = 0; i < categoryPoints.length; i++) {\r\n\t var other = categoryPoints[i];\r\n\r\n\t if (point === other) {\r\n\t break;\r\n\t }\r\n\r\n\t var stack = point.series.stack;\r\n\t var otherStack = other.series.stack;\r\n\t if (stack && otherStack) {\r\n\t if (typeof stack === datavizConstants.STRING && stack !== otherStack) {\r\n\t continue;\r\n\t }\r\n\r\n\t if (stack.group && stack.group !== otherStack.group) {\r\n\t continue;\r\n\t }\r\n\t }\r\n\r\n\t var otherValue = this$1.plotValue(other);\r\n\t if ((otherValue >= 0 && positive) ||\r\n\t (otherValue < 0 && !positive)) {\r\n\t prevValue += otherValue;\r\n\t plotValue += otherValue;\r\n\t isStackedBar = true;\r\n\r\n\t if (this$1.options.isStacked100) {\r\n\t plotValue = Math.min(plotValue, 1);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (isStackedBar) {\r\n\t prevValue -= startValue;\r\n\t }\r\n\r\n\t return [ prevValue, plotValue ];\r\n\t }\r\n\r\n\t var series = point.series;\r\n\t var valueAxis = this.seriesValueAxis(series);\r\n\t var axisCrossingValue = this.categoryAxisCrossingValue(valueAxis);\r\n\r\n\t return [ axisCrossingValue, dataviz.convertableToNumber(point.value) ? point.value : axisCrossingValue ];\r\n\t },\r\n\r\n\t stackLimits: function(axisName, stackName) {\r\n\t var this$1 = this;\r\n\r\n\t var min = MAX_VALUE;\r\n\t var max = MIN_VALUE;\r\n\r\n\t for (var i = 0; i < this.categoryPoints.length; i++) {\r\n\t var categoryPoints = this$1.categoryPoints[i];\r\n\t if (!categoryPoints) {\r\n\t continue;\r\n\t }\r\n\r\n\t for (var pIx = 0; pIx < categoryPoints.length; pIx++) {\r\n\t var point = categoryPoints[pIx];\r\n\t if (point) {\r\n\t if (point.series.stack === stackName || point.series.axis === axisName) {\r\n\t var to = this$1.plotRange(point, 0)[1];\r\n\t if (defined(to) && isFinite(to)) {\r\n\t max = Math.max(max, to);\r\n\t min = Math.min(min, to);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return { min: min, max: max };\r\n\t },\r\n\r\n\t updateStackRange: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this.options;\r\n\t var isStacked = ref.isStacked;\r\n\t var chartSeries = ref.series;\r\n\t var limitsCache = {};\r\n\r\n\t if (isStacked) {\r\n\t for (var i = 0; i < chartSeries.length; i++) {\r\n\t var series = chartSeries[i];\r\n\t var axisName = series.axis;\r\n\t var key = axisName + series.stack;\r\n\r\n\t var limits = limitsCache[key];\r\n\t if (!limits) {\r\n\t limits = this$1.stackLimits(axisName, series.stack);\r\n\r\n\t var errorTotals = this$1.errorTotals;\r\n\t if (errorTotals) {\r\n\t if (errorTotals.negative.length) {\r\n\t limits.min = Math.min(limits.min, dataviz.sparseArrayLimits(errorTotals.negative).min);\r\n\t }\r\n\t if (errorTotals.positive.length) {\r\n\t limits.max = Math.max(limits.max, dataviz.sparseArrayLimits(errorTotals.positive).max);\r\n\t }\r\n\t }\r\n\r\n\t if (limits.min !== MAX_VALUE || limits.max !== MIN_VALUE) {\r\n\t limitsCache[key] = limits;\r\n\t } else {\r\n\t limits = null;\r\n\t }\r\n\t }\r\n\r\n\t if (limits) {\r\n\t this$1.valueAxisRanges[axisName] = limits;\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t addErrorBar: function(point, data, categoryIx) {\r\n\t var value = point.value;\r\n\t var series = point.series;\r\n\t var seriesIx = point.seriesIx;\r\n\t var errorBars = point.options.errorBars;\r\n\t var lowValue = data.fields[ERROR_LOW_FIELD];\r\n\t var highValue = data.fields[ERROR_HIGH_FIELD];\r\n\t var errorRange;\r\n\r\n\t if (isNumber(lowValue) && isNumber(highValue)) {\r\n\t errorRange = { low: lowValue, high: highValue };\r\n\t } else if (errorBars && defined(errorBars.value)) {\r\n\t this.seriesErrorRanges = this.seriesErrorRanges || [];\r\n\t this.seriesErrorRanges[seriesIx] = this.seriesErrorRanges[seriesIx] ||\r\n\t new ErrorRangeCalculator(errorBars.value, series, VALUE);\r\n\r\n\t errorRange = this.seriesErrorRanges[seriesIx].getErrorRange(value, errorBars.value);\r\n\t }\r\n\r\n\t if (errorRange) {\r\n\t point.low = errorRange.low;\r\n\t point.high = errorRange.high;\r\n\t this.addPointErrorBar(point, categoryIx);\r\n\t }\r\n\t },\r\n\r\n\t addPointErrorBar: function(point, categoryIx) {\r\n\t var isVertical = !this.options.invertAxes;\r\n\t var options = point.options.errorBars;\r\n\t var series = point.series;\r\n\t var low = point.low;\r\n\t var high = point.high;\r\n\r\n\t if (this.options.isStacked) {\r\n\t var stackedErrorRange = this.stackedErrorRange(point, categoryIx);\r\n\t low = stackedErrorRange.low;\r\n\t high = stackedErrorRange.high;\r\n\t } else {\r\n\t var fields = { categoryIx: categoryIx, series: series };\r\n\t this.updateRange({ value: low }, fields);\r\n\t this.updateRange({ value: high }, fields);\r\n\t }\r\n\r\n\t var errorBar = new CategoricalErrorBar(low, high, isVertical, this, series, options);\r\n\t point.errorBars = [ errorBar ];\r\n\t point.append(errorBar);\r\n\t },\r\n\r\n\t stackedErrorRange: function(point, categoryIx) {\r\n\t var plotValue = this.plotRange(point, 0)[1] - point.value;\r\n\t var low = point.low + plotValue;\r\n\t var high = point.high + plotValue;\r\n\r\n\t this.errorTotals = this.errorTotals || { positive: [], negative: [] };\r\n\r\n\t if (low < 0) {\r\n\t this.errorTotals.negative[categoryIx] = Math.min(this.errorTotals.negative[categoryIx] || 0, low);\r\n\t }\r\n\r\n\t if (high > 0) {\r\n\t this.errorTotals.positive[categoryIx] = Math.max(this.errorTotals.positive[categoryIx] || 0, high);\r\n\t }\r\n\r\n\t return { low: low, high: high };\r\n\t },\r\n\r\n\t addValue: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\r\n\t var categoryPoints = this.categoryPoints[categoryIx];\r\n\t if (!categoryPoints) {\r\n\t this.categoryPoints[categoryIx] = categoryPoints = [];\r\n\t }\r\n\r\n\t var seriesPoints = this.seriesPoints[seriesIx];\r\n\t if (!seriesPoints) {\r\n\t this.seriesPoints[seriesIx] = seriesPoints = [];\r\n\t }\r\n\r\n\t var point = this.createPoint(data, fields);\r\n\t if (point) {\r\n\t $.extend(point, fields);\r\n\r\n\t point.owner = this;\r\n\t point.noteText = data.fields.noteText;\r\n\t if (!defined(point.dataItem)) {\r\n\t point.dataItem = series.data[categoryIx];\r\n\t }\r\n\t this.addErrorBar(point, data, categoryIx);\r\n\t }\r\n\r\n\t this.points.push(point);\r\n\t seriesPoints.push(point);\r\n\t categoryPoints.push(point);\r\n\r\n\t this.updateRange(data.valueFields, fields);\r\n\t },\r\n\r\n\t evalPointOptions: function(options, value, category, categoryIx, series, seriesIx) {\r\n\t var state = { defaults: series._defaults, excluded: [ \"data\", \"aggregate\", \"_events\", \"tooltip\", \"content\", \"template\", \"visual\", \"toggle\", \"_outOfRangeMinPoint\", \"_outOfRangeMaxPoint\" ] };\r\n\r\n\t var doEval = this._evalSeries[seriesIx];\r\n\t if (!defined(doEval)) {\r\n\t this._evalSeries[seriesIx] = doEval = evalOptions(options, {}, state, true);\r\n\t }\r\n\r\n\t var pointOptions = options;\r\n\t if (doEval) {\r\n\t pointOptions = deepExtend({}, pointOptions);\r\n\t evalOptions(pointOptions, {\r\n\t value: value,\r\n\t category: category,\r\n\t index: categoryIx,\r\n\t series: series,\r\n\t dataItem: series.data[categoryIx]\r\n\t }, state);\r\n\t }\r\n\r\n\t return pointOptions;\r\n\t },\r\n\r\n\t updateRange: function(data, fields) {\r\n\t var axisName = fields.series.axis;\r\n\t var value = data.value;\r\n\t var axisRange = this.valueAxisRanges[axisName];\r\n\r\n\t if (isFinite(value) && value !== null) {\r\n\t axisRange = this.valueAxisRanges[axisName] =\r\n\t axisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t axisRange.min = Math.min(axisRange.min, value);\r\n\t axisRange.max = Math.max(axisRange.max, value);\r\n\t }\r\n\t },\r\n\r\n\t seriesValueAxis: function(series) {\r\n\t var plotArea = this.plotArea;\r\n\t var axisName = series.axis;\r\n\t var axis = axisName ? plotArea.namedValueAxes[axisName] : plotArea.valueAxis;\r\n\r\n\t if (!axis) {\r\n\t throw new Error(\"Unable to locate value axis with name \" + axisName);\r\n\t }\r\n\r\n\t return axis;\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t var categorySlots = this.categorySlots = [];\r\n\t var chartPoints = this.points;\r\n\t var categoryAxis = this.categoryAxis;\r\n\t var pointIx = 0;\r\n\r\n\t this.traverseDataPoints(function (data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var currentSeries = fields.series;\r\n\r\n\t var valueAxis = this$1.seriesValueAxis(currentSeries);\r\n\t var point = chartPoints[pointIx++];\r\n\r\n\t var categorySlot = categorySlots[categoryIx];\r\n\t if (!categorySlot) {\r\n\t categorySlots[categoryIx] = categorySlot =\r\n\t this$1.categorySlot(categoryAxis, categoryIx, valueAxis);\r\n\t }\r\n\r\n\t if (point) {\r\n\t var plotRange = this$1.plotRange(point, valueAxis.startValue());\r\n\t var valueSlot = this$1.valueSlot(valueAxis, plotRange);\r\n\t if (valueSlot) {\r\n\t var pointSlot = this$1.pointSlot(categorySlot, valueSlot);\r\n\r\n\t point.aboveAxis = this$1.aboveAxis(point, valueAxis);\r\n\t point.stackValue = plotRange[1];\r\n\r\n\t if (this$1.options.isStacked100) {\r\n\t point.percentage = this$1.plotValue(point);\r\n\t }\r\n\r\n\t this$1.reflowPoint(point, pointSlot);\r\n\t } else {\r\n\t point.visible = false;\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t this.reflowCategories(categorySlots);\r\n\t if (!this.options.clip && this.options.limitPoints && this.points.length) {\r\n\t this.limitPoints();\r\n\t }\r\n\r\n\t this.box = targetBox;\r\n\t },\r\n\r\n\t valueSlot: function(valueAxis, plotRange) {\r\n\t return valueAxis.getSlot(plotRange[0], plotRange[1], !this.options.clip);\r\n\t },\r\n\r\n\t limitPoints: function() {\r\n\t var this$1 = this;\r\n\r\n\t var categoryPoints = this.categoryPoints;\r\n\t var points = categoryPoints[0].concat(last(categoryPoints));\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t if (points[idx]) {\r\n\t this$1.limitPoint(points[idx]);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t limitPoint: function(point) {\r\n\t var limittedSlot = this.categoryAxis.limitSlot(point.box);\r\n\t if (!limittedSlot.equals(point.box)) {\r\n\t point.reflow(limittedSlot);\r\n\t }\r\n\t },\r\n\r\n\t aboveAxis: function(point, valueAxis) {\r\n\t var axisCrossingValue = this.categoryAxisCrossingValue(valueAxis);\r\n\t var value = point.value;\r\n\r\n\t return valueAxis.options.reverse ?\r\n\t value < axisCrossingValue : value >= axisCrossingValue;\r\n\t },\r\n\r\n\t categoryAxisCrossingValue: function(valueAxis) {\r\n\t var categoryAxis = this.categoryAxis;\r\n\t var options = valueAxis.options;\r\n\t var crossingValues = [].concat(\r\n\t options.axisCrossingValues || options.axisCrossingValue\r\n\t );\r\n\r\n\t return crossingValues[categoryAxis.axisIndex || 0] || 0;\r\n\t },\r\n\r\n\t reflowPoint: function(point, pointSlot) {\r\n\t point.reflow(pointSlot);\r\n\t },\r\n\r\n\t reflowCategories: function() { },\r\n\r\n\t pointSlot: function(categorySlot, valueSlot) {\r\n\t var options = this.options;\r\n\t var invertAxes = options.invertAxes;\r\n\t var slotX = invertAxes ? valueSlot : categorySlot;\r\n\t var slotY = invertAxes ? categorySlot : valueSlot;\r\n\r\n\t return new Box(slotX.x1, slotY.y1, slotX.x2, slotY.y2);\r\n\t },\r\n\r\n\t categorySlot: function(categoryAxis, categoryIx) {\r\n\t return categoryAxis.getSlot(categoryIx);\r\n\t },\r\n\r\n\t traverseDataPoints: function(callback) {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.options.series;\r\n\t var categories = this.categoryAxis.options.categories || [];\r\n\t var count = categoriesCount(series);\r\n\t var seriesCount = series.length;\r\n\r\n\t for (var seriesIx = 0; seriesIx < seriesCount; seriesIx++) {\r\n\t this$1._outOfRangeCallback(series[seriesIx], \"_outOfRangeMinPoint\", seriesIx, callback);\r\n\t }\r\n\r\n\t for (var categoryIx = 0; categoryIx < count; categoryIx++) {\r\n\t for (var seriesIx$1 = 0; seriesIx$1 < seriesCount; seriesIx$1++) {\r\n\t var currentSeries = series[seriesIx$1];\r\n\t var currentCategory = categories[categoryIx];\r\n\t var pointData = this$1._bindPoint(currentSeries, seriesIx$1, categoryIx);\r\n\r\n\t callback(pointData, {\r\n\t category: currentCategory,\r\n\t categoryIx: categoryIx,\r\n\t series: currentSeries,\r\n\t seriesIx: seriesIx$1\r\n\t });\r\n\t }\r\n\t }\r\n\r\n\t for (var seriesIx$2 = 0; seriesIx$2 < seriesCount; seriesIx$2++) {\r\n\t this$1._outOfRangeCallback(series[seriesIx$2], \"_outOfRangeMaxPoint\", seriesIx$2, callback);\r\n\t }\r\n\t },\r\n\r\n\t _outOfRangeCallback: function(series, field, seriesIx, callback) {\r\n\t var outOfRangePoint = series[field];\r\n\t if (outOfRangePoint) {\r\n\t var categoryIx = outOfRangePoint.categoryIx;\r\n\t var pointData = this._bindPoint(series, seriesIx, categoryIx, outOfRangePoint.item);\r\n\r\n\t callback(pointData, {\r\n\t category: outOfRangePoint.category,\r\n\t categoryIx: categoryIx,\r\n\t series: series,\r\n\t seriesIx: seriesIx,\r\n\t dataItem: outOfRangePoint.item\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t _bindPoint: function(series, seriesIx, categoryIx, item) {\r\n\t if (!this._bindCache) {\r\n\t this._bindCache = [];\r\n\t }\r\n\r\n\t var bindCache = this._bindCache[seriesIx];\r\n\t if (!bindCache) {\r\n\t bindCache = this._bindCache[seriesIx] = [];\r\n\t }\r\n\r\n\t var data = bindCache[categoryIx];\r\n\t if (!data) {\r\n\t data = bindCache[categoryIx] = SeriesBinder.current.bindPoint(series, categoryIx, item);\r\n\t }\r\n\r\n\t return data;\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t if (point.value === null) {\r\n\t return \"\";\r\n\t }\r\n\r\n\t return this.chartService.format.auto(format, point.value);\r\n\t },\r\n\r\n\t pointValue: function(data) {\r\n\t return data.valueFields.value;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(CategoricalChart, {\r\n\t series: [],\r\n\t invertAxes: false,\r\n\t isStacked: false,\r\n\t clip: true,\r\n\t limitPoints: true\r\n\t});\r\n\r\n\tvar PointEventsMixin = {\r\n\t click: function(chart, e) {\r\n\t return chart.trigger(\r\n\t SERIES_CLICK,\r\n\t this.eventArgs(e)\r\n\t );\r\n\t },\r\n\r\n\t hover: function(chart, e) {\r\n\t return chart.trigger(\r\n\t SERIES_HOVER,\r\n\t this.eventArgs(e)\r\n\t );\r\n\t },\r\n\r\n\t eventArgs: function(e) {\r\n\t return {\r\n\t value: this.value,\r\n\t percentage: this.percentage,\r\n\t stackValue: this.stackValue,\r\n\t category: this.category,\r\n\t series: this.series,\r\n\t dataItem: this.dataItem,\r\n\t runningTotal: this.runningTotal,\r\n\t total: this.total,\r\n\t element: eventElement(e),\r\n\t originalEvent: e,\r\n\t point: this\r\n\t };\r\n\t }\r\n\t};\r\n\r\n\tvar NoteMixin = {\r\n\t createNote: function() {\r\n\t var options = this.options.notes;\r\n\t var text = this.noteText || options.label.text;\r\n\r\n\t if (options.visible !== false && defined(text) && text !== null) {\r\n\t this.note = new dataviz.Note({\r\n\t value: this.value,\r\n\t text: text,\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t series: this.series\r\n\t }, this.options.notes, this.owner.chartService);\r\n\r\n\t this.append(this.note);\r\n\t }\r\n\t }\r\n\t};\r\n\r\n\tvar LinePoint = ChartElement.extend({\r\n\t init: function(value, options) {\r\n\t ChartElement.fn.init.call(this);\r\n\r\n\t this.value = value;\r\n\t this.options = options;\r\n\t this.aboveAxis = valueOrDefault(this.options.aboveAxis, true);\r\n\t this.tooltipTracking = true;\r\n\t },\r\n\r\n\t render: function() {\r\n\t var ref = this.options;\r\n\t var markers = ref.markers;\r\n\t var labels = ref.labels;\r\n\r\n\t if (this._rendered) {\r\n\t return;\r\n\t }\r\n\r\n\t this._rendered = true;\r\n\r\n\t if (markers.visible && markers.size) {\r\n\t this.marker = this.createMarker();\r\n\t this.append(this.marker);\r\n\t }\r\n\r\n\t if (labels.visible) {\r\n\t var labelTemplate = getTemplate(labels);\r\n\t var labelText = this.value;\r\n\t if (labelTemplate) {\r\n\t labelText = labelTemplate({\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t value: this.value,\r\n\t percentage: this.percentage,\r\n\t stackValue: this.stackValue,\r\n\t series: this.series\r\n\t });\r\n\t } else if (labels.format) {\r\n\t labelText = this.formatValue(labels.format);\r\n\t }\r\n\t this.label = new TextBox(labelText,\r\n\t deepExtend({\r\n\t align: CENTER,\r\n\t vAlign: CENTER,\r\n\t margin: {\r\n\t left: 5,\r\n\t right: 5\r\n\t },\r\n\t zIndex: valueOrDefault(labels.zIndex, this.series.zIndex)\r\n\t }, labels)\r\n\t );\r\n\t this.append(this.label);\r\n\t }\r\n\r\n\t this.createNote();\r\n\r\n\t if (this.errorBar) {\r\n\t this.append(this.errorBar);\r\n\t }\r\n\t },\r\n\r\n\t markerBorder: function() {\r\n\t var options = this.options.markers;\r\n\t var background = options.background;\r\n\t var border = deepExtend({ color: this.color }, options.border);\r\n\r\n\t if (!defined(border.color)) {\r\n\t border.color = new Color(background).brightness(BORDER_BRIGHTNESS).toHex();\r\n\t }\r\n\r\n\t return border;\r\n\t },\r\n\r\n\t createVisual: function() {},\r\n\r\n\t createMarker: function() {\r\n\t var options = this.options.markers;\r\n\t var marker = new ShapeElement({\r\n\t type: options.type,\r\n\t width: options.size,\r\n\t height: options.size,\r\n\t rotation: options.rotation,\r\n\t background: options.background,\r\n\t border: this.markerBorder(),\r\n\t opacity: options.opacity,\r\n\t zIndex: valueOrDefault(options.zIndex, this.series.zIndex),\r\n\t animation: options.animation,\r\n\t visual: options.visual\r\n\t }, {\r\n\t dataItem: this.dataItem,\r\n\t value: this.value,\r\n\t series: this.series,\r\n\t category: this.category\r\n\t });\r\n\r\n\t return marker;\r\n\t },\r\n\r\n\t markerBox: function() {\r\n\t if (!this.marker) {\r\n\t this.marker = this.createMarker();\r\n\t this.marker.reflow(this._childBox);\r\n\t }\r\n\r\n\t return this.marker.box;\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var aboveAxis = ref.aboveAxis;\r\n\t var vertical = options.vertical;\r\n\r\n\t this.render();\r\n\r\n\t this.box = targetBox;\r\n\t var childBox = targetBox.clone();\r\n\r\n\t if (vertical) {\r\n\t if (aboveAxis) {\r\n\t childBox.y1 -= childBox.height();\r\n\t } else {\r\n\t childBox.y2 += childBox.height();\r\n\t }\r\n\t } else {\r\n\t if (aboveAxis) {\r\n\t childBox.x1 += childBox.width();\r\n\t } else {\r\n\t childBox.x2 -= childBox.width();\r\n\t }\r\n\t }\r\n\r\n\t this._childBox = childBox;\r\n\t if (this.marker) {\r\n\t this.marker.reflow(childBox);\r\n\t }\r\n\r\n\t this.reflowLabel(childBox);\r\n\r\n\t if (this.errorBars) {\r\n\t for (var i = 0; i < this.errorBars.length; i++) {\r\n\t this$1.errorBars[i].reflow(childBox);\r\n\t }\r\n\t }\r\n\r\n\t if (this.note) {\r\n\t var noteTargetBox = this.markerBox();\r\n\r\n\t if (!(options.markers.visible && options.markers.size)) {\r\n\t var center = noteTargetBox.center();\r\n\t noteTargetBox = new Box(center.x, center.y, center.x, center.y);\r\n\t }\r\n\r\n\t this.note.reflow(noteTargetBox);\r\n\t }\r\n\t },\r\n\r\n\t reflowLabel: function(box) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var label = ref.label;\r\n\t var anchor = options.labels.position;\r\n\r\n\t if (label) {\r\n\t anchor = anchor === ABOVE ? TOP : anchor;\r\n\t anchor = anchor === BELOW ? BOTTOM : anchor;\r\n\r\n\t label.reflow(box);\r\n\t label.box.alignTo(this.markerBox(), anchor);\r\n\t label.reflow(label.box);\r\n\t }\r\n\t },\r\n\r\n\t createHighlight: function() {\r\n\t var markers = this.options.highlight.markers;\r\n\t var defaultColor = this.markerBorder().color;\r\n\t var options = this.options.markers;\r\n\t var size = options.size + (options.border.width || 0) + (markers.border.width || 0);\r\n\r\n\t var shadow = new ShapeElement({\r\n\t type: options.type,\r\n\t width: size,\r\n\t height: size,\r\n\t rotation: options.rotation,\r\n\t background: markers.color || defaultColor,\r\n\t border: {\r\n\t color: markers.border.color,\r\n\t width: markers.border.width,\r\n\t opacity: valueOrDefault(markers.border.opacity, 1)\r\n\t },\r\n\t opacity: valueOrDefault(markers.opacity, 1)\r\n\t });\r\n\t shadow.reflow(this._childBox);\r\n\r\n\t return shadow.getElement();\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return (this.marker || {}).visual;\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t var marker = this.marker;\r\n\t var visual, rect;\r\n\r\n\t if (marker) {\r\n\t rect = marker.paddingBox.toRect();\r\n\t visual = marker.visual;\r\n\t } else {\r\n\t var size = this.options.markers.size;\r\n\t var halfSize = size / 2;\r\n\t var center = this.box.center();\r\n\t rect = new geometry.Rect([ center.x - halfSize, center.y - halfSize ], [ size, size ]);\r\n\t }\r\n\r\n\t return {\r\n\t options: this.options,\r\n\t rect: rect,\r\n\t visual: visual\r\n\t };\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var markerBox = this.markerBox();\r\n\t var clipBox = this.owner.pane.clipBox();\r\n\t var showTooltip = !clipBox || clipBox.overlaps(markerBox);\r\n\r\n\t if (showTooltip) {\r\n\t var x = markerBox.x2 + TOOLTIP_OFFSET;\r\n\t var horizontalAlign = LEFT;\r\n\t var y, verticalAlign;\r\n\r\n\t if (this.aboveAxis) {\r\n\t y = markerBox.y1;\r\n\t verticalAlign = BOTTOM;\r\n\t } else {\r\n\t y = markerBox.y2;\r\n\t verticalAlign = TOP;\r\n\t }\r\n\r\n\t return {\r\n\t point: new Point(x, y),\r\n\t align: {\r\n\t horizontal: horizontalAlign,\r\n\t vertical: verticalAlign\r\n\t }\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t return this.owner.formatPointValue(this, format);\r\n\t },\r\n\r\n\t overlapsBox: function(box) {\r\n\t var markerBox = this.markerBox();\r\n\t return markerBox.overlaps(box);\r\n\t },\r\n\r\n\t unclipElements: function() {\r\n\t if (this.label) {\r\n\t this.label.options.noclip = true;\r\n\t }\r\n\r\n\t if (this.note) {\r\n\t this.note.options.noclip = true;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tLinePoint.prototype.defaults = {\r\n\t vertical: true,\r\n\t markers: {\r\n\t visible: true,\r\n\t background: WHITE,\r\n\t size: LINE_MARKER_SIZE,\r\n\t type: CIRCLE,\r\n\t border: {\r\n\t width: 2\r\n\t },\r\n\t opacity: 1\r\n\t },\r\n\t labels: {\r\n\t visible: false,\r\n\t position: ABOVE,\r\n\t margin: getSpacing(3),\r\n\t padding: getSpacing(4),\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: INITIAL_ANIMATION_DURATION\r\n\t }\r\n\t },\r\n\t notes: {\r\n\t label: {}\r\n\t },\r\n\t highlight: {\r\n\t markers: {\r\n\t border: {\r\n\t color: \"#fff\",\r\n\t width: 2\r\n\t }\r\n\t },\r\n\t zIndex: datavizConstants.HIGHLIGHT_ZINDEX\r\n\t },\r\n\t errorBars: {\r\n\t line: {\r\n\t width: 1\r\n\t }\r\n\t }\r\n\t};\r\n\r\n\tdeepExtend(LinePoint.prototype, PointEventsMixin);\r\n\tdeepExtend(LinePoint.prototype, NoteMixin);\r\n\r\n\tvar LineSegment = ChartElement.extend({\r\n\t init: function(linePoints, series, seriesIx) {\r\n\t ChartElement.fn.init.call(this);\r\n\r\n\t this.linePoints = linePoints;\r\n\t this.series = series;\r\n\t this.seriesIx = seriesIx;\r\n\t },\r\n\r\n\t points: function() {\r\n\t return this.toGeometryPoints(this.linePoints);\r\n\t },\r\n\r\n\t toGeometryPoints: function(points) {\r\n\t var result = [];\r\n\t for (var i = 0, length = points.length; i < length; i++) {\r\n\t if (points[i] && points[i].visible !== false) {\r\n\t result.push(points[i]._childBox.toRect().center());\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var series = ref.series;\r\n\t var color = series.color;\r\n\t var defaults = series._defaults;\r\n\r\n\t if (isFunction(color) && defaults) {\r\n\t color = defaults.color;\r\n\t }\r\n\r\n\t var line = Path.fromPoints(this.points(), {\r\n\t stroke: {\r\n\t color: color,\r\n\t width: series.width,\r\n\t opacity: series.opacity,\r\n\t dashType: series.dashType\r\n\t },\r\n\t zIndex: series.zIndex\r\n\t });\r\n\r\n\t if (options.closed) {\r\n\t line.close();\r\n\t }\r\n\r\n\t this.visual = line;\r\n\t },\r\n\r\n\t aliasFor: function(e, coords) {\r\n\t return this.parent.getNearestPoint(coords.x, coords.y, this.seriesIx);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(LineSegment, {\r\n\t closed: false\r\n\t});\r\n\r\n\tvar StepLineMixin = {\r\n\t calculateStepPoints: function(points) {\r\n\t var categoryAxis = this.parent.plotArea.seriesCategoryAxis(this.series);\r\n\t var ref = categoryAxis.options;\r\n\t var justified = ref.justified;\r\n\t var vertical = ref.vertical;\r\n\t var reverse = ref.reverse;\r\n\r\n\t var stepAxis = vertical ? X : Y;\r\n\t var axis = vertical ? Y : X;\r\n\t var stepDir = reverse ? 2 : 1;\r\n\t var dir = stepDir;\r\n\r\n\t var previousPoint = toGeometryPoint(points[0], stepAxis, stepDir, axis, dir);\r\n\t var result = [ previousPoint ];\r\n\r\n\t for (var idx = 1; idx < points.length; idx++) {\r\n\t var point = toGeometryPoint(points[idx], stepAxis, stepDir, axis, dir);\r\n\r\n\t if (previousPoint[stepAxis] !== point[stepAxis]) {\r\n\t var stepPoint = new GeometryPoint();\r\n\t stepPoint[stepAxis] = previousPoint[stepAxis];\r\n\t stepPoint[axis] = point[axis];\r\n\r\n\t result.push(stepPoint, point);\r\n\t }\r\n\r\n\t previousPoint = point;\r\n\t }\r\n\r\n\t if (!justified) {\r\n\t result.push(toGeometryPoint(last(points), stepAxis, stepDir, axis, reverse ? 1 : 2));\r\n\t } else if (previousPoint !== last(result)) {\r\n\t result.push(previousPoint);\r\n\t }\r\n\r\n\t return result;\r\n\r\n\t }\r\n\t};\r\n\r\n\tfunction toGeometryPoint(lintPoint, stepAxis, stepDir, axis, dir) {\r\n\t var box = lintPoint.box;\r\n\t var result = new GeometryPoint();\r\n\r\n\t result[stepAxis] = box[stepAxis + stepDir];\r\n\t result[axis] = box[axis + dir];\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tvar StepLineSegment = LineSegment.extend({\r\n\t points: function() {\r\n\t return this.calculateStepPoints(this.linePoints);\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(StepLineSegment.prototype, StepLineMixin);\r\n\r\n\tvar SplineSegment = LineSegment.extend({\r\n\t createVisual: function() {\r\n\t var series = this.series;\r\n\t var defaults = series._defaults;\r\n\t var color = series.color;\r\n\r\n\t if (isFunction(color) && defaults) {\r\n\t color = defaults.color;\r\n\t }\r\n\r\n\t var curveProcessor = new CurveProcessor(this.options.closed);\r\n\t var segments = curveProcessor.process(this.points());\r\n\t var curve = new Path({\r\n\t stroke: {\r\n\t color: color,\r\n\t width: series.width,\r\n\t opacity: series.opacity,\r\n\t dashType: series.dashType\r\n\t },\r\n\t zIndex: series.zIndex\r\n\t });\r\n\r\n\t curve.segments.push.apply(curve.segments, segments);\r\n\r\n\t this.visual = curve;\r\n\t }\r\n\t});\r\n\r\n\tvar LineChartMixin = {\r\n\t renderSegments: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var seriesPoints = ref.seriesPoints;\r\n\t var series = options.series;\r\n\t var seriesCount = seriesPoints.length;\r\n\t var lastSegment;\r\n\r\n\t this._segments = [];\r\n\r\n\t for (var seriesIx = 0; seriesIx < seriesCount; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var sortedPoints = this$1.sortPoints(seriesPoints[seriesIx]);\r\n\t var pointCount = sortedPoints.length;\r\n\t var linePoints = [];\r\n\r\n\t for (var pointIx = 0; pointIx < pointCount; pointIx++) {\r\n\t var point = sortedPoints[pointIx];\r\n\t if (point) {\r\n\t linePoints.push(point);\r\n\t } else if (this$1.seriesMissingValues(currentSeries) !== INTERPOLATE) {\r\n\t if (linePoints.length > 1) {\r\n\t lastSegment = this$1.createSegment(\r\n\t linePoints, currentSeries, seriesIx, lastSegment\r\n\t );\r\n\t this$1._addSegment(lastSegment);\r\n\t }\r\n\t linePoints = [];\r\n\t }\r\n\t }\r\n\r\n\t if (linePoints.length > 1) {\r\n\t lastSegment = this$1.createSegment(\r\n\t linePoints, currentSeries, seriesIx, lastSegment\r\n\t );\r\n\t this$1._addSegment(lastSegment);\r\n\t }\r\n\t }\r\n\r\n\t this.children.unshift.apply(this.children, this._segments);\r\n\t },\r\n\r\n\t _addSegment: function(segment) {\r\n\t this._segments.push(segment);\r\n\t segment.parent = this;\r\n\t },\r\n\r\n\t sortPoints: function(points) {\r\n\t return points;\r\n\t },\r\n\r\n\t seriesMissingValues: function(series) {\r\n\t var missingValues = series.missingValues;\r\n\t var assumeZero = !missingValues && this.options.isStacked;\r\n\r\n\t return assumeZero ? ZERO : missingValues || INTERPOLATE;\r\n\t },\r\n\r\n\t getNearestPoint: function(x, y, seriesIx) {\r\n\t var target = new Point(x, y);\r\n\t var allPoints = this.seriesPoints[seriesIx];\r\n\t var nearestPointDistance = MAX_VALUE;\r\n\t var nearestPoint;\r\n\r\n\t for (var i = 0; i < allPoints.length; i++) {\r\n\t var point = allPoints[i];\r\n\r\n\t if (point && defined(point.value) && point.value !== null && point.visible !== false) {\r\n\t var pointBox = point.box;\r\n\t var pointDistance = pointBox.center().distanceTo(target);\r\n\r\n\t if (pointDistance < nearestPointDistance) {\r\n\t nearestPoint = point;\r\n\t nearestPointDistance = pointDistance;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return nearestPoint;\r\n\t }\r\n\t};\r\n\r\n\tvar ClipAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t this._setEnd(this.options.box.x1);\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t var box = this.options.box;\r\n\t this._setEnd(dataviz.interpolateValue(box.x1, box.x2, pos));\r\n\t },\r\n\r\n\t _setEnd: function(x) {\r\n\t var element = this.element;\r\n\t var segments = element.segments;\r\n\t var topRight = segments[1].anchor();\r\n\t var bottomRight = segments[2].anchor();\r\n\r\n\t element.suspend();\r\n\t topRight.setX(x);\r\n\t element.resume();\r\n\t bottomRight.setX(x);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(ClipAnimation, {\r\n\t duration: INITIAL_ANIMATION_DURATION\r\n\t});\r\n\r\n\tAnimationFactory.current.register(\"clip\", ClipAnimation);\r\n\r\n\tfunction anyHasZIndex(elements) {\r\n\t for (var idx = 0; idx < elements.length; idx++) {\r\n\t if (defined(elements[idx].zIndex)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tvar ClipAnimationMixin = {\r\n\t createAnimation: function() {\r\n\t var root = this.getRoot();\r\n\t if (root && (root.options || {}).transitions !== false) {\r\n\t var box = root.box;\r\n\t var clipPath = Path.fromRect(box.toRect());\r\n\t this.visual.clip(clipPath);\r\n\t this.animation = new ClipAnimation(clipPath, {\r\n\t box: box\r\n\t });\r\n\t if (anyHasZIndex(this.options.series)) {\r\n\t this._setChildrenAnimation(clipPath);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _setChildrenAnimation: function(clipPath) {\r\n\t var points = this.animationPoints();\r\n\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t var point = points[idx];\r\n\t if (point && point.visual && defined(point.visual.options.zIndex)) {\r\n\t point.visual.clip(clipPath);\r\n\t }\r\n\t }\r\n\t }\r\n\t};\r\n\r\n\tvar LineChart = CategoricalChart.extend({\r\n\t render: function() {\r\n\r\n\t CategoricalChart.fn.render.call(this);\r\n\r\n\t this.updateStackRange();\r\n\t this.renderSegments();\r\n\t },\r\n\r\n\t pointType: function() {\r\n\t return LinePoint;\r\n\t },\r\n\r\n\t createPoint: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var missingValues = this.seriesMissingValues(series);\r\n\t var value = data.valueFields.value;\r\n\r\n\t if (!defined(value) || value === null) {\r\n\t if (missingValues === ZERO) {\r\n\t value = 0;\r\n\t } else {\r\n\t return null;\r\n\t }\r\n\t }\r\n\r\n\t var pointOptions = this.pointOptions(series, seriesIx);\r\n\t pointOptions = this.evalPointOptions(\r\n\t pointOptions, value, category, categoryIx, series, seriesIx\r\n\t );\r\n\r\n\t var color = data.fields.color || series.color;\r\n\t if (isFunction(series.color)) {\r\n\t color = pointOptions.color;\r\n\t }\r\n\r\n\t var point = new LinePoint(value, pointOptions);\r\n\t point.color = color;\r\n\r\n\t this.append(point);\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t plotRange: function(point) {\r\n\t var this$1 = this;\r\n\r\n\t var plotValue = this.plotValue(point);\r\n\r\n\t if (this.options.isStacked) {\r\n\t var categoryIx = point.categoryIx;\r\n\t var categoryPoints = this.categoryPoints[categoryIx];\r\n\r\n\t for (var i = 0; i < categoryPoints.length; i++) {\r\n\t var other = categoryPoints[i];\r\n\r\n\t if (point === other) {\r\n\t break;\r\n\t }\r\n\r\n\t plotValue += this$1.plotValue(other);\r\n\r\n\t if (this$1.options.isStacked100) {\r\n\t plotValue = Math.min(plotValue, 1);\r\n\t }\r\n\t }\r\n\r\n\t }\r\n\r\n\t return [ plotValue, plotValue ];\r\n\t },\r\n\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = currentSeries.style;\r\n\t var pointType;\r\n\r\n\t if (style === STEP) {\r\n\t pointType = StepLineSegment;\r\n\t } else if (style === SMOOTH) {\r\n\t pointType = SplineSegment;\r\n\t } else {\r\n\t pointType = LineSegment;\r\n\t }\r\n\r\n\t return new pointType(linePoints, currentSeries, seriesIx);\r\n\t },\r\n\r\n\t animationPoints: function() {\r\n\t var points = this.points;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t result.push((points[idx] || {}).marker);\r\n\t }\r\n\t return result.concat(this._segments);\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(LineChart.prototype, LineChartMixin, ClipAnimationMixin);\r\n\r\n\tvar AreaSegment = LineSegment.extend({\r\n\t init: function(linePoints, currentSeries, seriesIx, prevSegment, stackPoints) {\r\n\t LineSegment.fn.init.call(this, linePoints, currentSeries, seriesIx);\r\n\r\n\t this.prevSegment = prevSegment;\r\n\t this.stackPoints = stackPoints;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var series = this.series;\r\n\t var defaults = series._defaults;\r\n\t var lineOptions = series.line || {};\r\n\t var color = series.color;\r\n\r\n\t if (isFunction(color) && defaults) {\r\n\t color = defaults.color;\r\n\t }\r\n\r\n\t this.visual = new Group({\r\n\t zIndex: series.zIndex\r\n\t });\r\n\r\n\t this.createFill({\r\n\t fill: {\r\n\t color: color,\r\n\t opacity: series.opacity\r\n\t },\r\n\t stroke: null\r\n\t });\r\n\r\n\t if (lineOptions.width > 0 && lineOptions.visible !== false) {\r\n\t this.createStroke({\r\n\t stroke: deepExtend({\r\n\t color: color,\r\n\t opacity: series.opacity,\r\n\t lineCap: \"butt\"\r\n\t }, lineOptions)\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t strokeSegments: function() {\r\n\t var segments = this._strokeSegments;\r\n\r\n\t if (!segments) {\r\n\t segments = this._strokeSegments = this.createStrokeSegments();\r\n\t }\r\n\r\n\t return segments;\r\n\t },\r\n\r\n\t createStrokeSegments: function() {\r\n\t return this.segmentsFromPoints(this.points());\r\n\t },\r\n\r\n\t stackSegments: function() {\r\n\t if (this.prevSegment) {\r\n\t return this.prevSegment.createStackSegments(this.stackPoints);\r\n\t }\r\n\r\n\t return this.createStackSegments(this.stackPoints);\r\n\t },\r\n\r\n\t createStackSegments: function(stackPoints) {\r\n\t return this.segmentsFromPoints(this.toGeometryPoints(stackPoints)).reverse();\r\n\t },\r\n\r\n\t segmentsFromPoints: function(points) {\r\n\t return points.map(function (point) { return new geometry.Segment(point); });\r\n\t },\r\n\r\n\t createStroke: function(style) {\r\n\t var stroke = new Path(style);\r\n\t stroke.segments.push.apply(stroke.segments, this.strokeSegments());\r\n\r\n\t this.visual.append(stroke);\r\n\t },\r\n\r\n\t hasStackSegment: function() {\r\n\t return this.prevSegment || (this.stackPoints && this.stackPoints.length);\r\n\t },\r\n\r\n\t createFill: function(style) {\r\n\t var strokeSegments = this.strokeSegments();\r\n\t var fillSegments = strokeSegments.slice(0);\r\n\t var hasStackSegments = this.hasStackSegment();\r\n\r\n\t if (hasStackSegments) {\r\n\t var stackSegments = this.stackSegments();\r\n\r\n\t append(fillSegments, stackSegments);\r\n\t }\r\n\r\n\t var fill = new Path(style);\r\n\t fill.segments.push.apply(fill.segments, fillSegments);\r\n\r\n\t if (!hasStackSegments && strokeSegments.length > 1) {\r\n\t this.fillToAxes(fill);\r\n\t }\r\n\r\n\t this.visual.append(fill);\r\n\t },\r\n\r\n\t fillToAxes: function(fillPath) {\r\n\t var chart = this.parent;\r\n\t var invertAxes = chart.options.invertAxes;\r\n\t var valueAxis = chart.seriesValueAxis(this.series);\r\n\t var crossingValue = chart.categoryAxisCrossingValue(valueAxis);\r\n\t var endSlot = valueAxis.getSlot(crossingValue, crossingValue, true);\r\n\t var segments = this.strokeSegments();\r\n\t var firstPoint = segments[0].anchor();\r\n\t var lastPoint = last(segments).anchor();\r\n\t var end = invertAxes ? endSlot.x1 : endSlot.y1;\r\n\r\n\t if (invertAxes) {\r\n\t fillPath.lineTo(end, lastPoint.y)\r\n\t .lineTo(end, firstPoint.y);\r\n\t } else {\r\n\t fillPath.lineTo(lastPoint.x, end)\r\n\t .lineTo(firstPoint.x, end);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar StepAreaSegment = AreaSegment.extend({\r\n\t createStrokeSegments: function() {\r\n\t return this.segmentsFromPoints(this.calculateStepPoints(this.linePoints));\r\n\t },\r\n\r\n\t createStackSegments: function(stackPoints) {\r\n\t return this.segmentsFromPoints(this.calculateStepPoints(stackPoints)).reverse();\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(StepAreaSegment.prototype, StepLineMixin);\r\n\r\n\tvar SplineAreaSegment = AreaSegment.extend({\r\n\t createStrokeSegments: function() {\r\n\t var curveProcessor = new CurveProcessor(this.options.closed);\r\n\t var linePoints = this.points();\r\n\r\n\t return curveProcessor.process(linePoints);\r\n\t },\r\n\r\n\t createStackSegments: function() {\r\n\t var strokeSegments = this.strokeSegments();\r\n\t var stackSegments = [];\r\n\t for (var idx = strokeSegments.length - 1; idx >= 0; idx--) {\r\n\t var segment = strokeSegments[idx];\r\n\t stackSegments.push(new geometry.Segment(\r\n\t segment.anchor(),\r\n\t segment.controlOut(),\r\n\t segment.controlIn()\r\n\t ));\r\n\t }\r\n\r\n\t return stackSegments;\r\n\t }\r\n\t});\r\n\r\n\tvar AreaChart = LineChart.extend({\r\n\t createSegment: function(linePoints, currentSeries, seriesIx, prevSegment) {\r\n\t var isStacked = this.options.isStacked;\r\n\t var style = (currentSeries.line || {}).style;\r\n\t var previousSegment;\r\n\r\n\t var stackPoints;\r\n\t if (isStacked && seriesIx > 0 && prevSegment) {\r\n\t var missingValues = this.seriesMissingValues(currentSeries);\r\n\t if (missingValues !== \"gap\") {\r\n\t stackPoints = prevSegment.linePoints;\r\n\t previousSegment = prevSegment;\r\n\t } else {\r\n\t stackPoints = this._gapStackPoints(linePoints, seriesIx, style);\r\n\t }\r\n\t }\r\n\r\n\t var pointType;\r\n\t if (style === STEP) {\r\n\t pointType = StepAreaSegment;\r\n\t } else if (style === SMOOTH) {\r\n\t pointType = SplineAreaSegment;\r\n\t } else {\r\n\t pointType = AreaSegment;\r\n\t }\r\n\r\n\t return new pointType(linePoints, currentSeries, seriesIx, previousSegment, stackPoints);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t LineChart.fn.reflow.call(this, targetBox);\r\n\r\n\t var stackPoints = this._stackPoints;\r\n\t if (stackPoints) {\r\n\t for (var idx = 0; idx < stackPoints.length; idx++) {\r\n\t var stackPoint = stackPoints[idx];\r\n\t var pointSlot = this$1.categoryAxis.getSlot(stackPoint.categoryIx);\r\n\t stackPoint.reflow(pointSlot);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _gapStackPoints: function(linePoints, seriesIx, style) {\r\n\t var this$1 = this;\r\n\r\n\t var seriesPoints = this.seriesPoints;\r\n\t var startIdx = linePoints[0].categoryIx;\r\n\t var length = linePoints.length;\r\n\t if (startIdx < 0) {\r\n\t startIdx = 0;\r\n\t length--;\r\n\t }\r\n\r\n\t var endIdx = startIdx + length;\r\n\t var pointOffset = this.seriesOptions[0]._outOfRangeMinPoint ? 1 : 0;\r\n\t var stackPoints = [];\r\n\r\n\t this._stackPoints = this._stackPoints || [];\r\n\t for (var categoryIx = startIdx; categoryIx < endIdx; categoryIx++) {\r\n\t var pointIx = categoryIx + pointOffset;\r\n\t var currentSeriesIx = seriesIx;\r\n\t var point = (void 0);\r\n\r\n\t do {\r\n\t currentSeriesIx--;\r\n\t point = seriesPoints[currentSeriesIx][pointIx];\r\n\t } while (currentSeriesIx > 0 && !point);\r\n\r\n\t if (point) {\r\n\t if (style !== STEP && categoryIx > startIdx && !seriesPoints[currentSeriesIx][pointIx - 1]) {\r\n\t stackPoints.push(this$1._previousSegmentPoint(categoryIx, pointIx, pointIx - 1, currentSeriesIx));\r\n\t }\r\n\r\n\t stackPoints.push(point);\r\n\r\n\t if (style !== STEP && categoryIx + 1 < endIdx && !seriesPoints[currentSeriesIx][pointIx + 1]) {\r\n\t stackPoints.push(this$1._previousSegmentPoint(categoryIx, pointIx, pointIx + 1, currentSeriesIx));\r\n\t }\r\n\t } else {\r\n\t var gapStackPoint = this$1._createGapStackPoint(categoryIx);\r\n\t this$1._stackPoints.push(gapStackPoint);\r\n\t stackPoints.push(gapStackPoint);\r\n\t }\r\n\t }\r\n\r\n\t return stackPoints;\r\n\t },\r\n\r\n\t _previousSegmentPoint: function(categoryIx, pointIx, segmentIx, seriesIdx) {\r\n\t var seriesPoints = this.seriesPoints;\r\n\t var index = seriesIdx;\r\n\t var point;\r\n\r\n\t while (index > 0 && !point) {\r\n\t index--;\r\n\t point = seriesPoints[index][segmentIx];\r\n\t }\r\n\r\n\t if (!point) {\r\n\t point = this._createGapStackPoint(categoryIx);\r\n\t this._stackPoints.push(point);\r\n\t } else {\r\n\t point = seriesPoints[index][pointIx];\r\n\t }\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t _createGapStackPoint: function(categoryIx) {\r\n\t var options = this.pointOptions({}, 0);\r\n\t var point = new LinePoint(0, options);\r\n\t point.categoryIx = categoryIx;\r\n\t point.series = {};\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t seriesMissingValues: function(series) {\r\n\t return series.missingValues || ZERO;\r\n\t }\r\n\t});\r\n\r\n\tvar AxisGroupRangeTracker = Class.extend({\r\n\t init: function() {\r\n\r\n\t this.axisRanges = {};\r\n\t },\r\n\r\n\t update: function(chartAxisRanges) {\r\n\t var axisRanges = this.axisRanges;\r\n\r\n\t for (var axisName in chartAxisRanges) {\r\n\t var chartRange = chartAxisRanges[axisName];\r\n\t var range = axisRanges[axisName];\r\n\t axisRanges[axisName] = range = range || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t range.min = Math.min(range.min, chartRange.min);\r\n\t range.max = Math.max(range.max, chartRange.max);\r\n\t }\r\n\t },\r\n\r\n\t reset: function(axisName) {\r\n\t this.axisRanges[axisName] = undefined;\r\n\t },\r\n\r\n\t query: function(axisName) {\r\n\t return this.axisRanges[axisName];\r\n\t }\r\n\t});\r\n\r\n\tvar BarLabel = ChartElement.extend({\r\n\t init: function(content, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.textBox = new TextBox(content, this.options);\r\n\t this.append(this.textBox);\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.textBox.options.noclip = this.options.noclip;\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var aboveAxis = options.aboveAxis;\r\n\t var text = this.children[0];\r\n\t var textOptions = text.options;\r\n\t var box = text.box;\r\n\t var padding = text.options.padding;\r\n\t var labelBox = targetBox;\r\n\r\n\t textOptions.align = vertical ? CENTER : LEFT;\r\n\t textOptions.vAlign = vertical ? TOP : CENTER;\r\n\r\n\t if (options.position === INSIDE_END) {\r\n\t if (vertical) {\r\n\t textOptions.vAlign = TOP;\r\n\r\n\t if (!aboveAxis && box.height() < targetBox.height()) {\r\n\t textOptions.vAlign = BOTTOM;\r\n\t }\r\n\t } else {\r\n\t textOptions.align = aboveAxis ? RIGHT : LEFT;\r\n\t }\r\n\t } else if (options.position === CENTER) {\r\n\t textOptions.vAlign = CENTER;\r\n\t textOptions.align = CENTER;\r\n\t } else if (options.position === INSIDE_BASE) {\r\n\t if (vertical) {\r\n\t textOptions.vAlign = aboveAxis ? BOTTOM : TOP;\r\n\t } else {\r\n\t textOptions.align = aboveAxis ? LEFT : RIGHT;\r\n\t }\r\n\t } else if (options.position === OUTSIDE_END) {\r\n\t if (vertical) {\r\n\t if (aboveAxis) {\r\n\t labelBox = new Box(\r\n\t targetBox.x1, targetBox.y1 - box.height(),\r\n\t targetBox.x2, targetBox.y1\r\n\t );\r\n\t } else {\r\n\t labelBox = new Box(\r\n\t targetBox.x1, targetBox.y2,\r\n\t targetBox.x2, targetBox.y2 + box.height()\r\n\t );\r\n\t }\r\n\t } else {\r\n\t textOptions.align = CENTER;\r\n\t if (aboveAxis) {\r\n\t labelBox = new Box(\r\n\t targetBox.x2, targetBox.y1,\r\n\t targetBox.x2 + box.width(), targetBox.y2\r\n\t );\r\n\t } else {\r\n\t labelBox = new Box(\r\n\t targetBox.x1 - box.width(), targetBox.y1,\r\n\t targetBox.x1, targetBox.y2\r\n\t );\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (!options.rotation) {\r\n\t if (vertical) {\r\n\t padding.left = padding.right =\r\n\t (labelBox.width() - text.contentBox.width()) / 2;\r\n\t } else {\r\n\t padding.top = padding.bottom =\r\n\t (labelBox.height() - text.contentBox.height()) / 2;\r\n\t }\r\n\t }\r\n\r\n\t text.reflow(labelBox);\r\n\t },\r\n\r\n\t alignToClipBox: function(clipBox) {\r\n\t var vertical = this.options.vertical;\r\n\t var field = vertical ? Y : X;\r\n\t var start = field + \"1\";\r\n\t var end = field + \"2\";\r\n\t var text = this.children[0];\r\n\t var parentBox = this.parent.box;\r\n\r\n\t if (parentBox[start] < clipBox[start] || clipBox[end] < parentBox[end]) {\r\n\t var targetBox = text.paddingBox.clone();\r\n\t targetBox[start] = Math.max(parentBox[start], clipBox[start]);\r\n\t targetBox[end] = Math.min(parentBox[end], clipBox[end]);\r\n\r\n\t this.reflow(targetBox);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BarLabel, {\r\n\t position: OUTSIDE_END,\r\n\t margin: getSpacing(3),\r\n\t padding: getSpacing(4),\r\n\t color: BLACK,\r\n\t background: \"\",\r\n\t border: {\r\n\t width: 1,\r\n\t color: \"\"\r\n\t },\r\n\t aboveAxis: true,\r\n\t vertical: false,\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: INITIAL_ANIMATION_DURATION\r\n\t },\r\n\t zIndex: 2\r\n\t});\r\n\r\n\tfunction hasGradientOverlay(options) {\r\n\t var overlay = options.overlay;\r\n\r\n\t return overlay && overlay.gradient && overlay.gradient !== \"none\";\r\n\t}\r\n\r\n\tvar BAR_ALIGN_MIN_WIDTH = 6;\r\n\r\n\tvar Bar = ChartElement.extend({\r\n\t init: function(value, options) {\r\n\t ChartElement.fn.init.call(this);\r\n\r\n\t this.options = options;\r\n\t this.color = options.color || WHITE;\r\n\t this.aboveAxis = valueOrDefault(this.options.aboveAxis, true);\r\n\t this.value = value;\r\n\t },\r\n\r\n\t render: function() {\r\n\t if (this._rendered) {\r\n\t return;\r\n\t }\r\n\r\n\t this._rendered = true;\r\n\r\n\t this.createLabel();\r\n\t this.createNote();\r\n\r\n\t if (this.errorBar) {\r\n\t this.append(this.errorBar);\r\n\t }\r\n\t },\r\n\r\n\t createLabel: function() {\r\n\t var options = this.options;\r\n\t var labels = options.labels;\r\n\r\n\t if (labels.visible) {\r\n\t var labelTemplate = getTemplate(labels);\r\n\t var labelText;\r\n\r\n\t if (labelTemplate) {\r\n\t labelText = labelTemplate({\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t value: this.value,\r\n\t percentage: this.percentage,\r\n\t stackValue: this.stackValue,\r\n\t runningTotal: this.runningTotal,\r\n\t total: this.total,\r\n\t series: this.series\r\n\t });\r\n\t } else {\r\n\t labelText = this.formatValue(labels.format);\r\n\t }\r\n\r\n\t this.label = new BarLabel(labelText,\r\n\t deepExtend({\r\n\t vertical: options.vertical\r\n\t },\r\n\t labels\r\n\t ));\r\n\t this.append(this.label);\r\n\t }\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t return this.owner.formatPointValue(this, format);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t this.render();\r\n\r\n\t var label = this.label;\r\n\r\n\t this.box = targetBox;\r\n\r\n\t if (label) {\r\n\t label.options.aboveAxis = this.aboveAxis;\r\n\t label.reflow(targetBox);\r\n\t }\r\n\r\n\t if (this.note) {\r\n\t this.note.reflow(targetBox);\r\n\t }\r\n\r\n\t if (this.errorBars) {\r\n\t for (var i = 0; i < this.errorBars.length; i++) {\r\n\t this$1.errorBars[i].reflow(targetBox);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var options = ref.options;\r\n\t var customVisual = options.visual;\r\n\r\n\t if (this.visible !== false) {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t if (customVisual) {\r\n\t var visual = this.rectVisual = customVisual({\r\n\t category: this.category,\r\n\t dataItem: this.dataItem,\r\n\t value: this.value,\r\n\t sender: this.getSender(),\r\n\t series: this.series,\r\n\t percentage: this.percentage,\r\n\t stackValue: this.stackValue,\r\n\t runningTotal: this.runningTotal,\r\n\t total: this.total,\r\n\t rect: box.toRect(),\r\n\t createVisual: function () {\r\n\t var group = new Group();\r\n\t this$1.createRect(group);\r\n\t return group;\r\n\t },\r\n\t options: options\r\n\t });\r\n\r\n\t if (visual) {\r\n\t this.visual.append(visual);\r\n\t }\r\n\t } else if (box.width() > 0 && box.height() > 0) {\r\n\t this.createRect(this.visual);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createRect: function(visual) {\r\n\t var options = this.options;\r\n\t var border = options.border;\r\n\t var strokeOpacity = defined(border.opacity) ? border.opacity : options.opacity;\r\n\t var rect = this.box.toRect();\r\n\r\n\t rect.size.width = Math.round(rect.size.width);\r\n\r\n\t var path = this.rectVisual = Path.fromRect(rect, {\r\n\t fill: {\r\n\t color: this.color,\r\n\t opacity: options.opacity\r\n\t },\r\n\t stroke: {\r\n\t color: this.getBorderColor(),\r\n\t width: border.width,\r\n\t opacity: strokeOpacity,\r\n\t dashType: border.dashType\r\n\t }\r\n\t });\r\n\r\n\t var width = this.box.width();\r\n\t var height = this.box.height();\r\n\r\n\t var size = options.vertical ? width : height;\r\n\r\n\t if (size > BAR_ALIGN_MIN_WIDTH) {\r\n\t alignPathToPixel(path);\r\n\r\n\t // Fixes lineJoin issue in firefox when the joined lines are parallel\r\n\t if (width < 1 || height < 1) {\r\n\t path.options.stroke.lineJoin = \"round\";\r\n\t }\r\n\t }\r\n\r\n\t visual.append(path);\r\n\r\n\t if (hasGradientOverlay(options)) {\r\n\t var overlay = this.createGradientOverlay(path, { baseColor: this.color }, deepExtend({\r\n\t end: !options.vertical ? [ 0, 1 ] : undefined\r\n\t }, options.overlay));\r\n\r\n\t visual.append(overlay);\r\n\t }\r\n\t },\r\n\r\n\t createHighlight: function(style) {\r\n\t var highlight = Path.fromRect(this.box.toRect(), style);\r\n\r\n\t return alignPathToPixel(highlight);\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this.rectVisual;\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t return {\r\n\t options: this.options,\r\n\t rect: this.box.toRect(),\r\n\t visual: this.rectVisual\r\n\t };\r\n\t },\r\n\r\n\t getBorderColor: function() {\r\n\t var color = this.color;\r\n\t var border = this.options.border;\r\n\t var brightness = border._brightness || BORDER_BRIGHTNESS;\r\n\t var borderColor = border.color;\r\n\r\n\t if (!defined(borderColor)) {\r\n\t borderColor = new Color(color).brightness(brightness).toHex();\r\n\t }\r\n\r\n\t return borderColor;\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.box;\r\n\t var aboveAxis = ref.aboveAxis;\r\n\t var clipBox = this.owner.pane.clipBox() || box;\r\n\t var horizontalAlign = LEFT;\r\n\t var verticalAlign = TOP;\r\n\t var x, y;\r\n\r\n\t if (options.vertical) {\r\n\t x = Math.min(box.x2, clipBox.x2) + TOOLTIP_OFFSET;\r\n\t if (aboveAxis) {\r\n\t y = Math.max(box.y1, clipBox.y1);\r\n\t } else {\r\n\t y = Math.min(box.y2, clipBox.y2);\r\n\t verticalAlign = BOTTOM;\r\n\t }\r\n\t } else {\r\n\t var x1 = Math.max(box.x1, clipBox.x1);\r\n\t var x2 = Math.min(box.x2, clipBox.x2);\r\n\r\n\t if (options.isStacked) {\r\n\t verticalAlign = BOTTOM;\r\n\t if (aboveAxis) {\r\n\t horizontalAlign = RIGHT;\r\n\t x = x2;\r\n\t } else {\r\n\t x = x1;\r\n\t }\r\n\t y = Math.max(box.y1, clipBox.y1) - TOOLTIP_OFFSET;\r\n\t } else {\r\n\t if (aboveAxis) {\r\n\t x = x2 + TOOLTIP_OFFSET;\r\n\t } else {\r\n\t x = x1 - TOOLTIP_OFFSET;\r\n\t horizontalAlign = RIGHT;\r\n\t }\r\n\t y = Math.max(box.y1, clipBox.y1);\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t point: new Point(x, y),\r\n\t align: {\r\n\t horizontal: horizontalAlign,\r\n\t vertical: verticalAlign\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t overlapsBox: function(box) {\r\n\t return this.box.overlaps(box);\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(Bar.prototype, PointEventsMixin);\r\n\tdeepExtend(Bar.prototype, NoteMixin);\r\n\r\n\tBar.prototype.defaults = {\r\n\t border: {\r\n\t width: 1\r\n\t },\r\n\t vertical: true,\r\n\t overlay: {\r\n\t gradient: \"glass\"\r\n\t },\r\n\t labels: {\r\n\t visible: false,\r\n\t format: \"{0}\"\r\n\t },\r\n\t opacity: 1,\r\n\t notes: {\r\n\t label: {}\r\n\t }\r\n\t};\r\n\r\n\tfunction forEach(elements, callback) {\r\n\t elements.forEach(callback);\r\n\t}\r\n\r\n\tfunction forEachReverse(elements, callback) {\r\n\t var length = elements.length;\r\n\r\n\t for (var idx = length - 1; idx >= 0; idx--) {\r\n\t callback(elements[idx], idx - length - 1);\r\n\t }\r\n\t}\r\n\r\n\tvar ClusterLayout = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.forEach = options.rtl ? forEachReverse : forEach;\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t var ref = this.options;\r\n\t var vertical = ref.vertical;\r\n\t var gap = ref.gap;\r\n\t var spacing = ref.spacing;\r\n\t var children = this.children;\r\n\t var count = children.length;\r\n\t var axis = vertical ? Y : X;\r\n\t var slots = count + gap + (spacing * (count - 1));\r\n\t var slotSize = (vertical ? box.height() : box.width()) / slots;\r\n\t var position = box[axis + 1] + slotSize * (gap / 2);\r\n\r\n\t this.forEach(children, function (child, idx) {\r\n\t var childBox = (child.box || box).clone();\r\n\r\n\t childBox[axis + 1] = position;\r\n\t childBox[axis + 2] = position + slotSize;\r\n\r\n\t child.reflow(childBox);\r\n\t if (idx < count - 1) {\r\n\t position += (slotSize * spacing);\r\n\t }\r\n\r\n\t position += slotSize;\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(ClusterLayout, {\r\n\t vertical: false,\r\n\t gap: 0,\r\n\t spacing: 0\r\n\t});\r\n\r\n\tvar StackWrap = ChartElement.extend({\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t var positionAxis = this.options.vertical ? X : Y;\r\n\t var children = this.children;\r\n\t var childrenCount = children.length;\r\n\t var box = this.box = new Box();\r\n\r\n\t for (var i = 0; i < childrenCount; i++) {\r\n\t var currentChild = children[i];\r\n\r\n\t if (currentChild.visible !== false) {\r\n\t var childBox = currentChild.box.clone();\r\n\t childBox.snapTo(targetBox, positionAxis);\r\n\r\n\t if (i === 0) {\r\n\t box = this$1.box = childBox.clone();\r\n\t }\r\n\r\n\t currentChild.reflow(childBox);\r\n\t box.wrap(childBox);\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(StackWrap, {\r\n\t vertical: true\r\n\t});\r\n\r\n\tvar BarChart = CategoricalChart.extend({\r\n\t render: function() {\r\n\t CategoricalChart.fn.render.call(this);\r\n\t this.updateStackRange();\r\n\t },\r\n\r\n\t pointType: function() {\r\n\t return Bar;\r\n\t },\r\n\r\n\t clusterType: function() {\r\n\t return ClusterLayout;\r\n\t },\r\n\r\n\t stackType: function() {\r\n\t return StackWrap;\r\n\t },\r\n\r\n\t stackLimits: function(axisName, stackName) {\r\n\t var limits = CategoricalChart.fn.stackLimits.call(this, axisName, stackName);\r\n\r\n\t return limits;\r\n\t },\r\n\r\n\t createPoint: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var children = ref.children;\r\n\t var isStacked = options.isStacked;\r\n\t var value = this.pointValue(data);\r\n\t var pointOptions = this.pointOptions(series, seriesIx);\r\n\r\n\t var labelOptions = pointOptions.labels;\r\n\t if (isStacked) {\r\n\t if (labelOptions.position === OUTSIDE_END) {\r\n\t labelOptions.position = INSIDE_END;\r\n\t }\r\n\t }\r\n\r\n\t pointOptions.isStacked = isStacked;\r\n\r\n\t var color = data.fields.color || series.color;\r\n\t if (value < 0 && pointOptions.negativeColor) {\r\n\t color = pointOptions.negativeColor;\r\n\t }\r\n\r\n\t pointOptions = this.evalPointOptions(\r\n\t pointOptions, value, category, categoryIx, series, seriesIx\r\n\t );\r\n\r\n\t if (isFunction(series.color)) {\r\n\t color = pointOptions.color;\r\n\t }\r\n\r\n\t var pointType = this.pointType();\r\n\t var point = new pointType(value, pointOptions);\r\n\t point.color = color;\r\n\r\n\t var cluster = children[categoryIx];\r\n\t if (!cluster) {\r\n\t var clusterType = this.clusterType();\r\n\t cluster = new clusterType({\r\n\t vertical: options.invertAxes,\r\n\t gap: options.gap,\r\n\t spacing: options.spacing,\r\n\t rtl: !options.invertAxes && (this.chartService || {}).rtl\r\n\t });\r\n\t this.append(cluster);\r\n\t }\r\n\r\n\t if (isStacked) {\r\n\t var stackWrap = this.getStackWrap(series, cluster);\r\n\t stackWrap.append(point);\r\n\t } else {\r\n\t cluster.append(point);\r\n\t }\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t getStackWrap: function(series, cluster) {\r\n\t var stack = series.stack;\r\n\t var stackGroup = stack ? stack.group || stack : stack;\r\n\t var wraps = cluster.children;\r\n\t var stackWrap;\r\n\r\n\t if (typeof stackGroup === datavizConstants.STRING) {\r\n\t for (var i = 0; i < wraps.length; i++) {\r\n\t if (wraps[i]._stackGroup === stackGroup) {\r\n\t stackWrap = wraps[i];\r\n\t break;\r\n\t }\r\n\t }\r\n\t } else {\r\n\t stackWrap = wraps[0];\r\n\t }\r\n\r\n\t if (!stackWrap) {\r\n\t var stackType = this.stackType();\r\n\t stackWrap = new stackType({\r\n\t vertical: !this.options.invertAxes\r\n\t });\r\n\t stackWrap._stackGroup = stackGroup;\r\n\t cluster.append(stackWrap);\r\n\t }\r\n\r\n\t return stackWrap;\r\n\t },\r\n\r\n\t categorySlot: function(categoryAxis, categoryIx, valueAxis) {\r\n\t var options = this.options;\r\n\t var categorySlot = categoryAxis.getSlot(categoryIx);\r\n\t var startValue = valueAxis.startValue();\r\n\r\n\t if (options.isStacked) {\r\n\t var zeroSlot = valueAxis.getSlot(startValue, startValue, true);\r\n\t var stackAxis = options.invertAxes ? X : Y;\r\n\t categorySlot[stackAxis + 1] = categorySlot[stackAxis + 2] = zeroSlot[stackAxis + 1];\r\n\t }\r\n\r\n\t return categorySlot;\r\n\t },\r\n\r\n\t reflowCategories: function(categorySlots) {\r\n\t var children = this.children;\r\n\t var childrenLength = children.length;\r\n\r\n\t for (var i = 0; i < childrenLength; i++) {\r\n\t children[i].reflow(categorySlots[i]);\r\n\t }\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t this._setAnimationOptions();\r\n\t CategoricalChart.fn.createAnimation.call(this);\r\n\r\n\t if (anyHasZIndex(this.options.series)) {\r\n\t this._setChildrenAnimation();\r\n\t }\r\n\t },\r\n\r\n\t _setChildrenAnimation: function() {\r\n\t var this$1 = this;\r\n\r\n\t var points = this.points;\r\n\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t var point = points[idx];\r\n\t var pointVisual = point.visual;\r\n\t if (pointVisual && defined(pointVisual.options.zIndex)) {\r\n\t point.options.animation = this$1.options.animation;\r\n\t point.createAnimation();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _setAnimationOptions: function() {\r\n\t var options = this.options;\r\n\t var animation = options.animation || {};\r\n\t var origin;\r\n\r\n\t if (options.isStacked) {\r\n\t var valueAxis = this.seriesValueAxis(options.series[0]);\r\n\t origin = valueAxis.getSlot(valueAxis.startValue());\r\n\t } else {\r\n\t origin = this.categoryAxis.getSlot(0);\r\n\t }\r\n\r\n\t animation.origin = new GeometryPoint(origin.x1, origin.y1);\r\n\t animation.vertical = !options.invertAxes;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BarChart, {\r\n\t animation: {\r\n\t type: BAR\r\n\t }\r\n\t});\r\n\r\n\tvar Candlestick = ChartElement.extend({\r\n\t init: function(value, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\t this.value = value;\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var value = ref.value;\r\n\t var chart = ref.owner;\r\n\t var valueAxis = chart.seriesValueAxis(options);\r\n\t var ocSlot = valueAxis.getSlot(value.open, value.close);\r\n\t var lhSlot = valueAxis.getSlot(value.low, value.high);\r\n\r\n\t ocSlot.x1 = lhSlot.x1 = box.x1;\r\n\t ocSlot.x2 = lhSlot.x2 = box.x2;\r\n\r\n\t this.realBody = ocSlot;\r\n\r\n\t var mid = lhSlot.center().x;\r\n\t var points = [];\r\n\r\n\t points.push([ [ mid, lhSlot.y1 ], [ mid, ocSlot.y1 ] ]);\r\n\t points.push([ [ mid, ocSlot.y2 ], [ mid, lhSlot.y2 ] ]);\r\n\r\n\t this.lines = points;\r\n\r\n\t this.box = lhSlot.clone().wrap(ocSlot);\r\n\r\n\t if (!this._rendered) {\r\n\t this._rendered = true;\r\n\t this.createNote();\r\n\t }\r\n\r\n\t this.reflowNote();\r\n\t },\r\n\r\n\t reflowNote: function() {\r\n\t if (this.note) {\r\n\t this.note.reflow(this.box);\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\t this._mainVisual = this.mainVisual(this.options);\r\n\t this.visual.append(\r\n\t this._mainVisual\r\n\t );\r\n\r\n\t this.createOverlay();\r\n\t },\r\n\r\n\t mainVisual: function(options) {\r\n\t var group = new Group();\r\n\r\n\t this.createBody(group, options);\r\n\t this.createLines(group, options);\r\n\r\n\t return group;\r\n\t },\r\n\r\n\t createBody: function(container, options) {\r\n\t var body = Path.fromRect(this.realBody.toRect(), {\r\n\t fill: {\r\n\t color: this.color,\r\n\t opacity: options.opacity\r\n\t },\r\n\t stroke: null\r\n\t });\r\n\r\n\t if (options.border.width > 0) {\r\n\t body.options.set(\"stroke\", {\r\n\t color: this.getBorderColor(),\r\n\t width: options.border.width,\r\n\t dashType: options.border.dashType,\r\n\t opacity: valueOrDefault(options.border.opacity, options.opacity)\r\n\t });\r\n\t }\r\n\r\n\t alignPathToPixel(body);\r\n\t container.append(body);\r\n\r\n\t if (hasGradientOverlay(options)) {\r\n\t container.append(this.createGradientOverlay(body, { baseColor: this.color }, deepExtend({\r\n\t end: !options.vertical ? [ 0, 1 ] : undefined\r\n\t }, options.overlay)));\r\n\t }\r\n\t },\r\n\r\n\t createLines: function(container, options) {\r\n\t this.drawLines(container, options, this.lines, options.line);\r\n\t },\r\n\r\n\t drawLines: function(container, options, lines, lineOptions) {\r\n\t if (!lines) {\r\n\t return;\r\n\t }\r\n\r\n\t var lineStyle = {\r\n\t stroke: {\r\n\t color: lineOptions.color || this.color,\r\n\t opacity: valueOrDefault(lineOptions.opacity, options.opacity),\r\n\t width: lineOptions.width,\r\n\t dashType: lineOptions.dashType,\r\n\t lineCap: \"butt\"\r\n\t }\r\n\t };\r\n\r\n\t for (var i = 0; i < lines.length; i++) {\r\n\t var line = Path.fromPoints(lines[i], lineStyle);\r\n\t alignPathToPixel(line);\r\n\t container.append(line);\r\n\t }\r\n\t },\r\n\r\n\t getBorderColor: function() {\r\n\t var border = this.options.border;\r\n\t var borderColor = border.color;\r\n\r\n\t if (!defined(borderColor)) {\r\n\t borderColor = new Color(this.color).brightness(border._brightness).toHex();\r\n\t }\r\n\r\n\t return borderColor;\r\n\t },\r\n\r\n\t createOverlay: function() {\r\n\t var overlay = Path.fromRect(this.box.toRect(), {\r\n\t fill: {\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t },\r\n\t stroke: null\r\n\t });\r\n\r\n\t this.visual.append(overlay);\r\n\t },\r\n\r\n\t createHighlight: function() {\r\n\t var highlight = this.options.highlight;\r\n\t var normalColor = this.color;\r\n\r\n\t this.color = highlight.color || this.color;\r\n\t var overlay = this.mainVisual(\r\n\t deepExtend({}, this.options, {\r\n\t line: {\r\n\t color: this.getBorderColor()\r\n\t }\r\n\t }, highlight)\r\n\t );\r\n\t this.color = normalColor;\r\n\r\n\t return overlay;\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this._mainVisual;\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t return {\r\n\t options: this.options,\r\n\t rect: this.box.toRect(),\r\n\t visual: this._mainVisual\r\n\t };\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var box = this.box;\r\n\t var clipBox = this.owner.pane.clipBox() || box;\r\n\r\n\t return {\r\n\t point: new Point(box.x2 + TOOLTIP_OFFSET, Math.max(box.y1, clipBox.y1) + TOOLTIP_OFFSET),\r\n\t align: {\r\n\t horizontal: LEFT,\r\n\t vertical: TOP\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t return this.owner.formatPointValue(this, format);\r\n\t },\r\n\r\n\t overlapsBox: function(box) {\r\n\t return this.box.overlaps(box);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Candlestick, {\r\n\t vertical: true,\r\n\t border: {\r\n\t _brightness: 0.8\r\n\t },\r\n\t line: {\r\n\t width: 2\r\n\t },\r\n\t overlay: {\r\n\t gradient: \"glass\"\r\n\t },\r\n\t tooltip: {\r\n\t format: \"\" +\r\n\t \"
\"\r\n\t },\r\n\t highlight: {\r\n\t opacity: 1,\r\n\t border: {\r\n\t width: 1,\r\n\t opacity: 1\r\n\t },\r\n\t line: {\r\n\t width: 1,\r\n\t opacity: 1\r\n\t }\r\n\t },\r\n\t notes: {\r\n\t visible: true,\r\n\t label: {}\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(Candlestick.prototype, PointEventsMixin);\r\n\tdeepExtend(Candlestick.prototype, NoteMixin);\r\n\r\n\tfunction areNumbers(values) {\r\n\t return countNumbers(values) === values.length;\r\n\t}\r\n\r\n\tvar CandlestickChart = CategoricalChart.extend({\r\n\t reflowCategories: function(categorySlots) {\r\n\t var children = this.children;\r\n\t var childrenLength = children.length;\r\n\r\n\t for (var i = 0; i < childrenLength; i++) {\r\n\t children[i].reflow(categorySlots[i]);\r\n\t }\r\n\t },\r\n\r\n\t addValue: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var ref = this;\r\n\t var children = ref.children;\r\n\t var options = ref.options;\r\n\t var value = data.valueFields;\r\n\t var valueParts = this.splitValue(value);\r\n\t var hasValue = areNumbers(valueParts);\r\n\t var dataItem = series.data[categoryIx];\r\n\t var categoryPoints = this.categoryPoints[categoryIx];\r\n\t var point;\r\n\r\n\t if (!categoryPoints) {\r\n\t this.categoryPoints[categoryIx] = categoryPoints = [];\r\n\t }\r\n\r\n\t if (hasValue) {\r\n\t point = this.createPoint(data, fields);\r\n\t }\r\n\r\n\t var cluster = children[categoryIx];\r\n\t if (!cluster) {\r\n\t cluster = new ClusterLayout({\r\n\t vertical: options.invertAxes,\r\n\t gap: options.gap,\r\n\t spacing: options.spacing,\r\n\t rtl: !options.invertAxes && (this.chartService || {}).rtl\r\n\t });\r\n\t this.append(cluster);\r\n\t }\r\n\r\n\t if (point) {\r\n\t this.updateRange(value, fields);\r\n\r\n\t cluster.append(point);\r\n\r\n\t point.categoryIx = categoryIx;\r\n\t point.category = category;\r\n\t point.series = series;\r\n\t point.seriesIx = seriesIx;\r\n\t point.owner = this;\r\n\t point.dataItem = dataItem;\r\n\t point.noteText = data.fields.noteText;\r\n\t }\r\n\r\n\t this.points.push(point);\r\n\t categoryPoints.push(point);\r\n\t },\r\n\r\n\t pointType: function() {\r\n\t return Candlestick;\r\n\t },\r\n\r\n\t createPoint: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var pointType = this.pointType();\r\n\t var value = data.valueFields;\r\n\t var pointOptions = deepExtend({}, series);\r\n\t var color = data.fields.color || series.color;\r\n\r\n\t pointOptions = this.evalPointOptions(\r\n\t pointOptions, value, category, categoryIx, series, seriesIx\r\n\t );\r\n\r\n\t if (series.type === CANDLESTICK) {\r\n\t if (value.open > value.close) {\r\n\t color = data.fields.downColor || series.downColor || series.color;\r\n\t }\r\n\t }\r\n\r\n\t if (isFunction(series.color)) {\r\n\t color = pointOptions.color;\r\n\t }\r\n\r\n\t pointOptions.vertical = !this.options.invertAxes;\r\n\r\n\t var point = new pointType(value, pointOptions);\r\n\t point.color = color;\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t splitValue: function(value) {\r\n\t return [ value.low, value.open, value.close, value.high ];\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t var axisName = fields.series.axis;\r\n\t var parts = this.splitValue(value);\r\n\t var axisRange = this.valueAxisRanges[axisName];\r\n\r\n\t axisRange = this.valueAxisRanges[axisName] =\r\n\t axisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t axisRange = this.valueAxisRanges[axisName] = {\r\n\t min: Math.min.apply(Math, parts.concat([ axisRange.min ])),\r\n\t max: Math.max.apply(Math, parts.concat([ axisRange.max ]))\r\n\t };\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t var value = point.value;\r\n\r\n\t return this.chartService.format.auto(format,\r\n\t value.open, value.high,\r\n\t value.low, value.close, point.category\r\n\t );\r\n\t },\r\n\r\n\t animationPoints: function() {\r\n\t return this.points;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(CandlestickChart.prototype, ClipAnimationMixin);\r\n\r\n\tvar BoxPlot = Candlestick.extend({\r\n\t init: function(value, options) {\r\n\t Candlestick.fn.init.call(this, value, options);\r\n\r\n\t this.createNote();\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var value = ref.value;\r\n\t var chart = ref.owner;\r\n\t var valueAxis = chart.seriesValueAxis(options);\r\n\t var whiskerSlot, boxSlot;\r\n\r\n\t this.boxSlot = boxSlot = valueAxis.getSlot(value.q1, value.q3);\r\n\t this.realBody = boxSlot;\r\n\t this.reflowBoxSlot(box);\r\n\r\n\t this.whiskerSlot = whiskerSlot = valueAxis.getSlot(value.lower, value.upper);\r\n\t this.reflowWhiskerSlot(box);\r\n\r\n\t var medianSlot = valueAxis.getSlot(value.median);\r\n\r\n\t if (value.mean) {\r\n\t var meanSlot = valueAxis.getSlot(value.mean);\r\n\t this.meanPoints = this.calcMeanPoints(box, meanSlot);\r\n\t }\r\n\r\n\t this.whiskerPoints = this.calcWhiskerPoints(boxSlot, whiskerSlot);\r\n\t this.medianPoints = this.calcMedianPoints(box, medianSlot);\r\n\r\n\t this.box = whiskerSlot.clone().wrap(boxSlot);\r\n\t this.reflowNote();\r\n\t },\r\n\r\n\t reflowBoxSlot: function(box) {\r\n\t this.boxSlot.x1 = box.x1;\r\n\t this.boxSlot.x2 = box.x2;\r\n\t },\r\n\r\n\t reflowWhiskerSlot: function(box) {\r\n\t this.whiskerSlot.x1 = box.x1;\r\n\t this.whiskerSlot.x2 = box.x2;\r\n\t },\r\n\r\n\t calcMeanPoints: function(box, meanSlot) {\r\n\t return [\r\n\t [ [ box.x1, meanSlot.y1 ], [ box.x2, meanSlot.y1 ] ]\r\n\t ];\r\n\t },\r\n\r\n\t calcWhiskerPoints: function(boxSlot, whiskerSlot) {\r\n\t var mid = whiskerSlot.center().x;\r\n\t return [ [\r\n\t [ mid - 5, whiskerSlot.y1 ], [ mid + 5, whiskerSlot.y1 ],\r\n\t [ mid, whiskerSlot.y1 ], [ mid, boxSlot.y1 ]\r\n\t ], [\r\n\t [ mid - 5, whiskerSlot.y2 ], [ mid + 5, whiskerSlot.y2 ],\r\n\t [ mid, whiskerSlot.y2 ], [ mid, boxSlot.y2 ]\r\n\t ] ];\r\n\t },\r\n\r\n\t calcMedianPoints: function(box, medianSlot) {\r\n\t return [\r\n\t [ [ box.x1, medianSlot.y1 ], [ box.x2, medianSlot.y1 ] ]\r\n\t ];\r\n\t },\r\n\r\n\t renderOutliers: function(options) {\r\n\t var this$1 = this;\r\n\r\n\t var value = this.value;\r\n\t var outliers = value.outliers || [];\r\n\t var outerFence = Math.abs(value.q3 - value.q1) * 3;\r\n\t var elements = [];\r\n\t var markers = options.markers || {};\r\n\r\n\t for (var i = 0; i < outliers.length; i++) {\r\n\t var outlierValue = outliers[i];\r\n\t if (outlierValue < value.q3 + outerFence && outlierValue > value.q1 - outerFence) {\r\n\t markers = options.outliers;\r\n\t } else {\r\n\t markers = options.extremes;\r\n\t }\r\n\t var markersBorder = deepExtend({}, markers.border);\r\n\r\n\t if (!defined(markersBorder.color)) {\r\n\t if (defined(this$1.color)) {\r\n\t markersBorder.color = this$1.color;\r\n\t } else {\r\n\t markersBorder.color =\r\n\t new Color(markers.background).brightness(BORDER_BRIGHTNESS).toHex();\r\n\t }\r\n\t }\r\n\r\n\t var shape = new ShapeElement({\r\n\t type: markers.type,\r\n\t width: markers.size,\r\n\t height: markers.size,\r\n\t rotation: markers.rotation,\r\n\t background: markers.background,\r\n\t border: markersBorder,\r\n\t opacity: markers.opacity\r\n\t });\r\n\r\n\t shape.value = outlierValue;\r\n\r\n\t elements.push(shape);\r\n\t }\r\n\r\n\t this.reflowOutliers(elements);\r\n\t return elements;\r\n\t },\r\n\r\n\t reflowOutliers: function(outliers) {\r\n\t var this$1 = this;\r\n\r\n\t var valueAxis = this.owner.seriesValueAxis(this.options);\r\n\t var center = this.box.center();\r\n\r\n\t for (var i = 0; i < outliers.length; i++) {\r\n\t var outlierValue = outliers[i].value;\r\n\t var markerBox = valueAxis.getSlot(outlierValue);\r\n\r\n\t if (this$1.options.vertical) {\r\n\t markerBox.move(center.x);\r\n\t } else {\r\n\t markerBox.move(undefined, center.y);\r\n\t }\r\n\r\n\t this$1.box = this$1.box.wrap(markerBox);\r\n\t outliers[i].reflow(markerBox);\r\n\t }\r\n\t },\r\n\r\n\t mainVisual: function(options) {\r\n\t var group = Candlestick.fn.mainVisual.call(this, options);\r\n\t var outliers = this.renderOutliers(options);\r\n\r\n\t for (var i = 0; i < outliers.length; i++) {\r\n\t var element = outliers[i].getElement();\r\n\t if (element) {\r\n\t group.append(element);\r\n\t }\r\n\t }\r\n\r\n\t return group;\r\n\t },\r\n\r\n\t createLines: function(container, options) {\r\n\t this.drawLines(container, options, this.whiskerPoints, options.whiskers);\r\n\t this.drawLines(container, options, this.medianPoints, options.median);\r\n\t this.drawLines(container, options, this.meanPoints, options.mean);\r\n\t },\r\n\r\n\t getBorderColor: function() {\r\n\t if (this.color) {\r\n\t return this.color;\r\n\t }\r\n\r\n\t return Candlestick.fn.getBorderColor.call(this);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BoxPlot, {\r\n\t border: {\r\n\t _brightness: 0.8\r\n\t },\r\n\t line: {\r\n\t width: 2\r\n\t },\r\n\t median: {\r\n\t color: \"#f6f6f6\"\r\n\t },\r\n\t mean: {\r\n\t width: 2,\r\n\t dashType: \"dash\",\r\n\t color: \"#f6f6f6\"\r\n\t },\r\n\t overlay: {\r\n\t gradient: \"glass\"\r\n\t },\r\n\t tooltip: {\r\n\t format: \"\" +\r\n\t \"
\"\r\n\t },\r\n\t highlight: {\r\n\t opacity: 1,\r\n\t border: {\r\n\t width: 1,\r\n\t opacity: 1\r\n\t },\r\n\t line: {\r\n\t width: 1,\r\n\t opacity: 1\r\n\t }\r\n\t },\r\n\t notes: {\r\n\t visible: true,\r\n\t label: {}\r\n\t },\r\n\t outliers: {\r\n\t visible: true,\r\n\t size: LINE_MARKER_SIZE,\r\n\t type: datavizConstants.CROSS,\r\n\t background: WHITE,\r\n\t border: {\r\n\t width: 2,\r\n\t opacity: 1\r\n\t },\r\n\t opacity: 0\r\n\t },\r\n\t extremes: {\r\n\t visible: true,\r\n\t size: LINE_MARKER_SIZE,\r\n\t type: CIRCLE,\r\n\t background: WHITE,\r\n\t border: {\r\n\t width: 2,\r\n\t opacity: 1\r\n\t },\r\n\t opacity: 0\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(BoxPlot.prototype, PointEventsMixin);\r\n\r\n\tvar VerticalBoxPlot = BoxPlot.extend({\r\n\t reflowBoxSlot: function(box) {\r\n\t this.boxSlot.y1 = box.y1;\r\n\t this.boxSlot.y2 = box.y2;\r\n\t },\r\n\r\n\t reflowWhiskerSlot: function(box) {\r\n\t this.whiskerSlot.y1 = box.y1;\r\n\t this.whiskerSlot.y2 = box.y2;\r\n\t },\r\n\r\n\t calcMeanPoints: function(box, meanSlot) {\r\n\t return [\r\n\t [ [ meanSlot.x1, box.y1 ], [ meanSlot.x1, box.y2 ] ]\r\n\t ];\r\n\t },\r\n\r\n\t calcWhiskerPoints: function(boxSlot, whiskerSlot) {\r\n\t var mid = whiskerSlot.center().y;\r\n\t return [ [\r\n\t [ whiskerSlot.x1, mid - 5 ], [ whiskerSlot.x1, mid + 5 ],\r\n\t [ whiskerSlot.x1, mid ], [ boxSlot.x1, mid ]\r\n\t ], [\r\n\t [ whiskerSlot.x2, mid - 5 ], [ whiskerSlot.x2, mid + 5 ],\r\n\t [ whiskerSlot.x2, mid ], [ boxSlot.x2, mid ]\r\n\t ] ];\r\n\t },\r\n\r\n\t calcMedianPoints: function(box, medianSlot) {\r\n\t return [\r\n\t [ [ medianSlot.x1, box.y1 ], [ medianSlot.x1, box.y2 ] ]\r\n\t ];\r\n\t }\r\n\t});\r\n\r\n\tvar BoxPlotChart = CandlestickChart.extend({\r\n\t addValue: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var ref = this;\r\n\t var children = ref.children;\r\n\t var options = ref.options;\r\n\t var value = data.valueFields;\r\n\t var valueParts = this.splitValue(value);\r\n\t var hasValue = areNumbers(valueParts);\r\n\t var dataItem = series.data[categoryIx];\r\n\t var categoryPoints = this.categoryPoints[categoryIx];\r\n\t var point;\r\n\r\n\t if (!categoryPoints) {\r\n\t this.categoryPoints[categoryIx] = categoryPoints = [];\r\n\t }\r\n\r\n\t if (hasValue) {\r\n\t point = this.createPoint(data, fields);\r\n\t }\r\n\r\n\t var cluster = children[categoryIx];\r\n\t if (!cluster) {\r\n\t cluster = new ClusterLayout({\r\n\t vertical: options.invertAxes,\r\n\t gap: options.gap,\r\n\t spacing: options.spacing,\r\n\t rtl: !options.invertAxes && (this.chartService || {}).rtl\r\n\t });\r\n\t this.append(cluster);\r\n\t }\r\n\r\n\t if (point) {\r\n\t this.updateRange(value, fields);\r\n\r\n\t cluster.append(point);\r\n\r\n\t point.categoryIx = categoryIx;\r\n\t point.category = category;\r\n\t point.series = series;\r\n\t point.seriesIx = seriesIx;\r\n\t point.owner = this;\r\n\t point.dataItem = dataItem;\r\n\t }\r\n\r\n\t this.points.push(point);\r\n\t categoryPoints.push(point);\r\n\t },\r\n\r\n\t pointType: function() {\r\n\t if (this.options.invertAxes) {\r\n\t return VerticalBoxPlot;\r\n\t }\r\n\r\n\t return BoxPlot;\r\n\t },\r\n\r\n\t splitValue: function(value) {\r\n\t return [\r\n\t value.lower, value.q1, value.median,\r\n\t value.q3, value.upper\r\n\t ];\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t var axisName = fields.series.axis;\r\n\t var axisRange = this.valueAxisRanges[axisName];\r\n\t var parts = this.splitValue(value).concat(this.filterOutliers(value.outliers));\r\n\r\n\t if (defined(value.mean)) {\r\n\t parts = parts.concat(value.mean);\r\n\t }\r\n\r\n\t axisRange = this.valueAxisRanges[axisName] =\r\n\t axisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t axisRange = this.valueAxisRanges[axisName] = {\r\n\t min: Math.min.apply(Math, parts.concat([ axisRange.min ])),\r\n\t max: Math.max.apply(Math, parts.concat([ axisRange.max ]))\r\n\t };\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t var value = point.value;\r\n\r\n\t return this.chartService.format.auto(format,\r\n\t value.lower, value.q1, value.median,\r\n\t value.q3, value.upper, value.mean, point.category\r\n\t );\r\n\t },\r\n\r\n\t filterOutliers: function(items) {\r\n\t var length = (items || []).length;\r\n\t var result = [];\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var item = items[i];\r\n\t if (defined(item) && item !== null) {\r\n\t result.push(item);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t }\r\n\t});\r\n\r\n\tvar ScatterErrorBar = ErrorBarBase.extend({\r\n\t getAxis: function() {\r\n\t var axes = this.chart.seriesAxes(this.series);\r\n\t var axis = this.isVertical ? axes.y : axes.x;\r\n\r\n\t return axis;\r\n\t }\r\n\t});\r\n\r\n\tfunction hasValue(value) {\r\n\t return defined(value) && value !== null;\r\n\t}\r\n\r\n\tvar ScatterChart = ChartElement.extend({\r\n\t init: function(plotArea, options) {\r\n\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.chartService = plotArea.chartService;\r\n\t this._initFields();\r\n\r\n\t this.render();\r\n\t },\r\n\r\n\t _initFields: function() {\r\n\t // X and Y axis ranges grouped by name, e.g.:\r\n\t // primary: { min: 0, max: 1 }\r\n\t this.xAxisRanges = {};\r\n\t this.yAxisRanges = {};\r\n\r\n\t this.points = [];\r\n\t this.seriesPoints = [];\r\n\t this.seriesOptions = [];\r\n\t this._evalSeries = [];\r\n\t },\r\n\r\n\t render: function() {\r\n\t this.traverseDataPoints(this.addValue.bind(this));\r\n\t },\r\n\r\n\t addErrorBar: function(point, field, fields) {\r\n\t var value = point.value[field];\r\n\t var valueErrorField = field + \"Value\";\r\n\t var lowField = field + \"ErrorLow\";\r\n\t var highField = field + \"ErrorHigh\";\r\n\t var seriesIx = fields.seriesIx;\r\n\t var series = fields.series;\r\n\t var errorBars = point.options.errorBars;\r\n\t var lowValue = fields[lowField];\r\n\t var highValue = fields[highField];\r\n\r\n\t if (isNumber(value)) {\r\n\t var errorRange;\r\n\t if (isNumber(lowValue) && isNumber(highValue)) {\r\n\t errorRange = { low: lowValue, high: highValue };\r\n\t }\r\n\r\n\t if (errorBars && defined(errorBars[valueErrorField])) {\r\n\t this.seriesErrorRanges = this.seriesErrorRanges || { x: [], y: [] };\r\n\t this.seriesErrorRanges[field][seriesIx] = this.seriesErrorRanges[field][seriesIx] ||\r\n\t new ErrorRangeCalculator(errorBars[valueErrorField], series, field);\r\n\r\n\t errorRange = this.seriesErrorRanges[field][seriesIx].getErrorRange(value, errorBars[valueErrorField]);\r\n\t }\r\n\r\n\t if (errorRange) {\r\n\t this.addPointErrorBar(errorRange, point, field);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t addPointErrorBar: function(errorRange, point, field) {\r\n\t var low = errorRange.low;\r\n\t var high = errorRange.high;\r\n\t var series = point.series;\r\n\t var options = point.options.errorBars;\r\n\t var isVertical = field === Y;\r\n\t var item = {};\r\n\r\n\t point[field + \"Low\"] = low;\r\n\t point[field + \"High\"] = high;\r\n\r\n\t point.errorBars = point.errorBars || [];\r\n\t var errorBar = new ScatterErrorBar(low, high, isVertical, this, series, options);\r\n\t point.errorBars.push(errorBar);\r\n\t point.append(errorBar);\r\n\r\n\t item[field] = low;\r\n\t this.updateRange(item, series);\r\n\t item[field] = high;\r\n\t this.updateRange(item, series);\r\n\t },\r\n\r\n\t addValue: function(value, fields) {\r\n\t var x = value.x;\r\n\t var y = value.y;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var series = this.options.series[seriesIx];\r\n\t var missingValues = this.seriesMissingValues(series);\r\n\t var seriesPoints = this.seriesPoints[seriesIx];\r\n\r\n\t var pointValue = value;\r\n\t if (!(hasValue(x) && hasValue(y))) {\r\n\t pointValue = this.createMissingValue(pointValue, missingValues);\r\n\t }\r\n\r\n\t var point;\r\n\t if (pointValue) {\r\n\t point = this.createPoint(pointValue, fields);\r\n\t if (point) {\r\n\t $.extend(point, fields);\r\n\t this.addErrorBar(point, X, fields);\r\n\t this.addErrorBar(point, Y, fields);\r\n\t }\r\n\t this.updateRange(pointValue, fields.series);\r\n\t }\r\n\r\n\t this.points.push(point);\r\n\t seriesPoints.push(point);\r\n\t },\r\n\r\n\t seriesMissingValues: function(series) {\r\n\t return series.missingValues;\r\n\t },\r\n\r\n\t createMissingValue: function() {},\r\n\r\n\t updateRange: function(value, series) {\r\n\t var intlService = this.chartService.intl;\r\n\t var xAxisName = series.xAxis;\r\n\t var yAxisName = series.yAxis;\r\n\t var x = value.x;\r\n\t var y = value.y;\r\n\t var xAxisRange = this.xAxisRanges[xAxisName];\r\n\t var yAxisRange = this.yAxisRanges[yAxisName];\r\n\r\n\t if (hasValue(x)) {\r\n\t xAxisRange = this.xAxisRanges[xAxisName] =\r\n\t xAxisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t if (isString(x)) {\r\n\t x = parseDate(intlService, x);\r\n\t }\r\n\r\n\t xAxisRange.min = Math.min(xAxisRange.min, x);\r\n\t xAxisRange.max = Math.max(xAxisRange.max, x);\r\n\t }\r\n\r\n\t if (hasValue(y)) {\r\n\t yAxisRange = this.yAxisRanges[yAxisName] =\r\n\t yAxisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t if (isString(y)) {\r\n\t y = parseDate(intlService, y);\r\n\t }\r\n\r\n\t yAxisRange.min = Math.min(yAxisRange.min, y);\r\n\t yAxisRange.max = Math.max(yAxisRange.max, y);\r\n\t }\r\n\t },\r\n\r\n\t evalPointOptions: function(options, value, fields) {\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var state = { defaults: series._defaults, excluded: [ \"data\", \"tooltip\", \"content\", \"template\", \"visual\", \"toggle\", \"_outOfRangeMinPoint\", \"_outOfRangeMaxPoint\" ] };\r\n\r\n\t var doEval = this._evalSeries[seriesIx];\r\n\t if (!defined(doEval)) {\r\n\t this._evalSeries[seriesIx] = doEval = evalOptions(options, {}, state, true);\r\n\t }\r\n\r\n\t var pointOptions = options;\r\n\t if (doEval) {\r\n\t pointOptions = deepExtend({}, options);\r\n\t evalOptions(pointOptions, {\r\n\t value: value,\r\n\t series: series,\r\n\t dataItem: fields.dataItem\r\n\t }, state);\r\n\t }\r\n\r\n\t return pointOptions;\r\n\t },\r\n\r\n\t pointType: function() {\r\n\t return LinePoint;\r\n\t },\r\n\r\n\t pointOptions: function(series, seriesIx) {\r\n\t var options = this.seriesOptions[seriesIx];\r\n\t if (!options) {\r\n\t var defaults = this.pointType().prototype.defaults;\r\n\t this.seriesOptions[seriesIx] = options = deepExtend({}, defaults, {\r\n\t markers: {\r\n\t opacity: series.opacity\r\n\t },\r\n\t tooltip: {\r\n\t format: this.options.tooltip.format\r\n\t },\r\n\t labels: {\r\n\t format: this.options.labels.format\r\n\t }\r\n\t }, series);\r\n\t }\r\n\r\n\t return options;\r\n\t },\r\n\r\n\t createPoint: function(value, fields) {\r\n\t var series = fields.series;\r\n\t var pointOptions = this.pointOptions(series, fields.seriesIx);\r\n\t var color = fields.color || series.color;\r\n\r\n\t pointOptions = this.evalPointOptions(pointOptions, value, fields);\r\n\r\n\t if (isFunction(series.color)) {\r\n\t color = pointOptions.color;\r\n\t }\r\n\r\n\t var point = new LinePoint(value, pointOptions);\r\n\t point.color = color;\r\n\r\n\t this.append(point);\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t seriesAxes: function(series) {\r\n\t var xAxisName = series.xAxis;\r\n\t var yAxisName = series.yAxis;\r\n\t var plotArea = this.plotArea;\r\n\t var xAxis = xAxisName ? plotArea.namedXAxes[xAxisName] : plotArea.axisX;\r\n\t var yAxis = yAxisName ? plotArea.namedYAxes[yAxisName] : plotArea.axisY;\r\n\r\n\t if (!xAxis) {\r\n\t throw new Error(\"Unable to locate X axis with name \" + xAxisName);\r\n\t }\r\n\r\n\t if (!yAxis) {\r\n\t throw new Error(\"Unable to locate Y axis with name \" + yAxisName);\r\n\t }\r\n\r\n\t return {\r\n\t x: xAxis,\r\n\t y: yAxis\r\n\t };\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t var chartPoints = this.points;\r\n\t var limit = !this.options.clip;\r\n\t var pointIx = 0;\r\n\r\n\t this.traverseDataPoints(function (value, fields) {\r\n\t var point = chartPoints[pointIx++];\r\n\t var seriesAxes = this$1.seriesAxes(fields.series);\r\n\t var slotX = seriesAxes.x.getSlot(value.x, value.x, limit);\r\n\t var slotY = seriesAxes.y.getSlot(value.y, value.y, limit);\r\n\r\n\t if (point) {\r\n\t if (slotX && slotY) {\r\n\t var pointSlot = this$1.pointSlot(slotX, slotY);\r\n\t point.reflow(pointSlot);\r\n\t } else {\r\n\t point.visible = false;\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t this.box = targetBox;\r\n\t },\r\n\r\n\t pointSlot: function(slotX, slotY) {\r\n\t return new Box(slotX.x1, slotY.y1, slotX.x2, slotY.y2);\r\n\t },\r\n\r\n\t traverseDataPoints: function(callback) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var series = ref.options.series;\r\n\t var seriesPoints = ref.seriesPoints;\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var currentSeriesPoints = seriesPoints[seriesIx];\r\n\t if (!currentSeriesPoints) {\r\n\t seriesPoints[seriesIx] = [];\r\n\t }\r\n\r\n\t for (var pointIx = 0; pointIx < currentSeries.data.length; pointIx++) {\r\n\t var ref$1 = this$1._bindPoint(currentSeries, seriesIx, pointIx);\r\n\t var value = ref$1.valueFields;\r\n\t var fields = ref$1.fields;\r\n\r\n\t callback(value, deepExtend({\r\n\t pointIx: pointIx,\r\n\t series: currentSeries,\r\n\t seriesIx: seriesIx,\r\n\t dataItem: currentSeries.data[pointIx],\r\n\t owner: this$1\r\n\t }, fields));\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t var value = point.value;\r\n\t return this.chartService.format.auto(format, value.x, value.y);\r\n\t },\r\n\r\n\t animationPoints: function() {\r\n\t var points = this.points;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t result.push((points[idx] || {}).marker);\r\n\t }\r\n\t return result;\r\n\t }\r\n\t});\r\n\tsetDefaultOptions(ScatterChart, {\r\n\t series: [],\r\n\t tooltip: {\r\n\t format: \"{0}, {1}\"\r\n\t },\r\n\t labels: {\r\n\t format: \"{0}, {1}\"\r\n\t },\r\n\t clip: true\r\n\t});\r\n\tdeepExtend(ScatterChart.prototype, ClipAnimationMixin, {\r\n\t _bindPoint: CategoricalChart.prototype._bindPoint\r\n\t});\r\n\r\n\tvar Bubble = LinePoint.extend({\r\n\t init: function(value, options) {\r\n\t LinePoint.fn.init.call(this, value, options);\r\n\r\n\t this.category = value.category;\r\n\t },\r\n\r\n\t createHighlight: function() {\r\n\t var highlight = this.options.highlight;\r\n\t var border = highlight.border;\r\n\t var markers = this.options.markers;\r\n\t var center = this.box.center();\r\n\t var radius = (markers.size + markers.border.width + border.width) / 2;\r\n\t var highlightGroup = new Group();\r\n\t var shadow = new drawing.Circle(new geometry.Circle([ center.x, center.y + radius / 5 + border.width / 2 ], radius + border.width / 2), {\r\n\t stroke: {\r\n\t color: 'none'\r\n\t },\r\n\t fill: this.createGradient({\r\n\t gradient: 'bubbleShadow',\r\n\t color: markers.background,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: markers.background,\r\n\t opacity: 0.3\r\n\t }, {\r\n\t offset: 1,\r\n\t color: markers.background,\r\n\t opacity: 0\r\n\t } ]\r\n\t })\r\n\t });\r\n\t var overlay = new drawing.Circle(new geometry.Circle([ center.x, center.y ], radius), {\r\n\t stroke: {\r\n\t color: border.color ||\r\n\t new Color(markers.background).brightness(BORDER_BRIGHTNESS).toHex(),\r\n\t width: border.width,\r\n\t opacity: border.opacity\r\n\t },\r\n\t fill: {\r\n\t color: markers.background,\r\n\t opacity: highlight.opacity\r\n\t }\r\n\t });\r\n\r\n\t highlightGroup.append(shadow, overlay);\r\n\r\n\t return highlightGroup;\r\n\t }\r\n\t});\r\n\r\n\tBubble.prototype.defaults = deepExtend({}, Bubble.prototype.defaults, {\r\n\t labels: {\r\n\t position: CENTER\r\n\t },\r\n\t highlight: {\r\n\t opacity: 1,\r\n\t border: {\r\n\t color: \"#fff\",\r\n\t width: 2,\r\n\t opacity: 1\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tBubble.prototype.defaults.highlight.zIndex = undefined;\r\n\r\n\tvar BubbleChart = ScatterChart.extend({\r\n\t _initFields: function() {\r\n\t this._maxSize = MIN_VALUE;\r\n\t ScatterChart.fn._initFields.call(this);\r\n\t },\r\n\r\n\t addValue: function(value, fields) {\r\n\t if (value.size !== null && (value.size > 0 || (value.size < 0 && fields.series.negativeValues.visible))) {\r\n\t this._maxSize = Math.max(this._maxSize, Math.abs(value.size));\r\n\t ScatterChart.fn.addValue.call(this, value, fields);\r\n\t } else {\r\n\t this.points.push(null);\r\n\t this.seriesPoints[fields.seriesIx].push(null);\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t this.updateBubblesSize(box);\r\n\t ScatterChart.fn.reflow.call(this, box);\r\n\t },\r\n\r\n\t pointType: function() {\r\n\t return Bubble;\r\n\t },\r\n\r\n\t createPoint: function(value, fields) {\r\n\t var series = fields.series;\r\n\t var pointsCount = series.data.length;\r\n\t var delay = fields.pointIx * (INITIAL_ANIMATION_DURATION / pointsCount);\r\n\t var animationOptions = {\r\n\t delay: delay,\r\n\t duration: INITIAL_ANIMATION_DURATION - delay,\r\n\t type: BUBBLE\r\n\t };\r\n\r\n\t var color = fields.color || series.color;\r\n\t if (value.size < 0 && series.negativeValues.visible) {\r\n\t color = valueOrDefault(\r\n\t series.negativeValues.color, color\r\n\t );\r\n\t }\r\n\r\n\t var pointOptions = deepExtend({\r\n\t labels: {\r\n\t animation: {\r\n\t delay: delay,\r\n\t duration: INITIAL_ANIMATION_DURATION - delay\r\n\t }\r\n\t }\r\n\t }, this.pointOptions(series, fields.seriesIx), {\r\n\t markers: {\r\n\t type: CIRCLE,\r\n\t border: series.border,\r\n\t opacity: series.opacity,\r\n\t animation: animationOptions\r\n\t }\r\n\t });\r\n\r\n\t pointOptions = this.evalPointOptions(pointOptions, value, fields);\r\n\t if (isFunction(series.color)) {\r\n\t color = pointOptions.color;\r\n\t }\r\n\r\n\t pointOptions.markers.background = color;\r\n\r\n\t var point = new Bubble(value, pointOptions);\r\n\t point.color = color;\r\n\r\n\t this.append(point);\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t updateBubblesSize: function(box) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var series = ref.options.series;\r\n\t var boxSize = Math.min(box.width(), box.height());\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var seriesPoints = this$1.seriesPoints[seriesIx];\r\n\t var minSize = currentSeries.minSize || Math.max(boxSize * 0.02, 10);\r\n\t var maxSize = currentSeries.maxSize || boxSize * 0.2;\r\n\t var minR = minSize / 2;\r\n\t var maxR = maxSize / 2;\r\n\t var minArea = Math.PI * minR * minR;\r\n\t var maxArea = Math.PI * maxR * maxR;\r\n\t var areaRange = maxArea - minArea;\r\n\t var areaRatio = areaRange / this$1._maxSize;\r\n\r\n\t for (var pointIx = 0; pointIx < seriesPoints.length; pointIx++) {\r\n\t var point = seriesPoints[pointIx];\r\n\t if (point) {\r\n\t var area = Math.abs(point.value.size) * areaRatio;\r\n\t var radius = Math.sqrt((minArea + area) / Math.PI);\r\n\t var baseZIndex = valueOrDefault(point.options.zIndex, 0);\r\n\t var zIndex = baseZIndex + (1 - radius / maxR);\r\n\r\n\t deepExtend(point.options, {\r\n\t zIndex: zIndex,\r\n\t markers: {\r\n\t size: radius * 2,\r\n\t zIndex: zIndex\r\n\t },\r\n\t labels: {\r\n\t zIndex: zIndex + 1\r\n\t }\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t var value = point.value;\r\n\t return this.chartService.format.auto(format, value.x, value.y, value.size, point.category);\r\n\t },\r\n\r\n\t createAnimation: function() {},\r\n\r\n\t createVisual: function() {}\r\n\t});\r\n\r\n\tsetDefaultOptions(BubbleChart, {\r\n\t tooltip: {\r\n\t format: \"{3}\"\r\n\t },\r\n\t labels: {\r\n\t format: \"{3}\"\r\n\t }\r\n\t});\r\n\r\n\tvar Target = ShapeElement.extend({\r\n\r\n\t});\r\n\r\n\tdeepExtend(Target.prototype, PointEventsMixin);\r\n\r\n\tvar Bullet = ChartElement.extend({\r\n\t init: function(value, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.aboveAxis = this.options.aboveAxis;\r\n\t this.color = options.color || WHITE;\r\n\t this.value = value;\r\n\t },\r\n\r\n\t render: function() {\r\n\t var options = this.options;\r\n\r\n\t if (!this._rendered) {\r\n\t this._rendered = true;\r\n\r\n\t if (defined(this.value.target)) {\r\n\t this.target = new Target({\r\n\t type: options.target.shape,\r\n\t background: options.target.color || this.color,\r\n\t opacity: options.opacity,\r\n\t zIndex: options.zIndex,\r\n\t border: options.target.border,\r\n\t vAlign: TOP,\r\n\t align: RIGHT\r\n\t });\r\n\r\n\t this.target.value = this.value;\r\n\t this.target.dataItem = this.dataItem;\r\n\t this.target.series = this.series;\r\n\r\n\t this.append(this.target);\r\n\t }\r\n\r\n\t this.createNote();\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t this.render();\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var target = ref.target;\r\n\t var chart = ref.owner;\r\n\t var invertAxes = options.invertAxes;\r\n\t var valueAxis = chart.seriesValueAxis(this.options);\r\n\t var categorySlot = chart.categorySlot(chart.categoryAxis, options.categoryIx, valueAxis);\r\n\t var targetValueSlot = valueAxis.getSlot(this.value.target);\r\n\t var targetSlotX = invertAxes ? targetValueSlot : categorySlot;\r\n\t var targetSlotY = invertAxes ? categorySlot : targetValueSlot;\r\n\r\n\t if (target) {\r\n\t var targetSlot = new Box(\r\n\t targetSlotX.x1, targetSlotY.y1,\r\n\t targetSlotX.x2, targetSlotY.y2\r\n\t );\r\n\t target.options.height = invertAxes ? targetSlot.height() : options.target.line.width;\r\n\t target.options.width = invertAxes ? options.target.line.width : targetSlot.width();\r\n\t target.reflow(targetSlot);\r\n\t }\r\n\r\n\t if (this.note) {\r\n\t this.note.reflow(box);\r\n\t }\r\n\r\n\t this.box = box;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var options = this.options;\r\n\t var body = Path.fromRect(this.box.toRect(), {\r\n\t fill: {\r\n\t color: this.color,\r\n\t opacity: options.opacity\r\n\t },\r\n\t stroke: null\r\n\t });\r\n\r\n\t if (options.border.width > 0) {\r\n\t body.options.set(\"stroke\", {\r\n\t color: options.border.color || this.color,\r\n\t width: options.border.width,\r\n\t dashType: options.border.dashType,\r\n\t opacity: valueOrDefault(options.border.opacity, options.opacity)\r\n\t });\r\n\t }\r\n\r\n\t this.bodyVisual = body;\r\n\r\n\t alignPathToPixel(body);\r\n\t this.visual.append(body);\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t if (this.bodyVisual) {\r\n\t this.animation = Animation.create(\r\n\t this.bodyVisual, this.options.animation\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t createHighlight: function(style) {\r\n\t return Path.fromRect(this.box.toRect(), style);\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this.bodyVisual;\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t return {\r\n\t rect: this.box.toRect(),\r\n\t visual: this.bodyVisual,\r\n\t options: this.options\r\n\t };\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t return this.owner.formatPointValue(this, format);\r\n\t }\r\n\t});\r\n\r\n\tBullet.prototype.tooltipAnchor = Bar.prototype.tooltipAnchor;\r\n\r\n\tsetDefaultOptions(Bullet, {\r\n\t border: {\r\n\t width: 1\r\n\t },\r\n\t vertical: false,\r\n\t opacity: 1,\r\n\t target: {\r\n\t shape: \"\",\r\n\t border: {\r\n\t width: 0,\r\n\t color: \"green\"\r\n\t },\r\n\t line: {\r\n\t width: 2\r\n\t }\r\n\t },\r\n\t tooltip: {\r\n\t format: \"Current: {0}
Target: {1}\"\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(Bullet.prototype, PointEventsMixin);\r\n\tdeepExtend(Bullet.prototype, NoteMixin);\r\n\r\n\tvar BulletChart = CategoricalChart.extend({\r\n\t init: function(plotArea, options) {\r\n\r\n\t wrapData(options);\r\n\r\n\t CategoricalChart.fn.init.call(this, plotArea, options);\r\n\t },\r\n\r\n\t reflowCategories: function(categorySlots) {\r\n\t var children = this.children;\r\n\t var childrenLength = children.length;\r\n\r\n\t for (var i = 0; i < childrenLength; i++) {\r\n\t children[i].reflow(categorySlots[i]);\r\n\t }\r\n\t },\r\n\r\n\t plotRange: function(point) {\r\n\t var series = point.series;\r\n\t var valueAxis = this.seriesValueAxis(series);\r\n\t var axisCrossingValue = this.categoryAxisCrossingValue(valueAxis);\r\n\r\n\t return [ axisCrossingValue, point.value.current || axisCrossingValue ];\r\n\t },\r\n\r\n\t createPoint: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var children = ref.children;\r\n\t var value = data.valueFields;\r\n\r\n\t var bulletOptions = deepExtend({\r\n\t vertical: !options.invertAxes,\r\n\t overlay: series.overlay,\r\n\t categoryIx: categoryIx,\r\n\t invertAxes: options.invertAxes\r\n\t }, series);\r\n\r\n\t var color = data.fields.color || series.color;\r\n\t bulletOptions = this.evalPointOptions(\r\n\t bulletOptions, value, category, categoryIx, series, seriesIx\r\n\t );\r\n\r\n\t if (isFunction(series.color)) {\r\n\t color = bulletOptions.color;\r\n\t }\r\n\r\n\t var bullet = new Bullet(value, bulletOptions);\r\n\t bullet.color = color;\r\n\r\n\t var cluster = children[categoryIx];\r\n\t if (!cluster) {\r\n\t cluster = new ClusterLayout({\r\n\t vertical: options.invertAxes,\r\n\t gap: options.gap,\r\n\t spacing: options.spacing,\r\n\t rtl: !options.invertAxes && (this.chartService || {}).rtl\r\n\t });\r\n\t this.append(cluster);\r\n\t }\r\n\r\n\t cluster.append(bullet);\r\n\r\n\t return bullet;\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t var current = value.current;\r\n\t var target = value.target;\r\n\t var axisName = fields.series.axis;\r\n\t var axisRange = this.valueAxisRanges[axisName];\r\n\r\n\t if (defined(current) && !isNaN(current) && defined(target && !isNaN(target))) {\r\n\t axisRange = this.valueAxisRanges[axisName] =\r\n\t axisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t axisRange.min = Math.min(axisRange.min, current, target);\r\n\t axisRange.max = Math.max(axisRange.max, current, target);\r\n\t }\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t return this.chartService.format.auto(format, point.value.current, point.value.target);\r\n\t },\r\n\r\n\t pointValue: function(data) {\r\n\t return data.valueFields.current;\r\n\t },\r\n\r\n\t aboveAxis: function(point) {\r\n\t var value = point.value.current;\r\n\r\n\t return value > 0;\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t var this$1 = this;\r\n\r\n\t var points = this.points;\r\n\r\n\t this._setAnimationOptions();\r\n\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t var point = points[idx];\r\n\t point.options.animation = this$1.options.animation;\r\n\t point.createAnimation();\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tBulletChart.prototype._setAnimationOptions = BarChart.prototype._setAnimationOptions;\r\n\r\n\tsetDefaultOptions(BulletChart, {\r\n\t animation: {\r\n\t type: BAR\r\n\t }\r\n\t});\r\n\r\n\tfunction wrapData(options) {\r\n\t var series = options.series;\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var seriesItem = series[i];\r\n\t var data = seriesItem.data;\r\n\t if (data && !isArray(data[0]) && !isObject(data[0])) {\r\n\t seriesItem.data = [ data ];\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tvar BaseTooltip = Class.extend({\r\n\t init: function(chartService, options) {\r\n\r\n\t this.chartService = chartService;\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t getStyle: function(options, point) {\r\n\t var background = options.background;\r\n\t var border = options.border.color;\r\n\r\n\t if (point) {\r\n\t var pointColor = point.color || point.options.color;\r\n\t background = valueOrDefault(background, pointColor);\r\n\t border = valueOrDefault(border, pointColor);\r\n\t }\r\n\r\n\t var padding = getSpacing(options.padding || {}, \"auto\");\r\n\r\n\t return {\r\n\t backgroundColor: background,\r\n\t borderColor: border,\r\n\t font: options.font,\r\n\t color: options.color,\r\n\t opacity: options.opacity,\r\n\t borderWidth: styleValue(options.border.width),\r\n\t paddingTop: styleValue(padding.top),\r\n\t paddingBottom: styleValue(padding.bottom),\r\n\t paddingLeft: styleValue(padding.left),\r\n\t paddingRight: styleValue(padding.right)\r\n\t };\r\n\t },\r\n\r\n\t show: function(options, tooltipOptions, point) {\r\n\t options.format = tooltipOptions.format;\r\n\r\n\t var style = this.getStyle(tooltipOptions, point);\r\n\t options.style = style;\r\n\r\n\t if (!defined(tooltipOptions.color) && new Color(style.backgroundColor).percBrightness() > 180) {\r\n\t options.className = \"k-chart-tooltip-inverse\";\r\n\t }\r\n\r\n\t this.chartService.notify(SHOW_TOOLTIP, options);\r\n\t },\r\n\r\n\t hide: function() {\r\n\t if (this.chartService) {\r\n\t this.chartService.notify(HIDE_TOOLTIP);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t delete this.chartService;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BaseTooltip, {\r\n\t border: {\r\n\t width: 1\r\n\t },\r\n\t opacity: 1\r\n\t});\r\n\r\n\tvar CrosshairTooltip = BaseTooltip.extend({\r\n\t init: function(chartService, crosshair, options) {\r\n\t BaseTooltip.fn.init.call(this, chartService, options);\r\n\r\n\t this.crosshair = crosshair;\r\n\t this.formatService = chartService.format;\r\n\t this.initAxisName();\r\n\t },\r\n\r\n\t initAxisName: function() {\r\n\t var axis = this.crosshair.axis;\r\n\t var plotArea = axis.plotArea;\r\n\t var name;\r\n\t if (plotArea.categoryAxis) {\r\n\t name = axis.getCategory ? \"categoryAxis\" : \"valueAxis\";\r\n\t } else {\r\n\t name = axis.options.vertical ? \"yAxis\" : \"xAxis\";\r\n\t }\r\n\t this.axisName = name;\r\n\t },\r\n\r\n\t showAt: function(point) {\r\n\t var ref = this;\r\n\t var axis = ref.crosshair.axis;\r\n\t var options = ref.options;\r\n\t var value = axis[options.stickyMode ? \"getCategory\" : \"getValue\"](point);\r\n\t var formattedValue = value;\r\n\r\n\t if (options.format) {\r\n\t formattedValue = this.formatService.auto(options.format, value);\r\n\t } else if (axis.options.type === DATE) {\r\n\t formattedValue = this.formatService.auto(axis.options.labels.dateFormats[axis.options.baseUnit], value);\r\n\t }\r\n\r\n\t this.show({\r\n\t point: point,\r\n\t anchor: this.getAnchor(),\r\n\t crosshair: this.crosshair,\r\n\t value: formattedValue,\r\n\t axisName: this.axisName,\r\n\t axisIndex: this.crosshair.axis.axisIndex\r\n\t }, this.options);\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this.chartService.notify(HIDE_TOOLTIP, {\r\n\t crosshair: this.crosshair,\r\n\t axisName: this.axisName,\r\n\t axisIndex: this.crosshair.axis.axisIndex\r\n\t });\r\n\t },\r\n\r\n\t getAnchor: function() {\r\n\t var ref = this;\r\n\t var crosshair = ref.crosshair;\r\n\t var ref_options = ref.options;\r\n\t var position = ref_options.position;\r\n\t var padding = ref_options.padding;\r\n\t var vertical = !crosshair.axis.options.vertical;\r\n\t var lineBox = crosshair.line.bbox();\r\n\t var horizontalAlign, verticalAlign, point;\r\n\r\n\t if (vertical) {\r\n\t horizontalAlign = CENTER;\r\n\t if (position === BOTTOM) {\r\n\t verticalAlign = TOP;\r\n\t point = lineBox.bottomLeft().translate(0, padding);\r\n\t } else {\r\n\t verticalAlign = BOTTOM;\r\n\t point = lineBox.topLeft().translate(0, -padding);\r\n\t }\r\n\t } else {\r\n\t verticalAlign = CENTER;\r\n\t if (position === LEFT) {\r\n\t horizontalAlign = RIGHT;\r\n\t point = lineBox.topLeft().translate(-padding, 0);\r\n\t } else {\r\n\t horizontalAlign = LEFT;\r\n\t point = lineBox.topRight().translate(padding, 0);\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t point: point,\r\n\t align: {\r\n\t horizontal: horizontalAlign,\r\n\t vertical: verticalAlign\r\n\t }\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(CrosshairTooltip, {\r\n\t padding: 10\r\n\t});\r\n\r\n\tvar Crosshair = ChartElement.extend({\r\n\t init: function(chartService, axis, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.axis = axis;\r\n\t this.stickyMode = axis instanceof CategoryAxis;\r\n\r\n\t var tooltipOptions = this.options.tooltip;\r\n\r\n\t if (tooltipOptions.visible) {\r\n\t this.tooltip = new CrosshairTooltip(chartService, this,\r\n\t deepExtend({}, tooltipOptions, { stickyMode: this.stickyMode })\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t showAt: function(point) {\r\n\t this.point = point;\r\n\t this.moveLine();\r\n\t this.line.visible(true);\r\n\r\n\t if (this.tooltip) {\r\n\t this.tooltip.showAt(point);\r\n\t }\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this.line.visible(false);\r\n\r\n\t if (this.tooltip) {\r\n\t this.tooltip.hide();\r\n\t }\r\n\t },\r\n\r\n\t moveLine: function() {\r\n\t var ref = this;\r\n\t var axis = ref.axis;\r\n\t var point = ref.point;\r\n\t var vertical = axis.options.vertical;\r\n\t var box = this.getBox();\r\n\t var dim = vertical ? Y : X;\r\n\t var lineStart = new GeometryPoint(box.x1, box.y1);\r\n\t var lineEnd;\r\n\r\n\t if (vertical) {\r\n\t lineEnd = new GeometryPoint(box.x2, box.y1);\r\n\t } else {\r\n\t lineEnd = new GeometryPoint(box.x1, box.y2);\r\n\t }\r\n\r\n\t if (point) {\r\n\t if (this.stickyMode) {\r\n\t var slot = axis.getSlot(axis.pointCategoryIndex(point));\r\n\t lineStart[dim] = lineEnd[dim] = slot.center()[dim];\r\n\t } else {\r\n\t lineStart[dim] = lineEnd[dim] = point[dim];\r\n\t }\r\n\t }\r\n\r\n\t this.box = box;\r\n\r\n\t this.line.moveTo(lineStart).lineTo(lineEnd);\r\n\t },\r\n\r\n\t getBox: function() {\r\n\t var axis = this.axis;\r\n\t var axes = axis.pane.axes;\r\n\t var length = axes.length;\r\n\t var vertical = axis.options.vertical;\r\n\t var box = axis.lineBox().clone();\r\n\t var dim = vertical ? X : Y;\r\n\t var axisLineBox;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var currentAxis = axes[i];\r\n\t if (currentAxis.options.vertical !== vertical) {\r\n\t if (!axisLineBox) {\r\n\t axisLineBox = currentAxis.lineBox().clone();\r\n\t } else {\r\n\t axisLineBox.wrap(currentAxis.lineBox());\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t box[dim + 1] = axisLineBox[dim + 1];\r\n\t box[dim + 2] = axisLineBox[dim + 2];\r\n\r\n\t return box;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var options = this.options;\r\n\t this.line = new Path({\r\n\t stroke: {\r\n\t color: options.color,\r\n\t width: options.width,\r\n\t opacity: options.opacity,\r\n\t dashType: options.dashType\r\n\t },\r\n\t visible: false\r\n\t });\r\n\r\n\t this.moveLine();\r\n\t this.visual.append(this.line);\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t if (this.tooltip) {\r\n\t this.tooltip.destroy();\r\n\t }\r\n\r\n\t ChartElement.fn.destroy.call(this);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Crosshair, {\r\n\t color: BLACK,\r\n\t width: 2,\r\n\t zIndex: -1,\r\n\t tooltip: {\r\n\t visible: false\r\n\t }\r\n\t});\r\n\r\n\tvar ChartContainer = ChartElement.extend({\r\n\t init: function(options, pane) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\t this.pane = pane;\r\n\t },\r\n\r\n\t shouldClip: function() {\r\n\t var children = this.children;\r\n\t var length = children.length;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t if (children[i].options.clip === true) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _clipBox: function() {\r\n\t return this.pane.chartsBox();\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.visual = new Group({\r\n\t zIndex: 0\r\n\t });\r\n\r\n\t if (this.shouldClip()) {\r\n\t var clipBox = this.clipBox = this._clipBox();\r\n\t var clipRect = clipBox.toRect();\r\n\t var clipPath = Path.fromRect(clipRect);\r\n\r\n\t this.visual.clip(clipPath);\r\n\t this.unclipLabels();\r\n\t }\r\n\t },\r\n\r\n\t stackRoot: function() {\r\n\t return this;\r\n\t },\r\n\r\n\t unclipLabels: function() {\r\n\t var ref = this;\r\n\t var charts = ref.children;\r\n\t var clipBox = ref.clipBox;\r\n\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var points = charts[i].points || {};\r\n\t var length = points.length;\r\n\r\n\t for (var j = 0; j < length; j++) {\r\n\t var point = points[j];\r\n\t if (point && point.visible !== false && point.overlapsBox && point.overlapsBox(clipBox)) {\r\n\t if (point.unclipElements) {\r\n\t point.unclipElements();\r\n\t } else {\r\n\t var label = point.label;\r\n\t var note = point.note;\r\n\r\n\t if (label && label.options.visible) {\r\n\t if (label.alignToClipBox) {\r\n\t label.alignToClipBox(clipBox);\r\n\t }\r\n\t label.options.noclip = true;\r\n\t }\r\n\r\n\t if (note && note.options.visible) {\r\n\t note.options.noclip = true;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t ChartElement.fn.destroy.call(this);\r\n\r\n\t delete this.parent;\r\n\t }\r\n\t});\r\n\r\n\tChartContainer.prototype.isStackRoot = true;\r\n\r\n\tvar Pane = BoxElement.extend({\r\n\t init: function(options) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\r\n\t this.id = paneID();\r\n\r\n\t this.createTitle();\r\n\r\n\t this.content = new ChartElement();\r\n\r\n\t this.chartContainer = new ChartContainer({}, this);\r\n\t this.append(this.content);\r\n\r\n\t this.axes = [];\r\n\t this.charts = [];\r\n\t },\r\n\r\n\t createTitle: function() {\r\n\t var titleOptions = this.options.title;\r\n\t if (isObject(titleOptions)) {\r\n\t titleOptions = deepExtend({}, titleOptions, {\r\n\t align: titleOptions.position,\r\n\t position: TOP\r\n\t });\r\n\t }\r\n\r\n\t this.title = dataviz.Title.buildTitle(titleOptions, this, Pane.prototype.options.title);\r\n\t },\r\n\r\n\t appendAxis: function(axis) {\r\n\t this.content.append(axis);\r\n\t this.axes.push(axis);\r\n\t axis.pane = this;\r\n\t },\r\n\r\n\t appendChart: function(chart) {\r\n\t if (this.chartContainer.parent !== this.content) {\r\n\t this.content.append(this.chartContainer);\r\n\t }\r\n\r\n\t this.charts.push(chart);\r\n\t this.chartContainer.append(chart);\r\n\t chart.pane = this;\r\n\t },\r\n\r\n\t empty: function() {\r\n\t var this$1 = this;\r\n\r\n\t var plotArea = this.parent;\r\n\r\n\t if (plotArea) {\r\n\t for (var i = 0; i < this.axes.length; i++) {\r\n\t plotArea.removeAxis(this$1.axes[i]);\r\n\t }\r\n\r\n\t for (var i$1 = 0; i$1 < this.charts.length; i$1++) {\r\n\t plotArea.removeChart(this$1.charts[i$1]);\r\n\t }\r\n\t }\r\n\r\n\t this.axes = [];\r\n\t this.charts = [];\r\n\r\n\t this.content.destroy();\r\n\t this.content.children = [];\r\n\t this.chartContainer.children = [];\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t // Content (such as charts) is rendered, but excluded from reflows\r\n\t var content;\r\n\t if (last(this.children) === this.content) {\r\n\t content = this.children.pop();\r\n\t }\r\n\r\n\t BoxElement.fn.reflow.call(this, targetBox);\r\n\r\n\t if (content) {\r\n\t this.children.push(content);\r\n\t }\r\n\r\n\t if (this.title) {\r\n\t this.contentBox.y1 += this.title.box.height();\r\n\t }\r\n\t },\r\n\r\n\t visualStyle: function() {\r\n\t var style = BoxElement.fn.visualStyle.call(this);\r\n\t style.zIndex = -10;\r\n\r\n\t return style;\r\n\t },\r\n\r\n\t renderComplete: function() {\r\n\t if (this.options.visible) {\r\n\t this.createGridLines();\r\n\t }\r\n\t },\r\n\r\n\t stackRoot: function() {\r\n\t return this;\r\n\t },\r\n\r\n\t clipRoot: function() {\r\n\t return this;\r\n\t },\r\n\r\n\t createGridLines: function() {\r\n\t var axes = this.axes;\r\n\t var allAxes = axes.concat(this.parent.axes);\r\n\t var vGridLines = [];\r\n\t var hGridLines = [];\r\n\r\n\t // TODO\r\n\t // Is full combination really necessary?\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var axis = axes[i];\r\n\t var vertical = axis.options.vertical;\r\n\t var gridLines = vertical ? vGridLines : hGridLines;\r\n\t for (var j = 0; j < allAxes.length; j++) {\r\n\t if (gridLines.length === 0) {\r\n\t var altAxis = allAxes[j];\r\n\t if (vertical !== altAxis.options.vertical) {\r\n\t append(gridLines, axis.createGridLines(altAxis));\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t refresh: function() {\r\n\t this.visual.clear();\r\n\r\n\t this.content.parent = null;\r\n\t this.content.createGradient = this.createGradient.bind(this);\r\n\t this.content.renderVisual();\r\n\t this.content.parent = this;\r\n\r\n\t if (this.title) {\r\n\t this.visual.append(this.title.visual);\r\n\t }\r\n\r\n\t this.visual.append(this.content.visual);\r\n\r\n\t this.renderComplete();\r\n\t },\r\n\r\n\t chartsBox: function() {\r\n\t var axes = this.axes;\r\n\t var length = axes.length;\r\n\t var chartsBox = new Box();\r\n\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t var axis = axes[idx];\r\n\t var axisValueField = axis.options.vertical ? Y : X;\r\n\t var lineBox = axis.lineBox();\r\n\t chartsBox[axisValueField + 1] = lineBox[axisValueField + 1];\r\n\t chartsBox[axisValueField + 2] = lineBox[axisValueField + 2];\r\n\t }\r\n\r\n\t if (chartsBox.x2 === 0) {\r\n\t var allAxes = this.parent.axes;\r\n\t var length$1 = allAxes.length;\r\n\r\n\t for (var idx$1 = 0; idx$1 < length$1; idx$1++) {\r\n\t var axis$1 = allAxes[idx$1];\r\n\t if (!axis$1.options.vertical) {\r\n\t var lineBox$1 = axis$1.lineBox();\r\n\t chartsBox.x1 = lineBox$1.x1;\r\n\t chartsBox.x2 = lineBox$1.x2;\r\n\t }\r\n\t }\r\n\t }\r\n\t return chartsBox;\r\n\t },\r\n\r\n\t clipBox: function() {\r\n\t return this.chartContainer.clipBox;\r\n\t }\r\n\t});\r\n\r\n\tvar ID = 1;\r\n\r\n\tfunction paneID() {\r\n\t return \"pane\" + ID++;\r\n\t}\r\n\r\n\tPane.prototype.isStackRoot = true;\r\n\r\n\tsetDefaultOptions(Pane, {\r\n\t zIndex: -1,\r\n\t shrinkToFit: true,\r\n\t title: {\r\n\t align: LEFT\r\n\t },\r\n\t visible: true\r\n\t});\r\n\r\n\tfunction segmentVisible(series, fields, index) {\r\n\t var visible = fields.visible;\r\n\t if (defined(visible)) {\r\n\t return visible;\r\n\t }\r\n\r\n\t var pointVisibility = series.pointVisibility;\r\n\t if (pointVisibility) {\r\n\t return pointVisibility[index];\r\n\t }\r\n\t}\r\n\r\n\tfunction bindSegments(series) {\r\n\t var data = series.data;\r\n\t var points = [];\r\n\t var sum = 0;\r\n\t var count = 0;\r\n\r\n\t for (var idx = 0; idx < data.length; idx++) {\r\n\t var pointData = SeriesBinder.current.bindPoint(series, idx);\r\n\t var value = pointData.valueFields.value;\r\n\r\n\t if (isString(value)) {\r\n\t value = parseFloat(value);\r\n\t }\r\n\r\n\t if (isNumber(value)) {\r\n\t pointData.visible = segmentVisible(series, pointData.fields, idx) !== false;\r\n\r\n\t pointData.value = Math.abs(value);\r\n\t points.push(pointData);\r\n\r\n\t if (pointData.visible) {\r\n\t sum += pointData.value;\r\n\t }\r\n\r\n\t if (value !== 0) {\r\n\t count++;\r\n\t }\r\n\t } else {\r\n\t points.push(null);\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t total: sum,\r\n\t points: points,\r\n\t count: count\r\n\t };\r\n\t}\r\n\r\n\tfunction equalsIgnoreCase(a, b) {\r\n\t if (a && b) {\r\n\t return a.toLowerCase() === b.toLowerCase();\r\n\t }\r\n\r\n\t return a === b;\r\n\t}\r\n\r\n\tfunction filterSeriesByType(series, types) {\r\n\t var result = [];\r\n\r\n\t var seriesTypes = [].concat(types);\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t var currentSeries = series[idx];\r\n\t if (inArray(currentSeries.type, seriesTypes)) {\r\n\t result.push(currentSeries);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction getDateField(field, row, intlService) {\r\n\t if (row === null) {\r\n\t return row;\r\n\t }\r\n\r\n\t var key = \"_date_\" + field;\r\n\t var value = row[key];\r\n\r\n\t if (!value) {\r\n\t value = parseDate(intlService, getter(field, true)(row));\r\n\t row[key] = value;\r\n\t }\r\n\r\n\t return value;\r\n\t}\r\n\r\n\tfunction isDateAxis(axisOptions, sampleCategory) {\r\n\t var type = axisOptions.type;\r\n\t var dateCategory = sampleCategory instanceof Date;\r\n\r\n\t return (!type && dateCategory) || equalsIgnoreCase(type, DATE);\r\n\t}\r\n\r\n\tfunction singleItemOrArray(array) {\r\n\t return array.length === 1 ? array[0] : array;\r\n\t}\r\n\r\n\tvar PlotAreaBase = ChartElement.extend({\r\n\t init: function(series, options, chartService) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.initFields(series, options);\r\n\t this.series = series;\r\n\t this.initSeries();\r\n\t this.charts = [];\r\n\t this.options.legend.items = [];\r\n\t this.axes = [];\r\n\t this.crosshairs = [];\r\n\t this.chartService = chartService;\r\n\t this.originalOptions = options;\r\n\r\n\t this.createPanes();\r\n\t this.render();\r\n\t this.createCrosshairs();\r\n\t },\r\n\r\n\t initFields: function() { },\r\n\r\n\t initSeries: function() {\r\n\t var series = this.series;\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t series[i].index = i;\r\n\t }\r\n\t },\r\n\r\n\t createPanes: function() {\r\n\t var this$1 = this;\r\n\r\n\t var defaults = { title: { color: (this.options.title || {}).color } };\r\n\t var panes = [];\r\n\t var paneOptions = this.options.panes || [];\r\n\t var panesLength = Math.max(paneOptions.length, 1);\r\n\r\n\t function setTitle(options, defaults) {\r\n\t if (isString(options.title)) {\r\n\t options.title = {\r\n\t text: options.title\r\n\t };\r\n\t }\r\n\r\n\t options.title = deepExtend({}, defaults.title, options.title);\r\n\t }\r\n\r\n\t for (var i = 0; i < panesLength; i++) {\r\n\t var options = paneOptions[i] || {};\r\n\t setTitle(options, defaults);\r\n\r\n\t var currentPane = new Pane(options);\r\n\t currentPane.paneIndex = i;\r\n\r\n\t panes.push(currentPane);\r\n\t this$1.append(currentPane);\r\n\t }\r\n\r\n\t this.panes = panes;\r\n\t },\r\n\r\n\t createCrosshairs: function(panes) {\r\n\t var this$1 = this;\r\n\t if (panes === void 0) { panes = this.panes; }\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var pane = panes[i];\r\n\t for (var j = 0; j < pane.axes.length; j++) {\r\n\t var axis = pane.axes[j];\r\n\t if (axis.options.crosshair && axis.options.crosshair.visible) {\r\n\t var currentCrosshair = new Crosshair(this$1.chartService, axis, axis.options.crosshair);\r\n\r\n\t this$1.crosshairs.push(currentCrosshair);\r\n\t pane.content.append(currentCrosshair);\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t removeCrosshairs: function(pane) {\r\n\t var crosshairs = this.crosshairs;\r\n\t var axes = pane.axes;\r\n\r\n\t for (var i = crosshairs.length - 1; i >= 0; i--) {\r\n\t for (var j = 0; j < axes.length; j++) {\r\n\t if (crosshairs[i].axis === axes[j]) {\r\n\t crosshairs.splice(i, 1);\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t hideCrosshairs: function() {\r\n\t var crosshairs = this.crosshairs;\r\n\t for (var idx = 0; idx < crosshairs.length; idx++) {\r\n\t crosshairs[idx].hide();\r\n\t }\r\n\t },\r\n\r\n\t findPane: function(name) {\r\n\t var panes = this.panes;\r\n\t var matchingPane;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t if (panes[i].options.name === name) {\r\n\t matchingPane = panes[i];\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return matchingPane || panes[0];\r\n\t },\r\n\r\n\t findPointPane: function(point) {\r\n\t var panes = this.panes;\r\n\t var matchingPane;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t if (panes[i].box.containsPoint(point)) {\r\n\t matchingPane = panes[i];\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return matchingPane;\r\n\t },\r\n\r\n\t appendAxis: function(axis) {\r\n\t var pane = this.findPane(axis.options.pane);\r\n\r\n\t pane.appendAxis(axis);\r\n\t this.axes.push(axis);\r\n\t axis.plotArea = this;\r\n\t },\r\n\r\n\t removeAxis: function(axisToRemove) {\r\n\t var this$1 = this;\r\n\r\n\t var filteredAxes = [];\r\n\r\n\t for (var i = 0; i < this.axes.length; i++) {\r\n\t var axis = this$1.axes[i];\r\n\t if (axisToRemove !== axis) {\r\n\t filteredAxes.push(axis);\r\n\t } else {\r\n\t axis.destroy();\r\n\t }\r\n\t }\r\n\r\n\t this.axes = filteredAxes;\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t this.charts.push(chart);\r\n\t if (pane) {\r\n\t pane.appendChart(chart);\r\n\t } else {\r\n\t this.append(chart);\r\n\t }\r\n\t },\r\n\r\n\t removeChart: function(chartToRemove) {\r\n\t var this$1 = this;\r\n\r\n\t var filteredCharts = [];\r\n\r\n\t for (var i = 0; i < this.charts.length; i++) {\r\n\t var chart = this$1.charts[i];\r\n\t if (chart !== chartToRemove) {\r\n\t filteredCharts.push(chart);\r\n\t } else {\r\n\t chart.destroy();\r\n\t }\r\n\t }\r\n\r\n\t this.charts = filteredCharts;\r\n\t },\r\n\r\n\t addToLegend: function(series) {\r\n\t var count = series.length;\r\n\t var legend = this.options.legend;\r\n\t var labels = legend.labels || {};\r\n\t var inactiveItems = legend.inactiveItems || {};\r\n\t var inactiveItemsLabels = inactiveItems.labels || {};\r\n\t var data = [];\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var currentSeries = series[i];\r\n\t var seriesVisible = currentSeries.visible !== false;\r\n\t if (currentSeries.visibleInLegend === false) {\r\n\t continue;\r\n\t }\r\n\r\n\t var text = currentSeries.name;\r\n\t var labelTemplate = seriesVisible ? getTemplate(labels) : getTemplate(inactiveItemsLabels) || getTemplate(labels);\r\n\t if (labelTemplate) {\r\n\t text = labelTemplate({\r\n\t text: hasValue(text) ? text : \"\",\r\n\t series: currentSeries\r\n\t });\r\n\t }\r\n\r\n\t var defaults = currentSeries._defaults;\r\n\t var color = currentSeries.color;\r\n\t if (isFunction(color) && defaults) {\r\n\t color = defaults.color;\r\n\t }\r\n\r\n\t var itemLabelOptions = (void 0), markerColor = (void 0);\r\n\t if (seriesVisible) {\r\n\t itemLabelOptions = {};\r\n\t markerColor = color;\r\n\t } else {\r\n\t itemLabelOptions = {\r\n\t color: inactiveItemsLabels.color,\r\n\t font: inactiveItemsLabels.font\r\n\t };\r\n\t markerColor = inactiveItems.markers.color;\r\n\t }\r\n\r\n\t if (hasValue(text) && text !== \"\") {\r\n\t data.push({\r\n\t text: text,\r\n\t labels: itemLabelOptions,\r\n\t markerColor: markerColor,\r\n\t series: currentSeries,\r\n\t active: seriesVisible\r\n\t });\r\n\t }\r\n\t }\r\n\r\n\t append(legend.items, data);\r\n\t },\r\n\r\n\t groupAxes: function(panes) {\r\n\t var xAxes = [];\r\n\t var yAxes = [];\r\n\r\n\t for (var paneIx = 0; paneIx < panes.length; paneIx++) {\r\n\t var paneAxes = panes[paneIx].axes;\r\n\t for (var axisIx = 0; axisIx < paneAxes.length; axisIx++) {\r\n\t var axis = paneAxes[axisIx];\r\n\t if (axis.options.vertical) {\r\n\t yAxes.push(axis);\r\n\t } else {\r\n\t xAxes.push(axis);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return { x: xAxes, y: yAxes, any: xAxes.concat(yAxes) };\r\n\t },\r\n\r\n\t groupSeriesByPane: function() {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.series;\r\n\t var seriesByPane = {};\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t var pane = this$1.seriesPaneName(currentSeries);\r\n\r\n\t if (seriesByPane[pane]) {\r\n\t seriesByPane[pane].push(currentSeries);\r\n\t } else {\r\n\t seriesByPane[pane] = [ currentSeries ];\r\n\t }\r\n\t }\r\n\r\n\t return seriesByPane;\r\n\t },\r\n\r\n\t filterVisibleSeries: function(series) {\r\n\t var result = [];\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t if (currentSeries.visible !== false) {\r\n\t result.push(currentSeries);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options.plotArea;\r\n\t var panes = this.panes;\r\n\t var margin = getSpacing(options.margin);\r\n\r\n\t this.box = targetBox.clone().unpad(margin);\r\n\t this.reflowPanes();\r\n\r\n\t this.reflowAxes(panes);\r\n\t this.reflowCharts(panes);\r\n\t },\r\n\r\n\t redraw: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var panesArray = [].concat(panes);\r\n\t this.initSeries();\r\n\r\n\t for (var i = 0; i < panesArray.length; i++) {\r\n\t this$1.removeCrosshairs(panesArray[i]);\r\n\t panesArray[i].empty();\r\n\t }\r\n\r\n\t this.render(panesArray);\r\n\t this.reflowAxes(this.panes);\r\n\t this.reflowCharts(panesArray);\r\n\r\n\t this.createCrosshairs(panesArray);\r\n\r\n\t for (var i$1 = 0; i$1 < panesArray.length; i$1++) {\r\n\t panesArray[i$1].refresh();\r\n\t }\r\n\t },\r\n\r\n\t axisCrossingValues: function(axis, crossingAxes) {\r\n\t var options = axis.options;\r\n\t var crossingValues = [].concat(\r\n\t options.axisCrossingValues || options.axisCrossingValue\r\n\t );\r\n\t var valuesToAdd = crossingAxes.length - crossingValues.length;\r\n\t var defaultValue = crossingValues[0] || 0;\r\n\r\n\t for (var i = 0; i < valuesToAdd; i++) {\r\n\t crossingValues.push(defaultValue);\r\n\t }\r\n\r\n\t return crossingValues;\r\n\t },\r\n\r\n\t alignAxisTo: function(axis, targetAxis, crossingValue, targetCrossingValue) {\r\n\t var slot = axis.getSlot(crossingValue, crossingValue, true);\r\n\t var slotEdge = axis.options.reverse ? 2 : 1;\r\n\t var targetSlot = targetAxis.getSlot(targetCrossingValue, targetCrossingValue, true);\r\n\t var targetEdge = targetAxis.options.reverse ? 2 : 1;\r\n\t var axisBox = axis.box.translate(\r\n\t targetSlot[X + targetEdge] - slot[X + slotEdge],\r\n\t targetSlot[Y + targetEdge] - slot[Y + slotEdge]\r\n\t );\r\n\r\n\t if (axis.pane !== targetAxis.pane) {\r\n\t axisBox.translate(0, axis.pane.box.y1 - targetAxis.pane.box.y1);\r\n\t }\r\n\r\n\t axis.reflow(axisBox);\r\n\t },\r\n\r\n\t alignAxes: function(xAxes, yAxes) {\r\n\t var this$1 = this;\r\n\r\n\t var xAnchor = xAxes[0];\r\n\t var yAnchor = yAxes[0];\r\n\t var xAnchorCrossings = this.axisCrossingValues(xAnchor, yAxes);\r\n\t var yAnchorCrossings = this.axisCrossingValues(yAnchor, xAxes);\r\n\t var leftAnchors = {};\r\n\t var rightAnchors = {};\r\n\t var topAnchors = {};\r\n\t var bottomAnchors = {};\r\n\r\n\t for (var i = 0; i < yAxes.length; i++) {\r\n\t var axis = yAxes[i];\r\n\t var pane = axis.pane;\r\n\t var paneId = pane.id;\r\n\t var visible = axis.options.visible !== false;\r\n\r\n\t // Locate pane anchor, if any, and use its axisCrossingValues\r\n\t var anchor = paneAnchor(xAxes, pane) || xAnchor;\r\n\t var anchorCrossings = xAnchorCrossings;\r\n\r\n\t if (anchor !== xAnchor) {\r\n\t anchorCrossings = this$1.axisCrossingValues(anchor, yAxes);\r\n\t }\r\n\r\n\t this$1.alignAxisTo(axis, anchor, yAnchorCrossings[i], anchorCrossings[i]);\r\n\r\n\t if (axis.options._overlap) {\r\n\t continue;\r\n\t }\r\n\r\n\t if (round(axis.lineBox().x1) === round(anchor.lineBox().x1)) {\r\n\t // Push the axis to the left the previous y-axis so they don't overlap\r\n\t if (leftAnchors[paneId]) {\r\n\t axis.reflow(axis.box\r\n\t .alignTo(leftAnchors[paneId].box, LEFT)\r\n\t .translate(-axis.options.margin, 0)\r\n\t );\r\n\t }\r\n\r\n\t if (visible) {\r\n\t leftAnchors[paneId] = axis;\r\n\t }\r\n\t }\r\n\r\n\t if (round(axis.lineBox().x2) === round(anchor.lineBox().x2)) {\r\n\t // Flip the labels on the right if we're at the right end of the pane\r\n\t if (!axis._mirrored) {\r\n\t axis.options.labels.mirror = !axis.options.labels.mirror;\r\n\t axis._mirrored = true;\r\n\t }\r\n\t this$1.alignAxisTo(axis, anchor, yAnchorCrossings[i], anchorCrossings[i]);\r\n\r\n\t // Push the axis to the right the previous y-axis so they don't overlap\r\n\t if (rightAnchors[paneId]) {\r\n\t axis.reflow(axis.box\r\n\t .alignTo(rightAnchors[paneId].box, RIGHT)\r\n\t .translate(axis.options.margin, 0)\r\n\t );\r\n\t }\r\n\r\n\t if (visible) {\r\n\t rightAnchors[paneId] = axis;\r\n\t }\r\n\t }\r\n\r\n\t if (i !== 0 && yAnchor.pane === axis.pane) {\r\n\t axis.alignTo(yAnchor);\r\n\t axis.reflow(axis.box);\r\n\t }\r\n\t }\r\n\r\n\t for (var i$1 = 0; i$1 < xAxes.length; i$1++) {\r\n\t var axis$1 = xAxes[i$1];\r\n\t var pane$1 = axis$1.pane;\r\n\t var paneId$1 = pane$1.id;\r\n\t var visible$1 = axis$1.options.visible !== false;\r\n\r\n\t // Locate pane anchor and use its axisCrossingValues\r\n\t var anchor$1 = paneAnchor(yAxes, pane$1) || yAnchor;\r\n\t var anchorCrossings$1 = yAnchorCrossings;\r\n\t if (anchor$1 !== yAnchor) {\r\n\t anchorCrossings$1 = this$1.axisCrossingValues(anchor$1, xAxes);\r\n\t }\r\n\r\n\t this$1.alignAxisTo(axis$1, anchor$1, xAnchorCrossings[i$1], anchorCrossings$1[i$1]);\r\n\r\n\t if (axis$1.options._overlap) {\r\n\t continue;\r\n\t }\r\n\r\n\t if (round(axis$1.lineBox().y1) === round(anchor$1.lineBox().y1)) {\r\n\t // Flip the labels on top if we're at the top of the pane\r\n\t if (!axis$1._mirrored) {\r\n\t axis$1.options.labels.mirror = !axis$1.options.labels.mirror;\r\n\t axis$1._mirrored = true;\r\n\t }\r\n\t this$1.alignAxisTo(axis$1, anchor$1, xAnchorCrossings[i$1], anchorCrossings$1[i$1]);\r\n\r\n\t // Push the axis above the previous x-axis so they don't overlap\r\n\t if (topAnchors[paneId$1]) {\r\n\t axis$1.reflow(axis$1.box\r\n\t .alignTo(topAnchors[paneId$1].box, TOP)\r\n\t .translate(0, -axis$1.options.margin)\r\n\t );\r\n\t }\r\n\r\n\t if (visible$1) {\r\n\t topAnchors[paneId$1] = axis$1;\r\n\t }\r\n\t }\r\n\r\n\t if (round(axis$1.lineBox().y2, datavizConstants.COORD_PRECISION) === round(anchor$1.lineBox().y2, datavizConstants.COORD_PRECISION)) {\r\n\t // Push the axis below the previous x-axis so they don't overlap\r\n\t if (bottomAnchors[paneId$1]) {\r\n\t axis$1.reflow(axis$1.box\r\n\t .alignTo(bottomAnchors[paneId$1].box, BOTTOM)\r\n\t .translate(0, axis$1.options.margin)\r\n\t );\r\n\t }\r\n\r\n\t if (visible$1) {\r\n\t bottomAnchors[paneId$1] = axis$1;\r\n\t }\r\n\t }\r\n\r\n\t if (i$1 !== 0) {\r\n\t axis$1.alignTo(xAnchor);\r\n\t axis$1.reflow(axis$1.box);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t shrinkAxisWidth: function(panes) {\r\n\t var axes = this.groupAxes(panes).any;\r\n\t var axisBox = axisGroupBox(axes);\r\n\t var overflowX = 0;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var currentPane = panes[i];\r\n\r\n\t if (currentPane.axes.length > 0) {\r\n\t overflowX = Math.max(\r\n\t overflowX,\r\n\t axisBox.width() - currentPane.contentBox.width()\r\n\t );\r\n\t }\r\n\t }\r\n\r\n\t if (overflowX !== 0) {\r\n\t for (var i$1 = 0; i$1 < axes.length; i$1++) {\r\n\t var currentAxis = axes[i$1];\r\n\r\n\t if (!currentAxis.options.vertical) {\r\n\t currentAxis.reflow(currentAxis.box.shrink(overflowX, 0));\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t shrinkAxisHeight: function(panes) {\r\n\t var shrinked;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var currentPane = panes[i];\r\n\t var axes = currentPane.axes;\r\n\t var overflowY = Math.max(0, axisGroupBox(axes).height() - currentPane.contentBox.height());\r\n\r\n\t if (overflowY !== 0) {\r\n\t for (var j = 0; j < axes.length; j++) {\r\n\t var currentAxis = axes[j];\r\n\r\n\t if (currentAxis.options.vertical) {\r\n\t currentAxis.reflow(\r\n\t currentAxis.box.shrink(0, overflowY)\r\n\t );\r\n\t }\r\n\t }\r\n\t shrinked = true;\r\n\t }\r\n\t }\r\n\r\n\t return shrinked;\r\n\t },\r\n\r\n\t fitAxes: function(panes) {\r\n\t var axes = this.groupAxes(panes).any;\r\n\t var offsetX = 0;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var currentPane = panes[i];\r\n\t var paneAxes = currentPane.axes;\r\n\t var paneBox = currentPane.contentBox;\r\n\r\n\t if (paneAxes.length > 0) {\r\n\t var axisBox = axisGroupBox(paneAxes);\r\n\t // OffsetY is calculated and applied per pane\r\n\t var offsetY = Math.max(paneBox.y1 - axisBox.y1, paneBox.y2 - axisBox.y2);\r\n\r\n\t // OffsetX is calculated and applied globally\r\n\t offsetX = Math.max(offsetX, paneBox.x1 - axisBox.x1);\r\n\r\n\t for (var j = 0; j < paneAxes.length; j++) {\r\n\t var currentAxis = paneAxes[j];\r\n\r\n\t currentAxis.reflow(\r\n\t currentAxis.box.translate(0, offsetY)\r\n\t );\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t for (var i$1 = 0; i$1 < axes.length; i$1++) {\r\n\t var currentAxis$1 = axes[i$1];\r\n\r\n\t currentAxis$1.reflow(\r\n\t currentAxis$1.box.translate(offsetX, 0)\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t reflowAxes: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var axes = this.groupAxes(panes);\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t this$1.reflowPaneAxes(panes[i]);\r\n\t }\r\n\r\n\t if (axes.x.length > 0 && axes.y.length > 0) {\r\n\t this.alignAxes(axes.x, axes.y);\r\n\t this.shrinkAxisWidth(panes);\r\n\r\n\t this.autoRotateAxisLabels(axes);\r\n\r\n\t this.alignAxes(axes.x, axes.y);\r\n\t if (this.shrinkAxisWidth(panes)) {\r\n\t this.alignAxes(axes.x, axes.y);\r\n\t }\r\n\r\n\t this.shrinkAxisHeight(panes);\r\n\t this.alignAxes(axes.x, axes.y);\r\n\r\n\t if (this.shrinkAxisHeight(panes)) {\r\n\t this.alignAxes(axes.x, axes.y);\r\n\t }\r\n\r\n\t this.fitAxes(panes);\r\n\t }\r\n\t },\r\n\r\n\t autoRotateAxisLabels: function(groupedAxes) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var axes = ref.axes;\r\n\t var panes = ref.panes;\r\n\t var rotated;\r\n\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t var axis = axes[idx];\r\n\t if (axis.autoRotateLabels()) {\r\n\t rotated = true;\r\n\t }\r\n\t }\r\n\r\n\t if (rotated) {\r\n\t for (var idx$1 = 0; idx$1 < panes.length; idx$1++) {\r\n\t this$1.reflowPaneAxes(panes[idx$1]);\r\n\t }\r\n\r\n\t if (groupedAxes.x.length > 0 && groupedAxes.y.length > 0) {\r\n\t this.alignAxes(groupedAxes.x, groupedAxes.y);\r\n\t this.shrinkAxisWidth(panes);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t reflowPaneAxes: function(pane) {\r\n\t var axes = pane.axes;\r\n\t var length = axes.length;\r\n\r\n\t if (length > 0) {\r\n\t for (var i = 0; i < length; i++) {\r\n\t axes[i].reflow(pane.contentBox);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t reflowCharts: function(panes) {\r\n\t var charts = this.charts;\r\n\t var count = charts.length;\r\n\t var box = this.box;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var chartPane = charts[i].pane;\r\n\t if (!chartPane || inArray(chartPane, panes)) {\r\n\t charts[i].reflow(box);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t reflowPanes: function() {\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var panes = ref.panes;\r\n\t var panesLength = panes.length;\r\n\t var remainingHeight = box.height();\r\n\t var remainingPanes = panesLength;\r\n\t var autoHeightPanes = 0;\r\n\t var top = box.y1;\r\n\r\n\t for (var i = 0; i < panesLength; i++) {\r\n\t var currentPane = panes[i];\r\n\t var height = currentPane.options.height;\r\n\r\n\t currentPane.options.width = box.width();\r\n\r\n\t if (!currentPane.options.height) {\r\n\t autoHeightPanes++;\r\n\t } else {\r\n\t if (height.indexOf && height.indexOf(\"%\")) {\r\n\t var percents = parseInt(height, 10) / 100;\r\n\t currentPane.options.height = percents * box.height();\r\n\t }\r\n\r\n\t currentPane.reflow(box.clone());\r\n\r\n\t remainingHeight -= currentPane.options.height;\r\n\t }\r\n\t }\r\n\r\n\t for (var i$1 = 0; i$1 < panesLength; i$1++) {\r\n\t var currentPane$1 = panes[i$1];\r\n\r\n\t if (!currentPane$1.options.height) {\r\n\t currentPane$1.options.height = remainingHeight / autoHeightPanes;\r\n\t }\r\n\t }\r\n\r\n\t for (var i$2 = 0; i$2 < panesLength; i$2++) {\r\n\t var currentPane$2 = panes[i$2];\r\n\t var paneBox = box\r\n\t .clone()\r\n\t .move(box.x1, top);\r\n\r\n\t currentPane$2.reflow(paneBox);\r\n\r\n\t remainingPanes--;\r\n\t top += currentPane$2.options.height;\r\n\t }\r\n\t },\r\n\r\n\t backgroundBox: function() {\r\n\t var axes = this.axes;\r\n\t var axesCount = axes.length;\r\n\t var box;\r\n\r\n\t for (var i = 0; i < axesCount; i++) {\r\n\t var axisA = axes[i];\r\n\r\n\t for (var j = 0; j < axesCount; j++) {\r\n\t var axisB = axes[j];\r\n\r\n\t if (axisA.options.vertical !== axisB.options.vertical) {\r\n\t var lineBox = axisA.lineBox().clone().wrap(axisB.lineBox());\r\n\r\n\t if (!box) {\r\n\t box = lineBox;\r\n\t } else {\r\n\t box = box.wrap(lineBox);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return box || this.box;\r\n\t },\r\n\r\n\t chartsBoxes: function() {\r\n\t var panes = this.panes;\r\n\t var boxes = [];\r\n\r\n\t for (var idx = 0; idx < panes.length; idx++) {\r\n\t boxes.push(panes[idx].chartsBox());\r\n\t }\r\n\r\n\t return boxes;\r\n\t },\r\n\r\n\t addBackgroundPaths: function(multipath) {\r\n\t var boxes = this.chartsBoxes();\r\n\t for (var idx = 0; idx < boxes.length; idx++) {\r\n\t multipath.paths.push(Path.fromRect(boxes[idx].toRect()));\r\n\t }\r\n\t },\r\n\r\n\t backgroundContainsPoint: function(point) {\r\n\t var boxes = this.chartsBoxes();\r\n\t for (var idx = 0; idx < boxes.length; idx++) {\r\n\t if (boxes[idx].containsPoint(point)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var options = this.options.plotArea;\r\n\t var opacity = options.opacity;\r\n\t var background = options.background;\r\n\t var border = options.border; if (border === void 0) { border = {}; }\r\n\t if (isTransparent(background)) {\r\n\t background = WHITE;\r\n\t opacity = 0;\r\n\t }\r\n\r\n\t var bg = this._bgVisual = new drawing.MultiPath({\r\n\t fill: {\r\n\t color: background,\r\n\t opacity: opacity\r\n\t },\r\n\t stroke: {\r\n\t color: border.width ? border.color : \"\",\r\n\t width: border.width,\r\n\t dashType: border.dashType\r\n\t },\r\n\t zIndex: -1\r\n\t });\r\n\r\n\t this.addBackgroundPaths(bg);\r\n\r\n\t this.appendVisual(bg);\r\n\t },\r\n\r\n\t pointsByCategoryIndex: function(categoryIndex) {\r\n\t var charts = this.charts;\r\n\t var result = [];\r\n\r\n\t if (categoryIndex !== null) {\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var chart = charts[i];\r\n\t if (chart.pane.options.name === \"_navigator\") {\r\n\t continue;\r\n\t }\r\n\r\n\t var points = charts[i].categoryPoints[categoryIndex];\r\n\t if (points && points.length) {\r\n\t for (var j = 0; j < points.length; j++) {\r\n\t var point = points[j];\r\n\t if (point && defined(point.value) && point.value !== null) {\r\n\t result.push(point);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t pointsBySeriesIndex: function(seriesIndex) {\r\n\t return this.filterPoints(function(point) {\r\n\t return point.series.index === seriesIndex;\r\n\t });\r\n\t },\r\n\r\n\t pointsBySeriesName: function(name) {\r\n\t return this.filterPoints(function(point) {\r\n\t return point.series.name === name;\r\n\t });\r\n\t },\r\n\r\n\t filterPoints: function(callback) {\r\n\t var charts = this.charts;\r\n\t var result = [];\r\n\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var chart = charts[i];\r\n\t var points = chart.points;\r\n\t for (var j = 0; j < points.length; j++) {\r\n\t var point = points[j];\r\n\t if (point && callback(point)) {\r\n\t result.push(point);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t findPoint: function(callback) {\r\n\t var charts = this.charts;\r\n\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var chart = charts[i];\r\n\t var points = chart.points;\r\n\t for (var j = 0; j < points.length; j++) {\r\n\t var point = points[j];\r\n\t if (point && callback(point)) {\r\n\t return point;\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t paneByPoint: function(point) {\r\n\t var panes = this.panes;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var pane = panes[i];\r\n\t if (pane.box.containsPoint(point)) {\r\n\t return pane;\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction axisGroupBox(axes) {\r\n\t var length = axes.length;\r\n\t var box;\r\n\r\n\t if (length > 0) {\r\n\t for (var i = 0; i < length; i++) {\r\n\t var axisBox = axes[i].contentBox();\r\n\r\n\t if (!box) {\r\n\t box = axisBox.clone();\r\n\t } else {\r\n\t box.wrap(axisBox);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return box || new Box();\r\n\t}\r\n\r\n\tfunction paneAnchor(axes, pane) {\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var anchor = axes[i];\r\n\t if (anchor && anchor.pane === pane) {\r\n\t return anchor;\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction isTransparent(color) {\r\n\t return color === \"\" || color === null || color === \"none\" || color === \"transparent\" || !defined(color);\r\n\t}\r\n\r\n\tsetDefaultOptions(PlotAreaBase, {\r\n\t series: [],\r\n\t plotArea: {\r\n\t margin: {}\r\n\t },\r\n\t background: \"\",\r\n\t border: {\r\n\t color: BLACK,\r\n\t width: 0\r\n\t },\r\n\t legend: {\r\n\t inactiveItems: {\r\n\t labels: {\r\n\t color: \"#919191\"\r\n\t },\r\n\t markers: {\r\n\t color: \"#919191\"\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar PlotAreaEventsMixin = {\r\n\t hover: function(chart, e) {\r\n\t this._dispatchEvent(chart, e, PLOT_AREA_HOVER);\r\n\t },\r\n\r\n\t click: function(chart, e) {\r\n\t this._dispatchEvent(chart, e, PLOT_AREA_CLICK);\r\n\t }\r\n\t};\r\n\r\n\tvar SeriesAggregator = Class.extend({\r\n\t init: function(series, binder, defaultAggregates) {\r\n\r\n\t var canonicalFields = binder.canonicalFields(series);\r\n\t var valueFields = binder.valueFields(series);\r\n\t var sourceFields = binder.sourceFields(series, canonicalFields);\r\n\t var seriesFields = this._seriesFields = [];\r\n\t var defaults = defaultAggregates.query(series.type);\r\n\t var rootAggregate = series.aggregate || defaults;\r\n\r\n\t this._series = series;\r\n\t this._binder = binder;\r\n\r\n\t for (var i = 0; i < canonicalFields.length; i++) {\r\n\t var field = canonicalFields[i];\r\n\t var fieldAggregate = (void 0);\r\n\r\n\t if (isObject(rootAggregate)) {\r\n\t fieldAggregate = rootAggregate[field];\r\n\t } else if (i === 0 || inArray(field, valueFields)) {\r\n\t fieldAggregate = rootAggregate;\r\n\t } else {\r\n\t break;\r\n\t }\r\n\r\n\t if (fieldAggregate) {\r\n\t seriesFields.push({\r\n\t canonicalName: field,\r\n\t name: sourceFields[i],\r\n\t transform: isFunction(fieldAggregate) ? fieldAggregate : Aggregates[fieldAggregate]\r\n\t });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t aggregatePoints: function(srcPoints, group) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var series = ref._series;\r\n\t var seriesFields = ref._seriesFields;\r\n\t var data = this._bindPoints(srcPoints || []);\r\n\t var firstDataItem = data.dataItems[0];\r\n\t var result = {};\r\n\r\n\t if (firstDataItem && !isNumber(firstDataItem) && !isArray(firstDataItem)) {\r\n\t var fn = function() {};\r\n\t fn.prototype = firstDataItem;\r\n\t result = new fn();\r\n\t }\r\n\r\n\t for (var i = 0; i < seriesFields.length; i++) {\r\n\t var field = seriesFields[i];\r\n\t var srcValues = this$1._bindField(data.values, field.canonicalName);\r\n\t var value = field.transform(srcValues, series, data.dataItems, group);\r\n\r\n\t if (value !== null && isObject(value) && !defined(value.length) && !(value instanceof Date)) {\r\n\t result = value;\r\n\t break;\r\n\t } else {\r\n\t if (defined(value)) {\r\n\t setValue(field.name, result, value);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t _bindPoints: function(points) {\r\n\t var ref = this;\r\n\t var binder = ref._binder;\r\n\t var series = ref._series;\r\n\t var values = [];\r\n\t var dataItems = [];\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var pointIx = points[i];\r\n\r\n\t values.push(binder.bindPoint(series, pointIx));\r\n\t dataItems.push(series.data[pointIx]);\r\n\t }\r\n\r\n\t return {\r\n\t values: values,\r\n\t dataItems: dataItems\r\n\t };\r\n\t },\r\n\r\n\t _bindField: function(data, field) {\r\n\t var values = [];\r\n\t var count = data.length;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var item = data[i];\r\n\t var valueFields = item.valueFields;\r\n\t var value = (void 0);\r\n\r\n\t if (defined(valueFields[field])) {\r\n\t value = valueFields[field];\r\n\t } else {\r\n\t value = item.fields[field];\r\n\t }\r\n\r\n\t values.push(value);\r\n\t }\r\n\r\n\t return values;\r\n\t }\r\n\t});\r\n\r\n\tfunction setValue(fieldName, target, value) {\r\n\t var parentObj = target;\r\n\t var field = fieldName;\r\n\r\n\t if (fieldName.indexOf(\".\") > -1) {\r\n\t var parts = fieldName.split(\".\");\r\n\r\n\t while (parts.length > 1) {\r\n\t field = parts.shift();\r\n\t if (!defined(parentObj[field])) {\r\n\t parentObj[field] = {};\r\n\t }\r\n\t parentObj = parentObj[field];\r\n\t }\r\n\t field = parts.shift();\r\n\t }\r\n\r\n\t parentObj[field] = value;\r\n\t}\r\n\r\n\tvar DefaultAggregates = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._defaults = {};\r\n\t },\r\n\r\n\t register: function(seriesTypes, aggregates) {\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < seriesTypes.length; i++) {\r\n\t this$1._defaults[seriesTypes[i]] = aggregates;\r\n\t }\r\n\t },\r\n\r\n\t query: function(seriesType) {\r\n\t return this._defaults[seriesType];\r\n\t }\r\n\t});\r\n\r\n\tDefaultAggregates.current = new DefaultAggregates();\r\n\r\n\tvar RangeBar = Bar.extend({\r\n\t createLabel: function() {\r\n\t var labels = this.options.labels;\r\n\t var fromOptions = deepExtend({}, labels, labels.from);\r\n\t var toOptions = deepExtend({}, labels, labels.to);\r\n\r\n\t if (fromOptions.visible) {\r\n\t this.labelFrom = this._createLabel(fromOptions);\r\n\t this.append(this.labelFrom);\r\n\t }\r\n\r\n\t if (toOptions.visible) {\r\n\t this.labelTo = this._createLabel(toOptions);\r\n\t this.append(this.labelTo);\r\n\t }\r\n\t },\r\n\r\n\t _createLabel: function(options) {\r\n\t var labelTemplate = getTemplate(options);\r\n\t var labelText;\r\n\r\n\t if (labelTemplate) {\r\n\t labelText = labelTemplate({\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t value: this.value,\r\n\t percentage: this.percentage,\r\n\t runningTotal: this.runningTotal,\r\n\t total: this.total,\r\n\t series: this.series\r\n\t });\r\n\t } else {\r\n\t labelText = this.formatValue(options.format);\r\n\t }\r\n\r\n\t return new BarLabel(labelText,\r\n\t deepExtend({\r\n\t vertical: this.options.vertical\r\n\t },\r\n\t options\r\n\t ));\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t this.render();\r\n\r\n\t var ref = this;\r\n\t var labelFrom = ref.labelFrom;\r\n\t var labelTo = ref.labelTo;\r\n\t var value = ref.value;\r\n\r\n\t this.box = targetBox;\r\n\r\n\t if (labelFrom) {\r\n\t labelFrom.options.aboveAxis = value.from > value.to;\r\n\t labelFrom.reflow(targetBox);\r\n\t }\r\n\r\n\t if (labelTo) {\r\n\t labelTo.options.aboveAxis = value.to > value.from;\r\n\t labelTo.reflow(targetBox);\r\n\t }\r\n\r\n\t if (this.note) {\r\n\t this.note.reflow(targetBox);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tRangeBar.prototype.defaults = deepExtend({}, RangeBar.prototype.defaults, {\r\n\t labels: {\r\n\t format: \"{0} - {1}\"\r\n\t },\r\n\t tooltip: {\r\n\t format: \"{1}\"\r\n\t }\r\n\t});\r\n\r\n\tvar RangeBarChart = BarChart.extend({\r\n\t pointType: function() {\r\n\t return RangeBar;\r\n\t },\r\n\r\n\t pointValue: function(data) {\r\n\t return data.valueFields;\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t if (point.value.from === null && point.value.to === null) {\r\n\t return \"\";\r\n\t }\r\n\r\n\t return this.chartService.format.auto(format, point.value.from, point.value.to);\r\n\t },\r\n\r\n\t plotRange: function(point) {\r\n\t if (!point) {\r\n\t return 0;\r\n\t }\r\n\r\n\t return [ point.value.from, point.value.to ];\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t var axisName = fields.series.axis;\r\n\t var from = value.from;\r\n\t var to = value.to;\r\n\t var axisRange = this.valueAxisRanges[axisName];\r\n\r\n\t if (value !== null && isNumber(from) && isNumber(to)) {\r\n\t axisRange = this.valueAxisRanges[axisName] = axisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t axisRange.min = Math.min(axisRange.min, from);\r\n\t axisRange.max = Math.max(axisRange.max, from);\r\n\r\n\t axisRange.min = Math.min(axisRange.min, to);\r\n\t axisRange.max = Math.max(axisRange.max, to);\r\n\t }\r\n\t },\r\n\r\n\t aboveAxis: function(point) {\r\n\t var value = point.value;\r\n\t return value.from < value.to;\r\n\t }\r\n\t});\r\n\r\n\tRangeBarChart.prototype.plotLimits = CategoricalChart.prototype.plotLimits;\r\n\r\n\tvar RangeLinePoint = LinePoint.extend({\r\n\t aliasFor: function() {\r\n\t return this.parent;\r\n\t }\r\n\t});\r\n\r\n\tvar AUTO = 'auto';\r\n\tvar DEFAULT_FROM_FORMAT = '{0}';\r\n\tvar DEFAULT_TO_FORMAT = '{1}';\r\n\r\n\tvar RangeAreaPoint = ChartElement.extend({\r\n\t init: function(value, options) {\r\n\t ChartElement.fn.init.call(this);\r\n\r\n\t this.value = value;\r\n\t this.options = options;\r\n\t this.aboveAxis = valueOrDefault(this.options.aboveAxis, true);\r\n\t this.tooltipTracking = true;\r\n\t this.initLabelsFormat();\r\n\t },\r\n\r\n\t render: function() {\r\n\t if (this._rendered) {\r\n\t return;\r\n\t }\r\n\r\n\t this._rendered = true;\r\n\r\n\t var ref = this.options;\r\n\t var markers = ref.markers;\r\n\t var labels = ref.labels;\r\n\t var value = this.value;\r\n\r\n\t var fromPoint = this.fromPoint = new RangeLinePoint(value, deepExtend({}, this.options, {\r\n\t labels: labels.from,\r\n\t markers: markers.from\r\n\t }));\r\n\r\n\t var toPoint = this.toPoint = new RangeLinePoint(value, deepExtend({}, this.options, {\r\n\t labels: labels.to,\r\n\t markers: markers.to\r\n\t }));\r\n\r\n\t this.copyFields(fromPoint);\r\n\t this.copyFields(toPoint);\r\n\r\n\t this.append(fromPoint);\r\n\t this.append(toPoint);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t this.render();\r\n\r\n\t var fromBox = targetBox.from;\r\n\t var toBox = targetBox.to;\r\n\r\n\t this.positionLabels(fromBox, toBox);\r\n\r\n\t this.fromPoint.reflow(fromBox);\r\n\t this.toPoint.reflow(toBox);\r\n\r\n\t this.box = this.fromPoint.markerBox().clone().wrap(this.toPoint.markerBox());\r\n\t },\r\n\r\n\t createHighlight: function() {\r\n\t var group = new Group();\r\n\t group.append(this.fromPoint.createHighlight());\r\n\t group.append(this.toPoint.createHighlight());\r\n\r\n\t return group;\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this.visual;\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t return {\r\n\t options: this.options,\r\n\t from: this.fromPoint.highlightVisualArgs(),\r\n\t to: this.toPoint.highlightVisualArgs()\r\n\t };\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var clipBox = this.owner.pane.clipBox();\r\n\t var showTooltip = !clipBox || clipBox.overlaps(this.box);\r\n\r\n\t if (showTooltip) {\r\n\t var box = this.box;\r\n\t var center = box.center();\r\n\t var horizontalAlign = LEFT;\r\n\t var x, y, verticalAlign;\r\n\r\n\t if (this.options.vertical) {\r\n\t x = center.x;\r\n\t y = box.y1 - TOOLTIP_OFFSET;\r\n\t verticalAlign = BOTTOM;\r\n\t } else {\r\n\t x = box.x2 + TOOLTIP_OFFSET;\r\n\t y = center.y;\r\n\t verticalAlign = CENTER;\r\n\t }\r\n\r\n\t return {\r\n\t point: new Point(x, y),\r\n\t align: {\r\n\t horizontal: horizontalAlign,\r\n\t vertical: verticalAlign\r\n\t }\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t return this.owner.formatPointValue(this, format);\r\n\t },\r\n\r\n\t overlapsBox: function(box) {\r\n\t return this.box.overlaps(box);\r\n\t },\r\n\r\n\t unclipElements: function() {\r\n\t this.fromPoint.unclipElements();\r\n\t this.toPoint.unclipElements();\r\n\t },\r\n\r\n\t initLabelsFormat: function() {\r\n\t var labels = this.options.labels;\r\n\t if (!labels.format) {\r\n\t if (!labels.from || !labels.from.format) {\r\n\t labels.from = $.extend({}, labels.from, {\r\n\t format: DEFAULT_FROM_FORMAT\r\n\t });\r\n\t }\r\n\r\n\t if (!labels.to || !labels.to.format) {\r\n\t labels.to = $.extend({}, labels.to, {\r\n\t format: DEFAULT_TO_FORMAT\r\n\t });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t positionLabels: function(fromBox, toBox) {\r\n\t var ref = this.options;\r\n\t var labels = ref.labels;\r\n\t var vertical = ref.vertical;\r\n\r\n\t if (labels.position === AUTO) {\r\n\t var fromLabelPosition, toLabelPosition;\r\n\t if (vertical) {\r\n\t if (toBox.y1 <= fromBox.y1) {\r\n\t toLabelPosition = ABOVE;\r\n\t fromLabelPosition = BELOW;\r\n\t } else {\r\n\t toLabelPosition = BELOW;\r\n\t fromLabelPosition = ABOVE;\r\n\t }\r\n\t } else {\r\n\t if (toBox.x1 <= fromBox.x1) {\r\n\t toLabelPosition = LEFT;\r\n\t fromLabelPosition = RIGHT;\r\n\t } else {\r\n\t toLabelPosition = RIGHT;\r\n\t fromLabelPosition = LEFT;\r\n\t }\r\n\t }\r\n\r\n\t if (!labels.from || !labels.from.position) {\r\n\t this.fromPoint.options.labels.position = fromLabelPosition;\r\n\t }\r\n\r\n\t if (!labels.to || !labels.to.position) {\r\n\t this.toPoint.options.labels.position = toLabelPosition;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t copyFields: function(point) {\r\n\t point.dataItem = this.dataItem;\r\n\t point.category = this.category;\r\n\t point.series = this.series;\r\n\t point.color = this.color;\r\n\t point.owner = this.owner;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(RangeAreaPoint.prototype, PointEventsMixin);\r\n\tdeepExtend(RangeAreaPoint.prototype, NoteMixin);\r\n\r\n\tRangeAreaPoint.prototype.defaults = {\r\n\t markers: {\r\n\t visible: false,\r\n\t background: WHITE,\r\n\t size: LINE_MARKER_SIZE,\r\n\t type: CIRCLE,\r\n\t border: {\r\n\t width: 2\r\n\t },\r\n\t opacity: 1\r\n\t },\r\n\t labels: {\r\n\t visible: false,\r\n\t margin: getSpacing(3),\r\n\t padding: getSpacing(4),\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: INITIAL_ANIMATION_DURATION\r\n\t },\r\n\t position: AUTO\r\n\t },\r\n\t notes: {\r\n\t label: {}\r\n\t },\r\n\t highlight: {\r\n\t markers: {\r\n\t border: {\r\n\t color: WHITE,\r\n\t width: 2\r\n\t }\r\n\t },\r\n\t zIndex: datavizConstants.HIGHLIGHT_ZINDEX\r\n\t },\r\n\t tooltip: {\r\n\t format: '{0} - {1}'\r\n\t }\r\n\t};\r\n\r\n\tvar RangeAreaSegment = AreaSegment.extend({\r\n\t createStrokeSegments: function() {\r\n\t return this.segmentsFromPoints(this.toGeometryPoints(this.toPoints()));\r\n\t },\r\n\r\n\t stackSegments: function() {\r\n\t var fromSegments = this.fromSegments;\r\n\t if (!this.fromSegments) {\r\n\t fromSegments = this.fromSegments = this.segmentsFromPoints(this.toGeometryPoints(this.fromPoints().reverse()));\r\n\t }\r\n\r\n\t return fromSegments;\r\n\t },\r\n\r\n\t createStroke: function(style) {\r\n\t var toPath = new Path(style);\r\n\t var fromPath = new Path(style);\r\n\r\n\t toPath.segments.push.apply(toPath.segments, this.strokeSegments());\r\n\t fromPath.segments.push.apply(fromPath.segments, this.stackSegments());\r\n\r\n\t this.visual.append(toPath);\r\n\t this.visual.append(fromPath);\r\n\t },\r\n\r\n\t hasStackSegment: function() {\r\n\t return true;\r\n\t },\r\n\r\n\t fromPoints: function() {\r\n\t return this.linePoints.map(function (point) { return point.fromPoint; });\r\n\t },\r\n\r\n\t toPoints: function() {\r\n\t return this.linePoints.map(function (point) { return point.toPoint; });\r\n\t }\r\n\t});\r\n\r\n\tvar SplineRangeAreaSegment = RangeAreaSegment.extend({\r\n\t createStrokeSegments: function() {\r\n\t return this.createCurveSegments(this.toPoints());\r\n\t },\r\n\r\n\t stackSegments: function() {\r\n\t var fromSegments = this.fromSegments;\r\n\t if (!this.fromSegments) {\r\n\t fromSegments = this.fromSegments = this.createCurveSegments(this.fromPoints().reverse());\r\n\t }\r\n\r\n\t return fromSegments;\r\n\t },\r\n\r\n\t createCurveSegments: function(points) {\r\n\t var curveProcessor = new CurveProcessor();\r\n\r\n\t return curveProcessor.process(this.toGeometryPoints(points));\r\n\t }\r\n\t});\r\n\r\n\tvar StepRangeAreaSegment = RangeAreaSegment.extend({\r\n\t createStrokeSegments: function() {\r\n\t return this.segmentsFromPoints(this.calculateStepPoints(this.toPoints()));\r\n\t },\r\n\r\n\t stackSegments: function() {\r\n\t var fromSegments = this.fromSegments;\r\n\t if (!this.fromSegments) {\r\n\t fromSegments = this.fromSegments = this.segmentsFromPoints(this.calculateStepPoints(this.fromPoints()));\r\n\t fromSegments.reverse();\r\n\t }\r\n\r\n\t return fromSegments;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(StepRangeAreaSegment.prototype, StepLineMixin);\r\n\r\n\tvar RangeAreaChart = CategoricalChart.extend({\r\n\t render: function() {\r\n\t CategoricalChart.fn.render.call(this);\r\n\r\n\t this.renderSegments();\r\n\t },\r\n\r\n\t pointType: function() {\r\n\t return RangeAreaPoint;\r\n\t },\r\n\r\n\t createPoint: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var value = data.valueFields;\r\n\r\n\t if (!hasValue(value.from) && !hasValue(value.to)) {\r\n\t if (this.seriesMissingValues(series) === ZERO) {\r\n\t value = {\r\n\t from: 0,\r\n\t to: 0\r\n\t };\r\n\t } else {\r\n\t return null;\r\n\t }\r\n\t }\r\n\r\n\t var pointOptions = this.pointOptions(series, seriesIx);\r\n\t pointOptions = this.evalPointOptions(\r\n\t pointOptions, value, category, categoryIx, series, seriesIx\r\n\t );\r\n\r\n\t var color = data.fields.color || series.color;\r\n\t if (isFunction(series.color)) {\r\n\t color = pointOptions.color;\r\n\t }\r\n\r\n\t var point = new RangeAreaPoint(value, pointOptions);\r\n\t point.color = color;\r\n\r\n\t this.append(point);\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = (currentSeries.line || {}).style;\r\n\t var segmentType;\r\n\t if (style === \"smooth\") {\r\n\t segmentType = SplineRangeAreaSegment;\r\n\t } else if (style === \"step\") {\r\n\t segmentType = StepRangeAreaSegment;\r\n\t } else {\r\n\t segmentType = RangeAreaSegment;\r\n\t }\r\n\r\n\t return new segmentType(linePoints, currentSeries, seriesIx);\r\n\t },\r\n\r\n\t plotRange: function(point, startValue) {\r\n\t if (!point) {\r\n\t return [ startValue, startValue ];\r\n\t }\r\n\r\n\t return [ point.value.from, point.value.to ];\r\n\t },\r\n\r\n\t valueSlot: function(valueAxis, plotRange) {\r\n\t var fromSlot = valueAxis.getSlot(plotRange[0], plotRange[0], !this.options.clip);\r\n\t var toSlot = valueAxis.getSlot(plotRange[1], plotRange[1], !this.options.clip);\r\n\t if (fromSlot && toSlot) {\r\n\t return {\r\n\t from: fromSlot,\r\n\t to: toSlot\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t pointSlot: function(categorySlot, valueSlot) {\r\n\t var from = valueSlot.from;\r\n\t var to = valueSlot.to;\r\n\t var fromSlot, toSlot;\r\n\r\n\t if (this.options.invertAxes) {\r\n\t fromSlot = new Box(from.x1, categorySlot.y1, from.x2, categorySlot.y2);\r\n\t toSlot = new Box(to.x1, categorySlot.y1, to.x2, categorySlot.y2);\r\n\t } else {\r\n\t fromSlot = new Box(categorySlot.x1, from.y1, categorySlot.x2, from.y2);\r\n\t toSlot = new Box(categorySlot.x1, to.y1, categorySlot.x2, to.y2);\r\n\t }\r\n\r\n\t return {\r\n\t from: fromSlot,\r\n\t to: toSlot\r\n\t };\r\n\t },\r\n\r\n\t addValue: function(data, fields) {\r\n\t var valueFields = data.valueFields;\r\n\t if (!isNumber(valueFields.from)) {\r\n\t valueFields.from = valueFields.to;\r\n\t }\r\n\r\n\t if (!isNumber(valueFields.to)) {\r\n\t valueFields.to = valueFields.from;\r\n\t }\r\n\r\n\t CategoricalChart.fn.addValue.call(this, data, fields);\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t if (value !== null && isNumber(value.from) && isNumber(value.to)) {\r\n\t var axisName = fields.series.axis;\r\n\t var axisRange = this.valueAxisRanges[axisName] = this.valueAxisRanges[axisName] || { min: MAX_VALUE, max: MIN_VALUE };\r\n\t var from = value.from;\r\n\t var to = value.to;\r\n\r\n\t axisRange.min = Math.min(axisRange.min, from, to);\r\n\t axisRange.max = Math.max(axisRange.max, from, to);\r\n\t }\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t var value = point.value;\r\n\r\n\t return this.chartService.format.auto(format, value.from, value.to);\r\n\t },\r\n\r\n\t animationPoints: function() {\r\n\t var points = this.points;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t var point = points[idx];\r\n\t if (point) {\r\n\t result.push((point.fromPoint || {}).marker);\r\n\t result.push((point.toPoint || {}).marker);\r\n\t }\r\n\t }\r\n\r\n\t return result.concat(this._segments);\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(RangeAreaChart.prototype, LineChartMixin, ClipAnimationMixin);\r\n\r\n\tvar OHLCPoint = Candlestick.extend({\r\n\t reflow: function(box) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var value = ref.value;\r\n\t var chart = ref.owner;\r\n\t var valueAxis = chart.seriesValueAxis(options);\r\n\t var oPoints = [];\r\n\t var cPoints = [];\r\n\t var lhPoints = [];\r\n\r\n\t var lhSlot = valueAxis.getSlot(value.low, value.high);\r\n\t var oSlot = valueAxis.getSlot(value.open, value.open);\r\n\t var cSlot = valueAxis.getSlot(value.close, value.close);\r\n\r\n\t oSlot.x1 = cSlot.x1 = lhSlot.x1 = box.x1;\r\n\t oSlot.x2 = cSlot.x2 = lhSlot.x2 = box.x2;\r\n\r\n\t var mid = lhSlot.center().x;\r\n\r\n\t oPoints.push([ oSlot.x1, oSlot.y1 ]);\r\n\t oPoints.push([ mid, oSlot.y1 ]);\r\n\t cPoints.push([ mid, cSlot.y1 ]);\r\n\t cPoints.push([ cSlot.x2, cSlot.y1 ]);\r\n\t lhPoints.push([ mid, lhSlot.y1 ]);\r\n\t lhPoints.push([ mid, lhSlot.y2 ]);\r\n\r\n\t this.lines = [\r\n\t oPoints, cPoints, lhPoints\r\n\t ];\r\n\r\n\t this.box = lhSlot.clone().wrap(oSlot.clone().wrap(cSlot));\r\n\r\n\t this.reflowNote();\r\n\t },\r\n\r\n\t createBody: function() {}\r\n\t});\r\n\r\n\tvar OHLCChart = CandlestickChart.extend({\r\n\t pointType: function() {\r\n\t return OHLCPoint;\r\n\t }\r\n\t});\r\n\r\n\tvar WaterfallSegment = ChartElement.extend({\r\n\t init: function(from, to, series) {\r\n\t ChartElement.fn.init.call(this);\r\n\r\n\t this.from = from;\r\n\t this.to = to;\r\n\t this.series = series;\r\n\t },\r\n\r\n\t linePoints: function() {\r\n\t var from = this.from;\r\n\t var ref = this;\r\n\t var fromBox = ref.from.box;\r\n\t var toBox = ref.to.box;\r\n\t var points = [];\r\n\r\n\t if (from.isVertical) {\r\n\t var y = from.aboveAxis ? fromBox.y1 : fromBox.y2;\r\n\t points.push(\r\n\t [ fromBox.x1, y ],\r\n\t [ toBox.x2, y ]\r\n\t );\r\n\t } else {\r\n\t var x = from.aboveAxis ? fromBox.x2 : fromBox.x1;\r\n\t points.push(\r\n\t [ x, fromBox.y1 ],\r\n\t [ x, toBox.y2 ]\r\n\t );\r\n\t }\r\n\r\n\t return points;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var line = this.series.line || {};\r\n\r\n\t var path = Path.fromPoints(this.linePoints(), {\r\n\t stroke: {\r\n\t color: line.color,\r\n\t width: line.width,\r\n\t opacity: line.opacity,\r\n\t dashType: line.dashType\r\n\t }\r\n\t });\r\n\r\n\t alignPathToPixel(path);\r\n\t this.visual.append(path);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(WaterfallSegment, {\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: INITIAL_ANIMATION_DURATION\r\n\t }\r\n\t});\r\n\r\n\tvar WaterfallChart = BarChart.extend({\r\n\t render: function() {\r\n\t BarChart.fn.render.call(this);\r\n\t this.createSegments();\r\n\t },\r\n\r\n\t traverseDataPoints: function(callback) {\r\n\t var series = this.options.series;\r\n\t var categories = this.categoryAxis.options.categories || [];\r\n\t var totalCategories = categoriesCount(series);\r\n\t var isVertical = !this.options.invertAxes;\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var total = 0;\r\n\t var runningTotal = 0;\r\n\r\n\t for (var categoryIx = 0; categoryIx < totalCategories; categoryIx++) {\r\n\t var data = SeriesBinder.current.bindPoint(currentSeries, categoryIx);\r\n\t var value = data.valueFields.value;\r\n\t var summary = data.fields.summary;\r\n\t var from = total;\r\n\t var to = (void 0);\r\n\r\n\t if (summary) {\r\n\t if (summary.toLowerCase() === \"total\") {\r\n\t data.valueFields.value = total;\r\n\t from = 0;\r\n\t to = total;\r\n\t } else {\r\n\t data.valueFields.value = runningTotal;\r\n\t to = from - runningTotal;\r\n\t runningTotal = 0;\r\n\t }\r\n\t } else if (isNumber(value)) {\r\n\t runningTotal += value;\r\n\t total += value;\r\n\t to = total;\r\n\t }\r\n\r\n\t callback(data, {\r\n\t category: categories[categoryIx],\r\n\t categoryIx: categoryIx,\r\n\t series: currentSeries,\r\n\t seriesIx: seriesIx,\r\n\t total: total,\r\n\t runningTotal: runningTotal,\r\n\t from: from,\r\n\t to: to,\r\n\t isVertical: isVertical\r\n\t });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t BarChart.fn.updateRange.call(this, { value: fields.to }, fields);\r\n\t },\r\n\r\n\t aboveAxis: function(point) {\r\n\t return point.value >= 0;\r\n\t },\r\n\r\n\t plotRange: function(point) {\r\n\t return [ point.from, point.to ];\r\n\t },\r\n\r\n\t createSegments: function() {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.options.series;\r\n\t var seriesPoints = this.seriesPoints;\r\n\t var segments = this.segments = [];\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var points = seriesPoints[seriesIx];\r\n\r\n\t if (points) {\r\n\t var prevPoint = (void 0);\r\n\t for (var pointIx = 0; pointIx < points.length; pointIx++) {\r\n\t var point = points[pointIx];\r\n\r\n\t if (point && prevPoint) {\r\n\t var segment = new WaterfallSegment(prevPoint, point, currentSeries);\r\n\t segments.push(segment);\r\n\t this$1.append(segment);\r\n\t }\r\n\r\n\t prevPoint = point;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction appendIfNotNull(array, element) {\r\n\t if (element !== null) {\r\n\t array.push(element);\r\n\t }\r\n\t}\r\n\r\n\tvar AREA_SERIES = [ AREA, VERTICAL_AREA, RANGE_AREA, VERTICAL_RANGE_AREA ];\r\n\tvar OUT_OF_RANGE_SERIES = [ LINE, VERTICAL_LINE ].concat(AREA_SERIES);\r\n\r\n\tvar CategoricalPlotArea = PlotAreaBase.extend({\r\n\t initFields: function(series) {\r\n\t var this$1 = this;\r\n\r\n\t this.namedCategoryAxes = {};\r\n\t this.namedValueAxes = {};\r\n\t this.valueAxisRangeTracker = new AxisGroupRangeTracker();\r\n\r\n\t if (series.length > 0) {\r\n\t this.invertAxes = inArray(\r\n\t series[0].type, [ BAR, BULLET, VERTICAL_LINE, VERTICAL_AREA, VERTICAL_RANGE_AREA,\r\n\t RANGE_BAR, HORIZONTAL_WATERFALL, VERTICAL_BOX_PLOT ]\r\n\t );\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var stack = series[i].stack;\r\n\t if (stack && stack.type === \"100%\") {\r\n\t this$1.stack100 = true;\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t },\r\n\r\n\t render: function(panes) {\r\n\t if (panes === void 0) { panes = this.panes; }\r\n\r\n\t this.createCategoryAxes(panes);\r\n\t this.aggregateCategories(panes);\r\n\t this.createCategoryAxesLabels(panes);\r\n\t this.createCharts(panes);\r\n\t this.createValueAxes(panes);\r\n\t },\r\n\r\n\t removeAxis: function(axis) {\r\n\t var axisName = axis.options.name;\r\n\r\n\t PlotAreaBase.fn.removeAxis.call(this, axis);\r\n\r\n\t if (axis instanceof CategoryAxis) {\r\n\t delete this.namedCategoryAxes[axisName];\r\n\t } else {\r\n\t this.valueAxisRangeTracker.reset(axisName);\r\n\t delete this.namedValueAxes[axisName];\r\n\t }\r\n\r\n\t if (axis === this.categoryAxis) {\r\n\t delete this.categoryAxis;\r\n\t }\r\n\r\n\t if (axis === this.valueAxis) {\r\n\t delete this.valueAxis;\r\n\t }\r\n\t },\r\n\r\n\t createCharts: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var seriesByPane = this.groupSeriesByPane();\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var pane = panes[i];\r\n\t var paneSeries = seriesByPane[pane.options.name || \"default\"] || [];\r\n\t this$1.addToLegend(paneSeries);\r\n\r\n\t var visibleSeries = this$1.filterVisibleSeries(paneSeries);\r\n\t if (!visibleSeries) {\r\n\t continue;\r\n\t }\r\n\r\n\t var groups = this$1.groupSeriesByCategoryAxis(visibleSeries);\r\n\t for (var groupIx = 0; groupIx < groups.length; groupIx++) {\r\n\t this$1.createChartGroup(groups[groupIx], pane);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createChartGroup: function(series, pane) {\r\n\t this.createAreaChart(\r\n\t filterSeriesByType(series, [ AREA, VERTICAL_AREA ]), pane\r\n\t );\r\n\r\n\t this.createRangeAreaChart(\r\n\t filterSeriesByType(series, [ RANGE_AREA, VERTICAL_RANGE_AREA ]), pane\r\n\t );\r\n\r\n\t this.createBarChart(\r\n\t filterSeriesByType(series, [ COLUMN, BAR ]), pane\r\n\t );\r\n\r\n\t this.createRangeBarChart(\r\n\t filterSeriesByType(series, [ RANGE_COLUMN, RANGE_BAR ]), pane\r\n\t );\r\n\r\n\t this.createBulletChart(\r\n\t filterSeriesByType(series, [ BULLET, VERTICAL_BULLET ]), pane\r\n\t );\r\n\r\n\t this.createCandlestickChart(\r\n\t filterSeriesByType(series, CANDLESTICK), pane\r\n\t );\r\n\r\n\t this.createBoxPlotChart(\r\n\t filterSeriesByType(series, [ BOX_PLOT, VERTICAL_BOX_PLOT ]), pane\r\n\t );\r\n\r\n\t this.createOHLCChart(\r\n\t filterSeriesByType(series, OHLC), pane\r\n\t );\r\n\r\n\t this.createWaterfallChart(\r\n\t filterSeriesByType(series, [ WATERFALL, HORIZONTAL_WATERFALL ]), pane\r\n\t );\r\n\r\n\t this.createLineChart(\r\n\t filterSeriesByType(series, [ LINE, VERTICAL_LINE ]), pane\r\n\t );\r\n\t },\r\n\r\n\t aggregateCategories: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.srcSeries || this.series;\r\n\t var processedSeries = [];\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t var categoryAxis = this$1.seriesCategoryAxis(currentSeries);\r\n\t var axisPane = this$1.findPane(categoryAxis.options.pane);\r\n\t var dateAxis = equalsIgnoreCase(categoryAxis.options.type, DATE);\r\n\r\n\t if ((dateAxis || currentSeries.categoryField) && inArray(axisPane, panes)) {\r\n\t currentSeries = this$1.aggregateSeries(currentSeries, categoryAxis);\r\n\t } else if (isNumber(categoryAxis.options.min) || isNumber(categoryAxis.options.max)) {\r\n\t currentSeries = this$1.filterSeries(currentSeries, categoryAxis);\r\n\t }\r\n\r\n\t processedSeries.push(currentSeries);\r\n\t }\r\n\r\n\t this.srcSeries = series;\r\n\t this.series = processedSeries;\r\n\t },\r\n\r\n\t filterSeries: function(series, categoryAxis) {\r\n\t var range = categoryAxis.totalRangeIndices();\r\n\t var justified = categoryAxis.options.justified;\r\n\t var outOfRangePoints = inArray(series.type, OUT_OF_RANGE_SERIES);\r\n\r\n\t range.min = isNumber(categoryAxis.options.min) ? Math.floor(range.min) : 0;\r\n\t if (isNumber(categoryAxis.options.max)) {\r\n\t range.max = justified ? Math.floor(range.max) + 1 : Math.ceil(range.max);\r\n\t } else {\r\n\t range.max = series.data.length;\r\n\t }\r\n\r\n\t var currentSeries = deepExtend({}, series);\r\n\r\n\t if (outOfRangePoints) {\r\n\t var minCategory = range.min - 1;\r\n\t var srcCategories = categoryAxis.options.srcCategories || [];\r\n\t if (minCategory >= 0 && minCategory < currentSeries.data.length) {\r\n\t currentSeries._outOfRangeMinPoint = {\r\n\t item: currentSeries.data[minCategory],\r\n\t category: srcCategories[minCategory],\r\n\t categoryIx: -1\r\n\t };\r\n\t }\r\n\r\n\t if (range.max < currentSeries.data.length) {\r\n\t currentSeries._outOfRangeMaxPoint = {\r\n\t item: currentSeries.data[range.max],\r\n\t category: srcCategories[range.max],\r\n\t categoryIx: range.max - range.min\r\n\t };\r\n\t }\r\n\t }\r\n\r\n\t categoryAxis._seriesMax = Math.max(categoryAxis._seriesMax || 0, currentSeries.data.length);\r\n\r\n\t currentSeries.data = (currentSeries.data || []).slice(range.min, range.max);\r\n\r\n\t return currentSeries;\r\n\t },\r\n\r\n\t aggregateSeries: function(series, categoryAxis) {\r\n\t var this$1 = this;\r\n\r\n\t var outOfRangePoints = inArray(series.type, OUT_OF_RANGE_SERIES);\r\n\t var ref = categoryAxis.options;\r\n\t var categories = ref.categories;\r\n\t var srcCategories = ref.srcCategories; if (srcCategories === void 0) { srcCategories = categories; }\r\n\t var dataItems = ref.dataItems; if (dataItems === void 0) { dataItems = []; }\r\n\t var dateAxis = equalsIgnoreCase(categoryAxis.options.type, DATE);\r\n\t var aggregatorSeries = deepExtend({}, series);\r\n\t var result = deepExtend({}, series);\r\n\t var srcData = series.data;\r\n\t var srcPoints = [];\r\n\t var outOfRangeMinIdx = MIN_VALUE;\r\n\t var outOfRangeMaxIdx = MAX_VALUE;\r\n\t var getFn = getField;\r\n\t var outOfRangeMinCategory, outOfRangeMaxCategory;\r\n\r\n\t if (dateAxis) {\r\n\t getFn = getDateField;\r\n\t }\r\n\r\n\t for (var i = 0; i < srcData.length; i++) {\r\n\t var category = (void 0);\r\n\t if (series.categoryField) {\r\n\t category = getFn(series.categoryField, srcData[i], this$1.chartService.intl);\r\n\t } else {\r\n\t category = srcCategories[i];\r\n\t }\r\n\r\n\t if (defined(category)) {\r\n\t var categoryIx = categoryAxis.categoryIndex(category);\r\n\t if (0 <= categoryIx && categoryIx < categories.length) {\r\n\t srcPoints[categoryIx] = srcPoints[categoryIx] || [];\r\n\t srcPoints[categoryIx].push(i);\r\n\t } else if (outOfRangePoints) {\r\n\t if (categoryIx < 0) {\r\n\t if (categoryIx === outOfRangeMinIdx) {\r\n\t outOfRangeMinCategory.points.push(i);\r\n\t } else if (categoryIx > outOfRangeMinIdx) {\r\n\t outOfRangeMinIdx = categoryIx;\r\n\t outOfRangeMinCategory = {\r\n\t category: category,\r\n\t points: [ i ]\r\n\t };\r\n\t }\r\n\t } else if (categoryIx >= categories.length) {\r\n\t if (categoryIx === outOfRangeMaxIdx) {\r\n\t outOfRangeMaxCategory.points.push(i);\r\n\t } else if (categoryIx < outOfRangeMaxIdx) {\r\n\t outOfRangeMaxIdx = categoryIx;\r\n\t outOfRangeMaxCategory = {\r\n\t category: category,\r\n\t points: [ i ]\r\n\t };\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t var aggregator = new SeriesAggregator(aggregatorSeries, SeriesBinder.current, DefaultAggregates.current);\r\n\t var data = result.data = [];\r\n\t for (var i$1 = 0; i$1 < categories.length; i$1++) {\r\n\t data[i$1] = aggregator.aggregatePoints(\r\n\t srcPoints[i$1], categories[i$1]\r\n\t );\r\n\t if (srcPoints[i$1]) {\r\n\t dataItems[i$1] = data[i$1];\r\n\t }\r\n\t }\r\n\r\n\t if (outOfRangeMinCategory && data.length) {\r\n\t result._outOfRangeMinPoint = {\r\n\t item: aggregator.aggregatePoints(\r\n\t outOfRangeMinCategory.points, outOfRangeMinCategory.category\r\n\t ),\r\n\t categoryIx: outOfRangeMinIdx,\r\n\t category: outOfRangeMinCategory.category\r\n\t };\r\n\t }\r\n\r\n\t if (outOfRangeMaxCategory && data.length) {\r\n\t result._outOfRangeMaxPoint = {\r\n\t item: aggregator.aggregatePoints(\r\n\t outOfRangeMaxCategory.points, outOfRangeMaxCategory.category\r\n\t ),\r\n\t categoryIx: outOfRangeMaxIdx,\r\n\t category: outOfRangeMaxCategory.category\r\n\t };\r\n\t }\r\n\t categoryAxis.options.dataItems = dataItems;\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t var series = chart.options.series;\r\n\t var categoryAxis = this.seriesCategoryAxis(series[0]);\r\n\t var categories = categoryAxis.options.categories;\r\n\t var categoriesToAdd = Math.max(0, categoriesCount(series) - categories.length);\r\n\r\n\t while (categoriesToAdd--) {\r\n\t categories.push(\"\");\r\n\t }\r\n\r\n\t this.valueAxisRangeTracker.update(chart.valueAxisRanges);\r\n\r\n\t PlotAreaBase.fn.appendChart.call(this, chart, pane);\r\n\t },\r\n\r\n\t seriesPaneName: function(series) {\r\n\t var options = this.options;\r\n\t var axisName = series.axis;\r\n\t var axisOptions = [].concat(options.valueAxis);\r\n\t var axis = grep(axisOptions, function(a) { return a.name === axisName; })[0];\r\n\t var panes = options.panes || [ {} ];\r\n\t var defaultPaneName = (panes[0] || {}).name || \"default\";\r\n\t var paneName = (axis || {}).pane || defaultPaneName;\r\n\r\n\t return paneName;\r\n\t },\r\n\r\n\t seriesCategoryAxis: function(series) {\r\n\t var axisName = series.categoryAxis;\r\n\t var axis = axisName ? this.namedCategoryAxes[axisName] : this.categoryAxis;\r\n\r\n\t if (!axis) {\r\n\t throw new Error(\"Unable to locate category axis with name \" + axisName);\r\n\t }\r\n\r\n\t return axis;\r\n\t },\r\n\r\n\t stackableChartOptions: function(firstSeries, pane) {\r\n\t var stack = firstSeries.stack;\r\n\t var isStacked100 = stack && stack.type === \"100%\";\r\n\t var clip = pane.options.clip;\r\n\r\n\t return {\r\n\t isStacked: stack,\r\n\t isStacked100: isStacked100,\r\n\t clip: clip\r\n\t };\r\n\t },\r\n\r\n\t groupSeriesByCategoryAxis: function(series) {\r\n\t var categoryAxes = [];\r\n\t var unique = {};\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t var name = series[idx].categoryAxis || \"$$default$$\";\r\n\t if (!unique.hasOwnProperty(name)) {\r\n\t unique[name] = true;\r\n\t categoryAxes.push(name);\r\n\t }\r\n\t }\r\n\r\n\t var groups = [];\r\n\t for (var axisIx = 0; axisIx < categoryAxes.length; axisIx++) {\r\n\t var axis = categoryAxes[axisIx];\r\n\t var axisSeries = groupSeries(series, axis, axisIx);\r\n\t if (axisSeries.length === 0) {\r\n\t continue;\r\n\t }\r\n\r\n\t groups.push(axisSeries);\r\n\t }\r\n\r\n\t return groups;\r\n\t },\r\n\r\n\t createBarChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var barChart = new BarChart(this, $.extend({\r\n\t series: series,\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t spacing: firstSeries.spacing\r\n\t }, this.stackableChartOptions(firstSeries, pane)));\r\n\r\n\t this.appendChart(barChart, pane);\r\n\t },\r\n\r\n\t createRangeBarChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var rangeColumnChart = new RangeBarChart(this, {\r\n\t series: series,\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t spacing: firstSeries.spacing\r\n\t });\r\n\r\n\t this.appendChart(rangeColumnChart, pane);\r\n\t },\r\n\r\n\t createBulletChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var bulletChart = new BulletChart(this, {\r\n\t series: series,\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t spacing: firstSeries.spacing,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(bulletChart, pane);\r\n\t },\r\n\r\n\t createLineChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var lineChart = new LineChart(this, $.extend({\r\n\t invertAxes: this.invertAxes,\r\n\t series: series\r\n\t }, this.stackableChartOptions(firstSeries, pane)));\r\n\r\n\t this.appendChart(lineChart, pane);\r\n\t },\r\n\r\n\t createAreaChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var areaChart = new AreaChart(this, $.extend({\r\n\t invertAxes: this.invertAxes,\r\n\t series: series\r\n\t }, this.stackableChartOptions(firstSeries, pane)));\r\n\r\n\t this.appendChart(areaChart, pane);\r\n\t },\r\n\r\n\t createRangeAreaChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var rangeAreaChart = new RangeAreaChart(this, {\r\n\t invertAxes: this.invertAxes,\r\n\t series: series,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(rangeAreaChart, pane);\r\n\t },\r\n\r\n\t createOHLCChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var chart = new OHLCChart(this, {\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t series: series,\r\n\t spacing: firstSeries.spacing,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(chart, pane);\r\n\t },\r\n\r\n\t createCandlestickChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var chart = new CandlestickChart(this, {\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t series: series,\r\n\t spacing: firstSeries.spacing,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(chart, pane);\r\n\t },\r\n\r\n\t createBoxPlotChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var chart = new BoxPlotChart(this, {\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t series: series,\r\n\t spacing: firstSeries.spacing,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(chart, pane);\r\n\t },\r\n\r\n\t createWaterfallChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var waterfallChart = new WaterfallChart(this, {\r\n\t series: series,\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t spacing: firstSeries.spacing\r\n\t });\r\n\r\n\t this.appendChart(waterfallChart, pane);\r\n\t },\r\n\r\n\t axisRequiresRounding: function(categoryAxisName, categoryAxisIndex) {\r\n\t var this$1 = this;\r\n\r\n\t var centeredSeries = filterSeriesByType(this.series, EQUALLY_SPACED_SERIES);\r\n\r\n\t for (var seriesIx = 0; seriesIx < this.series.length; seriesIx++) {\r\n\t var currentSeries = this$1.series[seriesIx];\r\n\t if (inArray(currentSeries.type, AREA_SERIES)) {\r\n\t var line = currentSeries.line;\r\n\t if (line && line.style === STEP) {\r\n\t centeredSeries.push(currentSeries);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t for (var seriesIx$1 = 0; seriesIx$1 < centeredSeries.length; seriesIx$1++) {\r\n\t var seriesAxis = centeredSeries[seriesIx$1].categoryAxis || \"\";\r\n\t if (seriesAxis === categoryAxisName || (!seriesAxis && categoryAxisIndex === 0)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t aggregatedAxis: function(categoryAxisName, categoryAxisIndex) {\r\n\t var series = this.series;\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var seriesAxis = series[seriesIx].categoryAxis || \"\";\r\n\t if ((seriesAxis === categoryAxisName || (!seriesAxis && categoryAxisIndex === 0)) && series[seriesIx].categoryField) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createCategoryAxesLabels: function() {\r\n\t var axes = this.axes;\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t if (axes[i] instanceof CategoryAxis) {\r\n\t axes[i].createLabels();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createCategoryAxes: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var invertAxes = this.invertAxes;\r\n\t var definitions = [].concat(this.options.categoryAxis);\r\n\t var axes = [];\r\n\r\n\t for (var i = 0; i < definitions.length; i++) {\r\n\t var axisOptions = definitions[i];\r\n\t var axisPane = this$1.findPane(axisOptions.pane);\r\n\r\n\t if (inArray(axisPane, panes)) {\r\n\t var name = axisOptions.name;\r\n\t var categories = axisOptions.categories; if (categories === void 0) { categories = []; }\r\n\t axisOptions = deepExtend({\r\n\t vertical: invertAxes,\r\n\t reverse: !invertAxes && this$1.chartService.rtl,\r\n\t axisCrossingValue: invertAxes ? MAX_VALUE : 0\r\n\t }, axisOptions);\r\n\r\n\t if (!defined(axisOptions.justified)) {\r\n\t axisOptions.justified = this$1.isJustified();\r\n\t }\r\n\r\n\t if (this$1.axisRequiresRounding(name, i)) {\r\n\t axisOptions.justified = false;\r\n\t }\r\n\r\n\t var categoryAxis = (void 0);\r\n\r\n\t if (isDateAxis(axisOptions, categories[0])) {\r\n\t categoryAxis = new DateCategoryAxis(axisOptions, this$1.chartService);\r\n\t } else {\r\n\t categoryAxis = new CategoryAxis(axisOptions, this$1.chartService);\r\n\t }\r\n\r\n\t if (name) {\r\n\t if (this$1.namedCategoryAxes[name]) {\r\n\t throw new Error((\"Category axis with name \" + name + \" is already defined\"));\r\n\t }\r\n\t this$1.namedCategoryAxes[name] = categoryAxis;\r\n\t }\r\n\r\n\t categoryAxis.axisIndex = i;\r\n\t axes.push(categoryAxis);\r\n\t this$1.appendAxis(categoryAxis);\r\n\t }\r\n\t }\r\n\r\n\t var primaryAxis = this.categoryAxis || axes[0];\r\n\t this.categoryAxis = primaryAxis;\r\n\r\n\t if (invertAxes) {\r\n\t this.axisY = primaryAxis;\r\n\t } else {\r\n\t this.axisX = primaryAxis;\r\n\t }\r\n\t },\r\n\r\n\t isJustified: function() {\r\n\t var series = this.series;\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t if (!inArray(currentSeries.type, AREA_SERIES)) {\r\n\t return false;\r\n\t }\r\n\t }\r\n\r\n\t return true;\r\n\t },\r\n\r\n\t createValueAxes: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var tracker = this.valueAxisRangeTracker;\r\n\t var defaultRange = tracker.query();\r\n\t var definitions = [].concat(this.options.valueAxis);\r\n\t var invertAxes = this.invertAxes;\r\n\t var baseOptions = { vertical: !invertAxes, reverse: invertAxes && this.chartService.rtl };\r\n\t var axes = [];\r\n\r\n\t if (this.stack100) {\r\n\t baseOptions.roundToMajorUnit = false;\r\n\t baseOptions.labels = { format: \"P0\" };\r\n\t }\r\n\r\n\t for (var i = 0; i < definitions.length; i++) {\r\n\t var axisOptions = definitions[i];\r\n\t var axisPane = this$1.findPane(axisOptions.pane);\r\n\r\n\t if (inArray(axisPane, panes)) {\r\n\t var name = axisOptions.name;\r\n\t var defaultAxisRange = equalsIgnoreCase(axisOptions.type, LOGARITHMIC) ? { min: 0.1, max: 1 } : { min: 0, max: 1 };\r\n\t var range = tracker.query(name) || defaultRange || defaultAxisRange;\r\n\r\n\t if (i === 0 && range && defaultRange) {\r\n\t range.min = Math.min(range.min, defaultRange.min);\r\n\t range.max = Math.max(range.max, defaultRange.max);\r\n\t }\r\n\r\n\t var axisType = (void 0);\r\n\t if (equalsIgnoreCase(axisOptions.type, LOGARITHMIC)) {\r\n\t axisType = dataviz.LogarithmicAxis;\r\n\t } else {\r\n\t axisType = dataviz.NumericAxis;\r\n\t }\r\n\r\n\t var valueAxis = new axisType(range.min, range.max,\r\n\t deepExtend({}, baseOptions, axisOptions),\r\n\t this$1.chartService\r\n\t );\r\n\r\n\t if (name) {\r\n\t if (this$1.namedValueAxes[name]) {\r\n\t throw new Error((\"Value axis with name \" + name + \" is already defined\"));\r\n\t }\r\n\t this$1.namedValueAxes[name] = valueAxis;\r\n\t }\r\n\t valueAxis.axisIndex = i;\r\n\r\n\t axes.push(valueAxis);\r\n\t this$1.appendAxis(valueAxis);\r\n\t }\r\n\t }\r\n\r\n\t var primaryAxis = this.valueAxis || axes[0];\r\n\t this.valueAxis = primaryAxis;\r\n\r\n\t if (invertAxes) {\r\n\t this.axisX = primaryAxis;\r\n\t } else {\r\n\t this.axisY = primaryAxis;\r\n\t }\r\n\t },\r\n\r\n\t _dispatchEvent: function(chart, e, eventType) {\r\n\t var coords = chart._eventCoordinates(e);\r\n\t var point = new Point(coords.x, coords.y);\r\n\t var pane = this.pointPane(point);\r\n\t var categories = [];\r\n\t var values = [];\r\n\r\n\t if (!pane) {\r\n\t return;\r\n\t }\r\n\r\n\t var allAxes = pane.axes;\r\n\t for (var i = 0; i < allAxes.length; i++) {\r\n\t var axis = allAxes[i];\r\n\t if (axis.getValue) {\r\n\t appendIfNotNull(values, axis.getValue(point));\r\n\t } else {\r\n\t appendIfNotNull(categories, axis.getCategory(point));\r\n\t }\r\n\t }\r\n\r\n\t if (categories.length === 0) {\r\n\t appendIfNotNull(categories, this.categoryAxis.getCategory(point));\r\n\t }\r\n\r\n\t if (categories.length > 0 && values.length > 0) {\r\n\t chart.trigger(eventType, {\r\n\t element: eventElement(e),\r\n\t originalEvent: e,\r\n\t category: singleItemOrArray(categories),\r\n\t value: singleItemOrArray(values)\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t pointPane: function(point) {\r\n\t var panes = this.panes;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var currentPane = panes[i];\r\n\t if (currentPane.contentBox.containsPoint(point)) {\r\n\t return currentPane;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t updateAxisOptions: function(axis, options) {\r\n\t updateAxisOptions(this.options, axis, options);\r\n\t updateAxisOptions(this.originalOptions, axis, options);\r\n\t }\r\n\t});\r\n\r\n\tfunction updateAxisOptions(targetOptions, axis, options) {\r\n\t var axesOptions = axis instanceof CategoryAxis ? [].concat(targetOptions.categoryAxis) : [].concat(targetOptions.valueAxis);\r\n\t deepExtend(axesOptions[axis.axisIndex], options);\r\n\t}\r\n\r\n\tfunction groupSeries(series, axis, axisIx) {\r\n\t return grep(series, function(s) {\r\n\t return (axisIx === 0 && !s.categoryAxis) || (s.categoryAxis === axis);\r\n\t });\r\n\t}\r\n\r\n\tsetDefaultOptions(CategoricalPlotArea, {\r\n\t categoryAxis: {\r\n\t categories: []\r\n\t },\r\n\t valueAxis: {}\r\n\t});\r\n\r\n\tdeepExtend(CategoricalPlotArea.prototype, PlotAreaEventsMixin);\r\n\r\n\tvar Highlight = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._points = [];\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this._points = [];\r\n\t },\r\n\r\n\t show: function(points) {\r\n\t var this$1 = this;\r\n\r\n\t var arrayPoints = [].concat(points);\r\n\t this.hide();\r\n\r\n\t for (var i = 0; i < arrayPoints.length; i++) {\r\n\t var point = arrayPoints[i];\r\n\t if (point && point.toggleHighlight && point.hasHighlight()) {\r\n\t this$1.togglePointHighlight(point, true);\r\n\t this$1._points.push(point);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t togglePointHighlight: function(point, show) {\r\n\t var toggleHandler = (point.options.highlight || {}).toggle;\r\n\t if (toggleHandler) {\r\n\t var eventArgs = {\r\n\t category: point.category,\r\n\t series: point.series,\r\n\t dataItem: point.dataItem,\r\n\t value: point.value,\r\n\t stackValue: point.stackValue,\r\n\t preventDefault: preventDefault,\r\n\t visual: point.highlightVisual(),\r\n\t show: show\r\n\t };\r\n\t toggleHandler(eventArgs);\r\n\t if (!eventArgs._defaultPrevented) {\r\n\t point.toggleHighlight(show);\r\n\t }\r\n\t } else {\r\n\t point.toggleHighlight(show);\r\n\t }\r\n\t },\r\n\r\n\t hide: function() {\r\n\t var this$1 = this;\r\n\r\n\t var points = this._points;\r\n\t while (points.length) {\r\n\t this$1.togglePointHighlight(points.pop(), false);\r\n\t }\r\n\t },\r\n\r\n\t isHighlighted: function(element) {\r\n\t var points = this._points;\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var point = points[i];\r\n\t if (element === point) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\r\n\t return false;\r\n\t }\r\n\t});\r\n\r\n\tfunction preventDefault() {\r\n\t this._defaultPrevented = true;\r\n\t}\r\n\r\n\tfunction acceptKey(e, mouseKey) {\r\n\t var key = (mouseKey || \"\").toLowerCase();\r\n\t var event = e.event;\r\n\t var accept = (key === \"none\" && !(event.ctrlKey || event.shiftKey || event.altKey)) || event[key + \"Key\"];\r\n\r\n\t return accept;\r\n\t}\r\n\r\n\tfunction toChartAxisRanges(axisRanges) {\r\n\t var ranges = {};\r\n\t for (var idx = 0; idx < axisRanges.length; idx++) {\r\n\t var axisRange = axisRanges[idx];\r\n\t if (axisRange.axis.options.name) {\r\n\t ranges[axisRange.axis.options.name] = {\r\n\t min: axisRange.range.min,\r\n\t max: axisRange.range.max\r\n\t };\r\n\t }\r\n\t }\r\n\t return ranges;\r\n\t}\r\n\r\n\tvar Pannable = Class.extend({\r\n\t init: function(plotArea, options) {\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t start: function(e) {\r\n\t this._active = acceptKey(e, this.options.key);\r\n\t return this._active;\r\n\t },\r\n\r\n\t move: function(e) {\r\n\t if (this._active) {\r\n\t var axisRanges = this.axisRanges = this._panAxes(e, X).concat(this._panAxes(e, Y));\r\n\t if (axisRanges.length) {\r\n\t this.axisRanges = axisRanges;\r\n\t return toChartAxisRanges(axisRanges);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t end: function() {\r\n\t var active = this._active;\r\n\t this._active = false;\r\n\r\n\t return active;\r\n\t },\r\n\r\n\t pan: function() {\r\n\t var ref = this;\r\n\t var plotArea = ref.plotArea;\r\n\t var axisRanges = ref.axisRanges;\r\n\t if (axisRanges.length) {\r\n\t for (var idx = 0; idx < axisRanges.length; idx++) {\r\n\t var range = axisRanges[idx];\r\n\t plotArea.updateAxisOptions(range.axis, range.range);\r\n\t }\r\n\t plotArea.redraw(plotArea.panes);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t delete this.plotArea;\r\n\t },\r\n\r\n\t _panAxes: function(e, position) {\r\n\t var plotArea = this.plotArea;\r\n\t var delta = -e[position].delta;\r\n\t var lock = (this.options.lock || \"\").toLowerCase();\r\n\t var updatedAxes = [];\r\n\r\n\t if (delta !== 0 && (lock || \"\").toLowerCase() !== position) {\r\n\t var axes = plotArea.axes;\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t var axis = axes[idx];\r\n\r\n\t if (position === X && !axis.options.vertical || position === Y && axis.options.vertical) {\r\n\t var range = axis.pan(delta);\r\n\r\n\t if (range) {\r\n\t range.limitRange = true;\r\n\t updatedAxes.push({\r\n\t axis: axis,\r\n\t range: range\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return updatedAxes;\r\n\t }\r\n\t});\r\n\r\n\tPannable.prototype.options = {\r\n\t key: \"none\",\r\n\t lock: \"none\"\r\n\t};\r\n\r\n\tvar ZoomSelection = Class.extend({\r\n\t init: function(chart, options) {\r\n\r\n\t this.chart = chart;\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t this.createElement();\r\n\t },\r\n\r\n\t createElement: function() {\r\n\t var marquee = this._marquee = document.createElement(\"div\");\r\n\t marquee.className = \"k-marquee\";\r\n\t var marqueeColor = document.createElement(\"div\");\r\n\t marqueeColor.className = \"k-marquee-color\";\r\n\t marquee.appendChild(marqueeColor);\r\n\t },\r\n\r\n\t removeElement: function() {\r\n\t if (this._marquee.parentNode) {\r\n\t this._marquee.parentNode.removeChild(this._marquee);\r\n\t }\r\n\t },\r\n\r\n\t setStyles: function(styles) {\r\n\t elementStyles(this._marquee, styles);\r\n\t },\r\n\r\n\t start: function(e) {\r\n\t if (acceptKey(e, this.options.key)) {\r\n\t var chart = this.chart;\r\n\t var point = chart._eventCoordinates(e);\r\n\t var zoomPane = this._zoomPane = chart._plotArea.paneByPoint(point);\r\n\t if (zoomPane && zoomPane.clipBox()) {\r\n\t var clipBox = zoomPane.clipBox().clone();\r\n\t var offset = this._elementOffset();\r\n\r\n\t clipBox.translate(offset.left, offset.top);\r\n\t this._zoomPaneClipBox = clipBox;\r\n\r\n\t document.body.appendChild(this._marquee);\r\n\t this.setStyles({\r\n\t left: e.pageX + 1,\r\n\t top: e.pageY + 1,\r\n\t width: 0,\r\n\t height: 0\r\n\t });\r\n\r\n\t return true;\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _elementOffset: function() {\r\n\t var chartElement = this.chart.element;\r\n\t var ref = elementStyles(chartElement, [ \"paddingLeft\", \"paddingTop\" ]);\r\n\t var paddingLeft = ref.paddingLeft;\r\n\t var paddingTop = ref.paddingTop;\r\n\t var offset = dataviz.elementOffset(chartElement);\r\n\r\n\t return {\r\n\t left: paddingLeft + offset.left,\r\n\t top: paddingTop + offset.top\r\n\t };\r\n\t },\r\n\r\n\t move: function(e) {\r\n\t var zoomPane = this._zoomPane;\r\n\t if (zoomPane) {\r\n\t this.setStyles(this._selectionPosition(e));\r\n\t }\r\n\t },\r\n\r\n\t end: function(e) {\r\n\t var zoomPane = this._zoomPane;\r\n\t if (zoomPane) {\r\n\t var elementOffset$$1 = this._elementOffset();\r\n\t var selectionPosition = this._selectionPosition(e);\r\n\t selectionPosition.left -= elementOffset$$1.left;\r\n\t selectionPosition.top -= elementOffset$$1.top;\r\n\r\n\t var start = { x: selectionPosition.left, y: selectionPosition.top };\r\n\t var end = { x: selectionPosition.left + selectionPosition.width, y: selectionPosition.top + selectionPosition.height };\r\n\t this._updateAxisRanges(start, end);\r\n\r\n\t this.removeElement();\r\n\t delete this._zoomPane;\r\n\r\n\t return toChartAxisRanges(this.axisRanges);\r\n\t }\r\n\t },\r\n\r\n\t zoom: function() {\r\n\t var axisRanges = this.axisRanges;\r\n\t if (axisRanges && axisRanges.length) {\r\n\t var plotArea = this.chart._plotArea;\r\n\t for (var idx = 0; idx < axisRanges.length; idx++) {\r\n\t var axisRange = axisRanges[idx];\r\n\t plotArea.updateAxisOptions(axisRange.axis, axisRange.range);\r\n\t }\r\n\t plotArea.redraw(plotArea.panes);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this.removeElement();\r\n\t delete this._marquee;\r\n\t delete this.chart;\r\n\t },\r\n\r\n\t _updateAxisRanges: function(start, end) {\r\n\t var lock = (this.options.lock || \"\").toLowerCase();\r\n\t var axisRanges = [];\r\n\r\n\t var axes = this._zoomPane.axes;\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t var axis = axes[idx];\r\n\t var vertical = axis.options.vertical;\r\n\t if (!(lock === X && !vertical) && !(lock === Y && vertical)) {\r\n\t var range = axis.pointsRange(start, end);\r\n\t if (range) {\r\n\t axisRanges.push({\r\n\t axis: axis,\r\n\t range: range\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t this.axisRanges = axisRanges;\r\n\t },\r\n\r\n\t _selectionPosition: function(e) {\r\n\t var clipBox = this._zoomPaneClipBox;\r\n\t var startLocation = {\r\n\t x: e.x.startLocation,\r\n\t y: e.y.startLocation\r\n\t };\r\n\t var pageX = e.x.location;\r\n\t var pageY = e.y.location;\r\n\t var lock = (this.options.lock || \"\").toLowerCase();\r\n\t var left = Math.min(startLocation.x, pageX);\r\n\t var top = Math.min(startLocation.y, pageY);\r\n\t var width = Math.abs(startLocation.x - pageX);\r\n\t var height = Math.abs(startLocation.y - pageY);\r\n\r\n\t if (lock === X) {\r\n\t left = clipBox.x1;\r\n\t width = clipBox.width();\r\n\t }\r\n\t if (lock === Y) {\r\n\t top = clipBox.y1;\r\n\t height = clipBox.height();\r\n\t }\r\n\r\n\t if (pageX > clipBox.x2) {\r\n\t width = clipBox.x2 - startLocation.x;\r\n\t }\r\n\r\n\t if (pageX < clipBox.x1) {\r\n\t width = startLocation.x - clipBox.x1;\r\n\t }\r\n\r\n\t if (pageY > clipBox.y2) {\r\n\t height = clipBox.y2 - startLocation.y;\r\n\t }\r\n\r\n\t if (pageY < clipBox.y1) {\r\n\t height = startLocation.y - clipBox.y1;\r\n\t }\r\n\r\n\t return {\r\n\t left: Math.max(left, clipBox.x1),\r\n\t top: Math.max(top, clipBox.y1),\r\n\t width: width,\r\n\t height: height\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tZoomSelection.prototype.options = {\r\n\t key: \"shift\",\r\n\t lock: \"none\"\r\n\t};\r\n\r\n\tvar MousewheelZoom = Class.extend({\r\n\t init: function(chart, options) {\r\n\r\n\t this.chart = chart;\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t updateRanges: function(delta) {\r\n\t var lock = (this.options.lock || \"\").toLowerCase();\r\n\t var axisRanges = [];\r\n\t var axes = this.chart._plotArea.axes;\r\n\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t var axis = axes[idx];\r\n\t var vertical = axis.options.vertical;\r\n\r\n\t if (!(lock === X && !vertical) && !(lock === Y && vertical)) {\r\n\t var range = axis.zoomRange(-delta);\r\n\r\n\t if (range) {\r\n\t axisRanges.push({\r\n\t axis: axis,\r\n\t range: range\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t this.axisRanges = axisRanges;\r\n\t return toChartAxisRanges(axisRanges);\r\n\t },\r\n\r\n\t zoom: function() {\r\n\t var axisRanges = this.axisRanges;\r\n\t if (axisRanges && axisRanges.length) {\r\n\t var plotArea = this.chart._plotArea;\r\n\t for (var idx = 0; idx < axisRanges.length; idx++) {\r\n\t var axisRange = axisRanges[idx];\r\n\t plotArea.updateAxisOptions(axisRange.axis, axisRange.range);\r\n\t }\r\n\t plotArea.redraw(plotArea.panes);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t delete this.chart;\r\n\t }\r\n\t});\r\n\r\n\tvar LegendLayout = ChartElement.extend({\r\n\t init: function(options, chartService) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.chartService = chartService;\r\n\t },\r\n\r\n\t render: function() {\r\n\t var ref = this;\r\n\t var children = ref.children;\r\n\t var options = ref.options;\r\n\t var vertical = options.vertical;\r\n\r\n\t this.visual = new drawing.Layout(null, {\r\n\t spacing: vertical ? 0 : options.spacing,\r\n\t lineSpacing: vertical ? options.spacing : 0,\r\n\t orientation: vertical ? \"vertical\" : \"horizontal\",\r\n\t reverse: options.rtl,\r\n\t alignItems: vertical ? \"start\" : \"center\"\r\n\t });\r\n\r\n\t for (var idx = 0; idx < children.length; idx++) {\r\n\t var legendItem = children[idx];\r\n\t legendItem.reflow(new Box());\r\n\t legendItem.renderVisual();\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t this.visual.rect(box.toRect());\r\n\t this.visual.reflow();\r\n\t var bbox = this.visual.clippedBBox();\r\n\r\n\t if (bbox) {\r\n\t this.box = dataviz.rectToBox(bbox);\r\n\t } else {\r\n\t this.box = new Box();\r\n\t }\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t this.addVisual();\r\n\t },\r\n\r\n\t createVisual: function() {}\r\n\t});\r\n\r\n\tvar LegendItem = BoxElement.extend({\r\n\t init: function(options) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\r\n\t this.createContainer();\r\n\t if (!options.rtl) {\r\n\t this.createMarker();\r\n\t this.createLabel();\r\n\t } else {\r\n\t this.createLabel();\r\n\t this.createMarker();\r\n\t }\r\n\t },\r\n\r\n\t createContainer: function() {\r\n\t this.container = new dataviz.FloatElement({ vertical: false, wrap: false, align: CENTER, spacing: this.options.spacing });\r\n\t this.append(this.container);\r\n\t },\r\n\r\n\t createMarker: function() {\r\n\t this.container.append(new ShapeElement(this.markerOptions()));\r\n\t },\r\n\r\n\t markerOptions: function() {\r\n\t var options = this.options;\r\n\t var markerColor = options.markerColor;\r\n\t return deepExtend({}, options.markers, {\r\n\t background: markerColor,\r\n\t border: {\r\n\t color: markerColor\r\n\t }\r\n\t });\r\n\t },\r\n\r\n\t createLabel: function() {\r\n\t var options = this.options;\r\n\t var labelOptions = deepExtend({}, options.labels);\r\n\r\n\t this.container.append(new TextBox(options.text, labelOptions));\r\n\t },\r\n\r\n\t renderComplete: function() {\r\n\t BoxElement.fn.renderComplete.call(this);\r\n\r\n\t var cursor = this.options.cursor || {};\r\n\t var eventSink = this._itemOverlay = Path.fromRect(this.container.box.toRect(), {\r\n\t fill: {\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t },\r\n\t stroke: null,\r\n\t cursor: cursor.style || cursor\r\n\t });\r\n\r\n\t this.appendVisual(eventSink);\r\n\t },\r\n\r\n\t click: function(widget, e) {\r\n\t var args = this.eventArgs(e);\r\n\r\n\t if (!widget.trigger(LEGEND_ITEM_CLICK, args)) {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t hover: function(widget, e) {\r\n\t var args = this.eventArgs(e);\r\n\r\n\t if (!widget.trigger(LEGEND_ITEM_HOVER, args)) {\r\n\t e.preventDefault();\r\n\t widget._legendItemHover(args.seriesIndex, args.pointIndex);\r\n\t }\r\n\r\n\t // Don't trigger point hover for legend items\r\n\t return true;\r\n\t },\r\n\r\n\t leave: function(widget) {\r\n\t widget._unsetActivePoint();\r\n\t },\r\n\r\n\t eventArgs: function(e) {\r\n\t var options = this.options;\r\n\r\n\t return {\r\n\t element: eventElement(e),\r\n\t text: options.text,\r\n\t series: options.series,\r\n\t seriesIndex: options.series.index,\r\n\t pointIndex: options.pointIndex\r\n\t };\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var customVisual = options.visual;\r\n\r\n\t if (customVisual) {\r\n\t this.visual = customVisual({\r\n\t active: options.active,\r\n\t series: options.series,\r\n\t sender: this.getSender(),\r\n\t pointIndex: options.pointIndex,\r\n\t options: {\r\n\t markers: this.markerOptions(),\r\n\t labels: options.labels\r\n\t },\r\n\t createVisual: function () {\r\n\t this$1.createVisual();\r\n\t this$1.renderChildren();\r\n\t this$1.renderComplete();\r\n\r\n\t var defaultVisual = this$1.visual;\r\n\r\n\t delete this$1.visual;\r\n\r\n\t return defaultVisual;\r\n\t }\r\n\t });\r\n\t this.addVisual();\r\n\t } else {\r\n\t BoxElement.fn.renderVisual.call(this);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar HORIZONTAL = \"horizontal\";\r\n\tvar POINTER = \"pointer\";\r\n\tvar CUSTOM = \"custom\";\r\n\r\n\tvar Legend = ChartElement.extend({\r\n\t init: function(options, chartService) {\r\n\t if (chartService === void 0) { chartService = {}; }\r\n\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.chartService = chartService;\r\n\r\n\t if (!inArray(this.options.position, [ TOP, RIGHT, BOTTOM, LEFT, CUSTOM ])) {\r\n\t this.options.position = RIGHT;\r\n\t }\r\n\r\n\t this.createContainer();\r\n\r\n\t this.createItems();\r\n\t },\r\n\r\n\t createContainer: function() {\r\n\t var options = this.options;\r\n\t var position = options.position;\r\n\t var userAlign = options.align;\r\n\t var align = position;\r\n\t var vAlign = CENTER;\r\n\r\n\t if (position === CUSTOM) {\r\n\t align = LEFT;\r\n\t } else if (inArray(position, [ TOP, BOTTOM ])) {\r\n\t if (userAlign === \"start\") {\r\n\t align = LEFT;\r\n\t } else if (userAlign === \"end\") {\r\n\t align = RIGHT;\r\n\t } else {\r\n\t align = CENTER;\r\n\t }\r\n\t vAlign = position;\r\n\t } else if (userAlign) {\r\n\t if (userAlign === \"start\") {\r\n\t vAlign = TOP;\r\n\t } else if (userAlign === \"end\") {\r\n\t vAlign = BOTTOM;\r\n\t }\r\n\t }\r\n\r\n\t this.container = new BoxElement({\r\n\t margin: options.margin,\r\n\t padding: options.padding,\r\n\t background: options.background,\r\n\t border: options.border,\r\n\t vAlign: vAlign,\r\n\t align: align,\r\n\t zIndex: options.zIndex,\r\n\t shrinkToFit: true\r\n\t });\r\n\r\n\t this.append(this.container);\r\n\t },\r\n\r\n\t createItems: function() {\r\n\t var chartService = this.getService();\r\n\t var options = this.options;\r\n\t var vertical = this.isVertical();\r\n\t var innerElement = new LegendLayout({\r\n\t vertical: vertical,\r\n\t spacing: options.spacing,\r\n\t rtl: chartService.rtl\r\n\t }, chartService);\r\n\t var items = options.items;\r\n\r\n\t if (options.reverse) {\r\n\t items = items.slice(0).reverse();\r\n\t }\r\n\r\n\t var count = items.length;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var item = items[i];\r\n\r\n\t innerElement.append(new LegendItem(deepExtend({}, {\r\n\t markers: options.markers,\r\n\t labels: options.labels,\r\n\t rtl: chartService.rtl\r\n\t }, options.item, item)));\r\n\t }\r\n\r\n\t innerElement.render();\r\n\r\n\t this.container.append(innerElement);\r\n\t },\r\n\r\n\t isVertical: function() {\r\n\t var ref = this.options;\r\n\t var orientation = ref.orientation;\r\n\t var position = ref.position;\r\n\t var vertical = (position === CUSTOM && orientation !== HORIZONTAL) ||\r\n\t (defined(orientation) ? orientation !== HORIZONTAL : inArray(position, [ LEFT, RIGHT ]));\r\n\r\n\t return vertical;\r\n\t },\r\n\r\n\t hasItems: function() {\r\n\t return this.container.children[0].children.length > 0;\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options;\r\n\t var legendBox = targetBox.clone();\r\n\r\n\t if (!this.hasItems()) {\r\n\t this.box = legendBox;\r\n\t return;\r\n\t }\r\n\r\n\t if (options.position === CUSTOM) {\r\n\t this.containerCustomReflow(legendBox);\r\n\t this.box = legendBox;\r\n\t } else {\r\n\t this.containerReflow(legendBox);\r\n\t }\r\n\t },\r\n\r\n\t containerReflow: function(targetBox) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var container = ref.container;\r\n\t var position = options.position;\r\n\t var width = options.width;\r\n\t var height = options.height;\r\n\t var pos = position === TOP || position === BOTTOM ? X : Y;\r\n\t var vertical = this.isVertical();\r\n\t var alignTarget = targetBox.clone();\r\n\t var containerBox = targetBox.clone();\r\n\r\n\t if (position === LEFT || position === RIGHT) {\r\n\t containerBox.y1 = alignTarget.y1 = 0;\r\n\t }\r\n\r\n\t if (vertical && height) {\r\n\t containerBox.y2 = containerBox.y1 + height;\r\n\t containerBox.align(alignTarget, Y, container.options.vAlign);\r\n\t } else if (!vertical && width) {\r\n\t containerBox.x2 = containerBox.x1 + width;\r\n\t containerBox.align(alignTarget, X, container.options.align);\r\n\t }\r\n\r\n\t container.reflow(containerBox);\r\n\t containerBox = container.box;\r\n\r\n\t var box = containerBox.clone();\r\n\r\n\t if (options.offsetX || options.offsetY) {\r\n\t containerBox.translate(options.offsetX, options.offsetY);\r\n\t this.container.reflow(containerBox);\r\n\t }\r\n\r\n\t box[pos + 1] = targetBox[pos + 1];\r\n\t box[pos + 2] = targetBox[pos + 2];\r\n\r\n\t this.box = box;\r\n\t },\r\n\r\n\t containerCustomReflow: function(targetBox) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var container = ref.container;\r\n\t var offsetX = options.offsetX;\r\n\t var offsetY = options.offsetY;\r\n\t var width = options.width;\r\n\t var height = options.height;\r\n\t var vertical = this.isVertical();\r\n\t var containerBox = targetBox.clone();\r\n\r\n\t if (vertical && height) {\r\n\t containerBox.y2 = containerBox.y1 + height;\r\n\t } else if (!vertical && width) {\r\n\t containerBox.x2 = containerBox.x1 + width;\r\n\t }\r\n\t container.reflow(containerBox);\r\n\t containerBox = container.box;\r\n\r\n\t container.reflow(new Box(\r\n\t offsetX, offsetY,\r\n\t offsetX + containerBox.width(), offsetY + containerBox.height()\r\n\t ));\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t if (this.hasItems()) {\r\n\t ChartElement.fn.renderVisual.call(this);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Legend, {\r\n\t position: RIGHT,\r\n\t items: [],\r\n\t offsetX: 0,\r\n\t offsetY: 0,\r\n\t margin: getSpacing(5),\r\n\t padding: getSpacing(5),\r\n\t border: {\r\n\t color: BLACK,\r\n\t width: 0\r\n\t },\r\n\t item: {\r\n\t cursor: POINTER,\r\n\t spacing: 6\r\n\t },\r\n\t spacing: 6,\r\n\t background: \"\",\r\n\t zIndex: 1,\r\n\t markers: {\r\n\t border: {\r\n\t width: 0\r\n\t },\r\n\t width: 15,\r\n\t height: 3,\r\n\t type: \"rect\",\r\n\t align: LEFT,\r\n\t vAlign: CENTER\r\n\t }\r\n\t});\r\n\r\n\tvar PlotAreaFactory = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._registry = [];\r\n\t },\r\n\r\n\t register: function(type, seriesTypes) {\r\n\t this._registry.push({\r\n\t type: type,\r\n\t seriesTypes: seriesTypes\r\n\t });\r\n\t },\r\n\r\n\t create: function(srcSeries, options, chartService) {\r\n\t var registry = this._registry;\r\n\t var match = registry[0];\r\n\t var series;\r\n\r\n\t for (var idx = 0; idx < registry.length; idx++) {\r\n\t var entry = registry[idx];\r\n\t series = filterSeriesByType(srcSeries, entry.seriesTypes);\r\n\r\n\t if (series.length > 0) {\r\n\t match = entry;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return new match.type(series, options, chartService);\r\n\t }\r\n\t});\r\n\r\n\tPlotAreaFactory.current = new PlotAreaFactory();\r\n\r\n\tvar ZOOM_ACCELERATION = 3;\r\n\tvar SELECTOR_HEIGHT_ADJUST = 0.1;\r\n\r\n\tfunction createDiv(className) {\r\n\t var element = document.createElement(\"div\");\r\n\t if (className) {\r\n\t element.className = className;\r\n\t }\r\n\r\n\t return element;\r\n\t}\r\n\r\n\tfunction closestHandle(element) {\r\n\t var current = element;\r\n\t while (current && !hasClasses(current, \"k-handle\")) {\r\n\t current = current.parentNode;\r\n\t }\r\n\r\n\t return current;\r\n\t}\r\n\r\n\tvar Selection = Class.extend({\r\n\t init: function(chart, categoryAxis, options, observer) {\r\n\r\n\t var chartElement = chart.element;\r\n\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t this.chart = chart;\r\n\t this.observer = observer;\r\n\t this.chartElement = chartElement;\r\n\t this.categoryAxis = categoryAxis;\r\n\t this._dateAxis = this.categoryAxis instanceof DateCategoryAxis;\r\n\r\n\t this.initOptions();\r\n\r\n\t if (this.options.visible) {\r\n\t this.createElements();\r\n\r\n\t this.set(this._index(this.options.from), this._index(this.options.to));\r\n\r\n\t this.bindEvents();\r\n\t }\r\n\t },\r\n\r\n\t createElements: function() {\r\n\t var options = this.options;\r\n\t var wrapper = this.wrapper = createDiv(\"k-selector\");\r\n\t elementStyles(wrapper, {\r\n\t top: options.offset.top,\r\n\t left: options.offset.left,\r\n\t width: options.width,\r\n\t height: options.height,\r\n\t direction: 'ltr'\r\n\t });\r\n\t var selection = this.selection = createDiv(\"k-selection\");\r\n\t this.leftMask = createDiv(\"k-mask\");\r\n\t this.rightMask = createDiv(\"k-mask\");\r\n\r\n\t wrapper.appendChild(this.leftMask);\r\n\t wrapper.appendChild(this.rightMask);\r\n\t wrapper.appendChild(selection);\r\n\r\n\t selection.appendChild(createDiv(\"k-selection-bg\"));\r\n\r\n\t var leftHandle = this.leftHandle = createDiv(\"k-handle k-left-handle\");\r\n\t var rightHandle = this.rightHandle = createDiv(\"k-handle k-right-handle\");\r\n\t leftHandle.appendChild(createDiv());\r\n\t rightHandle.appendChild(createDiv());\r\n\r\n\t selection.appendChild(leftHandle);\r\n\t selection.appendChild(rightHandle);\r\n\r\n\t this.chartElement.appendChild(wrapper);\r\n\t var selectionStyles = elementStyles(selection, [ \"borderLeftWidth\", \"borderRightWidth\", \"height\" ]);\r\n\t var leftHandleHeight = elementStyles(leftHandle, \"height\").height;\r\n\t var rightHandleHeight = elementStyles(rightHandle, \"height\").height;\r\n\r\n\t options.selection = {\r\n\t border: {\r\n\t left: selectionStyles.borderLeftWidth,\r\n\t right: selectionStyles.borderRightWidth\r\n\t }\r\n\t };\r\n\r\n\t elementStyles(leftHandle, {\r\n\t top: (selectionStyles.height - leftHandleHeight) / 2\r\n\t });\r\n\r\n\t elementStyles(rightHandle, {\r\n\t top: (selectionStyles.height - rightHandleHeight) / 2\r\n\t });\r\n\r\n\t wrapper.style.cssText = wrapper.style.cssText;\r\n\t },\r\n\r\n\t bindEvents: function() {\r\n\t this._mousewheelHandler = this.options.mousewheel !== false ? this._mousewheel.bind(this) : stopPropagation;\r\n\r\n\t var obj;\r\n\t bindEvents(this.wrapper, ( obj = {}, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj ));\r\n\r\n\t this._domEvents = services.DomEventsBuilder.create(this.wrapper, {\r\n\t start: this._start.bind(this),\r\n\t move: this._move.bind(this),\r\n\t end: this._end.bind(this),\r\n\t tap: this._tap.bind(this),\r\n\t press: this._press.bind(this),\r\n\t gesturestart: this._gesturestart.bind(this),\r\n\t gesturechange: this._gesturechange.bind(this),\r\n\t gestureend: this._gestureend.bind(this)\r\n\t });\r\n\t },\r\n\r\n\t initOptions: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var categoryAxis = ref.categoryAxis;\r\n\t var box = categoryAxis.pane.chartsBox();\r\n\t var intlService = this.chart.chartService.intl;\r\n\r\n\t if (this._dateAxis) {\r\n\t deepExtend(options, {\r\n\t min: parseDate(intlService, options.min),\r\n\t max: parseDate(intlService, options.max),\r\n\t from: parseDate(intlService, options.from),\r\n\t to: parseDate(intlService, options.to)\r\n\t });\r\n\t }\r\n\r\n\t var ref$1 = elementStyles(this.chartElement, [ \"paddingLeft\", \"paddingTop\" ]);\r\n\t var paddingLeft = ref$1.paddingLeft;\r\n\t var paddingTop = ref$1.paddingTop;\r\n\r\n\t this.options = deepExtend({}, {\r\n\t width: box.width(),\r\n\t height: box.height() + SELECTOR_HEIGHT_ADJUST, //workaround for sub-pixel hover on the paths in chrome\r\n\t padding: {\r\n\t left: paddingLeft,\r\n\t top: paddingTop\r\n\t },\r\n\t offset: {\r\n\t left: box.x1 + paddingLeft,\r\n\t top: box.y1 + paddingTop\r\n\t },\r\n\t from: options.min,\r\n\t to: options.max\r\n\t }, options);\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t if (this._domEvents) {\r\n\t this._domEvents.destroy();\r\n\t delete this._domEvents;\r\n\t }\r\n\r\n\t clearTimeout(this._mwTimeout);\r\n\t this._state = null;\r\n\r\n\t if (this.wrapper) {\r\n\t var obj;\r\n\t unbindEvents(this.wrapper, ( obj = {}, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj ));\r\n\t this.chartElement.removeChild(this.wrapper);\r\n\t }\r\n\t },\r\n\r\n\t _rangeEventArgs: function(range) {\r\n\r\n\t return {\r\n\t axis: this.categoryAxis.options,\r\n\t from: this._value(range.from),\r\n\t to: this._value(range.to)\r\n\t };\r\n\t },\r\n\r\n\t _start: function(e) {\r\n\t var options = this.options;\r\n\t var target = eventElement(e);\r\n\r\n\t if (this._state || !target) {\r\n\t return;\r\n\t }\r\n\r\n\t this.chart._unsetActivePoint();\r\n\t this._state = {\r\n\t moveTarget: closestHandle(target) || target,\r\n\t startLocation: e.x ? e.x.location : 0,\r\n\t range: {\r\n\t from: this._index(options.from),\r\n\t to: this._index(options.to)\r\n\t }\r\n\t };\r\n\r\n\t var args = this._rangeEventArgs({\r\n\t from: this._index(options.from),\r\n\t to: this._index(options.to)\r\n\t });\r\n\r\n\t if (this.trigger(SELECT_START, args)) {\r\n\t this._state = null;\r\n\t }\r\n\t },\r\n\r\n\t _press: function(e) {\r\n\t var handle;\r\n\t if (this._state) {\r\n\t handle = this._state.moveTarget;\r\n\t } else {\r\n\t handle = closestHandle(eventElement(e));\r\n\t }\r\n\t if (handle) {\r\n\t dataviz.addClass(handle, \"k-handle-active\");\r\n\t }\r\n\t },\r\n\r\n\t _move: function(e) {\r\n\t if (!this._state) {\r\n\t return;\r\n\t }\r\n\r\n\t var ref = this;\r\n\t var state = ref._state;\r\n\t var options = ref.options;\r\n\t var axisOptions = ref.categoryAxis.options;\r\n\t var range = state.range;\r\n\t var target = state.moveTarget;\r\n\t var reverse = axisOptions.reverse;\r\n\t var from = this._index(options.from);\r\n\t var to = this._index(options.to);\r\n\t var min = this._index(options.min);\r\n\t var max = this._index(options.max);\r\n\t var delta = state.startLocation - e.x.location;\r\n\t var oldRange = { from: range.from, to: range.to };\r\n\t var span = range.to - range.from;\r\n\t var scale = elementStyles(this.wrapper, \"width\").width / (axisOptions.categories.length - 1);\r\n\t var offset = Math.round(delta / scale) * (reverse ? -1 : 1);\r\n\r\n\t if (!target) {\r\n\t return;\r\n\t }\r\n\r\n\t var leftHandle = hasClasses(target, \"k-left-handle\");\r\n\t var rightHandle = hasClasses(target, \"k-right-handle\");\r\n\r\n\t if (hasClasses(target, \"k-selection k-selection-bg\")) {\r\n\t range.from = Math.min(\r\n\t Math.max(min, from - offset),\r\n\t max - span\r\n\t );\r\n\t range.to = Math.min(\r\n\t range.from + span,\r\n\t max\r\n\t );\r\n\t } else if ((leftHandle && !reverse) || (rightHandle && reverse)) {\r\n\t range.from = Math.min(\r\n\t Math.max(min, from - offset),\r\n\t max - 1\r\n\t );\r\n\t range.to = Math.max(range.from + 1, range.to);\r\n\t } else if ((leftHandle && reverse) || (rightHandle && !reverse)) {\r\n\t range.to = Math.min(\r\n\t Math.max(min + 1, to - offset),\r\n\t max\r\n\t );\r\n\t range.from = Math.min(range.to - 1, range.from);\r\n\t }\r\n\r\n\t if (range.from !== oldRange.from || range.to !== oldRange.to) {\r\n\t this.move(range.from, range.to);\r\n\t this.trigger(SELECT, this._rangeEventArgs(range));\r\n\t }\r\n\t },\r\n\r\n\t _end: function() {\r\n\t if (this._state) {\r\n\t var moveTarget = this._state.moveTarget;\r\n\t if (moveTarget) {\r\n\t dataviz.removeClass(moveTarget, \"k-handle-active\");\r\n\t }\r\n\r\n\t var range = this._state.range;\r\n\t this.set(range.from, range.to);\r\n\t this.trigger(SELECT_END, this._rangeEventArgs(range));\r\n\r\n\t delete this._state;\r\n\t }\r\n\t },\r\n\r\n\t _tap: function(e) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var categoryAxis = ref.categoryAxis;\r\n\t var coords = this.chart._eventCoordinates(e);\r\n\t var categoryIx = categoryAxis.pointCategoryIndex(new Point(coords.x, categoryAxis.box.y1));\r\n\t var from = this._index(options.from);\r\n\t var to = this._index(options.to);\r\n\t var min = this._index(options.min);\r\n\t var max = this._index(options.max);\r\n\t var span = to - from;\r\n\t var mid = from + span / 2;\r\n\t var range = {};\r\n\t var rightClick = e.event.which === 3;\r\n\t var offset = Math.round(mid - categoryIx);\r\n\r\n\t if (this._state || rightClick) {\r\n\t return;\r\n\t }\r\n\r\n\t this.chart._unsetActivePoint();\r\n\r\n\t if (!categoryAxis.options.justified) {\r\n\t offset--;\r\n\t }\r\n\r\n\t range.from = Math.min(\r\n\t Math.max(min, from - offset),\r\n\t max - span\r\n\t );\r\n\r\n\t range.to = Math.min(range.from + span, max);\r\n\r\n\t this._start(e);\r\n\t if (this._state) {\r\n\t this._state.range = range;\r\n\t this.trigger(SELECT, this._rangeEventArgs(range));\r\n\t this._end();\r\n\t }\r\n\t },\r\n\r\n\t _mousewheel: function(e) {\r\n\t var this$1 = this;\r\n\r\n\t var delta = dataviz.mousewheelDelta(e);\r\n\r\n\t this._start({ target: this.selection });\r\n\r\n\t if (this._state) {\r\n\t var range = this._state.range;\r\n\r\n\t e.preventDefault();\r\n\t e.stopPropagation();\r\n\r\n\t if (Math.abs(delta) > 1) {\r\n\t delta *= ZOOM_ACCELERATION;\r\n\t }\r\n\r\n\t if (this.options.mousewheel.reverse) {\r\n\t delta *= -1;\r\n\t }\r\n\r\n\t if (this.expand(delta)) {\r\n\t this.trigger(SELECT, {\r\n\t axis: this.categoryAxis.options,\r\n\t delta: delta,\r\n\t originalEvent: e,\r\n\t from: this._value(range.from),\r\n\t to: this._value(range.to)\r\n\t });\r\n\t }\r\n\r\n\t if (this._mwTimeout) {\r\n\t clearTimeout(this._mwTimeout);\r\n\t }\r\n\r\n\t this._mwTimeout = setTimeout(function () {\r\n\t this$1._end();\r\n\t }, MOUSEWHEEL_DELAY);\r\n\t }\r\n\t },\r\n\r\n\t _gesturestart: function(e) {\r\n\t var options = this.options;\r\n\r\n\t this._state = {\r\n\t range: {\r\n\t from: this._index(options.from),\r\n\t to: this._index(options.to)\r\n\t }\r\n\t };\r\n\t var args = this._rangeEventArgs(this._state.range);\r\n\r\n\t if (this.trigger(SELECT_START, args)) {\r\n\t this._state = null;\r\n\t } else {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t _gestureend: function() {\r\n\t if (this._state) {\r\n\t this.trigger(SELECT_END, this._rangeEventArgs(this._state.range));\r\n\t delete this._state;\r\n\t }\r\n\t },\r\n\r\n\t _gesturechange: function(e) {\r\n\t var ref = this;\r\n\t var chart = ref.chart;\r\n\t var state = ref._state;\r\n\t var options = ref.options;\r\n\t var categoryAxis = ref.categoryAxis;\r\n\t var range = state.range;\r\n\t var p0 = chart._toModelCoordinates(e.touches[0].x.location).x;\r\n\t var p1 = chart._toModelCoordinates(e.touches[1].x.location).x;\r\n\t var left = Math.min(p0, p1);\r\n\t var right = Math.max(p0, p1);\r\n\r\n\t e.preventDefault();\r\n\r\n\t range.from = categoryAxis.pointCategoryIndex(new Point(left)) || options.min;\r\n\r\n\t range.to = categoryAxis.pointCategoryIndex(new Point(right)) || options.max;\r\n\r\n\t this.move(range.from, range.to);\r\n\r\n\t this.trigger(SELECT, this._rangeEventArgs(range));\r\n\t },\r\n\r\n\t _index: function(value) {\r\n\t var index = value;\r\n\r\n\t if (value instanceof Date) {\r\n\t index = this.categoryAxis.categoryIndex(value);\r\n\t }\r\n\r\n\t return index;\r\n\t },\r\n\r\n\t _value: function(index) {\r\n\t var categories = this.categoryAxis.options.categories;\r\n\t var value = index;\r\n\r\n\t if (this._dateAxis) {\r\n\t if (index > categories.length - 1) {\r\n\t value = this.options.max;\r\n\t } else {\r\n\t value = categories[Math.ceil(index)];\r\n\t }\r\n\t }\r\n\r\n\t return value;\r\n\t },\r\n\r\n\t _slot: function(value) {\r\n\t var categoryAxis = this.categoryAxis;\r\n\t var index = this._index(value);\r\n\r\n\t return categoryAxis.getSlot(index, index, true);\r\n\t },\r\n\r\n\t move: function(from, to) {\r\n\t var options = this.options;\r\n\t var reverse = this.categoryAxis.options.reverse;\r\n\t var offset = options.offset;\r\n\t var padding = options.padding;\r\n\t var border = options.selection.border;\r\n\t var left = reverse ? to : from;\r\n\t var right = reverse ? from : to;\r\n\t var edge = 'x' + (reverse ? 2 : 1);\r\n\r\n\t var box = this._slot(left);\r\n\t var leftMaskWidth = round(box[edge] - offset.left + padding.left);\r\n\r\n\t elementStyles(this.leftMask, {\r\n\t width: leftMaskWidth\r\n\t });\r\n\t elementStyles(this.selection, {\r\n\t left: leftMaskWidth\r\n\t });\r\n\r\n\t box = this._slot(right);\r\n\r\n\t var rightMaskWidth = round(options.width - (box[edge] - offset.left + padding.left));\r\n\t elementStyles(this.rightMask, {\r\n\t width: rightMaskWidth\r\n\t });\r\n\r\n\t var distance = options.width - rightMaskWidth;\r\n\t if (distance !== options.width) {\r\n\t distance += border.right;\r\n\t }\r\n\r\n\t elementStyles(this.rightMask, {\r\n\t left: distance\r\n\t });\r\n\t elementStyles(this.selection, {\r\n\t width: Math.max(options.width - (leftMaskWidth + rightMaskWidth) - border.right, 0)\r\n\t });\r\n\t },\r\n\r\n\t set: function(from, to) {\r\n\t var options = this.options;\r\n\t var min = this._index(options.min);\r\n\t var max = this._index(options.max);\r\n\t var fromValue = limitValue(this._index(from), min, max);\r\n\t var toValue = limitValue(this._index(to), fromValue + 1, max);\r\n\r\n\t if (options.visible) {\r\n\t this.move(fromValue, toValue);\r\n\t }\r\n\r\n\t options.from = this._value(fromValue);\r\n\t options.to = this._value(toValue);\r\n\t },\r\n\r\n\t expand: function(delta) {\r\n\t var options = this.options;\r\n\t var min = this._index(options.min);\r\n\t var max = this._index(options.max);\r\n\t var zDir = options.mousewheel.zoom;\r\n\t var from = this._index(options.from);\r\n\t var to = this._index(options.to);\r\n\t var range = { from: from, to: to };\r\n\t var oldRange = deepExtend({}, range);\r\n\r\n\t if (this._state) {\r\n\t range = this._state.range;\r\n\t }\r\n\r\n\t if (zDir !== RIGHT) {\r\n\t range.from = limitValue(\r\n\t limitValue(from - delta, 0, to - 1),\r\n\t min, max\r\n\t );\r\n\t }\r\n\r\n\t if (zDir !== LEFT) {\r\n\t range.to = limitValue(\r\n\t limitValue(to + delta, range.from + 1, max),\r\n\t min,\r\n\t max\r\n\t );\r\n\t }\r\n\r\n\t if (range.from !== oldRange.from || range.to !== oldRange.to) {\r\n\t this.set(range.from, range.to);\r\n\t return true;\r\n\t }\r\n\t },\r\n\r\n\t trigger: function(name, args) {\r\n\t return (this.observer || this.chart).trigger(name, args);\r\n\t }\r\n\t});\r\n\r\n\tfunction stopPropagation(e) {\r\n\t e.stopPropagation();\r\n\t}\r\n\r\n\tsetDefaultOptions(Selection, {\r\n\t visible: true,\r\n\t mousewheel: {\r\n\t zoom: \"both\"\r\n\t },\r\n\t min: MIN_VALUE,\r\n\t max: MAX_VALUE\r\n\t});\r\n\r\n\tvar Tooltip = BaseTooltip.extend({\r\n\t show: function(point) {\r\n\t if (!point || !point.tooltipAnchor || (this._current && this._current === point)) {\r\n\t return;\r\n\t }\r\n\r\n\t var options = deepExtend({}, this.options, point.options.tooltip);\r\n\t var anchor = point.tooltipAnchor();\r\n\r\n\t if (anchor) {\r\n\t this._current = point;\r\n\t BaseTooltip.fn.show.call(this, {\r\n\t point: point,\r\n\t anchor: anchor\r\n\t }, options, point);\r\n\t } else {\r\n\t this.hide();\r\n\t }\r\n\t },\r\n\r\n\t hide: function() {\r\n\t delete this._current;\r\n\t BaseTooltip.fn.hide.call(this);\r\n\t }\r\n\t});\r\n\r\n\tvar SharedTooltip = BaseTooltip.extend({\r\n\t init: function(plotArea, options) {\r\n\t BaseTooltip.fn.init.call(this, plotArea.chartService, options);\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.formatService = plotArea.chartService.format;\r\n\t },\r\n\r\n\t showAt: function(points, coords) {\r\n\t var tooltipPoints = grep(points, function(point) {\r\n\t var tooltip = point.series.tooltip;\r\n\t var excluded = tooltip && tooltip.visible === false;\r\n\r\n\t return !excluded;\r\n\t });\r\n\r\n\t if (tooltipPoints.length > 0) {\r\n\t var point = tooltipPoints[0];\r\n\t var slot = this.plotArea.categoryAxis.getSlot(point.categoryIx);\r\n\r\n\t var anchor = coords ? this._slotAnchor(coords, slot) : this._defaultAnchor(point, slot);\r\n\r\n\t this.show({\r\n\t anchor: anchor,\r\n\t shared: true,\r\n\t points: points,\r\n\t category: point.category,\r\n\t categoryText: this.formatService.auto(this.options.categoryFormat, point.category),\r\n\t series: this.plotArea.series\r\n\t }, this.options);\r\n\t }\r\n\t },\r\n\r\n\t _slotAnchor: function(point, slot) {\r\n\t var axis = this.plotArea.categoryAxis;\r\n\t var align = {\r\n\t horizontal: \"left\",\r\n\t vertical: \"center\"\r\n\t };\r\n\r\n\t if (!axis.options.vertical) {\r\n\t point.x = slot.center().x;\r\n\t }\r\n\r\n\t return {\r\n\t point: point,\r\n\t align: align\r\n\t };\r\n\t },\r\n\r\n\t _defaultAnchor: function(point, slot) {\r\n\t var box = point.owner.pane.chartsBox();\r\n\t var vertical = this.plotArea.categoryAxis.options.vertical;\r\n\t var center = box.center();\r\n\t var slotCenter = slot.center();\r\n\t var align = {\r\n\t horizontal: \"center\",\r\n\t vertical: \"center\"\r\n\t };\r\n\r\n\t var centerPoint;\r\n\t if (vertical) {\r\n\t centerPoint = new Point(center.x, slotCenter.y);\r\n\t } else {\r\n\t centerPoint = new Point(slotCenter.x, center.y);\r\n\t }\r\n\r\n\t return {\r\n\t point: centerPoint,\r\n\t align: align\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(SharedTooltip, {\r\n\t categoryFormat: '{0:d}'\r\n\t});\r\n\r\n\tvar BarChartAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t var ref = this;\r\n\t var element = ref.element;\r\n\t var options = ref.options;\r\n\t var bbox = element.bbox();\r\n\r\n\t if (bbox) {\r\n\t this.origin = options.origin;\r\n\t var axis = options.vertical ? Y : X;\r\n\r\n\t var fromScale = this.fromScale = new GeometryPoint(1, 1);\r\n\t fromScale[axis] = START_SCALE;\r\n\r\n\t element.transform(transform()\r\n\t .scale(fromScale.x, fromScale.y)\r\n\t );\r\n\t } else {\r\n\t this.abort();\r\n\t }\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t var scaleX = dataviz.interpolateValue(this.fromScale.x, 1, pos);\r\n\t var scaleY = dataviz.interpolateValue(this.fromScale.y, 1, pos);\r\n\r\n\t this.element.transform(transform()\r\n\t .scale(scaleX, scaleY, this.origin)\r\n\t );\r\n\t },\r\n\r\n\t abort: function() {\r\n\t Animation.fn.abort.call(this);\r\n\t this.element.transform(null);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BarChartAnimation, {\r\n\t duration: INITIAL_ANIMATION_DURATION\r\n\t});\r\n\r\n\tAnimationFactory.current.register(BAR, BarChartAnimation);\r\n\r\n\tvar BubbleAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t var center = this.center = this.element.bbox().center();\r\n\t this.element.transform(transform()\r\n\t .scale(START_SCALE, START_SCALE, center)\r\n\t );\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t this.element.transform(transform()\r\n\t .scale(pos, pos, this.center)\r\n\t );\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BubbleAnimation, {\r\n\t easing: \"easeOutElastic\"\r\n\t});\r\n\r\n\tAnimationFactory.current.register(BUBBLE, BubbleAnimation);\r\n\r\n\tvar FadeInAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t this.fadeTo = this.element.opacity();\r\n\t this.element.opacity(0);\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t this.element.opacity(pos * this.fadeTo);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(FadeInAnimation, {\r\n\t duration: 200,\r\n\t easing: \"linear\"\r\n\t});\r\n\r\n\tAnimationFactory.current.register(FADEIN, FadeInAnimation);\r\n\r\n\tvar PieAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t this.element.transform(transform()\r\n\t .scale(START_SCALE, START_SCALE, this.options.center)\r\n\t );\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t this.element.transform(transform()\r\n\t .scale(pos, pos, this.options.center)\r\n\t );\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(PieAnimation, {\r\n\t easing: \"easeOutElastic\",\r\n\t duration: INITIAL_ANIMATION_DURATION\r\n\t});\r\n\r\n\tAnimationFactory.current.register(PIE, PieAnimation);\r\n\r\n\tvar ScatterLineChart = ScatterChart.extend({\r\n\t render: function() {\r\n\t ScatterChart.fn.render.call(this);\r\n\r\n\t this.renderSegments();\r\n\t },\r\n\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = currentSeries.style;\r\n\t var pointType;\r\n\r\n\t if (style === SMOOTH) {\r\n\t pointType = SplineSegment;\r\n\t } else {\r\n\t pointType = LineSegment;\r\n\t }\r\n\r\n\t return new pointType(linePoints, currentSeries, seriesIx);\r\n\t },\r\n\r\n\t animationPoints: function() {\r\n\t var points = ScatterChart.fn.animationPoints.call(this);\r\n\t return points.concat(this._segments);\r\n\t },\r\n\r\n\t createMissingValue: function(value, missingValues) {\r\n\t if (missingValues === ZERO) {\r\n\t var missingValue = {\r\n\t x: value.x,\r\n\t y: value.y\r\n\t };\r\n\t if (!hasValue(missingValue.x)) {\r\n\t missingValue.x = 0;\r\n\t }\r\n\t if (!hasValue(missingValue.y)) {\r\n\t missingValue.y = 0;\r\n\t }\r\n\t return missingValue;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(ScatterLineChart.prototype, LineChartMixin);\r\n\r\n\tvar XYPlotArea = PlotAreaBase.extend({\r\n\t initFields: function() {\r\n\t this.namedXAxes = {};\r\n\t this.namedYAxes = {};\r\n\r\n\t this.xAxisRangeTracker = new AxisGroupRangeTracker();\r\n\t this.yAxisRangeTracker = new AxisGroupRangeTracker();\r\n\t },\r\n\r\n\t render: function(panes) {\r\n\t var this$1 = this;\r\n\t if (panes === void 0) { panes = this.panes; }\r\n\r\n\t var seriesByPane = this.groupSeriesByPane();\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var pane = panes[i];\r\n\t var paneSeries = seriesByPane[pane.options.name || \"default\"] || [];\r\n\t this$1.addToLegend(paneSeries);\r\n\t var filteredSeries = this$1.filterVisibleSeries(paneSeries);\r\n\r\n\t if (!filteredSeries) {\r\n\t continue;\r\n\t }\r\n\r\n\t this$1.createScatterChart(\r\n\t filterSeriesByType(filteredSeries, SCATTER),\r\n\t pane\r\n\t );\r\n\r\n\t this$1.createScatterLineChart(\r\n\t filterSeriesByType(filteredSeries, SCATTER_LINE),\r\n\t pane\r\n\t );\r\n\r\n\t this$1.createBubbleChart(\r\n\t filterSeriesByType(filteredSeries, BUBBLE),\r\n\t pane\r\n\t );\r\n\t }\r\n\r\n\t this.createAxes(panes);\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t this.xAxisRangeTracker.update(chart.xAxisRanges);\r\n\t this.yAxisRangeTracker.update(chart.yAxisRanges);\r\n\r\n\t PlotAreaBase.fn.appendChart.call(this, chart, pane);\r\n\t },\r\n\r\n\t removeAxis: function(axis) {\r\n\t var axisName = axis.options.name;\r\n\r\n\t PlotAreaBase.fn.removeAxis.call(this, axis);\r\n\r\n\t if (axis.options.vertical) {\r\n\t this.yAxisRangeTracker.reset(axisName);\r\n\t delete this.namedYAxes[axisName];\r\n\t } else {\r\n\t this.xAxisRangeTracker.reset(axisName);\r\n\t delete this.namedXAxes[axisName];\r\n\t }\r\n\r\n\t if (axis === this.axisX) {\r\n\t delete this.axisX;\r\n\t }\r\n\r\n\t if (axis === this.axisY) {\r\n\t delete this.axisY;\r\n\t }\r\n\t },\r\n\r\n\t seriesPaneName: function(series) {\r\n\t var options = this.options;\r\n\t var xAxisName = series.xAxis;\r\n\t var xAxisOptions = [].concat(options.xAxis);\r\n\t var xAxis = grep(xAxisOptions, function(a) { return a.name === xAxisName; })[0];\r\n\t var yAxisName = series.yAxis;\r\n\t var yAxisOptions = [].concat(options.yAxis);\r\n\t var yAxis = grep(yAxisOptions, function(a) { return a.name === yAxisName; })[0];\r\n\t var panes = options.panes || [ {} ];\r\n\t var defaultPaneName = panes[0].name || \"default\";\r\n\t var paneName = (xAxis || {}).pane || (yAxis || {}).pane || defaultPaneName;\r\n\r\n\t return paneName;\r\n\t },\r\n\r\n\t createScatterChart: function(series, pane) {\r\n\t if (series.length > 0) {\r\n\t this.appendChart(\r\n\t new ScatterChart(this, { series: series, clip: pane.options.clip }),\r\n\t pane\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t createScatterLineChart: function(series, pane) {\r\n\t if (series.length > 0) {\r\n\t this.appendChart(\r\n\t new ScatterLineChart(this, { series: series, clip: pane.options.clip }),\r\n\t pane\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t createBubbleChart: function(series, pane) {\r\n\t if (series.length > 0) {\r\n\t this.appendChart(\r\n\t new BubbleChart(this, { series: series, clip: pane.options.clip }),\r\n\t pane\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t createXYAxis: function(options, vertical, axisIndex) {\r\n\t var axisName = options.name;\r\n\t var namedAxes = vertical ? this.namedYAxes : this.namedXAxes;\r\n\t var tracker = vertical ? this.yAxisRangeTracker : this.xAxisRangeTracker;\r\n\t var axisOptions = deepExtend({ reverse: !vertical && this.chartService.rtl }, options, { vertical: vertical });\r\n\t var isLog = equalsIgnoreCase(axisOptions.type, LOGARITHMIC);\r\n\t var defaultRange = tracker.query();\r\n\t var defaultAxisRange = isLog ? { min: 0.1, max: 1 } : { min: 0, max: 1 };\r\n\t var range = tracker.query(axisName) || defaultRange || defaultAxisRange;\r\n\t var typeSamples = [ axisOptions.min, axisOptions.max ];\r\n\t var series = this.series;\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var seriesAxisName = currentSeries[vertical ? \"yAxis\" : \"xAxis\"];\r\n\t if ((seriesAxisName === axisOptions.name) || (axisIndex === 0 && !seriesAxisName)) {\r\n\t var firstPointValue = SeriesBinder.current.bindPoint(currentSeries, 0).valueFields;\r\n\t typeSamples.push(firstPointValue[vertical ? \"y\" : \"x\"]);\r\n\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t if (axisIndex === 0 && defaultRange) {\r\n\t range.min = Math.min(range.min, defaultRange.min);\r\n\t range.max = Math.max(range.max, defaultRange.max);\r\n\t }\r\n\r\n\t var inferredDate;\r\n\r\n\t for (var i = 0; i < typeSamples.length; i++) {\r\n\t if (typeSamples[i] instanceof Date) {\r\n\t inferredDate = true;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t var axisType;\r\n\t if (equalsIgnoreCase(axisOptions.type, DATE) || (!axisOptions.type && inferredDate)) {\r\n\t axisType = dataviz.DateValueAxis;\r\n\t } else if (isLog) {\r\n\t axisType = dataviz.LogarithmicAxis;\r\n\t } else {\r\n\t axisType = dataviz.NumericAxis;\r\n\t }\r\n\r\n\t var axis = new axisType(range.min, range.max, axisOptions, this.chartService);\r\n\t axis.axisIndex = axisIndex;\r\n\r\n\t if (axisName) {\r\n\t if (namedAxes[axisName]) {\r\n\t throw new Error(((vertical ? \"Y\" : \"X\") + \" axis with name \" + axisName + \" is already defined\"));\r\n\t }\r\n\t namedAxes[axisName] = axis;\r\n\t }\r\n\r\n\t this.appendAxis(axis);\r\n\r\n\t return axis;\r\n\t },\r\n\r\n\t createAxes: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var xAxesOptions = [].concat(options.xAxis);\r\n\t var xAxes = [];\r\n\t var yAxesOptions = [].concat(options.yAxis);\r\n\t var yAxes = [];\r\n\r\n\t for (var idx = 0; idx < xAxesOptions.length; idx++) {\r\n\t var axisPane = this$1.findPane(xAxesOptions[idx].pane);\r\n\t if (inArray(axisPane, panes)) {\r\n\t xAxes.push(this$1.createXYAxis(xAxesOptions[idx], false, idx));\r\n\t }\r\n\t }\r\n\r\n\t for (var idx$1 = 0; idx$1 < yAxesOptions.length; idx$1++) {\r\n\t var axisPane$1 = this$1.findPane(yAxesOptions[idx$1].pane);\r\n\t if (inArray(axisPane$1, panes)) {\r\n\t yAxes.push(this$1.createXYAxis(yAxesOptions[idx$1], true, idx$1));\r\n\t }\r\n\t }\r\n\r\n\t this.axisX = this.axisX || xAxes[0];\r\n\t this.axisY = this.axisY || yAxes[0];\r\n\t },\r\n\r\n\t _dispatchEvent: function(chart, e, eventType) {\r\n\t var coords = chart._eventCoordinates(e);\r\n\t var point = new Point(coords.x, coords.y);\r\n\t var allAxes = this.axes;\r\n\t var length = allAxes.length;\r\n\t var xValues = [];\r\n\t var yValues = [];\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var axis = allAxes[i];\r\n\t var values = axis.options.vertical ? yValues : xValues;\r\n\t var currentValue = axis.getValue(point);\r\n\t if (currentValue !== null) {\r\n\t values.push(currentValue);\r\n\t }\r\n\t }\r\n\r\n\t if (xValues.length > 0 && yValues.length > 0) {\r\n\t chart.trigger(eventType, {\r\n\t element: eventElement(e),\r\n\t originalEvent: e,\r\n\t x: singleItemOrArray(xValues),\r\n\t y: singleItemOrArray(yValues)\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t updateAxisOptions: function(axis, options) {\r\n\t var vertical = axis.options.vertical;\r\n\t var axes = this.groupAxes(this.panes);\r\n\t var index = (vertical ? axes.y : axes.x).indexOf(axis);\r\n\r\n\t updateAxisOptions$1(this.options, index, vertical, options);\r\n\t updateAxisOptions$1(this.originalOptions, index, vertical, options);\r\n\t }\r\n\t});\r\n\r\n\tfunction updateAxisOptions$1(targetOptions, axisIndex, vertical, options) {\r\n\t var axisOptions = ([].concat(vertical ? targetOptions.yAxis : targetOptions.xAxis))[axisIndex];\r\n\t deepExtend(axisOptions, options);\r\n\t}\r\n\r\n\tsetDefaultOptions(XYPlotArea, {\r\n\t xAxis: {},\r\n\t yAxis: {}\r\n\t});\r\n\r\n\tdeepExtend(XYPlotArea.prototype, PlotAreaEventsMixin);\r\n\r\n\tvar PieSegment = ChartElement.extend({\r\n\t init: function(value, sector, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.value = value;\r\n\t this.sector = sector;\r\n\t },\r\n\r\n\t render: function() {\r\n\t var labels = this.options.labels;\r\n\t var chartService = this.owner.chartService;\r\n\t var labelText = this.value;\r\n\r\n\t if (this._rendered || this.visible === false) {\r\n\t return;\r\n\t }\r\n\t this._rendered = true;\r\n\r\n\t var labelTemplate = getTemplate(labels);\r\n\t if (labelTemplate) {\r\n\t labelText = labelTemplate({\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t value: this.value,\r\n\t series: this.series,\r\n\t percentage: this.percentage\r\n\t });\r\n\t } else if (labels.format) {\r\n\t labelText = chartService.format.auto(labels.format, labelText);\r\n\t }\r\n\r\n\t if (labels.visible && (labelText || labelText === 0)) {\r\n\t if (labels.position === CENTER || labels.position === INSIDE_END) {\r\n\t if (!labels.color) {\r\n\t var brightnessValue = new Color(this.options.color).percBrightness();\r\n\t if (brightnessValue > 180) {\r\n\t labels.color = BLACK;\r\n\t } else {\r\n\t labels.color = WHITE;\r\n\t }\r\n\t }\r\n\t if (!labels.background) {\r\n\t labels.background = this.options.color;\r\n\t }\r\n\t } else {\r\n\t var themeLabels = chartService.theme.seriesDefaults.labels;\r\n\t labels.color = labels.color || themeLabels.color;\r\n\t labels.background = labels.background || themeLabels.background;\r\n\t }\r\n\r\n\t this.label = new TextBox(labelText, deepExtend({}, labels, {\r\n\t align: CENTER,\r\n\t vAlign: \"\",\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: this.animationDelay\r\n\t }\r\n\t }));\r\n\r\n\t this.append(this.label);\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t this.render();\r\n\t this.box = targetBox;\r\n\t this.reflowLabel();\r\n\t },\r\n\r\n\t reflowLabel: function() {\r\n\t var ref = this;\r\n\t var labelsOptions = ref.options.labels;\r\n\t var label = ref.label;\r\n\t var sector = this.sector.clone();\r\n\t var labelsDistance = labelsOptions.distance;\r\n\t var angle = sector.middle();\r\n\r\n\t if (label) {\r\n\t var labelHeight = label.box.height();\r\n\t var labelWidth = label.box.width();\r\n\t var lp;\r\n\r\n\t if (labelsOptions.position === CENTER) {\r\n\t sector.radius = Math.abs((sector.radius - labelHeight) / 2) + labelHeight;\r\n\t lp = sector.point(angle);\r\n\t label.reflow(new Box(lp.x, lp.y - labelHeight / 2, lp.x, lp.y));\r\n\t } else if (labelsOptions.position === INSIDE_END) {\r\n\t sector.radius = sector.radius - labelHeight / 2;\r\n\t lp = sector.point(angle);\r\n\t label.reflow(new Box(lp.x, lp.y - labelHeight / 2, lp.x, lp.y));\r\n\t } else {\r\n\t var x1;\r\n\t lp = sector.clone().expand(labelsDistance).point(angle);\r\n\t if (lp.x >= sector.center.x) {\r\n\t x1 = lp.x + labelWidth;\r\n\t label.orientation = RIGHT;\r\n\t } else {\r\n\t x1 = lp.x - labelWidth;\r\n\t label.orientation = LEFT;\r\n\t }\r\n\t label.reflow(new Box(x1, lp.y - labelHeight, lp.x, lp.y));\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var sector = ref.sector;\r\n\t var options = ref.options;\r\n\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t if (this.value) {\r\n\t if (options.visual) {\r\n\t var startAngle = (sector.startAngle + 180) % 360;\r\n\t var visual = options.visual({\r\n\t category: this.category,\r\n\t dataItem: this.dataItem,\r\n\t value: this.value,\r\n\t series: this.series,\r\n\t percentage: this.percentage,\r\n\t center: new GeometryPoint(sector.center.x, sector.center.y),\r\n\t radius: sector.radius,\r\n\t innerRadius: sector.innerRadius,\r\n\t startAngle: startAngle,\r\n\t endAngle: startAngle + sector.angle,\r\n\t options: options,\r\n\t sender: this.getSender(),\r\n\t createVisual: function () {\r\n\t var group = new Group();\r\n\t this$1.createSegmentVisual(group);\r\n\r\n\t return group;\r\n\t }\r\n\t });\r\n\r\n\t if (visual) {\r\n\t this.visual.append(visual);\r\n\t }\r\n\t } else {\r\n\t this.createSegmentVisual(this.visual);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createSegmentVisual: function(group) {\r\n\t var ref = this;\r\n\t var sector = ref.sector;\r\n\t var options = ref.options;\r\n\t var borderOptions = options.border || {};\r\n\t var border = borderOptions.width > 0 ? {\r\n\t stroke: {\r\n\t color: borderOptions.color,\r\n\t width: borderOptions.width,\r\n\t opacity: borderOptions.opacity,\r\n\t dashType: borderOptions.dashType\r\n\t }\r\n\t } : {};\r\n\t var color = options.color;\r\n\t var fill = {\r\n\t color: color,\r\n\t opacity: options.opacity\r\n\t };\r\n\t var visual = this.createSegment(sector, deepExtend({\r\n\t fill: fill,\r\n\t stroke: {\r\n\t opacity: options.opacity\r\n\t },\r\n\t zIndex: options.zIndex\r\n\t }, border));\r\n\r\n\t group.append(visual);\r\n\r\n\t if (hasGradientOverlay(options)) {\r\n\t group.append(this.createGradientOverlay(visual, {\r\n\t baseColor: color,\r\n\t fallbackFill: fill\r\n\t }, deepExtend({\r\n\t center: [ sector.center.x, sector.center.y ],\r\n\t innerRadius: sector.innerRadius,\r\n\t radius: sector.radius,\r\n\t userSpace: true\r\n\t }, options.overlay)));\r\n\t }\r\n\t },\r\n\r\n\t createSegment: function(sector, options) {\r\n\t if (options.singleSegment) {\r\n\t return new drawing.Circle(new geometry.Circle(new GeometryPoint(sector.center.x, sector.center.y), sector.radius), options);\r\n\t }\r\n\r\n\t return dataviz.ShapeBuilder.current.createRing(sector, options);\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var center = ref.sector.center;\r\n\r\n\t deepExtend(options, {\r\n\t animation: {\r\n\t center: [ center.x, center.y ],\r\n\t delay: this.animationDelay\r\n\t }\r\n\t });\r\n\r\n\t ChartElement.fn.createAnimation.call(this);\r\n\t },\r\n\r\n\t createHighlight: function(options) {\r\n\t var highlight = this.options.highlight || {};\r\n\t var border = highlight.border || {};\r\n\r\n\t return this.createSegment(this.sector, deepExtend({}, options, {\r\n\t fill: {\r\n\t color: highlight.color,\r\n\t opacity: highlight.opacity\r\n\t },\r\n\t stroke: {\r\n\t opacity: border.opacity,\r\n\t width: border.width,\r\n\t color: border.color\r\n\t }\r\n\t }));\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this.visual.children[0];\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t var sector = this.sector;\r\n\r\n\t return {\r\n\t options: this.options,\r\n\t radius: sector.radius,\r\n\t innerRadius: sector.innerRadius,\r\n\t center: new GeometryPoint(sector.center.x, sector.center.y),\r\n\t startAngle: sector.startAngle,\r\n\t endAngle: sector.angle + sector.startAngle,\r\n\t visual: this.visual\r\n\t };\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var sector = this.sector.clone().expand(TOOLTIP_OFFSET);\r\n\t var midAndle = sector.middle();\r\n\t var midPoint = sector.point(midAndle);\r\n\r\n\t return {\r\n\t point: midPoint,\r\n\t align: tooltipAlignment(midAndle + 180)\r\n\t };\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t return this.owner.formatPointValue(this, format);\r\n\t }\r\n\t});\r\n\r\n\tvar RAD_30 = round(dataviz.rad(30), DEFAULT_PRECISION);\r\n\tvar RAD_60 = round(dataviz.rad(60), DEFAULT_PRECISION);\r\n\r\n\tfunction tooltipAlignment(angle) {\r\n\t var radians = dataviz.rad(angle);\r\n\t var sine = round(Math.sin(radians), DEFAULT_PRECISION);\r\n\t var cosine = round(Math.cos(radians), DEFAULT_PRECISION);\r\n\r\n\t var horizontal;\r\n\t if (Math.abs(sine) > RAD_60) {\r\n\t horizontal = CENTER;\r\n\t } else if (cosine < 0) {\r\n\t horizontal = RIGHT;\r\n\t } else {\r\n\t horizontal = LEFT;\r\n\t }\r\n\r\n\t var vertical;\r\n\t if (Math.abs(sine) < RAD_30) {\r\n\t vertical = CENTER;\r\n\t } else if (sine < 0) {\r\n\t vertical = BOTTOM;\r\n\t } else {\r\n\t vertical = TOP;\r\n\t }\r\n\r\n\t return {\r\n\t horizontal: horizontal,\r\n\t vertical: vertical\r\n\t };\r\n\t}\r\n\r\n\tsetDefaultOptions(PieSegment, {\r\n\t color: WHITE,\r\n\t overlay: {\r\n\t gradient: \"roundedBevel\"\r\n\t },\r\n\t border: {\r\n\t width: 0.5\r\n\t },\r\n\t labels: {\r\n\t visible: false,\r\n\t distance: 35,\r\n\t font: datavizConstants.DEFAULT_FONT,\r\n\t margin: getSpacing(0.5),\r\n\t align: CIRCLE,\r\n\t zIndex: 1,\r\n\t position: OUTSIDE_END\r\n\t },\r\n\t animation: {\r\n\t type: PIE\r\n\t },\r\n\t highlight: {\r\n\t visible: true,\r\n\t border: {\r\n\t width: 1\r\n\t }\r\n\t },\r\n\t visible: true\r\n\t});\r\n\r\n\tdeepExtend(PieSegment.prototype, PointEventsMixin);\r\n\r\n\tvar PieChartMixin = {\r\n\t createLegendItem: function(value, point, options) {\r\n\t var legendOptions = this.options.legend || {};\r\n\t var labelsOptions = legendOptions.labels || {};\r\n\t var inactiveItems = legendOptions.inactiveItems || {};\r\n\t var inactiveItemsLabels = inactiveItems.labels || {};\r\n\r\n\t if (options && options.visibleInLegend !== false) {\r\n\t var pointVisible = options.visible !== false;\r\n\t var labelTemplate = pointVisible ? getTemplate(labelsOptions) :\r\n\t getTemplate(inactiveItemsLabels) || getTemplate(labelsOptions);\r\n\t var text = options.category;\r\n\r\n\t if (labelTemplate) {\r\n\t text = labelTemplate({\r\n\t text: text,\r\n\t series: options.series,\r\n\t dataItem: options.dataItem,\r\n\t percentage: options.percentage,\r\n\t value: value\r\n\t });\r\n\t }\r\n\r\n\t var itemLabelOptions, markerColor;\r\n\t if (pointVisible) {\r\n\t itemLabelOptions = {};\r\n\t markerColor = point.color;\r\n\t } else {\r\n\t itemLabelOptions = {\r\n\t color: inactiveItemsLabels.color,\r\n\t font: inactiveItemsLabels.font\r\n\t };\r\n\t markerColor = (inactiveItems.markers || {}).color;\r\n\t }\r\n\r\n\t if (hasValue(text) && text !== \"\") {\r\n\t this.legendItems.push({\r\n\t pointIndex: options.index,\r\n\t text: text,\r\n\t series: options.series,\r\n\t markerColor: markerColor,\r\n\t labels: itemLabelOptions\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\t};\r\n\r\n\tvar PIE_SECTOR_ANIM_DELAY = 70;\r\n\r\n\tvar PieChart = ChartElement.extend({\r\n\t init: function(plotArea, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.chartService = plotArea.chartService;\r\n\t this.points = [];\r\n\t this.legendItems = [];\r\n\t this.render();\r\n\t },\r\n\r\n\t render: function() {\r\n\t this.traverseDataPoints(this.addValue.bind(this));\r\n\t },\r\n\r\n\t traverseDataPoints: function(callback) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var seriesColors = ref.plotArea.options.seriesColors; if (seriesColors === void 0) { seriesColors = []; }\r\n\t var colorsCount = seriesColors.length;\r\n\t var series = options.series;\r\n\t var seriesCount = series.length;\r\n\r\n\t for (var seriesIx = 0; seriesIx < seriesCount; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var data = currentSeries.data;\r\n\t var ref$1 = bindSegments(currentSeries);\r\n\t var total = ref$1.total;\r\n\t var points = ref$1.points;\r\n\t var count = ref$1.count;\r\n\t var anglePerValue = 360 / total;\r\n\t var constantAngle = (void 0);\r\n\t if (!isFinite(anglePerValue)) {\r\n\t constantAngle = 360 / count;\r\n\t }\r\n\t var currentAngle = (void 0);\r\n\r\n\t if (defined(currentSeries.startAngle)) {\r\n\t currentAngle = currentSeries.startAngle;\r\n\t } else {\r\n\t currentAngle = options.startAngle;\r\n\t }\r\n\r\n\t if (seriesIx !== seriesCount - 1) {\r\n\t if (currentSeries.labels.position === OUTSIDE_END) {\r\n\t currentSeries.labels.position = CENTER;\r\n\t }\r\n\t }\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var pointData = points[i];\r\n\t if (!pointData) {\r\n\t continue;\r\n\t }\r\n\r\n\t var fields = pointData.fields;\r\n\t var value = pointData.value;\r\n\t var visible = pointData.visible;\r\n\t var angle = value !== 0 ? (constantAngle || (value * anglePerValue)) : 0;\r\n\t var explode = data.length !== 1 && Boolean(fields.explode);\r\n\r\n\t if (!isFunction(currentSeries.color)) {\r\n\t currentSeries.color = fields.color || seriesColors[i % colorsCount];\r\n\t }\r\n\r\n\t callback(pointData.valueFields.value, new dataviz.Ring(null, 0, 0, currentAngle, angle), {\r\n\t owner: this$1,\r\n\t category: defined(fields.category) ? fields.category : \"\",\r\n\t index: i,\r\n\t series: currentSeries,\r\n\t seriesIx: seriesIx,\r\n\t dataItem: data[i],\r\n\t percentage: total !== 0 ? value / total : 0,\r\n\t explode: explode,\r\n\t visibleInLegend: fields.visibleInLegend,\r\n\t visible: visible,\r\n\t zIndex: seriesCount - seriesIx,\r\n\t animationDelay: this$1.animationDelay(i, seriesIx, seriesCount)\r\n\t });\r\n\r\n\t if (visible !== false) {\r\n\t currentAngle += angle;\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t evalSegmentOptions: function(options, value, fields) {\r\n\t var series = fields.series;\r\n\r\n\t evalOptions(options, {\r\n\t value: value,\r\n\t series: series,\r\n\t dataItem: fields.dataItem,\r\n\t category: fields.category,\r\n\t percentage: fields.percentage\r\n\t }, { defaults: series._defaults, excluded: [ \"data\", \"content\", \"template\", \"visual\", \"toggle\" ] });\r\n\t },\r\n\r\n\t addValue: function(value, sector, fields) {\r\n\t var segmentOptions = deepExtend({}, fields.series, { index: fields.index });\r\n\t this.evalSegmentOptions(segmentOptions, value, fields);\r\n\r\n\t this.createLegendItem(value, segmentOptions, fields);\r\n\r\n\t if (fields.visible === false) {\r\n\t return;\r\n\t }\r\n\r\n\t var segment = new PieSegment(value, sector, segmentOptions);\r\n\t $.extend(segment, fields);\r\n\t this.append(segment);\r\n\t this.points.push(segment);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var points = ref.points;\r\n\t var seriesConfigs = ref.seriesConfigs; if (seriesConfigs === void 0) { seriesConfigs = []; }\r\n\t var count = points.length;\r\n\t var box = targetBox.clone();\r\n\t var space = 5;\r\n\t var minWidth = Math.min(box.width(), box.height());\r\n\t var halfMinWidth = minWidth / 2;\r\n\t var defaultPadding = minWidth - minWidth * 0.85;\r\n\t var newBox = new Box(box.x1, box.y1, box.x1 + minWidth, box.y1 + minWidth);\r\n\t var newBoxCenter = newBox.center();\r\n\t var boxCenter = box.center();\r\n\t var seriesCount = options.series.length;\r\n\t var leftSideLabels = [];\r\n\t var rightSideLabels = [];\r\n\t var padding = valueOrDefault(options.padding, defaultPadding);\r\n\r\n\t padding = padding > halfMinWidth - space ? halfMinWidth - space : padding;\r\n\t newBox.translate(boxCenter.x - newBoxCenter.x, boxCenter.y - newBoxCenter.y);\r\n\r\n\t var radius = halfMinWidth - padding;\r\n\t var center = new Point(\r\n\t radius + newBox.x1 + padding,\r\n\t radius + newBox.y1 + padding\r\n\t );\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var segment = points[i];\r\n\t var sector = segment.sector;\r\n\t var seriesIndex = segment.seriesIx;\r\n\t sector.radius = radius;\r\n\t sector.center = center;\r\n\r\n\t if (seriesConfigs.length) {\r\n\t var seriesConfig = seriesConfigs[seriesIndex];\r\n\t sector.innerRadius = seriesConfig.innerRadius;\r\n\t sector.radius = seriesConfig.radius;\r\n\t }\r\n\r\n\t if (seriesIndex === seriesCount - 1 && segment.explode) {\r\n\t sector.center = sector.clone().setRadius(sector.radius * 0.15).point(sector.middle());\r\n\t }\r\n\r\n\t segment.reflow(newBox);\r\n\r\n\t var label = segment.label;\r\n\t if (label) {\r\n\t if (label.options.position === OUTSIDE_END) {\r\n\t if (seriesIndex === seriesCount - 1) {\r\n\t if (label.orientation === RIGHT) {\r\n\t rightSideLabels.push(label);\r\n\t } else {\r\n\t leftSideLabels.push(label);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (leftSideLabels.length > 0) {\r\n\t leftSideLabels.sort(this.labelComparator(true));\r\n\t this.leftLabelsReflow(leftSideLabels);\r\n\t }\r\n\r\n\t if (rightSideLabels.length > 0) {\r\n\t rightSideLabels.sort(this.labelComparator(false));\r\n\t this.rightLabelsReflow(rightSideLabels);\r\n\t }\r\n\r\n\t this.box = newBox;\r\n\t },\r\n\r\n\t leftLabelsReflow: function(labels) {\r\n\t var distances = this.distanceBetweenLabels(labels);\r\n\r\n\t this.distributeLabels(distances, labels);\r\n\t },\r\n\r\n\t rightLabelsReflow: function(labels) {\r\n\t var distances = this.distanceBetweenLabels(labels);\r\n\r\n\t this.distributeLabels(distances, labels);\r\n\t },\r\n\r\n\t distanceBetweenLabels: function(labels) {\r\n\t var segment = last(this.points);\r\n\t var sector = segment.sector;\r\n\t var count = labels.length - 1;\r\n\t var lr = sector.radius + segment.options.labels.distance;\r\n\t var distances = [];\r\n\t var firstBox = labels[0].box;\r\n\t var distance = round(firstBox.y1 - (sector.center.y - lr - firstBox.height() - firstBox.height() / 2));\r\n\r\n\t distances.push(distance);\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var secondBox = labels[i + 1].box;\r\n\r\n\t firstBox = labels[i].box;\r\n\t distance = round(secondBox.y1 - firstBox.y2);\r\n\t distances.push(distance);\r\n\t }\r\n\t distance = round(sector.center.y + lr - labels[count].box.y2 - labels[count].box.height() / 2);\r\n\t distances.push(distance);\r\n\r\n\t return distances;\r\n\t },\r\n\r\n\t distributeLabels: function(distances, labels) {\r\n\t var this$1 = this;\r\n\r\n\t var count = distances.length;\r\n\t var left, right, remaining;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t remaining = -distances[i];\r\n\t left = right = i;\r\n\r\n\t while (remaining > 0 && (left >= 0 || right < count)) {\r\n\t remaining = this$1._takeDistance(distances, i, --left, remaining);\r\n\t remaining = this$1._takeDistance(distances, i, ++right, remaining);\r\n\t }\r\n\t }\r\n\r\n\t this.reflowLabels(distances, labels);\r\n\t },\r\n\r\n\t _takeDistance: function(distances, anchor, position, amount) {\r\n\t var result = amount;\r\n\t if (distances[position] > 0) {\r\n\t var available = Math.min(distances[position], result);\r\n\t result -= available;\r\n\t distances[position] -= available;\r\n\t distances[anchor] += available;\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t reflowLabels: function(distances, labels) {\r\n\t var this$1 = this;\r\n\r\n\t var segment = last(this.points);\r\n\t var sector = segment.sector;\r\n\t var labelOptions = segment.options.labels;\r\n\t var labelsCount = labels.length;\r\n\t var labelDistance = labelOptions.distance;\r\n\t var boxY = sector.center.y - (sector.radius + labelDistance) - labels[0].box.height();\r\n\t var boxX;\r\n\r\n\t distances[0] += 2;\r\n\t for (var i = 0; i < labelsCount; i++) {\r\n\t var label = labels[i];\r\n\t var box = label.box;\r\n\r\n\t boxY += distances[i];\r\n\t boxX = this$1.hAlignLabel(\r\n\t box.x2,\r\n\t sector.clone().expand(labelDistance),\r\n\t boxY,\r\n\t boxY + box.height(),\r\n\t label.orientation === RIGHT);\r\n\r\n\t if (label.orientation === RIGHT) {\r\n\t if (labelOptions.align !== CIRCLE) {\r\n\t boxX = sector.radius + sector.center.x + labelDistance;\r\n\t }\r\n\t label.reflow(new Box(boxX + box.width(), boxY, boxX, boxY));\r\n\t } else {\r\n\t if (labelOptions.align !== CIRCLE) {\r\n\t boxX = sector.center.x - sector.radius - labelDistance;\r\n\t }\r\n\t label.reflow(new Box(boxX - box.width(), boxY, boxX, boxY));\r\n\t }\r\n\r\n\t boxY += box.height();\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var connectors = ref.options.connectors;\r\n\t var points = ref.points;\r\n\t var count = points.length;\r\n\t var space = 4;\r\n\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t this._connectorLines = [];\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var segment = points[i];\r\n\t var sector = segment.sector;\r\n\t var label = segment.label;\r\n\t var angle = sector.middle();\r\n\t var connectorsColor = (segment.options.connectors || {}).color || connectors.color;\r\n\r\n\t if (label) {\r\n\t var connectorLine = new Path({\r\n\t stroke: {\r\n\t color: connectorsColor,\r\n\t width: connectors.width\r\n\t },\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: segment.animationDelay\r\n\t }\r\n\t });\r\n\r\n\t if (label.options.position === OUTSIDE_END) {\r\n\t var box = label.box;\r\n\t var centerPoint = sector.center;\r\n\t var start = sector.point(angle);\r\n\t var middle = new Point(box.x1, box.center().y);\r\n\t var sr = (void 0), end = (void 0), crossing = (void 0);\r\n\r\n\t start = sector.clone().expand(connectors.padding).point(angle);\r\n\t connectorLine.moveTo(start.x, start.y);\r\n\t // TODO: Extract into a method to remove duplication\r\n\t if (label.orientation === RIGHT) {\r\n\t end = new Point(box.x1 - connectors.padding, box.center().y);\r\n\t crossing = intersection(centerPoint, start, middle, end);\r\n\t middle = new Point(end.x - space, end.y);\r\n\t crossing = crossing || middle;\r\n\t crossing.x = Math.min(crossing.x, middle.x);\r\n\r\n\t if (this$1.pointInCircle(crossing, sector.center, sector.radius + space) ||\r\n\t crossing.x < sector.center.x) {\r\n\t sr = sector.center.x + sector.radius + space;\r\n\t if (segment.options.labels.align !== COLUMN) {\r\n\t if (sr < middle.x) {\r\n\t connectorLine.lineTo(sr, start.y);\r\n\t } else {\r\n\t connectorLine.lineTo(start.x + space * 2, start.y);\r\n\t }\r\n\t } else {\r\n\t connectorLine.lineTo(sr, start.y);\r\n\t }\r\n\t connectorLine.lineTo(middle.x, end.y);\r\n\t } else {\r\n\t crossing.y = end.y;\r\n\t connectorLine.lineTo(crossing.x, crossing.y);\r\n\t }\r\n\t } else {\r\n\t end = new Point(box.x2 + connectors.padding, box.center().y);\r\n\t crossing = intersection(centerPoint, start, middle, end);\r\n\t middle = new Point(end.x + space, end.y);\r\n\t crossing = crossing || middle;\r\n\t crossing.x = Math.max(crossing.x, middle.x);\r\n\r\n\t if (this$1.pointInCircle(crossing, sector.center, sector.radius + space) ||\r\n\t crossing.x > sector.center.x) {\r\n\t sr = sector.center.x - sector.radius - space;\r\n\t if (segment.options.labels.align !== COLUMN) {\r\n\t if (sr > middle.x) {\r\n\t connectorLine.lineTo(sr, start.y);\r\n\t } else {\r\n\t connectorLine.lineTo(start.x - space * 2, start.y);\r\n\t }\r\n\t } else {\r\n\t connectorLine.lineTo(sr, start.y);\r\n\t }\r\n\t connectorLine.lineTo(middle.x, end.y);\r\n\t } else {\r\n\t crossing.y = end.y;\r\n\t connectorLine.lineTo(crossing.x, crossing.y);\r\n\t }\r\n\t }\r\n\r\n\t connectorLine.lineTo(end.x, end.y);\r\n\r\n\t this$1._connectorLines.push(connectorLine);\r\n\t this$1.visual.append(connectorLine);\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t labelComparator: function(reverse) {\r\n\t var reverseValue = reverse ? -1 : 1;\r\n\r\n\t return function(a, b) {\r\n\t var first = (a.parent.sector.middle() + 270) % 360;\r\n\t var second = (b.parent.sector.middle() + 270) % 360;\r\n\t return (first - second) * reverseValue;\r\n\t };\r\n\t },\r\n\r\n\t hAlignLabel: function(originalX, sector, y1, y2, direction) {\r\n\t var radius = sector.radius;\r\n\t var sector_center = sector.center;\r\n\t var cx = sector_center.x;\r\n\t var cy = sector_center.y;\r\n\t var t = Math.min(Math.abs(cy - y1), Math.abs(cy - y2));\r\n\r\n\t if (t > radius) {\r\n\t return originalX;\r\n\t }\r\n\r\n\t return cx + Math.sqrt((radius * radius) - (t * t)) * (direction ? 1 : -1);\r\n\t },\r\n\r\n\t pointInCircle: function(point, center, radius) {\r\n\t return Math.pow(center.x - point.x, 2) + Math.pow(center.y - point.y, 2) < Math.pow(radius, 2);\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t return this.chartService.format.auto(format, point.value);\r\n\t },\r\n\r\n\t animationDelay: function(categoryIndex) {\r\n\t return categoryIndex * PIE_SECTOR_ANIM_DELAY;\r\n\t }\r\n\t});\r\n\r\n\tfunction intersection(a1, a2, b1, b2) {\r\n\t var uat = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x);\r\n\t var ub = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y);\r\n\r\n\t var result;\r\n\t if (ub !== 0) {\r\n\t var ua = (uat / ub);\r\n\r\n\t result = new Point(\r\n\t a1.x + ua * (a2.x - a1.x),\r\n\t a1.y + ua * (a2.y - a1.y)\r\n\t );\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tsetDefaultOptions(PieChart, {\r\n\t startAngle: 90,\r\n\t connectors: {\r\n\t width: 2,\r\n\t color: \"#939393\",\r\n\t padding: 8\r\n\t },\r\n\t inactiveItems: {\r\n\t markers: {},\r\n\t labels: {}\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(PieChart.prototype, PieChartMixin);\r\n\r\n\tvar PiePlotArea = PlotAreaBase.extend({\r\n\t render: function() {\r\n\t this.createPieChart(this.series);\r\n\t },\r\n\r\n\t createPieChart: function(series) {\r\n\t var firstSeries = series[0];\r\n\t var pieChart = new PieChart(this, {\r\n\t series: series,\r\n\t padding: firstSeries.padding,\r\n\t startAngle: firstSeries.startAngle,\r\n\t connectors: firstSeries.connectors,\r\n\t legend: this.options.legend\r\n\t });\r\n\r\n\t this.appendChart(pieChart);\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t PlotAreaBase.fn.appendChart.call(this, chart, pane);\r\n\t append(this.options.legend.items, chart.legendItems);\r\n\t }\r\n\t});\r\n\r\n\tvar DonutSegment = PieSegment.extend({\r\n\t reflowLabel: function() {\r\n\t var ref = this;\r\n\t var labelsOptions = ref.options.labels;\r\n\t var label = ref.label;\r\n\t var sector = this.sector.clone();\r\n\t var angle = sector.middle();\r\n\r\n\t if (label) {\r\n\t var labelHeight = label.box.height();\r\n\t if (labelsOptions.position === CENTER) {\r\n\t sector.radius -= (sector.radius - sector.innerRadius) / 2;\r\n\r\n\t var lp = sector.point(angle);\r\n\r\n\t label.reflow(new Box(lp.x, lp.y - labelHeight / 2, lp.x, lp.y));\r\n\t } else {\r\n\t PieSegment.fn.reflowLabel.call(this);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createSegment: function(sector, options) {\r\n\t return dataviz.ShapeBuilder.current.createRing(sector, options);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(DonutSegment, {\r\n\t overlay: {\r\n\t gradient: \"roundedGlass\"\r\n\t },\r\n\t labels: {\r\n\t position: CENTER\r\n\t },\r\n\t animation: {\r\n\t type: PIE\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(DonutSegment.prototype, PointEventsMixin);\r\n\r\n\tvar DONUT_SECTOR_ANIM_DELAY = 50;\r\n\r\n\tvar DonutChart = PieChart.extend({\r\n\t addValue: function(value, sector, fields) {\r\n\t var segmentOptions = deepExtend({}, fields.series, { index: fields.index });\r\n\t this.evalSegmentOptions(segmentOptions, value, fields);\r\n\r\n\t this.createLegendItem(value, segmentOptions, fields);\r\n\r\n\t if (!value || fields.visible === false) {\r\n\t return;\r\n\t }\r\n\r\n\t var segment = new DonutSegment(value, sector, segmentOptions);\r\n\r\n\t $.extend(segment, fields);\r\n\t this.append(segment);\r\n\t this.points.push(segment);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var box = targetBox.clone();\r\n\t var space = 5;\r\n\t var minWidth = Math.min(box.width(), box.height());\r\n\t var halfMinWidth = minWidth / 2;\r\n\t var defaultPadding = minWidth - minWidth * 0.85;\r\n\t var series = options.series;\r\n\t var seriesCount = series.length;\r\n\r\n\t var padding = valueOrDefault(options.padding, defaultPadding);\r\n\t padding = padding > halfMinWidth - space ? halfMinWidth - space : padding;\r\n\r\n\t var totalSize = halfMinWidth - padding;\r\n\t var seriesWithoutSize = 0;\r\n\t var holeSize;\r\n\r\n\t for (var i = 0; i < seriesCount; i++) {\r\n\t var currentSeries = series[i];\r\n\t if (i === 0) {\r\n\t if (defined(currentSeries.holeSize)) {\r\n\t holeSize = currentSeries.holeSize;\r\n\t totalSize -= currentSeries.holeSize;\r\n\t }\r\n\t }\r\n\r\n\t if (defined(currentSeries.size)) {\r\n\t totalSize -= currentSeries.size;\r\n\t } else {\r\n\t seriesWithoutSize++;\r\n\t }\r\n\r\n\t if (defined(currentSeries.margin) && i !== seriesCount - 1) {\r\n\t totalSize -= currentSeries.margin;\r\n\t }\r\n\t }\r\n\r\n\t if (!defined(holeSize)) {\r\n\t var currentSize = (halfMinWidth - padding) / (seriesCount + 0.75);\r\n\t holeSize = currentSize * 0.75;\r\n\t totalSize -= holeSize;\r\n\t }\r\n\r\n\t var innerRadius = holeSize;\r\n\t var margin = 0;\r\n\t var size, radius;\r\n\r\n\t this.seriesConfigs = [];\r\n\r\n\t for (var i$1 = 0; i$1 < seriesCount; i$1++) {\r\n\t var currentSeries$1 = series[i$1];\r\n\t size = valueOrDefault(currentSeries$1.size, totalSize / seriesWithoutSize);\r\n\t innerRadius += margin;\r\n\t radius = innerRadius + size;\r\n\t this$1.seriesConfigs.push({ innerRadius: innerRadius, radius: radius });\r\n\t margin = currentSeries$1.margin || 0;\r\n\t innerRadius = radius;\r\n\t }\r\n\r\n\t PieChart.fn.reflow.call(this, targetBox);\r\n\t },\r\n\r\n\t animationDelay: function(categoryIndex, seriesIndex, seriesCount) {\r\n\t return categoryIndex * DONUT_SECTOR_ANIM_DELAY +\r\n\t (INITIAL_ANIMATION_DURATION * (seriesIndex + 1) / (seriesCount + 1));\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(DonutChart, {\r\n\t startAngle: 90,\r\n\t connectors: {\r\n\t width: 2,\r\n\t color: \"#939393\",\r\n\t padding: 8\r\n\t }\r\n\t});\r\n\r\n\tvar DonutPlotArea = PiePlotArea.extend({\r\n\t render: function() {\r\n\t this.createDonutChart(this.series);\r\n\t },\r\n\r\n\t createDonutChart: function(series) {\r\n\t var firstSeries = series[0];\r\n\t var donutChart = new DonutChart(this, {\r\n\t series: series,\r\n\t padding: firstSeries.padding,\r\n\t connectors: firstSeries.connectors,\r\n\t legend: this.options.legend\r\n\t });\r\n\r\n\t this.appendChart(donutChart);\r\n\t }\r\n\t});\r\n\r\n\tvar DEFAULT_PADDING = 0.15;\r\n\r\n\tvar PolarPlotAreaBase = PlotAreaBase.extend({\r\n\t initFields: function() {\r\n\t this.valueAxisRangeTracker = new AxisGroupRangeTracker();\r\n\t },\r\n\r\n\t render: function() {\r\n\t this.addToLegend(this.series);\r\n\t this.createPolarAxis();\r\n\t this.createCharts();\r\n\t this.createValueAxis();\r\n\t },\r\n\r\n\t alignAxes: function() {\r\n\t var axis = this.valueAxis;\r\n\t var range = axis.range();\r\n\t var crossingValue = axis.options.reverse ? range.max : range.min;\r\n\t var slot = axis.getSlot(crossingValue);\r\n\t var center = this.polarAxis.getSlot(0).center;\r\n\t var axisBox = axis.box.translate(\r\n\t center.x - slot.x1,\r\n\t center.y - slot.y1\r\n\t );\r\n\r\n\t axis.reflow(axisBox);\r\n\t },\r\n\r\n\t createValueAxis: function() {\r\n\t var tracker = this.valueAxisRangeTracker;\r\n\t var defaultRange = tracker.query();\r\n\t var axisOptions = this.valueAxisOptions({\r\n\t roundToMajorUnit: false,\r\n\t zIndex: -1\r\n\t });\r\n\t var axisType, axisDefaultRange;\r\n\r\n\t if (axisOptions.type === LOGARITHMIC) {\r\n\t axisType = dataviz.RadarLogarithmicAxis;\r\n\t axisDefaultRange = { min: 0.1, max: 1 };\r\n\t } else {\r\n\t axisType = dataviz.RadarNumericAxis;\r\n\t axisDefaultRange = { min: 0, max: 1 };\r\n\t }\r\n\r\n\t var range = tracker.query(name) || defaultRange || axisDefaultRange;\r\n\r\n\t if (range && defaultRange) {\r\n\t range.min = Math.min(range.min, defaultRange.min);\r\n\t range.max = Math.max(range.max, defaultRange.max);\r\n\t }\r\n\r\n\t var valueAxis = new axisType(\r\n\t range.min, range.max,\r\n\t axisOptions,\r\n\t this.chartService\r\n\t );\r\n\r\n\t this.valueAxis = valueAxis;\r\n\t this.appendAxis(valueAxis);\r\n\t },\r\n\r\n\t reflowAxes: function() {\r\n\t var ref = this;\r\n\t var options = ref.options.plotArea;\r\n\t var valueAxis = ref.valueAxis;\r\n\t var polarAxis = ref.polarAxis;\r\n\t var box = ref.box;\r\n\t var defaultPadding = Math.min(box.width(), box.height()) * DEFAULT_PADDING;\r\n\t var padding = getSpacing(options.padding || {}, defaultPadding);\r\n\t var paddingBox = box.clone().unpad(padding);\r\n\t var axisBox = paddingBox.clone();\r\n\r\n\t axisBox.y2 = axisBox.y1 + Math.min(axisBox.width(), axisBox.height());\r\n\t axisBox.align(paddingBox, Y, CENTER);\r\n\r\n\t var valueAxisBox = axisBox.clone().shrink(0, axisBox.height() / 2);\r\n\r\n\t polarAxis.reflow(axisBox);\r\n\t valueAxis.reflow(valueAxisBox);\r\n\t var heightDiff = valueAxis.lineBox().height() - valueAxis.box.height();\r\n\t valueAxis.reflow(valueAxis.box.unpad({ top: heightDiff }));\r\n\r\n\t this.axisBox = axisBox;\r\n\t this.alignAxes(axisBox);\r\n\t },\r\n\r\n\t backgroundBox: function() {\r\n\t return this.box;\r\n\t }\r\n\t});\r\n\r\n\tvar PolarScatterChart = ScatterChart.extend({\r\n\t pointSlot: function(slotX, slotY) {\r\n\t var valueRadius = slotX.center.y - slotY.y1;\r\n\t var slot = Point.onCircle(slotX.center, slotX.startAngle, valueRadius);\r\n\r\n\t return new Box(slot.x, slot.y, slot.x, slot.y);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(PolarScatterChart, {\r\n\t clip: false\r\n\t});\r\n\r\n\tvar PolarLineChart = ScatterLineChart.extend({\r\n\r\n\t});\r\n\r\n\tPolarLineChart.prototype.pointSlot = PolarScatterChart.prototype.pointSlot;\r\n\r\n\tsetDefaultOptions(PolarLineChart, {\r\n\t clip: false\r\n\t});\r\n\r\n\tvar SplinePolarAreaSegment = SplineAreaSegment.extend({\r\n\t fillToAxes: function(fillPath) {\r\n\t var center = this._polarAxisCenter();\r\n\t fillPath.lineTo(center.x, center.y);\r\n\t },\r\n\r\n\t _polarAxisCenter: function() {\r\n\t var polarAxis = this.parent.plotArea.polarAxis;\r\n\t var center = polarAxis.box.center();\r\n\t return center;\r\n\t },\r\n\r\n\t strokeSegments: function() {\r\n\t var segments = this._strokeSegments;\r\n\r\n\t if (!segments) {\r\n\t var center = this._polarAxisCenter();\r\n\t var curveProcessor = new CurveProcessor(false);\r\n\t var linePoints = this.points();\r\n\r\n\t linePoints.push(center);\r\n\t segments = this._strokeSegments = curveProcessor.process(linePoints);\r\n\t segments.pop();\r\n\t }\r\n\r\n\t return segments;\r\n\t }\r\n\t});\r\n\r\n\tvar PolarAreaSegment = AreaSegment.extend({\r\n\t fillToAxes: function(fillPath) {\r\n\t var polarAxis = this.parent.plotArea.polarAxis;\r\n\t var center = polarAxis.box.center();\r\n\t var centerSegment = new geometry.Segment([ center.x, center.y ]);\r\n\r\n\t fillPath.segments.unshift(centerSegment);\r\n\t fillPath.segments.push(centerSegment);\r\n\t }\r\n\t});\r\n\r\n\tvar PolarAreaChart = PolarLineChart.extend({\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = (currentSeries.line || {}).style;\r\n\t var segment;\r\n\r\n\t if (style === SMOOTH) {\r\n\t segment = new SplinePolarAreaSegment(linePoints, currentSeries, seriesIx);\r\n\t } else {\r\n\t segment = new PolarAreaSegment(linePoints, currentSeries, seriesIx);\r\n\t }\r\n\t return segment;\r\n\t },\r\n\r\n\t createMissingValue: function(value, missingValues) {\r\n\t var missingValue;\r\n\r\n\t if (hasValue(value.x) && missingValues !== INTERPOLATE) {\r\n\t missingValue = {\r\n\t x: value.x,\r\n\t y: value.y\r\n\t };\r\n\t if (missingValues === ZERO) {\r\n\t missingValue.y = 0;\r\n\t }\r\n\t }\r\n\r\n\t return missingValue;\r\n\t },\r\n\r\n\t seriesMissingValues: function(series) {\r\n\t return series.missingValues || ZERO;\r\n\t },\r\n\r\n\t _hasMissingValuesGap: function() {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.options.series;\r\n\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t if (this$1.seriesMissingValues(series[idx]) === GAP) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t sortPoints: function(points) {\r\n\t var this$1 = this;\r\n\r\n\t points.sort(xComparer);\r\n\r\n\t if (this._hasMissingValuesGap()) {\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t var point = points[idx];\r\n\t if (point) {\r\n\t var value = point.value;\r\n\t if (!hasValue(value.y) && this$1.seriesMissingValues(point.series) === GAP) {\r\n\t delete points[idx];\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return points;\r\n\t }\r\n\t});\r\n\r\n\tfunction xComparer(a, b) {\r\n\t return a.value.x - b.value.x;\r\n\t}\r\n\r\n\tvar PolarPlotArea = PolarPlotAreaBase.extend({\r\n\t createPolarAxis: function() {\r\n\t var polarAxis = new dataviz.PolarAxis(this.options.xAxis, this.chartService);\r\n\r\n\t this.polarAxis = polarAxis;\r\n\t this.axisX = polarAxis;\r\n\t this.appendAxis(polarAxis);\r\n\t },\r\n\r\n\t valueAxisOptions: function(defaults) {\r\n\t return deepExtend(defaults, {\r\n\t majorGridLines: { type: ARC },\r\n\t minorGridLines: { type: ARC }\r\n\t }, this.options.yAxis);\r\n\t },\r\n\r\n\t createValueAxis: function() {\r\n\t PolarPlotAreaBase.fn.createValueAxis.call(this);\r\n\t this.axisY = this.valueAxis;\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t this.valueAxisRangeTracker.update(chart.yAxisRanges);\r\n\r\n\t PlotAreaBase.prototype.appendChart.call(this, chart, pane);\r\n\t },\r\n\r\n\t createCharts: function() {\r\n\t var series = this.filterVisibleSeries(this.series);\r\n\t var pane = this.panes[0];\r\n\r\n\t this.createLineChart(\r\n\t filterSeriesByType(series, [ POLAR_LINE ]),\r\n\t pane\r\n\t );\r\n\r\n\t this.createScatterChart(\r\n\t filterSeriesByType(series, [ POLAR_SCATTER ]),\r\n\t pane\r\n\t );\r\n\r\n\t this.createAreaChart(\r\n\t filterSeriesByType(series, [ POLAR_AREA ]),\r\n\t pane\r\n\t );\r\n\t },\r\n\r\n\t createLineChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var lineChart = new PolarLineChart(this, { series: series });\r\n\r\n\t this.appendChart(lineChart, pane);\r\n\t },\r\n\r\n\t createScatterChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var scatterChart = new PolarScatterChart(this, { series: series });\r\n\r\n\t this.appendChart(scatterChart, pane);\r\n\t },\r\n\r\n\t createAreaChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var areaChart = new PolarAreaChart(this, { series: series });\r\n\r\n\t this.appendChart(areaChart, pane);\r\n\t },\r\n\r\n\t _dispatchEvent: function(chart, e, eventType) {\r\n\t var coords = chart._eventCoordinates(e);\r\n\t var point = new Point(coords.x, coords.y);\r\n\t var xValue = this.axisX.getValue(point);\r\n\t var yValue = this.axisY.getValue(point);\r\n\r\n\t if (xValue !== null && yValue !== null) {\r\n\t chart.trigger(eventType, {\r\n\t element: eventElement(e),\r\n\t x: xValue,\r\n\t y: yValue\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t createCrosshairs: function() {}\r\n\t});\r\n\r\n\tsetDefaultOptions(PolarPlotArea, {\r\n\t xAxis: {},\r\n\t yAxis: {}\r\n\t});\r\n\r\n\tdeepExtend(PolarPlotArea.prototype, PlotAreaEventsMixin);\r\n\r\n\tvar RadarLineChart = LineChart.extend({\r\n\t pointSlot: function(categorySlot, valueSlot) {\r\n\t var valueRadius = categorySlot.center.y - valueSlot.y1;\r\n\t var slot = Point.onCircle(categorySlot.center, categorySlot.middle(), valueRadius);\r\n\r\n\t return new Box(slot.x, slot.y, slot.x, slot.y);\r\n\t },\r\n\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = currentSeries.style;\r\n\t var pointType;\r\n\r\n\t if (style === SMOOTH) {\r\n\t pointType = SplineSegment;\r\n\t } else {\r\n\t pointType = LineSegment;\r\n\t }\r\n\r\n\t var segment = new pointType(linePoints, currentSeries, seriesIx);\r\n\r\n\t if (linePoints.length === currentSeries.data.length) {\r\n\t segment.options.closed = true;\r\n\t }\r\n\r\n\t return segment;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarLineChart, {\r\n\t clip: false,\r\n\t limitPoints: false\r\n\t});\r\n\r\n\tvar SplineRadarAreaSegment = SplineAreaSegment.extend({\r\n\t fillToAxes: function() {}\r\n\t});\r\n\r\n\tvar RadarAreaSegment = AreaSegment.extend({\r\n\t fillToAxes: function() {}\r\n\t});\r\n\r\n\tvar RadarAreaChart = RadarLineChart.extend({\r\n\t createSegment: function(linePoints, currentSeries, seriesIx, prevSegment) {\r\n\t var isStacked = this.options.isStacked;\r\n\t var style = (currentSeries.line || {}).style;\r\n\t var previousSegment;\r\n\t var stackPoints;\r\n\t var segment;\r\n\r\n\t if (isStacked && seriesIx > 0 && prevSegment) {\r\n\t stackPoints = prevSegment.linePoints.slice(0);\r\n\t previousSegment = prevSegment;\r\n\t }\r\n\r\n\t if (style === SMOOTH) {\r\n\t segment = new SplineRadarAreaSegment(linePoints, currentSeries, seriesIx, previousSegment, stackPoints);\r\n\t segment.options.closed = true;\r\n\t } else {\r\n\t linePoints.push(linePoints[0]);\r\n\t segment = new RadarAreaSegment(linePoints, currentSeries, seriesIx, previousSegment, stackPoints);\r\n\t }\r\n\r\n\t return segment;\r\n\t },\r\n\r\n\t seriesMissingValues: function(series) {\r\n\t return series.missingValues || ZERO;\r\n\t }\r\n\t});\r\n\r\n\tvar RadarSegment = DonutSegment.extend({\r\n\t init: function(value, options) {\r\n\t DonutSegment.fn.init.call(this, value, null, options);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarSegment, {\r\n\t overlay: {\r\n\t gradient: \"none\"\r\n\t },\r\n\t labels: {\r\n\t distance: 10\r\n\t }\r\n\t});\r\n\r\n\tvar RadarClusterLayout = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.forEach = options.rtl ? forEachReverse : forEach;\r\n\t },\r\n\r\n\t reflow: function(sector) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var children = ref.children;\r\n\t var gap = options.gap;\r\n\t var spacing = options.spacing;\r\n\t var count = children.length;\r\n\t var slots = count + gap + (spacing * (count - 1));\r\n\t var slotAngle = sector.angle / slots;\r\n\t var angle = sector.startAngle + slotAngle * (gap / 2);\r\n\r\n\t this.forEach(children, function (child) {\r\n\t var slotSector = sector.clone();\r\n\t slotSector.startAngle = angle;\r\n\t slotSector.angle = slotAngle;\r\n\r\n\t if (child.sector) {\r\n\t slotSector.radius = child.sector.radius;\r\n\t }\r\n\r\n\t child.reflow(slotSector);\r\n\t child.sector = slotSector;\r\n\r\n\t angle += slotAngle + (slotAngle * spacing);\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarClusterLayout, {\r\n\t gap: 1,\r\n\t spacing: 0\r\n\t});\r\n\r\n\tvar RadarStackLayout = ChartElement.extend({\r\n\t reflow: function(sector) {\r\n\t var ref = this;\r\n\t var reverse = ref.options.reverse;\r\n\t var children = ref.children;\r\n\t var childrenCount = children.length;\r\n\t var first = reverse ? childrenCount - 1 : 0;\r\n\t var step = reverse ? -1 : 1;\r\n\r\n\t this.box = new Box();\r\n\r\n\t for (var i = first; i >= 0 && i < childrenCount; i += step) {\r\n\t var childSector = children[i].sector;\r\n\t childSector.startAngle = sector.startAngle;\r\n\t childSector.angle = sector.angle;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar RadarBarChart = BarChart.extend({\r\n\t pointType: function() {\r\n\t return RadarSegment;\r\n\t },\r\n\r\n\t clusterType: function() {\r\n\t return RadarClusterLayout;\r\n\t },\r\n\r\n\t stackType: function() {\r\n\t return RadarStackLayout;\r\n\t },\r\n\r\n\t categorySlot: function(categoryAxis, categoryIx) {\r\n\t return categoryAxis.getSlot(categoryIx);\r\n\t },\r\n\r\n\t pointSlot: function(categorySlot, valueSlot) {\r\n\t var slot = categorySlot.clone();\r\n\t var y = categorySlot.center.y;\r\n\r\n\t slot.radius = y - valueSlot.y1;\r\n\t slot.innerRadius = y - valueSlot.y2;\r\n\r\n\t return slot;\r\n\t },\r\n\r\n\t reflowPoint: function(point, pointSlot) {\r\n\t point.sector = pointSlot;\r\n\t point.reflow();\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t this.options.animation.center = this.box.toRect().center();\r\n\t BarChart.fn.createAnimation.call(this);\r\n\t }\r\n\t});\r\n\r\n\tRadarBarChart.prototype.reflow = CategoricalChart.prototype.reflow;\r\n\r\n\tsetDefaultOptions(RadarBarChart, {\r\n\t clip: false,\r\n\t limitPoints: false,\r\n\t animation: {\r\n\t type: \"pie\"\r\n\t }\r\n\t});\r\n\r\n\tvar RadarPlotArea = PolarPlotAreaBase.extend({\r\n\t createPolarAxis: function() {\r\n\t var categoryAxis = new dataviz.RadarCategoryAxis(this.options.categoryAxis, this.chartService);\r\n\r\n\t this.polarAxis = categoryAxis;\r\n\t this.categoryAxis = categoryAxis;\r\n\t this.appendAxis(categoryAxis);\r\n\t this.aggregateCategories();\r\n\t this.createCategoryAxesLabels();\r\n\t },\r\n\r\n\t valueAxisOptions: function(defaults) {\r\n\t if (this._hasBarCharts) {\r\n\t deepExtend(defaults, {\r\n\t majorGridLines: { type: ARC },\r\n\t minorGridLines: { type: ARC }\r\n\t });\r\n\t }\r\n\r\n\t if (this._isStacked100) {\r\n\t deepExtend(defaults, {\r\n\t roundToMajorUnit: false,\r\n\t labels: { format: \"P0\" }\r\n\t });\r\n\t }\r\n\r\n\t return deepExtend(defaults, this.options.valueAxis);\r\n\t },\r\n\r\n\t aggregateCategories: function() {\r\n\t // No separate panes in radar charts\r\n\t CategoricalPlotArea.prototype.aggregateCategories.call(this, this.panes);\r\n\t },\r\n\r\n\t createCategoryAxesLabels: function() {\r\n\t CategoricalPlotArea.prototype.createCategoryAxesLabels.call(this, this.panes);\r\n\t },\r\n\r\n\t filterSeries: function(currentSeries) {\r\n\t // Not supported for radar charts\r\n\t return currentSeries;\r\n\t },\r\n\r\n\t createCharts: function() {\r\n\t var series = this.filterVisibleSeries(this.series);\r\n\t var pane = this.panes[0];\r\n\r\n\t this.createAreaChart(\r\n\t filterSeriesByType(series, [ RADAR_AREA ]),\r\n\t pane\r\n\t );\r\n\r\n\t this.createLineChart(\r\n\t filterSeriesByType(series, [ RADAR_LINE ]),\r\n\t pane\r\n\t );\r\n\r\n\t this.createBarChart(\r\n\t filterSeriesByType(series, [ RADAR_COLUMN ]),\r\n\t pane\r\n\t );\r\n\t },\r\n\r\n\t chartOptions: function(series) {\r\n\t var options = { series: series };\r\n\t var firstSeries = series[0];\r\n\t if (firstSeries) {\r\n\t var filteredSeries = this.filterVisibleSeries(series);\r\n\t var stack = firstSeries.stack;\r\n\t options.isStacked = stack && filteredSeries.length > 1;\r\n\t options.isStacked100 = stack && stack.type === \"100%\" && filteredSeries.length > 1;\r\n\r\n\t if (options.isStacked100) {\r\n\t this._isStacked100 = true;\r\n\t }\r\n\t }\r\n\r\n\t return options;\r\n\t },\r\n\r\n\t createAreaChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var areaChart = new RadarAreaChart(this, this.chartOptions(series));\r\n\t this.appendChart(areaChart, pane);\r\n\t },\r\n\r\n\t createLineChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var lineChart = new RadarLineChart(this, this.chartOptions(series));\r\n\t this.appendChart(lineChart, pane);\r\n\t },\r\n\r\n\t createBarChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var options = this.chartOptions(series);\r\n\t options.gap = firstSeries.gap;\r\n\t options.spacing = firstSeries.spacing;\r\n\r\n\t var barChart = new RadarBarChart(this, options);\r\n\t this.appendChart(barChart, pane);\r\n\r\n\t this._hasBarCharts = true;\r\n\t },\r\n\r\n\t seriesCategoryAxis: function() {\r\n\t return this.categoryAxis;\r\n\t },\r\n\r\n\t _dispatchEvent: function(chart, e, eventType) {\r\n\t var coords = chart._eventCoordinates(e);\r\n\t var point = new Point(coords.x, coords.y);\r\n\t var category = this.categoryAxis.getCategory(point);\r\n\t var value = this.valueAxis.getValue(point);\r\n\r\n\t if (category !== null && value !== null) {\r\n\t chart.trigger(eventType, {\r\n\t element: eventElement(e),\r\n\t category: category,\r\n\t value: value\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t createCrosshairs: function() {}\r\n\t});\r\n\r\n\tdeepExtend(RadarPlotArea.prototype, PlotAreaEventsMixin, {\r\n\t appendChart: CategoricalPlotArea.prototype.appendChart,\r\n\t aggregateSeries: CategoricalPlotArea.prototype.aggregateSeries\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarPlotArea, {\r\n\t categoryAxis: {\r\n\t categories: []\r\n\t },\r\n\t valueAxis: {}\r\n\t});\r\n\r\n\tvar FunnelSegment = ChartElement.extend({\r\n\t init: function(value, options, segmentOptions) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.value = value;\r\n\t this.options.index = segmentOptions.index;\r\n\t },\r\n\r\n\t reflow: function(chartBox) {\r\n\t var points = this.points;\r\n\t var label = this.children[0];\r\n\r\n\t this.box = new Box(points[0].x, points[0].y, points[1].x, points[2].y);\r\n\r\n\t if (label) {\r\n\t label.reflow(new Box(chartBox.x1, points[0].y, chartBox.x2, points[2].y));\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var visual;\r\n\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t if (options.visual) {\r\n\t visual = options.visual({\r\n\t category: this.category,\r\n\t dataItem: this.dataItem,\r\n\t value: this.value,\r\n\t series: this.series,\r\n\t percentage: this.percentage,\r\n\t points: this.points,\r\n\t options: options,\r\n\t sender: this.getSender(),\r\n\t createVisual: function () { return this$1.createPath(); }\r\n\t });\r\n\t } else {\r\n\t visual = this.createPath();\r\n\t }\r\n\r\n\t if (visual) {\r\n\t this.visual.append(visual);\r\n\t }\r\n\t },\r\n\r\n\t createPath: function() {\r\n\t var options = this.options;\r\n\t var border = options.border;\r\n\t var path = Path.fromPoints(this.points, {\r\n\t fill: {\r\n\t color: options.color,\r\n\t opacity: options.opacity\r\n\t },\r\n\t stroke: {\r\n\t color: border.color,\r\n\t opacity: border.opacity,\r\n\t width: border.width\r\n\t }\r\n\t }).close();\r\n\r\n\t return path;\r\n\t },\r\n\r\n\t createHighlight: function(style) {\r\n\t return Path.fromPoints(this.points, style);\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this.visual.children[0];\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t var path = Path.fromPoints(this.points).close();\r\n\r\n\t return {\r\n\t options: this.options,\r\n\t path: path\r\n\t };\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var box = this.box;\r\n\t return {\r\n\t point: new Point(box.center().x, box.y1),\r\n\t align: {\r\n\t horizontal: \"center\",\r\n\t vertical: \"top\"\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t var point = this;\r\n\t return point.owner.formatPointValue(point, format);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(FunnelSegment, {\r\n\t color: WHITE,\r\n\t border: {\r\n\t width: 1\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(FunnelSegment.prototype, PointEventsMixin);\r\n\r\n\tvar FunnelChart = ChartElement.extend({\r\n\t init: function(plotArea, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.points = [];\r\n\t this.labels = [];\r\n\t this.legendItems = [];\r\n\t this.render();\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t return this.chartService.format.auto(format,point.value);\r\n\t },\r\n\r\n\t render: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var seriesColors = ref.plotArea.options.seriesColors; if (seriesColors === void 0) { seriesColors = []; }\r\n\t var series = options.series[0];\r\n\t var data = series.data;\r\n\r\n\t if (!data) {\r\n\t return;\r\n\t }\r\n\r\n\t var ref$1 = bindSegments(series);\r\n\t var total = ref$1.total;\r\n\t var points = ref$1.points;\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var pointData = points[i];\r\n\r\n\t if (!pointData) {\r\n\t continue;\r\n\t }\r\n\r\n\t var fields = pointData.fields;\r\n\r\n\t if (!isFunction(series.color)) {\r\n\t series.color = fields.color || seriesColors[i % seriesColors.length];\r\n\t }\r\n\r\n\t fields = deepExtend({\r\n\t index: i,\r\n\t owner: this$1,\r\n\t series: series,\r\n\t dataItem: data[i],\r\n\t percentage: pointData.value / total\r\n\t }, fields, { visible: pointData.visible });\r\n\r\n\t var value = pointData.valueFields.value;\r\n\t var segment = this$1.createSegment(value, fields);\r\n\t var label = this$1.createLabel(value, fields);\r\n\r\n\t if (segment && label) {\r\n\t segment.append(label);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t evalSegmentOptions: function(options, value, fields) {\r\n\t var series = fields.series;\r\n\r\n\t evalOptions(options, {\r\n\t value: value,\r\n\t series: series,\r\n\t dataItem: fields.dataItem,\r\n\t index: fields.index\r\n\t }, { defaults: series._defaults, excluded: [ \"data\", \"content\", \"template\", \"toggle\", \"visual\" ] });\r\n\t },\r\n\r\n\t createSegment: function(value, fields) {\r\n\t var seriesOptions = deepExtend({}, fields.series);\r\n\t this.evalSegmentOptions(seriesOptions, value, fields);\r\n\r\n\t this.createLegendItem(value, seriesOptions, fields);\r\n\r\n\t if (fields.visible !== false) {\r\n\r\n\t var segment = new FunnelSegment(value, seriesOptions, fields);\r\n\t $.extend(segment, fields);\r\n\r\n\t this.append(segment);\r\n\t this.points.push(segment);\r\n\r\n\t return segment;\r\n\t }\r\n\t },\r\n\r\n\t createLabel: function(value, fields) {\r\n\t var series = fields.series;\r\n\t var dataItem = fields.dataItem;\r\n\t var labels = deepExtend({}, this.options.labels, series.labels);\r\n\t var text = value;\r\n\r\n\t if (labels.visible) {\r\n\t var labelTemplate = getTemplate(labels);\r\n\t if (labelTemplate) {\r\n\t text = labelTemplate({\r\n\t dataItem: dataItem,\r\n\t value: value,\r\n\t percentage: fields.percentage,\r\n\t category: fields.category,\r\n\t series: series\r\n\t });\r\n\t } else if (labels.format) {\r\n\t text = this.plotArea.chartService.format.auto(labels.format, text);\r\n\t }\r\n\r\n\t if (!labels.color) {\r\n\t var brightnessValue = new Color(series.color).percBrightness();\r\n\t if (brightnessValue > 180) {\r\n\t labels.color = BLACK;\r\n\t } else {\r\n\t labels.color = WHITE;\r\n\t }\r\n\t if (!labels.background) {\r\n\t labels.background = series.color;\r\n\t }\r\n\t }\r\n\r\n\t this.evalSegmentOptions(labels, value, fields);\r\n\t var textBox = new TextBox(text, deepExtend({\r\n\t vAlign: labels.position\r\n\t }, labels));\r\n\r\n\t this.labels.push(textBox);\r\n\r\n\t return textBox;\r\n\t }\r\n\t },\r\n\r\n\t labelPadding: function() {\r\n\t var labels = this.labels;\r\n\t var padding = { left: 0, right: 0 };\r\n\r\n\t for (var i = 0; i < labels.length; i++) {\r\n\t var label = labels[i];\r\n\t var align = label.options.align;\r\n\t if (align !== CENTER) {\r\n\t var width = labels[i].box.width();\r\n\r\n\t if (align === LEFT) {\r\n\t padding.left = Math.max(padding.left, width);\r\n\t } else {\r\n\t padding.right = Math.max(padding.right, width);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return padding;\r\n\t },\r\n\r\n\t dynamicSlopeReflow: function(box, width, totalHeight) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var segments = ref.points;\r\n\t var count = segments.length;\r\n\t var firstSegment = segments[0];\r\n\t var maxSegment = firstSegment;\r\n\r\n\t for (var idx = 0; idx < segments.length; idx++) {\r\n\t if (segments[idx].percentage > maxSegment.percentage) {\r\n\t maxSegment = segments[idx];\r\n\t }\r\n\t }\r\n\r\n\t var lastUpperSide = (firstSegment.percentage / maxSegment.percentage) * width;\r\n\t var previousOffset = (width - lastUpperSide) / 2;\r\n\t var previousHeight = 0;\r\n\r\n\t for (var idx$1 = 0; idx$1 < count; idx$1++) {\r\n\t var percentage = segments[idx$1].percentage;\r\n\t var nextSegment = segments[idx$1 + 1];\r\n\t var nextPercentage = (nextSegment ? nextSegment.percentage : percentage);\r\n\t var points = segments[idx$1].points = [];\r\n\t var height = (options.dynamicHeight) ? (totalHeight * percentage) : (totalHeight / count);\r\n\t var offset = (void 0);\r\n\r\n\t if (!percentage) {\r\n\t offset = nextPercentage ? 0 : width / 2;\r\n\t } else {\r\n\t offset = (width - lastUpperSide * (nextPercentage / percentage)) / 2;\r\n\t }\r\n\r\n\t offset = limitValue(offset, 0, width);\r\n\r\n\t points.push(new GeometryPoint(box.x1 + previousOffset, box.y1 + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + width - previousOffset, box.y1 + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + width - offset, box.y1 + height + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + offset, box.y1 + height + previousHeight));\r\n\r\n\t previousOffset = offset;\r\n\t previousHeight += height + options.segmentSpacing;\r\n\t lastUpperSide = limitValue(width - 2 * offset, 0, width);\r\n\t }\r\n\t },\r\n\r\n\t constantSlopeReflow: function(box, width, totalHeight) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var segments = ref.points;\r\n\t var count = segments.length;\r\n\t var decreasingWidth = options.neckRatio <= 1;\r\n\t var neckRatio = decreasingWidth ? options.neckRatio * width : width;\r\n\t var previousOffset = decreasingWidth ? 0 : (width - width / options.neckRatio) / 2;\r\n\t var topMostWidth = decreasingWidth ? width : width - previousOffset * 2;\r\n\t var finalNarrow = (topMostWidth - neckRatio) / 2;\r\n\t var previousHeight = 0;\r\n\r\n\t for (var idx = 0; idx < count; idx++) {\r\n\t var points = segments[idx].points = [];\r\n\t var percentage = segments[idx].percentage;\r\n\t var offset = (options.dynamicHeight) ? (finalNarrow * percentage) : (finalNarrow / count);\r\n\t var height = (options.dynamicHeight) ? (totalHeight * percentage) : (totalHeight / count);\r\n\r\n\t points.push(new GeometryPoint(box.x1 + previousOffset, box.y1 + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + width - previousOffset, box.y1 + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + width - previousOffset - offset, box.y1 + height + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + previousOffset + offset,box.y1 + height + previousHeight));\r\n\t previousOffset += offset;\r\n\t previousHeight += height + options.segmentSpacing;\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(chartBox) {\r\n\t var points = this.points;\r\n\t var count = points.length;\r\n\r\n\t if (!count) {\r\n\t return;\r\n\t }\r\n\r\n\t var options = this.options;\r\n\t var box = chartBox.clone().unpad(this.labelPadding());\r\n\t var totalHeight = box.height() - options.segmentSpacing * (count - 1);\r\n\t var width = box.width();\r\n\r\n\t if (options.dynamicSlope) {\r\n\t this.dynamicSlopeReflow(box, width, totalHeight);\r\n\t } else {\r\n\t this.constantSlopeReflow(box, width, totalHeight);\r\n\t }\r\n\r\n\t for (var idx = 0; idx < count; idx++) {\r\n\t points[idx].reflow(chartBox);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(FunnelChart, {\r\n\t neckRatio: 0.3,\r\n\t width: 300,\r\n\t dynamicSlope: false,\r\n\t dynamicHeight: true,\r\n\t segmentSpacing: 0,\r\n\t labels: {\r\n\t visible: false,\r\n\t align: CENTER,\r\n\t position: CENTER,\r\n\t zIndex: 1\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(FunnelChart.prototype, PieChartMixin);\r\n\r\n\tvar FunnelPlotArea = PlotAreaBase.extend({\r\n\t render: function() {\r\n\t this.createFunnelChart(this.series);\r\n\t },\r\n\r\n\t createFunnelChart: function(series) {\r\n\t var firstSeries = series[0];\r\n\t var funnelChart = new FunnelChart(this, {\r\n\t series: series,\r\n\t legend: this.options.legend,\r\n\t neckRatio: firstSeries.neckRatio,\r\n\t dynamicHeight: firstSeries.dynamicHeight,\r\n\t dynamicSlope: firstSeries.dynamicSlope,\r\n\t segmentSpacing: firstSeries.segmentSpacing,\r\n\t highlight: firstSeries.highlight\r\n\t });\r\n\r\n\t this.appendChart(funnelChart);\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t PlotAreaBase.fn.appendChart.call(this, chart, pane);\r\n\t append(this.options.legend.items, chart.legendItems);\r\n\t }\r\n\t});\r\n\r\n\tvar COLOR = \"color\";\r\n\tvar FIRST = \"first\";\r\n\tvar FROM = \"from\";\r\n\tvar MAX = \"max\";\r\n\tvar MIN = \"min\";\r\n\tvar NOTE_TEXT = \"noteText\";\r\n\tvar SUMMARY_FIELD = \"summary\";\r\n\tvar TO = \"to\";\r\n\r\n\tPlotAreaFactory.current.register(CategoricalPlotArea, [\r\n\t BAR, COLUMN, LINE, VERTICAL_LINE, AREA, VERTICAL_AREA,\r\n\t CANDLESTICK, OHLC, BULLET, VERTICAL_BULLET, BOX_PLOT, VERTICAL_BOX_PLOT,\r\n\t RANGE_COLUMN, RANGE_BAR, WATERFALL, HORIZONTAL_WATERFALL, RANGE_AREA, VERTICAL_RANGE_AREA\r\n\t]);\r\n\r\n\tPlotAreaFactory.current.register(XYPlotArea, [\r\n\t SCATTER, SCATTER_LINE, BUBBLE\r\n\t]);\r\n\r\n\tPlotAreaFactory.current.register(PiePlotArea, [ PIE ]);\r\n\tPlotAreaFactory.current.register(DonutPlotArea, [ DONUT ]);\r\n\tPlotAreaFactory.current.register(FunnelPlotArea, [ FUNNEL ]);\r\n\r\n\tPlotAreaFactory.current.register(PolarPlotArea, [ POLAR_AREA, POLAR_LINE, POLAR_SCATTER ]);\r\n\tPlotAreaFactory.current.register(RadarPlotArea, [ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ]);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ BAR, COLUMN, LINE, VERTICAL_LINE, AREA, VERTICAL_AREA ],\r\n\t [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, ERROR_LOW_FIELD, ERROR_HIGH_FIELD ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ RANGE_COLUMN, RANGE_BAR, RANGE_AREA, VERTICAL_RANGE_AREA ],\r\n\t [ FROM, TO ], [ CATEGORY, COLOR, NOTE_TEXT ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ WATERFALL, HORIZONTAL_WATERFALL ],\r\n\t [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, SUMMARY_FIELD ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register([ POLAR_AREA, POLAR_LINE, POLAR_SCATTER ], [ X, Y ], [ COLOR ]);\r\n\tSeriesBinder.current.register([ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ], [ VALUE ], [ COLOR ]);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ FUNNEL ],\r\n\t [ VALUE ], [ CATEGORY, COLOR, \"visibleInLegend\", \"visible\" ]\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ BAR, COLUMN, LINE, VERTICAL_LINE, AREA, VERTICAL_AREA, WATERFALL, HORIZONTAL_WATERFALL ],\r\n\t { value: MAX, color: FIRST, noteText: FIRST, errorLow: MIN, errorHigh: MAX }\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ RANGE_COLUMN, RANGE_BAR, RANGE_AREA, VERTICAL_RANGE_AREA ],\r\n\t { from: MIN, to: MAX, color: FIRST, noteText: FIRST }\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ],\r\n\t { value: MAX, color: FIRST }\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ SCATTER, SCATTER_LINE, BUBBLE ],\r\n\t [ X, Y ], [ COLOR, NOTE_TEXT, X_ERROR_LOW_FIELD, X_ERROR_HIGH_FIELD, Y_ERROR_LOW_FIELD, Y_ERROR_HIGH_FIELD ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ BUBBLE ], [ X, Y, \"size\" ], [ COLOR, CATEGORY, NOTE_TEXT ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ CANDLESTICK, OHLC ],\r\n\t [ \"open\", \"high\", \"low\", \"close\" ], [ CATEGORY, COLOR, \"downColor\", NOTE_TEXT ]\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ CANDLESTICK, OHLC ],\r\n\t { open: MAX, high: MAX, low: MIN, close: MAX,\r\n\t color: FIRST, downColor: FIRST, noteText: FIRST }\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ BOX_PLOT, VERTICAL_BOX_PLOT ],\r\n\t [ \"lower\", \"q1\", \"median\", \"q3\", \"upper\", \"mean\", \"outliers\" ], [ CATEGORY, COLOR, NOTE_TEXT ]\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ BOX_PLOT, VERTICAL_BOX_PLOT ],\r\n\t { lower: MAX, q1: MAX, median: MAX, q3: MAX, upper: MAX, mean: MAX, outliers: FIRST,\r\n\t color: FIRST, noteText: FIRST }\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ BULLET, VERTICAL_BULLET ],\r\n\t [ \"current\", \"target\" ], [ CATEGORY, COLOR, \"visibleInLegend\", NOTE_TEXT ]\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ BULLET, VERTICAL_BULLET ],\r\n\t { current: MAX, target: MAX, color: FIRST, noteText: FIRST }\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ PIE, DONUT ],\r\n\t [ VALUE ], [ CATEGORY, COLOR, \"explode\", \"visibleInLegend\", \"visible\" ]\r\n\t);\r\n\r\n\tvar AXIS_NAMES = [ CATEGORY, VALUE, X, Y ];\r\n\r\n\tvar MOUSEMOVE = \"mousemove\";\r\n\tvar CONTEXTMENU = \"contextmenu\";\r\n\tvar MOUSEMOVE_DELAY = 20;\r\n\r\n\tvar Chart = Class.extend({\r\n\t init: function(element, userOptions, themeOptions, context) {\r\n\t var this$1 = this;\r\n\t if (context === void 0) { context = {}; }\r\n\r\n\t this.observers = [];\r\n\t this.addObserver(context.observer);\r\n\t this.chartService = new services.ChartService(this, context);\r\n\t this.chartService.theme = themeOptions;\r\n\r\n\t this._initElement(element);\r\n\r\n\t var options = deepExtend({}, this.options, userOptions);\r\n\t this._originalOptions = deepExtend({}, options);\r\n\t this._theme = themeOptions;\r\n\t this._initTheme(options, themeOptions);\r\n\r\n\t this._initSurface();\r\n\r\n\t this._initHandlers();\r\n\r\n\t this.bindCategories();\r\n\t dataviz.FontLoader.preloadFonts(userOptions, function () {\r\n\t if (!this$1._destroyed) {\r\n\t this$1.trigger('init');\r\n\t this$1._redraw();\r\n\t this$1._attachEvents();\r\n\t }\r\n\t });\r\n\t },\r\n\r\n\t _initElement: function(element) {\r\n\t this._setElementClass(element);\r\n\t element.style.position = \"relative\";\r\n\t while (element.firstChild) {\r\n\t element.removeChild(element.firstChild);\r\n\t }\r\n\t this.element = element;\r\n\t },\r\n\r\n\t _setElementClass: function(element) {\r\n\t dataviz.addClass(element, \"k-chart\");\r\n\t },\r\n\r\n\t _initTheme: function(options, themeOptions) {\r\n\t var seriesCopies = [];\r\n\t var series = options.series || [];\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t seriesCopies.push($.extend({}, series[i]));\r\n\t }\r\n\t options.series = seriesCopies;\r\n\r\n\t resolveAxisAliases(options);\r\n\t this.applyDefaults(options, themeOptions);\r\n\r\n\t // Clean up default if not overriden by data attributes\r\n\t if (options.seriesColors === null) {\r\n\t delete options.seriesColors;\r\n\t }\r\n\r\n\t this.options = deepExtend({}, themeOptions, options);\r\n\t this.applySeriesColors();\r\n\t },\r\n\r\n\t getSize: function() {\r\n\t return { width: this.element.offsetWidth, height: this.element.offsetHeight };\r\n\t // return kendo.dimensions(this.element);\r\n\t },\r\n\r\n\t resize: function(force) {\r\n\t var size = this.getSize();\r\n\t var currentSize = this._size;\r\n\r\n\t if (force || (size.width > 0 || size.height > 0) && (!currentSize || size.width !== currentSize.width || size.height !== currentSize.height)) {\r\n\t this._size = size;\r\n\t this._resize(size, force);\r\n\t this.trigger(\"resize\", size);\r\n\t }\r\n\t },\r\n\r\n\t _resize: function() {\r\n\t this._noTransitionsRedraw();\r\n\t },\r\n\r\n\t redraw: function(paneName) {\r\n\t this.applyDefaults(this.options);\r\n\t this.applySeriesColors();\r\n\r\n\t if (paneName) {\r\n\t var plotArea = this._model._plotArea;\r\n\t var pane = plotArea.findPane(paneName);\r\n\t plotArea.redraw(pane);\r\n\t } else {\r\n\t this._redraw();\r\n\t }\r\n\t },\r\n\r\n\t getAxis: function(name) {\r\n\t var axes = this._plotArea.axes;\r\n\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t if (axes[idx].options.name === name) {\r\n\t return new ChartAxis(axes[idx]);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t findAxisByName: function(name) {\r\n\t return this.getAxis(name);\r\n\t },\r\n\r\n\t findPaneByName: function(name) {\r\n\t var panes = this._plotArea.panes;\r\n\r\n\t for (var idx = 0; idx < panes.length; idx++) {\r\n\t if (panes[idx].options.name === name) {\r\n\t return new ChartPane(panes[idx]);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t findPaneByIndex: function(idx) {\r\n\t var panes = this._plotArea.panes;\r\n\t if (panes[idx]) {\r\n\t return new ChartPane(panes[idx]);\r\n\t }\r\n\t },\r\n\r\n\t plotArea: function() {\r\n\t return new ChartPlotArea(this._plotArea);\r\n\t },\r\n\r\n\t toggleHighlight: function(show, filter) {\r\n\t var plotArea = this._plotArea;\r\n\t var firstSeries = (plotArea.srcSeries || plotArea.series || [])[0];\r\n\t var points;\r\n\r\n\t if (isFunction(filter)) {\r\n\t points = plotArea.filterPoints(filter);\r\n\t } else {\r\n\t var seriesName, categoryName;\r\n\t if (isObject(filter)) {\r\n\t seriesName = filter.series;\r\n\t categoryName = filter.category;\r\n\t } else {\r\n\t seriesName = categoryName = filter;\r\n\t }\r\n\r\n\t if (firstSeries.type === DONUT) {\r\n\t points = pointByCategoryName(plotArea.pointsBySeriesName(seriesName), categoryName);\r\n\t } else if (firstSeries.type === PIE || firstSeries.type === FUNNEL) {\r\n\t points = pointByCategoryName((plotArea.charts[0] || {}).points, categoryName);\r\n\t } else {\r\n\t points = plotArea.pointsBySeriesName(seriesName);\r\n\t }\r\n\t }\r\n\r\n\t if (points) {\r\n\t this.togglePointsHighlight(show, points);\r\n\t }\r\n\t },\r\n\r\n\t togglePointsHighlight: function(show, points) {\r\n\t var highlight = this._highlight;\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t highlight.togglePointHighlight(points[idx], show);\r\n\t }\r\n\t },\r\n\r\n\t showTooltip: function(filter) {\r\n\t var shared = this._sharedTooltip();\r\n\t var ref = this;\r\n\t var tooltip = ref._tooltip;\r\n\t var plotArea = ref._plotArea;\r\n\t var point, categoryIndex;\r\n\r\n\t if (isFunction(filter)) {\r\n\t point = plotArea.findPoint(filter);\r\n\t if (point && shared) {\r\n\t categoryIndex = point.categoryIx;\r\n\t }\r\n\t } else if (shared && defined(filter)) {\r\n\t categoryIndex = plotArea.categoryAxis.categoryIndex(filter);\r\n\t }\r\n\r\n\t if (shared) {\r\n\t if (categoryIndex >= 0) {\r\n\t var points = this._plotArea.pointsByCategoryIndex(categoryIndex);\r\n\t tooltip.showAt(points);\r\n\t }\r\n\t } else if (point) {\r\n\t tooltip.show(point);\r\n\t }\r\n\t },\r\n\r\n\t hideTooltip: function() {\r\n\t this._tooltip.hide();\r\n\t },\r\n\r\n\t _initSurface: function() {\r\n\t var surface = this.surface;\r\n\t var wrap = this._surfaceWrap();\r\n\r\n\t var chartArea = this.options.chartArea;\r\n\t if (chartArea.width) {\r\n\t dataviz.elementSize(wrap, { width: chartArea.width });\r\n\t }\r\n\t if (chartArea.height) {\r\n\t dataviz.elementSize(wrap, { height: chartArea.height });\r\n\t }\r\n\r\n\t if (!surface || surface.options.type !== this.options.renderAs) {\r\n\t if (surface) {\r\n\t surface.destroy();\r\n\t }\r\n\r\n\t this.surface = drawing.Surface.create(wrap, {\r\n\t type: this.options.renderAs\r\n\t });\r\n\r\n\t } else {\r\n\t this.surface.clear();\r\n\t this.surface.resize();\r\n\t }\r\n\t },\r\n\r\n\t _surfaceWrap: function() {\r\n\t return this.element;\r\n\t },\r\n\r\n\t _redraw: function() {\r\n\t var model = this._getModel();\r\n\r\n\t this._destroyView();\r\n\r\n\t this._model = model;\r\n\t this._plotArea = model._plotArea;\r\n\r\n\t model.renderVisual();\r\n\r\n\t if (this.options.transitions !== false) {\r\n\t model.traverse(function(element) {\r\n\t if (element.animation) {\r\n\t element.animation.setup();\r\n\t }\r\n\t });\r\n\t }\r\n\r\n\t this._initSurface();\r\n\t this.surface.draw(model.visual);\r\n\r\n\t if (this.options.transitions !== false) {\r\n\t model.traverse(function(element) {\r\n\t if (element.animation) {\r\n\t element.animation.play();\r\n\t }\r\n\t });\r\n\t }\r\n\r\n\t this._tooltip = this._createTooltip();\r\n\t this._highlight = new Highlight();\r\n\t this._setupSelection();\r\n\t this._createPannable();\r\n\t this._createZoomSelection();\r\n\t this._createMousewheelZoom();\r\n\r\n\t this.trigger(RENDER);\r\n\r\n\t if (!this._navState) {\r\n\t this._cancelDomEvents();\r\n\t }\r\n\t },\r\n\r\n\t exportVisual: function(exportOptions) {\r\n\t var visual;\r\n\t if (exportOptions && (exportOptions.width || exportOptions.height || exportOptions.options)) {\r\n\t var currentOptions = this.options;\r\n\t var options = deepExtend({}, exportOptions.options, {\r\n\t chartArea: {\r\n\t width: exportOptions.width,\r\n\t height: exportOptions.height\r\n\t }\r\n\t });\r\n\r\n\t clearMissingValues(this._originalOptions, options);\r\n\t this.options = deepExtend({}, this._originalOptions, options);\r\n\t this._initTheme(this.options, this._theme);\r\n\t this.bindCategories();\r\n\r\n\t var model = this._getModel();\r\n\r\n\t model.renderVisual();\r\n\t visual = model.visual;\r\n\r\n\t this.options = currentOptions;\r\n\t } else {\r\n\t visual = this.surface.exportVisual();\r\n\t }\r\n\r\n\t return visual;\r\n\t },\r\n\r\n\t _sharedTooltip: function() {\r\n\t return this._plotArea instanceof CategoricalPlotArea && this.options.tooltip.shared;\r\n\t },\r\n\r\n\t _createPannable: function() {\r\n\t var options = this.options;\r\n\t if (options.pannable !== false) {\r\n\t this._pannable = new Pannable(this._plotArea, options.pannable);\r\n\t }\r\n\t },\r\n\r\n\t _createZoomSelection: function() {\r\n\t var zoomable = this.options.zoomable;\r\n\t var selection = (zoomable || {}).selection;\r\n\t if (zoomable !== false && selection !== false) {\r\n\t this._zoomSelection = new ZoomSelection(this, selection);\r\n\t }\r\n\t },\r\n\r\n\t _toggleDomDrag: function() {\r\n\t if (!this.domEvents || !this.domEvents.toggleDrag) {\r\n\t return;\r\n\t }\r\n\r\n\t var pannable = this.options.pannable;\r\n\t var zoomable = this.options.zoomable;\r\n\t var selection = (zoomable || {}).selection;\r\n\t if (!pannable && (zoomable === false || selection === false) && !this.requiresHandlers([ DRAG_START, DRAG, DRAG_END ])) {\r\n\t this.domEvents.toggleDrag(false);\r\n\t } else {\r\n\t this.domEvents.toggleDrag(true);\r\n\t }\r\n\t },\r\n\r\n\t _createMousewheelZoom: function() {\r\n\t var zoomable = this.options.zoomable;\r\n\t var mousewheel = (zoomable || {}).mousewheel;\r\n\t if (zoomable !== false && mousewheel !== false) {\r\n\t this._mousewheelZoom = new MousewheelZoom(this, mousewheel);\r\n\t }\r\n\t },\r\n\r\n\t _toggleDomZoom: function() {\r\n\t if (!this.domEvents || !this.domEvents.toggleZoom) {\r\n\t return;\r\n\t }\r\n\r\n\t var zoomable = this.options.zoomable;\r\n\t var mousewheel = (zoomable || {}).mousewheel;\r\n\t if ((zoomable === false || mousewheel === false) && !this.requiresHandlers([ ZOOM_START, ZOOM, ZOOM_END ])) {\r\n\t this.domEvents.toggleZoom(false);\r\n\t } else {\r\n\t this.domEvents.toggleZoom(true);\r\n\t }\r\n\t },\r\n\r\n\t _createTooltip: function() {\r\n\t var ref = this;\r\n\t var tooltipOptions = ref.options.tooltip;\r\n\t var tooltip;\r\n\r\n\t if (this._sharedTooltip()) {\r\n\t tooltip = this._createSharedTooltip(tooltipOptions);\r\n\t } else {\r\n\t tooltip = new Tooltip(this.chartService, tooltipOptions);\r\n\t }\r\n\r\n\t return tooltip;\r\n\t },\r\n\r\n\t _createSharedTooltip: function(options) {\r\n\t return new SharedTooltip(this._plotArea, options);\r\n\t },\r\n\r\n\t applyDefaults: function(options, themeOptions) {\r\n\t applyAxisDefaults(options, themeOptions);\r\n\t applySeriesDefaults(options, themeOptions);\r\n\t },\r\n\r\n\t applySeriesColors: function() {\r\n\t var options = this.options;\r\n\t var series = options.series;\r\n\t var colors = options.seriesColors || [];\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t var seriesColor = colors[i % colors.length];\r\n\t var defaults = currentSeries._defaults;\r\n\r\n\t currentSeries.color = currentSeries.color || seriesColor;\r\n\t if (defaults) {\r\n\t defaults.color = defaults.color || seriesColor;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _getModel: function() {\r\n\t var options = this.options;\r\n\t var plotArea = this._createPlotArea();\r\n\t var model = new dataviz.RootElement(this._modelOptions());\r\n\t model.chart = this;\r\n\t model._plotArea = plotArea;\r\n\r\n\t dataviz.Title.buildTitle(options.title, model);\r\n\r\n\t if (options.legend.visible) {\r\n\t model.append(new Legend(plotArea.options.legend, this.chartService));\r\n\t }\r\n\t model.append(plotArea);\r\n\t model.reflow();\r\n\r\n\t return model;\r\n\t },\r\n\r\n\t _modelOptions: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var element = ref.element;\r\n\t var size = dataviz.elementSize(element);\r\n\r\n\t this._size = null;\r\n\r\n\t return deepExtend({\r\n\t width: Math.floor(size.width) || datavizConstants.DEFAULT_WIDTH,\r\n\t height: Math.floor(size.height) || datavizConstants.DEFAULT_HEIGHT,\r\n\t transitions: options.transitions\r\n\t }, options.chartArea);\r\n\t },\r\n\r\n\t _createPlotArea: function(skipSeries) {\r\n\t var options = this.options;\r\n\r\n\t var plotArea = PlotAreaFactory.current.create(skipSeries ? [] : options.series, options, this.chartService);\r\n\r\n\t return plotArea;\r\n\t },\r\n\r\n\t _hasSelection: function() {\r\n\t return this._selections && this._selections.length;\r\n\t },\r\n\r\n\t _setupSelection: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var axes = ref._plotArea.axes;\r\n\t var selections = this._selections = [];\r\n\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var axis = axes[i];\r\n\t var options = axis.options;\r\n\t if (axis instanceof CategoryAxis && options.select && !options.vertical) {\r\n\t var min = 0;\r\n\t var max = options.categories.length - 1;\r\n\r\n\t if (axis instanceof DateCategoryAxis) {\r\n\t min = options.categories[min];\r\n\t max = options.categories[max];\r\n\t }\r\n\r\n\t if (!options.justified) {\r\n\t if (axis instanceof DateCategoryAxis) {\r\n\t max = dataviz.addDuration(max, 1, options.baseUnit, options.weekStartDay);\r\n\t } else {\r\n\t max++;\r\n\t }\r\n\t }\r\n\r\n\t var selection = new Selection(this$1, axis,\r\n\t deepExtend({ min: min, max: max }, options.select)\r\n\t );\r\n\r\n\t selections.push(selection);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _selectStart: function(e) {\r\n\t return this.trigger(SELECT_START, e);\r\n\t },\r\n\r\n\t _select: function(e) {\r\n\t return this.trigger(SELECT, e);\r\n\t },\r\n\r\n\t _selectEnd: function(e) {\r\n\t return this.trigger(SELECT_END, e);\r\n\t },\r\n\r\n\t _initHandlers: function() {\r\n\t this._clickHandler = this._click.bind(this);\r\n\t this._mousewheelHandler = this._mousewheel.bind(this);\r\n\t this._surfaceMouseenterHandler = this._mouseover.bind(this);\r\n\t this._surfaceMouseleaveHandler = this._mouseout.bind(this);\r\n\r\n\t this._mousemove = kendo.throttle(\r\n\t this._mousemove.bind(this),\r\n\t MOUSEMOVE_DELAY\r\n\t );\r\n\t },\r\n\r\n\t addObserver: function(observer) {\r\n\t if (observer) {\r\n\t this.observers.push(observer);\r\n\t }\r\n\t },\r\n\r\n\t removeObserver: function(observer) {\r\n\t var index = this.observers.indexOf(observer);\r\n\t if (index >= 0) {\r\n\t this.observers.splice(index, 1);\r\n\t }\r\n\t },\r\n\r\n\t requiresHandlers: function(eventNames) {\r\n\t var observers = this.observers;\r\n\t for (var idx = 0; idx < observers.length; idx++) {\r\n\t if (observers[idx].requiresHandlers(eventNames)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t trigger: function(name, args) {\r\n\t if (args === void 0) { args = {}; }\r\n\r\n\t if (name === SHOW_TOOLTIP) {\r\n\t args.anchor.point = this._toDocumentCoordinates(args.anchor.point);\r\n\t }\r\n\t args.sender = this;\r\n\r\n\t var observers = this.observers;\r\n\t var isDefaultPrevented = false;\r\n\t for (var idx = 0; idx < observers.length; idx++) {\r\n\t if (observers[idx].trigger(name, args)) {\r\n\t isDefaultPrevented = true;\r\n\t }\r\n\t }\r\n\r\n\t return isDefaultPrevented;\r\n\t },\r\n\r\n\t _attachEvents: function() {\r\n\t var ref = this;\r\n\t var element = ref.element;\r\n\t var surface = ref.surface;\r\n\r\n\t surface.bind(\"mouseenter\", this._surfaceMouseenterHandler);\r\n\t surface.bind(\"mouseleave\", this._surfaceMouseleaveHandler);\r\n\t var obj;\r\n\t bindEvents(element, ( obj = {}, obj[ CONTEXTMENU ] = this._clickHandler, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj ));\r\n\r\n\t if (this._shouldAttachMouseMove()) {\r\n\t var obj$1;\r\n\t bindEvents(element, ( obj$1 = {}, obj$1[ MOUSEMOVE ] = this._mousemove, obj$1 ));\r\n\t }\r\n\r\n\t this.domEvents = services.DomEventsBuilder.create(this.element, {\r\n\t start: this._start.bind(this),\r\n\t move: this._move.bind(this),\r\n\t end: this._end.bind(this),\r\n\t tap: this._tap.bind(this),\r\n\t gesturestart: this._gesturestart.bind(this),\r\n\t gesturechange: this._gesturechange.bind(this),\r\n\t gestureend: this._gestureend.bind(this)\r\n\t });\r\n\r\n\t this._toggleDomDrag();\r\n\t this._toggleDomZoom();\r\n\t },\r\n\r\n\t _cancelDomEvents: function() {\r\n\t if (this.domEvents && this.domEvents.cancel) {\r\n\t this.domEvents.cancel();\r\n\t }\r\n\t },\r\n\r\n\t _gesturestart: function(e) {\r\n\t if (this._mousewheelZoom && !this._stopDragEvent(e)) {\r\n\t this._gestureDistance = e.distance;\r\n\t this._unsetActivePoint();\r\n\t this.surface.suspendTracking();\r\n\t }\r\n\t },\r\n\r\n\t _gestureend: function(e) {\r\n\t if (this._zooming && !this._stopDragEvent(e)) {\r\n\t if (this.surface) {\r\n\t this.surface.resumeTracking();\r\n\t }\r\n\t this._zooming = false;\r\n\t this.trigger(ZOOM_END, {});\r\n\t }\r\n\t },\r\n\r\n\t _gesturechange: function(e) {\r\n\t var mousewheelZoom = this._mousewheelZoom;\r\n\r\n\t if (mousewheelZoom && !this._stopDragEvent(e)) {\r\n\t e.preventDefault();\r\n\t var previousGestureDistance = this._gestureDistance;\r\n\t var scaleDelta = -e.distance / previousGestureDistance + 1;\r\n\r\n\t if (Math.abs(scaleDelta) >= 0.1) {\r\n\t scaleDelta = Math.round(scaleDelta * 10);\r\n\r\n\t this._gestureDistance = e.distance;\r\n\t var args = { delta: scaleDelta, axisRanges: axisRanges(this._plotArea.axes), originalEvent: e };\r\n\t if (this._zooming || !this.trigger(ZOOM_START, args)) {\r\n\r\n\t if (!this._zooming) {\r\n\t this._zooming = true;\r\n\t }\r\n\r\n\t var ranges = args.axisRanges = mousewheelZoom.updateRanges(scaleDelta);\r\n\t if (ranges && !this.trigger(ZOOM, args)) {\r\n\t mousewheelZoom.zoom();\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _mouseout: function(e) {\r\n\t if (e.element) {\r\n\t var element = this._drawingChartElement(e.element, e);\r\n\r\n\t if (element && element.leave) {\r\n\t element.leave(this, e.originalEvent);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _start: function(e) {\r\n\t var coords = this._eventCoordinates(e);\r\n\r\n\t if (this._stopDragEvent(e) || !this._plotArea.backgroundContainsPoint(coords)) {\r\n\t return;\r\n\t }\r\n\r\n\t if (this.requiresHandlers([ DRAG_START, DRAG, DRAG_END ])) {\r\n\t this._startNavigation(e, coords, DRAG_START);\r\n\t }\r\n\r\n\t if (this._pannable && this._pannable.start(e)) {\r\n\t this.surface.suspendTracking();\r\n\t this._unsetActivePoint();\r\n\t this._suppressHover = true;\r\n\t }\r\n\r\n\t if (this._zoomSelection) {\r\n\t if (this._zoomSelection.start(e)) {\r\n\t this.trigger(ZOOM_START, { axisRanges: axisRanges(this._plotArea.axes), originalEvent: e });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _move: function(e) {\r\n\t var ref = this;\r\n\t var state = ref._navState;\r\n\t var pannable = ref._pannable;\r\n\r\n\t if (this._stopDragEvent(e)) {\r\n\t return;\r\n\t }\r\n\r\n\t if (pannable) {\r\n\t var ranges = pannable.move(e);\r\n\r\n\t if (ranges && !this.trigger(DRAG, { axisRanges: ranges, originalEvent: e })) {\r\n\t pannable.pan();\r\n\t }\r\n\t } else if (state) {\r\n\t var ranges$1 = {};\r\n\t var axes = state.axes;\r\n\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var currentAxis = axes[i];\r\n\t var axisName = currentAxis.options.name;\r\n\t if (axisName) {\r\n\t var axis = currentAxis.options.vertical ? e.y : e.x;\r\n\t var delta = axis.startLocation - axis.location;\r\n\r\n\t if (delta !== 0) {\r\n\t ranges$1[currentAxis.options.name] = currentAxis.translateRange(delta);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t state.axisRanges = ranges$1;\r\n\t this.trigger(DRAG, {\r\n\t axisRanges: ranges$1,\r\n\t originalEvent: e\r\n\t });\r\n\t }\r\n\r\n\t if (this._zoomSelection) {\r\n\t this._zoomSelection.move(e);\r\n\t }\r\n\t },\r\n\r\n\t _end: function(e) {\r\n\t if (this._stopDragEvent(e)) {\r\n\t return;\r\n\t }\r\n\r\n\t var pannable = this._pannable;\r\n\t if (pannable && pannable.end(e)) {\r\n\t this.surface.resumeTracking();\r\n\t this.trigger(DRAG_END, {\r\n\t axisRanges: axisRanges(this._plotArea.axes),\r\n\t originalEvent: e\r\n\t });\r\n\t this._suppressHover = false;\r\n\t } else {\r\n\t this._endNavigation(e, DRAG_END);\r\n\t }\r\n\r\n\t if (this._zoomSelection) {\r\n\t var ranges = this._zoomSelection.end(e);\r\n\t if (ranges && !this.trigger(ZOOM, { axisRanges: ranges, originalEvent: e })) {\r\n\t this._zoomSelection.zoom();\r\n\t this.trigger(ZOOM_END, { axisRanges: ranges, originalEvent: e });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _stopDragEvent: function() {\r\n\t return this._hasSelection();\r\n\t },\r\n\r\n\t _mousewheel: function(e) {\r\n\t var this$1 = this;\r\n\r\n\t var delta = dataviz.mousewheelDelta(e);\r\n\t var mousewheelZoom = this._mousewheelZoom;\r\n\t var coords = this._eventCoordinates(e);\r\n\r\n\t if (!this._plotArea.backgroundContainsPoint(coords)) {\r\n\t return;\r\n\t }\r\n\r\n\t if (mousewheelZoom) {\r\n\t var args = { delta: delta, axisRanges: axisRanges(this._plotArea.axes), originalEvent: e };\r\n\t if (this._zooming || !this.trigger(ZOOM_START, args)) {\r\n\t e.preventDefault();\r\n\r\n\t if (!this._zooming) {\r\n\t this._unsetActivePoint();\r\n\t this.surface.suspendTracking();\r\n\t this._zooming = true;\r\n\t }\r\n\r\n\t if (this._mwTimeout) {\r\n\t clearTimeout(this._mwTimeout);\r\n\t }\r\n\r\n\t args.axisRanges = mousewheelZoom.updateRanges(delta);\r\n\t if (args.axisRanges && !this.trigger(ZOOM, args)) {\r\n\t mousewheelZoom.zoom();\r\n\t }\r\n\r\n\t this._mwTimeout = setTimeout(function () {\r\n\t this$1.trigger(ZOOM_END, args);\r\n\t this$1._zooming = false;\r\n\t if (this$1.surface) {\r\n\t this$1.surface.resumeTracking();\r\n\t }\r\n\t }, MOUSEWHEEL_DELAY);\r\n\t }\r\n\t } else {\r\n\t var state = this._navState;\r\n\t if (!state) {\r\n\t var prevented = this._startNavigation(e, coords, ZOOM_START);\r\n\t if (!prevented) {\r\n\t state = this._navState;\r\n\t }\r\n\t }\r\n\r\n\t if (state) {\r\n\t var totalDelta = state.totalDelta || delta;\r\n\t state.totalDelta = totalDelta + delta;\r\n\r\n\t var axes = this._navState.axes;\r\n\t var ranges = {};\r\n\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var currentAxis = axes[i];\r\n\t var axisName = currentAxis.options.name;\r\n\t if (axisName) {\r\n\t ranges[axisName] = currentAxis.scaleRange(-totalDelta);\r\n\t }\r\n\t }\r\n\r\n\t this.trigger(ZOOM, {\r\n\t delta: delta,\r\n\t axisRanges: ranges,\r\n\t originalEvent: e\r\n\t });\r\n\r\n\t if (this._mwTimeout) {\r\n\t clearTimeout(this._mwTimeout);\r\n\t }\r\n\r\n\t this._mwTimeout = setTimeout(function () {\r\n\t this$1._endNavigation(e, ZOOM_END);\r\n\t }, MOUSEWHEEL_DELAY);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _startNavigation: function(e, coords, chartEvent) {\r\n\t var plotArea = this._model._plotArea;\r\n\t var pane = plotArea.findPointPane(coords);\r\n\t var axes = plotArea.axes.slice(0);\r\n\r\n\t if (!pane) {\r\n\t return;\r\n\t }\r\n\r\n\t var ranges = axisRanges(axes);\r\n\r\n\t var prevented = this.trigger(chartEvent, {\r\n\t axisRanges: ranges,\r\n\t originalEvent: e\r\n\t });\r\n\r\n\t if (prevented) {\r\n\t this._cancelDomEvents();\r\n\t } else {\r\n\t this._suppressHover = true;\r\n\t this._unsetActivePoint();\r\n\t this._navState = {\r\n\t axisRanges: ranges,\r\n\t pane: pane,\r\n\t axes: axes\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t _endNavigation: function(e, chartEvent) {\r\n\t if (this._navState) {\r\n\t this.trigger(chartEvent, {\r\n\t axisRanges: this._navState.axisRanges,\r\n\t originalEvent: e\r\n\t });\r\n\t this._suppressHover = false;\r\n\t this._navState = null;\r\n\t }\r\n\t },\r\n\r\n\t _getChartElement: function(e, match) {\r\n\t var element = this.surface.eventTarget(e);\r\n\t if (element) {\r\n\t return this._drawingChartElement(element, e, match);\r\n\t }\r\n\t },\r\n\r\n\t _drawingChartElement: function(element, e, match) {\r\n\t var current = element;\r\n\t var chartElement;\r\n\t while (current && !chartElement) {\r\n\t chartElement = current.chartElement;\r\n\t current = current.parent;\r\n\t }\r\n\r\n\t if (chartElement) {\r\n\t if (chartElement.aliasFor) {\r\n\t chartElement = chartElement.aliasFor(e, this._eventCoordinates(e));\r\n\t }\r\n\r\n\t if (match) {\r\n\t chartElement = chartElement.closest(match);\r\n\t if (chartElement && chartElement.aliasFor) {\r\n\t chartElement = chartElement.aliasFor();\r\n\t }\r\n\t }\r\n\r\n\t return chartElement;\r\n\t }\r\n\t },\r\n\r\n\t _eventCoordinates: function(e) {\r\n\t var coordinates = dataviz.eventCoordinates(e);\r\n\t return this._toModelCoordinates(coordinates.x, coordinates.y);\r\n\t },\r\n\r\n\t _elementPadding: function() {\r\n\t if (!this._padding) {\r\n\t var ref = elementStyles(this.element, [ \"paddingLeft\", \"paddingTop\" ]);\r\n\t var paddingLeft = ref.paddingLeft;\r\n\t var paddingTop = ref.paddingTop;\r\n\t this._padding = {\r\n\t top: paddingTop,\r\n\t left: paddingLeft\r\n\t };\r\n\t }\r\n\r\n\t return this._padding;\r\n\t },\r\n\r\n\t _toDocumentCoordinates: function(point) {\r\n\t var padding = this._elementPadding();\r\n\t var offset = dataviz.elementOffset(this.element);\r\n\r\n\t return {\r\n\t left: round(point.x + padding.left + offset.left),\r\n\t top: round(point.y + padding.top + offset.top)\r\n\t };\r\n\t },\r\n\r\n\t _toModelCoordinates: function(clientX, clientY) {\r\n\t var element = this.element;\r\n\t var offset = dataviz.elementOffset(element);\r\n\t var padding = this._elementPadding();\r\n\r\n\t return new Point(\r\n\t clientX - offset.left - padding.left,\r\n\t clientY - offset.top - padding.top\r\n\t );\r\n\t },\r\n\r\n\t _tap: function(e) {\r\n\t var this$1 = this;\r\n\r\n\t var drawingElement = this.surface.eventTarget(e);\r\n\t var element = this._drawingChartElement(drawingElement, e);\r\n\r\n\t if (this._activePoint === element) {\r\n\t this._propagateClick(element, e);\r\n\t } else {\r\n\t if (!this._startHover(drawingElement, e)) {\r\n\t this._unsetActivePoint();\r\n\t }\r\n\r\n\t this._propagateClick(element, e);\r\n\t }\r\n\r\n\t //part of fix for hover issue on windows touch\r\n\t this.handlingTap = true;\r\n\t setTimeout(function () {\r\n\t this$1.handlingTap = false;\r\n\t }, 0);\r\n\t },\r\n\r\n\t _click: function(e) {\r\n\t var element = this._getChartElement(e);\r\n\t this._propagateClick(element, e);\r\n\t },\r\n\r\n\t _propagateClick: function(element, e) {\r\n\t var this$1 = this;\r\n\r\n\t var current = element;\r\n\t while (current) {\r\n\t if (current.click) {\r\n\t current.click(this$1, e);\r\n\t }\r\n\r\n\t current = current.parent;\r\n\t }\r\n\t },\r\n\r\n\t _startHover: function(element, e) {\r\n\t var chartElement = this._drawingChartElement(element, e);\r\n\t var ref = this;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\r\n\t if (this._suppressHover || !highlight || highlight.isHighlighted(chartElement) || this._sharedTooltip()) {\r\n\t return false;\r\n\t }\r\n\r\n\t var point = this._drawingChartElement(element, e, function(element) {\r\n\t return element.hover && !(element instanceof PlotAreaBase);\r\n\t });\r\n\r\n\t if (point && !point.hover(this, e)) {\r\n\t this._activePoint = point;\r\n\r\n\t var tooltipOptions = deepExtend({}, tooltipOptions, point.options.tooltip);\r\n\t if (tooltipOptions.visible) {\r\n\t tooltip.show(point);\r\n\t }\r\n\r\n\t highlight.show(point);\r\n\r\n\t return point;\r\n\t }\r\n\t },\r\n\r\n\t _mouseover: function(e) {\r\n\t var point = this._startHover(e.element, e.originalEvent);\r\n\r\n\t if (point && point.tooltipTracking) {\r\n\t this._mouseMoveTrackHandler = this._mouseMoveTrackHandler || this._mouseMoveTracking.bind(this);\r\n\t var obj;\r\n\t bindEvents(document, ( obj = {}, obj[ MOUSEMOVE ] = this._mouseMoveTrackHandler, obj ));\r\n\t }\r\n\t },\r\n\r\n\t _mouseMoveTracking: function(e) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\t var point = ref._activePoint;\r\n\t var coords = this._eventCoordinates(e);\r\n\r\n\t if (this._plotArea.box.containsPoint(coords)) {\r\n\t if (point && point.tooltipTracking && point.series && point.parent.getNearestPoint) {\r\n\t var seriesPoint = point.parent.getNearestPoint(coords.x, coords.y, point.seriesIx);\r\n\t if (seriesPoint && seriesPoint !== point) {\r\n\t seriesPoint.hover(this, e);\r\n\t this._activePoint = seriesPoint;\r\n\r\n\t var tooltipOptions = deepExtend({}, options.tooltip, point.options.tooltip);\r\n\t if (tooltipOptions.visible) {\r\n\t tooltip.show(seriesPoint);\r\n\t }\r\n\r\n\t highlight.show(seriesPoint);\r\n\t }\r\n\t }\r\n\t } else {\r\n\t var obj;\r\n\t unbindEvents(document, ( obj = {}, obj[ MOUSEMOVE ] = this._mouseMoveTrackHandler, obj ));\r\n\t this._unsetActivePoint();\r\n\t }\r\n\t },\r\n\r\n\t _mousemove: function(e) {\r\n\t var coords = this._eventCoordinates(e);\r\n\r\n\t this._trackCrosshairs(coords);\r\n\r\n\t if (this._plotArea.hover) {\r\n\t this._plotArea.hover(this, e);\r\n\t }\r\n\r\n\t if (this._sharedTooltip()) {\r\n\t this._trackSharedTooltip(coords, e);\r\n\t }\r\n\t },\r\n\r\n\t _trackCrosshairs: function(coords) {\r\n\t var crosshairs = this._plotArea.crosshairs;\r\n\r\n\t for (var i = 0; i < crosshairs.length; i++) {\r\n\t var current = crosshairs[i];\r\n\r\n\t if (current.box.containsPoint(coords)) {\r\n\t current.showAt(coords);\r\n\t } else {\r\n\t current.hide();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _trackSharedTooltip: function(coords, e) {\r\n\t var ref = this;\r\n\t var tooltipOptions = ref.options.tooltip;\r\n\t var plotArea = ref._plotArea;\r\n\t var categoryAxis = ref._plotArea.categoryAxis;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\r\n\t if (plotArea.box.containsPoint(coords)) {\r\n\t var index = categoryAxis.pointCategoryIndex(coords);\r\n\t if (index !== this._tooltipCategoryIx) {\r\n\t var points = plotArea.pointsByCategoryIndex(index);\r\n\r\n\t var pointArgs = points.map(function(point) {\r\n\t return point.eventArgs(e);\r\n\t });\r\n\r\n\t var hoverArgs = pointArgs[0] || {};\r\n\t hoverArgs.categoryPoints = pointArgs;\r\n\r\n\t if (points.length > 0 && !this.trigger(SERIES_HOVER, hoverArgs)) {\r\n\t if (tooltipOptions.visible) {\r\n\t tooltip.showAt(points, coords);\r\n\t }\r\n\r\n\t highlight.show(points);\r\n\t } else {\r\n\t tooltip.hide();\r\n\t }\r\n\r\n\t this._tooltipCategoryIx = index;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t hideElements: function() {\r\n\t var ref = this;\r\n\t var plotArea = ref._plotArea;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\t this._mousemove.cancel();\r\n\r\n\t plotArea.hideCrosshairs();\r\n\r\n\t highlight.hide();\r\n\r\n\t tooltip.hide();\r\n\r\n\t delete this._tooltipCategoryIx;\r\n\t },\r\n\r\n\t _unsetActivePoint: function() {\r\n\t var ref = this;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\r\n\t this._activePoint = null;\r\n\r\n\t if (tooltip) {\r\n\t tooltip.hide();\r\n\t }\r\n\r\n\t if (highlight) {\r\n\t highlight.hide();\r\n\t }\r\n\t },\r\n\r\n\t _deferRedraw: function() {\r\n\t this._redraw();\r\n\t },\r\n\r\n\t _clearRedrawTimeout: function() {\r\n\t if (this._redrawTimeout) {\r\n\t clearInterval(this._redrawTimeout);\r\n\t this._redrawTimeout = null;\r\n\t }\r\n\t },\r\n\r\n\t bindCategories: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var definitions = [].concat(options.categoryAxis);\r\n\r\n\t for (var axisIx = 0; axisIx < definitions.length; axisIx++) {\r\n\t var axis = definitions[axisIx];\r\n\t if (axis.autoBind !== false) {\r\n\t this$1.bindCategoryAxisFromSeries(axis, axisIx);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t bindCategoryAxisFromSeries: function(axis, axisIx) {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.options.series;\r\n\t var seriesLength = series.length;\r\n\t var uniqueCategories = {};\r\n\t var items = [];\r\n\t var dateAxis;\r\n\r\n\t for (var seriesIx = 0; seriesIx < seriesLength; seriesIx++) {\r\n\t var s = series[seriesIx];\r\n\t var onAxis = s.categoryAxis === axis.name || (!s.categoryAxis && axisIx === 0);\r\n\t var data = s.data;\r\n\t var dataLength = data.length;\r\n\r\n\t if (s.categoryField && onAxis && dataLength > 0) {\r\n\t dateAxis = isDateAxis(axis, getField(s.categoryField, data[0]));\r\n\r\n\t var getFn = dateAxis ? getDateField : getField;\r\n\r\n\t for (var dataIx = 0; dataIx < dataLength; dataIx++) {\r\n\t var dataRow = data[dataIx];\r\n\t var category = getFn(s.categoryField, dataRow, this$1.chartService.intl);\r\n\r\n\t if (dateAxis || !uniqueCategories[category]) {\r\n\t items.push([ category, dataRow ]);\r\n\r\n\t if (!dateAxis) {\r\n\t uniqueCategories[category] = true;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (items.length > 0) {\r\n\t if (dateAxis) {\r\n\t items = uniqueDates(items, function(a, b) {\r\n\t return dataviz.dateComparer(a[0], b[0]);\r\n\t });\r\n\t }\r\n\r\n\t var result = transpose(items);\r\n\t axis.categories = result[0];\r\n\t }\r\n\t },\r\n\r\n\t _isBindable: function(series) {\r\n\t var valueFields = SeriesBinder.current.valueFields(series);\r\n\t var result = true;\r\n\r\n\t for (var i = 0; i < valueFields.length; i++) {\r\n\t var field = valueFields[i];\r\n\t if (field === VALUE) {\r\n\t field = \"field\";\r\n\t } else {\r\n\t field = field + \"Field\";\r\n\t }\r\n\r\n\t if (!defined(series[field])) {\r\n\t result = false;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t _noTransitionsRedraw: function() {\r\n\t var options = this.options;\r\n\t var transitionsState;\r\n\r\n\t if (options.transitions) {\r\n\t options.transitions = false;\r\n\t transitionsState = true;\r\n\t }\r\n\r\n\t this._redraw();\r\n\r\n\t if (transitionsState) {\r\n\t options.transitions = true;\r\n\t }\r\n\t },\r\n\r\n\t _legendItemHover: function(seriesIndex, pointIndex) {\r\n\t var ref = this;\r\n\t var plotArea = ref._plotArea;\r\n\t var highlight = ref._highlight;\r\n\t var currentSeries = (plotArea.srcSeries || plotArea.series)[seriesIndex];\r\n\t var items;\r\n\r\n\t if (inArray(currentSeries.type, [ PIE, DONUT, FUNNEL ])) {\r\n\t items = plotArea.findPoint(function(point) {\r\n\t return point.series.index === seriesIndex && point.index === pointIndex;\r\n\t });\r\n\t } else {\r\n\t items = plotArea.pointsBySeriesIndex(seriesIndex);\r\n\t }\r\n\r\n\t highlight.show(items);\r\n\t },\r\n\r\n\t _shouldAttachMouseMove: function() {\r\n\t return this._plotArea.crosshairs.length || (this._tooltip && this._sharedTooltip()) || this.requiresHandlers([ PLOT_AREA_HOVER ]);\r\n\t },\r\n\r\n\t updateMouseMoveHandler: function() {\r\n\t var obj;\r\n\t unbindEvents(this.element, ( obj = {}, obj[ MOUSEMOVE ] = this._mousemove, obj ));\r\n\r\n\t if (this._shouldAttachMouseMove()) {\r\n\t var obj$1;\r\n\t bindEvents(this.element, ( obj$1 = {}, obj$1[ MOUSEMOVE ] = this._mousemove, obj$1 ));\r\n\t }\r\n\t },\r\n\r\n\t applyOptions: function(options, theme) {\r\n\t clearMissingValues(this._originalOptions, options);\r\n\t this._originalOptions = deepExtend(this._originalOptions, options);\r\n\t this.options = deepExtend({}, this._originalOptions);\r\n\r\n\t if (theme) {\r\n\t this._theme = theme;\r\n\t this.chartService.theme = theme;\r\n\t }\r\n\t this._initTheme(this.options, this._theme);\r\n\t },\r\n\r\n\t setOptions: function(options, theme) {\r\n\t this.applyOptions(options, theme);\r\n\t this.bindCategories();\r\n\t this.redraw();\r\n\t this.updateMouseMoveHandler();\r\n\r\n\t this._toggleDomDrag();\r\n\t this._toggleDomZoom();\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this._destroyed = true;\r\n\r\n\t var obj;\r\n\t unbindEvents(this.element, ( obj = {}, obj[ CONTEXTMENU ] = this._clickHandler, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj[ MOUSEMOVE ] = this._mousemove, obj ));\r\n\r\n\t if (this.domEvents) {\r\n\t this.domEvents.destroy();\r\n\t delete this.domEvents;\r\n\t }\r\n\r\n\t var obj$1;\r\n\t unbindEvents(document, ( obj$1 = {}, obj$1[ MOUSEMOVE ] = this._mouseMoveTrackHandler, obj$1 ));\r\n\r\n\t this._destroyView();\r\n\r\n\t if (this.surface) {\r\n\t this.surface.destroy();\r\n\t this.surface = null;\r\n\t }\r\n\r\n\t this._clearRedrawTimeout();\r\n\t },\r\n\r\n\t _destroyView: function() {\r\n\t var ref = this;\r\n\t var model = ref._model;\r\n\t var selections = ref._selections;\r\n\r\n\t if (model) {\r\n\t model.destroy();\r\n\t this._model = null;\r\n\t }\r\n\r\n\t if (selections) {\r\n\t while (selections.length > 0) {\r\n\t selections.shift().destroy();\r\n\t }\r\n\t }\r\n\r\n\t this._unsetActivePoint();\r\n\r\n\t if (this._tooltip) {\r\n\t this._tooltip.destroy();\r\n\t }\r\n\r\n\t if (this._highlight) {\r\n\t this._highlight.destroy();\r\n\t }\r\n\r\n\t if (this._zoomSelection) {\r\n\t this._zoomSelection.destroy();\r\n\t delete this._zoomSelection;\r\n\t }\r\n\r\n\t if (this._pannable) {\r\n\t this._pannable.destroy();\r\n\t delete this._pannable;\r\n\t }\r\n\r\n\t if (this._mousewheelZoom) {\r\n\t this._mousewheelZoom.destroy();\r\n\t delete this._mousewheelZoom;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction resolveAxisAliases(options) {\r\n\t var aliases = AXIS_NAMES;\r\n\r\n\t for (var idx = 0; idx < aliases.length; idx++) {\r\n\t var alias = aliases[idx] + \"Axes\";\r\n\t if (options[alias]) {\r\n\t options[aliases[idx] + \"Axis\"] = options[alias];\r\n\t delete options[alias];\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction pointByCategoryName(points, name) {\r\n\t if (points) {\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t if (points[idx].category === name) {\r\n\t return [ points[idx] ];\r\n\t }\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction applyAxisDefaults(options, themeOptions) {\r\n\t var themeAxisDefaults = ((themeOptions || {}).axisDefaults) || {};\r\n\t var axisName, axisDefaults, axes;\r\n\r\n\t function mapAxisOptions(axisOptions) {\r\n\t var axisColor = (axisOptions || {}).color || axisDefaults.color;\r\n\t var result = deepExtend({},\r\n\t themeAxisDefaults,\r\n\t themeAxisDefaults[axisName],\r\n\t axisDefaults,\r\n\t axisDefaults[axisName], {\r\n\t line: { color: axisColor },\r\n\t labels: { color: axisColor },\r\n\t title: { color: axisColor }\r\n\t },\r\n\t axisOptions\r\n\t );\r\n\r\n\t delete result[axisName];\r\n\r\n\t return result;\r\n\t }\r\n\r\n\t for (var idx = 0; idx < AXIS_NAMES.length; idx++) {\r\n\t axisName = AXIS_NAMES[idx] + \"Axis\";\r\n\t axisDefaults = options.axisDefaults || {};\r\n\t axes = [].concat(options[axisName]);\r\n\r\n\t axes = axes.map(mapAxisOptions);\r\n\r\n\t options[axisName] = axes.length > 1 ? axes : axes[0];\r\n\t }\r\n\t}\r\n\r\n\tfunction applySeriesDefaults(options, themeOptions) {\r\n\t var series = options.series;\r\n\t var seriesLength = series.length;\r\n\t var seriesDefaults = options.seriesDefaults;\r\n\t var commonDefaults = deepExtend({}, options.seriesDefaults);\r\n\t var themeSeriesDefaults = themeOptions ? deepExtend({}, themeOptions.seriesDefaults) : {};\r\n\t var commonThemeDefaults = deepExtend({}, themeSeriesDefaults);\r\n\r\n\t cleanupNestedSeriesDefaults(commonDefaults);\r\n\t cleanupNestedSeriesDefaults(commonThemeDefaults);\r\n\r\n\t for (var i = 0; i < seriesLength; i++) {\r\n\t var seriesType = series[i].type || options.seriesDefaults.type;\r\n\r\n\t var baseOptions = deepExtend(\r\n\t { data: [] },\r\n\t commonThemeDefaults,\r\n\t themeSeriesDefaults[seriesType],\r\n\t { tooltip: options.tooltip },\r\n\t commonDefaults,\r\n\t seriesDefaults[seriesType]\r\n\t );\r\n\r\n\t series[i]._defaults = baseOptions;\r\n\t series[i] = deepExtend({}, baseOptions, series[i]);\r\n\t }\r\n\t}\r\n\r\n\tfunction cleanupNestedSeriesDefaults(seriesDefaults) {\r\n\t delete seriesDefaults.bar;\r\n\t delete seriesDefaults.column;\r\n\t delete seriesDefaults.rangeColumn;\r\n\t delete seriesDefaults.line;\r\n\t delete seriesDefaults.verticalLine;\r\n\t delete seriesDefaults.pie;\r\n\t delete seriesDefaults.donut;\r\n\t delete seriesDefaults.area;\r\n\t delete seriesDefaults.verticalArea;\r\n\t delete seriesDefaults.scatter;\r\n\t delete seriesDefaults.scatterLine;\r\n\t delete seriesDefaults.bubble;\r\n\t delete seriesDefaults.candlestick;\r\n\t delete seriesDefaults.ohlc;\r\n\t delete seriesDefaults.boxPlot;\r\n\t delete seriesDefaults.bullet;\r\n\t delete seriesDefaults.verticalBullet;\r\n\t delete seriesDefaults.polarArea;\r\n\t delete seriesDefaults.polarLine;\r\n\t delete seriesDefaults.radarArea;\r\n\t delete seriesDefaults.radarLine;\r\n\t delete seriesDefaults.waterfall;\r\n\t}\r\n\r\n\tfunction axisRanges(axes) {\r\n\t var ranges = {};\r\n\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var axis = axes[i];\r\n\t var axisName = axis.options.name;\r\n\t if (axisName) {\r\n\t ranges[axisName] = axis.range();\r\n\t }\r\n\t }\r\n\r\n\t return ranges;\r\n\t}\r\n\r\n\tfunction sortDates(dates, comparer) {\r\n\t if (comparer === void 0) { comparer = dataviz.dateComparer; }\r\n\r\n\t for (var i = 1, length = dates.length; i < length; i++) {\r\n\t if (comparer(dates[i], dates[i - 1]) < 0) {\r\n\t dates.sort(comparer);\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return dates;\r\n\t}\r\n\r\n\tfunction uniqueDates(srcDates, comparer) {\r\n\t if (comparer === void 0) { comparer = dataviz.dateComparer; }\r\n\r\n\t var dates = sortDates(srcDates, comparer);\r\n\t var length = dates.length;\r\n\t var result = length > 0 ? [ dates[0] ] : [];\r\n\r\n\t for (var i = 1; i < length; i++) {\r\n\t if (comparer(dates[i], last(result)) !== 0) {\r\n\t result.push(dates[i]);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction transpose(rows) {\r\n\t var rowCount = rows.length;\r\n\t var result = [];\r\n\r\n\t for (var rowIx = 0; rowIx < rowCount; rowIx++) {\r\n\t var row = rows[rowIx];\r\n\t var colCount = row.length;\r\n\r\n\t for (var colIx = 0; colIx < colCount; colIx++) {\r\n\t result[colIx] = result[colIx] || [];\r\n\t result[colIx].push(row[colIx]);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction clearMissingValues(originalOptions, options) {\r\n\t for (var field in options) {\r\n\t var fieldValue = options[field];\r\n\t var originalValue = originalOptions[field];\r\n\t if (defined(originalValue)) {\r\n\t var nullValue = fieldValue === null;\r\n\t if ((nullValue || !defined(fieldValue))) {\r\n\t delete originalOptions[field];\r\n\t if (nullValue) {\r\n\t delete options[field];\r\n\t }\r\n\t } else if (originalValue && isObject(fieldValue)) {\r\n\t if (isObject(originalValue)) {\r\n\t clearMissingValues(originalValue, fieldValue);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tsetDefaultOptions(Chart, {\r\n\t renderAs: \"\",\r\n\t chartArea: {},\r\n\t legend: {\r\n\t visible: true,\r\n\t labels: {}\r\n\t },\r\n\t categoryAxis: {},\r\n\t seriesDefaults: {\r\n\t type: COLUMN,\r\n\t data: [],\r\n\t highlight: {\r\n\t visible: true\r\n\t },\r\n\t labels: {},\r\n\t negativeValues: {\r\n\t visible: false\r\n\t }\r\n\t },\r\n\t series: [],\r\n\t seriesColors: null,\r\n\t tooltip: {\r\n\t visible: false\r\n\t },\r\n\t transitions: true,\r\n\t valueAxis: {},\r\n\t plotArea: {},\r\n\t title: {},\r\n\t xAxis: {},\r\n\t yAxis: {},\r\n\t panes: [ {} ],\r\n\t pannable: false,\r\n\t zoomable: false\r\n\t});\r\n\r\n\tkendo.deepExtend(kendo.dataviz, {\r\n\t constants: constants,\r\n\t Aggregates: Aggregates,\r\n\t AreaChart: AreaChart,\r\n\t AreaSegment: AreaSegment,\r\n\t AxisGroupRangeTracker: AxisGroupRangeTracker,\r\n\t Bar: Bar,\r\n\t BarChart: BarChart,\r\n\t BarLabel: BarLabel,\r\n\t BoxPlotChart: BoxPlotChart,\r\n\t BoxPlot: BoxPlot,\r\n\t BubbleChart: BubbleChart,\r\n\t Bullet: Bullet,\r\n\t BulletChart: BulletChart,\r\n\t CandlestickChart: CandlestickChart,\r\n\t Candlestick: Candlestick,\r\n\t CategoricalChart: CategoricalChart,\r\n\t CategoricalErrorBar: CategoricalErrorBar,\r\n\t CategoricalPlotArea: CategoricalPlotArea,\r\n\t Chart: Chart,\r\n\t ChartContainer: ChartContainer,\r\n\t ClipAnimation: ClipAnimation,\r\n\t ClusterLayout: ClusterLayout,\r\n\t Crosshair: Crosshair,\r\n\t CrosshairTooltip: CrosshairTooltip,\r\n\t DefaultAggregates: DefaultAggregates,\r\n\t DonutChart: DonutChart,\r\n\t DonutPlotArea: DonutPlotArea,\r\n\t DonutSegment: DonutSegment,\r\n\t ErrorBarBase: ErrorBarBase,\r\n\t ErrorRangeCalculator: ErrorRangeCalculator,\r\n\t Highlight: Highlight,\r\n\t SharedTooltip: SharedTooltip,\r\n\t Legend: Legend,\r\n\t LegendItem: LegendItem,\r\n\t LegendLayout: LegendLayout,\r\n\t LineChart: LineChart,\r\n\t LinePoint: LinePoint,\r\n\t LineSegment: LineSegment,\r\n\t Pane: Pane,\r\n\t PieAnimation: PieAnimation,\r\n\t PieChart: PieChart,\r\n\t PieChartMixin: PieChartMixin,\r\n\t PiePlotArea: PiePlotArea,\r\n\t PieSegment: PieSegment,\r\n\t PlotAreaBase: PlotAreaBase,\r\n\t PlotAreaEventsMixin: PlotAreaEventsMixin,\r\n\t PlotAreaFactory: PlotAreaFactory,\r\n\t PointEventsMixin: PointEventsMixin,\r\n\t RangeBar: RangeBar,\r\n\t RangeBarChart: RangeBarChart,\r\n\t RangeAreaPoint: RangeAreaPoint,\r\n\t RangeAreaChart: RangeAreaChart,\r\n\t ScatterChart: ScatterChart,\r\n\t ScatterErrorBar: ScatterErrorBar,\r\n\t ScatterLineChart: ScatterLineChart,\r\n\t Selection: Selection,\r\n\t SeriesAggregator: SeriesAggregator,\r\n\t SeriesBinder: SeriesBinder,\r\n\t SplineSegment: SplineSegment,\r\n\t SplineAreaSegment: SplineAreaSegment,\r\n\t StackWrap: StackWrap,\r\n\t Tooltip: Tooltip,\r\n\t OHLCChart: OHLCChart,\r\n\t OHLCPoint: OHLCPoint,\r\n\t WaterfallChart: WaterfallChart,\r\n\t WaterfallSegment: WaterfallSegment,\r\n\t XYPlotArea: XYPlotArea,\r\n\t MousewheelZoom: MousewheelZoom,\r\n\t ZoomSelection: ZoomSelection,\r\n\t Pannable: Pannable,\r\n\t ChartAxis: ChartAxis,\r\n\t ChartPane: ChartPane,\r\n\t ChartPlotArea: ChartPlotArea,\r\n\t anyHasZIndex: anyHasZIndex,\r\n\t appendIfNotNull: areNumbers,\r\n\t areNumbers: areNumbers,\r\n\t bindSegments: bindSegments,\r\n\t categoriesCount: categoriesCount,\r\n\t countNumbers: countNumbers,\r\n\t equalsIgnoreCase: equalsIgnoreCase,\r\n\t evalOptions: evalOptions,\r\n\t filterSeriesByType: filterSeriesByType,\r\n\t getDateField: getDateField,\r\n\t getField: getField,\r\n\t hasGradientOverlay: hasGradientOverlay,\r\n\t hasValue: hasValue,\r\n\t isDateAxis: isDateAxis,\r\n\t segmentVisible: segmentVisible,\r\n\t singleItemOrArray: singleItemOrArray\r\n\t});\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\n\n/***/ }),\n\n/***/ 855:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 856:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.color\");\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__(857);\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/***/ 857:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(858)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\r\n\t var dataviz = kendo.dataviz;\r\n\t var services = dataviz.services;\r\n\t var draw = kendo.drawing;\r\n\r\n\t dataviz.ExportMixin = {\r\n\t extend: function(proto, skipLegacy) {\r\n\t if (!proto.exportVisual) {\r\n\t throw new Error(\"Mixin target has no exportVisual method defined.\");\r\n\t }\r\n\r\n\t proto.exportSVG = this.exportSVG;\r\n\t proto.exportImage = this.exportImage;\r\n\t proto.exportPDF = this.exportPDF;\r\n\r\n\t if (!skipLegacy) {\r\n\t proto.svg = this.svg;\r\n\t proto.imageDataURL = this.imageDataURL;\r\n\t }\r\n\t },\r\n\r\n\t exportSVG: function(options) {\r\n\t return draw.exportSVG(this.exportVisual(), options);\r\n\t },\r\n\r\n\t exportImage: function(options) {\r\n\t return draw.exportImage(this.exportVisual(options), options);\r\n\t },\r\n\r\n\t exportPDF: function(options) {\r\n\t return draw.exportPDF(this.exportVisual(), options);\r\n\t },\r\n\r\n\t svg: function() {\r\n\t if (draw.svg.Surface) {\r\n\t return draw.svg.exportGroup(this.exportVisual());\r\n\t } else {\r\n\t throw new Error(\"SVG Export failed. Unable to export instantiate kendo.drawing.svg.Surface\");\r\n\t }\r\n\t },\r\n\r\n\t imageDataURL: function() {\r\n\t if (!kendo.support.canvas) {\r\n\t return null;\r\n\t }\r\n\r\n\t if (draw.canvas.Surface) {\r\n\t var container = $(\"\").css({\r\n\t display: \"none\",\r\n\t width: this.element.width(),\r\n\t height: this.element.height()\r\n\t }).appendTo(document.body);\r\n\r\n\t var surface = new draw.canvas.Surface(container[0]);\r\n\t surface.draw(this.exportVisual());\r\n\t var image = surface._rootElement.toDataURL();\r\n\r\n\t surface.destroy();\r\n\t container.remove();\r\n\r\n\t return image;\r\n\t } else {\r\n\t throw new Error(\"Image Export failed. Unable to export instantiate kendo.drawing.canvas.Surface\");\r\n\t }\r\n\t }\r\n\t };\r\n\r\n\t services.IntlService.register({\r\n\t format: function(format) {\r\n\t return kendo.format.apply(null, [format].concat(Array.prototype.slice.call(arguments, 1)));\r\n\t },\r\n\t toString: kendo.toString,\r\n\t parseDate: kendo.parseDate\r\n\t });\r\n\r\n\t services.TemplateService.register({\r\n\t compile: kendo.template\r\n\t });\r\n\r\n\t dataviz.Point2D = dataviz.Point;\r\n\t dataviz.Box2D = dataviz.Box;\r\n\t dataviz.mwDelta = function(e) {\r\n\t return dataviz.mousewheelDelta(e.originalEvent);\r\n\t };\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\n\n/***/ }),\n\n/***/ 858:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo-core\");\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__(859);\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/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 855:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 859:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(855),\r\n\t __webpack_require__(852)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\t/* jshint curly:false */\r\n\r\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\r\n\tvar drawing = kendo.drawing;\r\n\tvar util = drawing.util;\r\n\tvar Path = drawing.Path;\r\n\tvar Group = drawing.Group;\r\n\tvar Class = kendo.Class;\r\n\tvar geometry = kendo.geometry;\r\n\tvar Rect = geometry.Rect;\r\n\tvar Circle = geometry.Circle;\r\n\tvar geometryTransform = geometry.transform;\r\n\tvar Segment = geometry.Segment;\r\n\tvar dataviz = kendo.dataviz;\r\n\r\n\tvar deepExtend = kendo.deepExtend;\r\n\tvar isFunction = kendo.isFunction;\r\n\tvar __common_getter_js = kendo.getter;\r\n\r\n\tvar X = \"x\";\r\n\tvar Y = \"y\";\r\n\tvar TOP = \"top\";\r\n\tvar BOTTOM = \"bottom\";\r\n\tvar LEFT = \"left\";\r\n\tvar RIGHT = \"right\";\r\n\tvar CENTER = \"center\";\r\n\tvar WIDTH = \"width\";\r\n\tvar HEIGHT = \"height\";\r\n\tvar COORD_PRECISION = 3;\r\n\tvar MAX_VALUE = Number.MAX_VALUE;\r\n\tvar MIN_VALUE = -Number.MAX_VALUE;\r\n\tvar DEFAULT_WIDTH = 600;\r\n\tvar DEFAULT_HEIGHT = 400;\r\n\tvar WHITE = \"#fff\";\r\n\tvar BLACK = \"#000\";\r\n\tvar DEFAULT_FONT = \"12px sans-serif\";\r\n\tvar DEFAULT_PRECISION = 10;\r\n\tvar AXIS_LABEL_CLICK = \"axisLabelClick\";\r\n\tvar NOTE_CLICK = \"noteClick\";\r\n\tvar NOTE_HOVER = \"noteHover\";\r\n\tvar OUTSIDE = \"outside\";\r\n\tvar NONE = \"none\";\r\n\tvar CIRCLE = \"circle\";\r\n\tvar TRIANGLE = \"triangle\";\r\n\tvar CROSS = \"cross\";\r\n\tvar ARC = \"arc\";\r\n\tvar INSIDE = \"inside\";\r\n\tvar VALUE = \"value\";\r\n\tvar STRING = \"string\";\r\n\tvar OBJECT = \"object\";\r\n\tvar DATE = \"date\";\r\n\tvar FORMAT_REGEX = /\\{\\d+:?/;\r\n\tvar HIGHLIGHT_ZINDEX = 100;\r\n\r\n\tvar constants = {\r\n\t\tX: X,\r\n\t\tY: Y,\r\n\t\tWIDTH: WIDTH,\r\n\t\tHEIGHT: HEIGHT,\r\n\t\tDEFAULT_HEIGHT: DEFAULT_HEIGHT,\r\n\t\tDEFAULT_WIDTH: DEFAULT_WIDTH,\r\n\t\tTOP: TOP,\r\n\t\tLEFT: LEFT,\r\n\t\tBOTTOM: BOTTOM,\r\n\t\tRIGHT: RIGHT,\r\n\t\tCENTER: CENTER,\r\n\t\tCOORD_PRECISION: COORD_PRECISION,\r\n\t\tDEFAULT_PRECISION: DEFAULT_PRECISION,\r\n\t\tCIRCLE: CIRCLE,\r\n\t\tTRIANGLE: TRIANGLE,\r\n\t\tCROSS: CROSS,\r\n\t\tMAX_VALUE: MAX_VALUE,\r\n\t\tMIN_VALUE: MIN_VALUE,\r\n\t\tWHITE: WHITE,\r\n\t\tBLACK: BLACK,\r\n\t\tDEFAULT_FONT: DEFAULT_FONT,\r\n\t\tAXIS_LABEL_CLICK: AXIS_LABEL_CLICK,\r\n\t\tOUTSIDE: OUTSIDE,\r\n\t\tINSIDE: INSIDE,\r\n\t\tNONE: NONE,\r\n\t\tNOTE_CLICK: NOTE_CLICK,\r\n\t\tNOTE_HOVER: NOTE_HOVER,\r\n\t\tVALUE: VALUE,\r\n\t\tSTRING: STRING,\r\n\t\tOBJECT: OBJECT,\r\n\t\tDATE: DATE,\r\n\t\tARC: ARC,\r\n\t\tFORMAT_REGEX: FORMAT_REGEX,\r\n\t\tHIGHLIGHT_ZINDEX: HIGHLIGHT_ZINDEX\r\n\t};\r\n\r\n\tfunction isArray(value) {\r\n\t return Array.isArray(value);\r\n\t}\r\n\r\n\tfunction addClass(element, classes) {\r\n\t var classArray = isArray(classes) ? classes : [ classes ];\r\n\r\n\t for (var idx = 0; idx < classArray.length; idx++) {\r\n\t var className = classArray[idx];\r\n\t if (element.className.indexOf(className) === -1) {\r\n\t element.className += \" \" + className;\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tvar SPACE_REGEX = /\\s+/g;\r\n\r\n\tfunction removeClass(element, className) {\r\n\t if (element && element.className) {\r\n\t element.className = element.className.replace(className, \"\").replace(SPACE_REGEX, \" \");\r\n\t }\r\n\t}\r\n\r\n\tfunction alignPathToPixel(path) {\r\n\t var offset = 0.5;\r\n\t if (path.options.stroke && kendo.drawing.util.defined(path.options.stroke.width)) {\r\n\t if (path.options.stroke.width % 2 === 0) {\r\n\t offset = 0;\r\n\t }\r\n\t }\r\n\r\n\t for (var i = 0; i < path.segments.length; i++) {\r\n\t path.segments[i].anchor().round(0).translate(offset, offset);\r\n\t }\r\n\r\n\t return path;\r\n\t}\r\n\r\n\tfunction clockwise(angle1, angle2) {\r\n\t // True if angle2 is clockwise of angle1\r\n\t // assuming angles grow in clock-wise direction\r\n\t // (as in the pie and radar charts)\r\n\t return -angle1.x * angle2.y + angle1.y * angle2.x < 0;\r\n\t}\r\n\r\n\tfunction isNumber(value) {\r\n\t return typeof value === \"number\" && !isNaN(value);\r\n\t}\r\n\r\n\tfunction isString(value) {\r\n\t return typeof value === STRING;\r\n\t}\r\n\r\n\tfunction convertableToNumber(value) {\r\n\t return isNumber(value) || (isString(value) && isFinite(value));\r\n\t}\r\n\r\n\tfunction isObject(value) {\r\n\t return typeof value === \"object\";\r\n\t}\r\n\r\n\tfunction styleValue(value) {\r\n\t if (isNumber(value)) {\r\n\t return value + \"px\";\r\n\t }\r\n\t return value;\r\n\t}\r\n\r\n\tvar SIZE_STYLES_REGEX = /width|height|top|left|bottom|right/i;\r\n\r\n\tfunction isSizeField(field) {\r\n\t return SIZE_STYLES_REGEX.test(field);\r\n\t}\r\n\r\n\tfunction elementStyles(element, styles) {\r\n\t var stylesArray = isString(styles) ? [ styles ] : styles;\r\n\r\n\t if (isArray(stylesArray)) {\r\n\t var result = {};\r\n\t var style = window.getComputedStyle(element);\r\n\r\n\t for (var idx = 0; idx < stylesArray.length; idx++) {\r\n\t var field = stylesArray[idx];\r\n\t result[field] = isSizeField(field) ? parseFloat(style[field]) : style[field];\r\n\t }\r\n\r\n\t return result;\r\n\t } else if (isObject(styles)) {\r\n\t for (var field$1 in styles) {\r\n\t element.style[field$1] = styleValue(styles[field$1]);\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction getSpacing(value, defaultSpacing) {\r\n\t if (defaultSpacing === void 0) { defaultSpacing = 0; }\r\n\r\n\t var spacing = { top: 0, right: 0, bottom: 0, left: 0 };\r\n\r\n\t if (typeof(value) === \"number\") {\r\n\t spacing[TOP] = spacing[RIGHT] = spacing[BOTTOM] = spacing[LEFT] = value;\r\n\t } else {\r\n\t spacing[TOP] = value[TOP] || defaultSpacing;\r\n\t spacing[RIGHT] = value[RIGHT] || defaultSpacing;\r\n\t spacing[BOTTOM] = value[BOTTOM] || defaultSpacing;\r\n\t spacing[LEFT] = value[LEFT] || defaultSpacing;\r\n\t }\r\n\r\n\t return spacing;\r\n\t}\r\n\r\n\tvar defaultImplementation = {\r\n\t format: function (format, value) { return value; },\r\n\r\n\t toString: function (value) { return value; },\r\n\r\n\t parseDate: function (value) { return new Date(value); }\r\n\t};\r\n\r\n\tvar current = defaultImplementation;\r\n\r\n\tvar IntlService = Class.extend({\r\n\r\n\t});\r\n\r\n\tIntlService.register = function(userImplementation) {\r\n\t current = userImplementation;\r\n\t};\r\n\r\n\tif (Object.defineProperties) {\r\n\t Object.defineProperties(IntlService, {\r\n\t implementation: {\r\n\t get: function() {\r\n\t return current;\r\n\t }\r\n\t }\r\n\t });\r\n\t}\r\n\r\n\tvar FORMAT_REPLACE_REGEX = /\\{(\\d+)(:[^\\}]+)?\\}/g;\r\n\r\n\tvar FormatService = Class.extend({\r\n\t init: function(intlService) {\r\n\t this._intlService = intlService;\r\n\t },\r\n\r\n\t auto: function(formatString) {\r\n\t var values = [], len = arguments.length - 1;\r\n\t while ( len-- > 0 ) values[ len ] = arguments[ len + 1 ];\r\n\r\n\t var intl = this.intlService;\r\n\r\n\t if (isString(formatString) && formatString.match(FORMAT_REGEX)) {\r\n\t return intl.format.apply(intl, [ formatString ].concat( values ));\r\n\t }\r\n\r\n\t return intl.toString(values[0], formatString);\r\n\t },\r\n\r\n\t localeAuto: function(formatString, values, locale) {\r\n\t var intl = this.intlService;\r\n\t var result;\r\n\r\n\t if (isString(formatString) && formatString.match(FORMAT_REGEX)) {\r\n\t result = formatString.replace(FORMAT_REPLACE_REGEX, function(match, index, placeholderFormat) {\r\n\t var value = values[parseInt(index, 10)];\r\n\r\n\t return intl.toString(value, placeholderFormat ? placeholderFormat.substring(1) : \"\", locale);\r\n\t });\r\n\t } else {\r\n\t result = intl.toString(values[0], formatString, locale);\r\n\t }\r\n\r\n\t return result;\r\n\t }\r\n\t});\r\n\r\n\tif (Object.defineProperties) {\r\n\t Object.defineProperties(FormatService.fn, {\r\n\t intlService: {\r\n\t get: function() {\r\n\t return this._intlService || IntlService.implementation;\r\n\t }\r\n\t }\r\n\t });\r\n\t}\r\n\r\n\tvar ChartService = Class.extend({\r\n\t init: function(chart, context) {\r\n\t if (context === void 0) { context = {}; }\r\n\r\n\t this._intlService = context.intlService;\r\n\t this.sender = context.sender || chart;\r\n\t this.format = new FormatService(context.intlService);\r\n\t this.chart = chart;\r\n\t this.rtl = context.rtl;\r\n\t },\r\n\r\n\t notify: function(name, args) {\r\n\t this.chart.trigger(name, args);\r\n\t }\r\n\t});\r\n\r\n\tif (Object.defineProperties) {\r\n\t Object.defineProperties(ChartService.fn, {\r\n\t intl: {\r\n\t get: function() {\r\n\t return this._intlService || IntlService.implementation;\r\n\t }\r\n\t }\r\n\t });\r\n\t}\r\n\r\n\tvar current$1;\r\n\r\n\tvar DomEventsBuilder = Class.extend({\r\n\r\n\t});\r\n\r\n\tDomEventsBuilder.register = function(userImplementation) {\r\n\t current$1 = userImplementation;\r\n\t};\r\n\r\n\tDomEventsBuilder.create = function(element, events) {\r\n\t if (current$1) {\r\n\t return current$1.create(element, events);\r\n\t }\r\n\t};\r\n\r\n\tvar current$2 = {\r\n\t compile: function(template) {\r\n\t return template;\r\n\t }\r\n\t};\r\n\r\n\tvar TemplateService = Class.extend({\r\n\r\n\t});\r\n\r\n\tTemplateService.register = function(userImplementation) {\r\n\t current$2 = userImplementation;\r\n\t};\r\n\r\n\tTemplateService.compile = function(template) {\r\n\t return current$2.compile(template);\r\n\t};\r\n\r\n\tvar services = {\r\n\t\tChartService: ChartService,\r\n\t\tDomEventsBuilder: DomEventsBuilder,\r\n\t\tFormatService: FormatService,\r\n\t\tIntlService: IntlService,\r\n\t\tTemplateService: TemplateService\r\n\t};\r\n\r\n\tfunction getTemplate(options) {\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t var template;\r\n\t if (options.template) {\r\n\t options.template = template = TemplateService.compile(options.template);\r\n\t } else if (isFunction(options.content)) {\r\n\t template = options.content;\r\n\t }\r\n\r\n\t return template;\r\n\t}\r\n\r\n\tfunction grep(array, callback) {\r\n\t var length = array.length;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (callback(array[idx])) {\r\n\t result .push(array[idx]);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction hasClasses(element, classNames) {\r\n\t if (element.className) {\r\n\t var names = classNames.split(\" \");\r\n\t for (var idx = 0; idx < names.length; idx++) {\r\n\t if (element.className.indexOf(names[idx]) !== -1) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction inArray(value, array) {\r\n\t if (array) {\r\n\t return array.indexOf(value) !== -1;\r\n\t }\r\n\t}\r\n\r\n\tfunction interpolateValue(start, end, progress) {\r\n\t return kendo.drawing.util.round(start + (end - start) * progress, COORD_PRECISION);\r\n\t}\r\n\r\n\tvar TRIGGER = 'trigger';\r\n\r\n\tvar InstanceObserver = Class.extend({\r\n\t init: function(observer, handlers) {\r\n\t this.observer = observer;\r\n\t this.handlerMap = deepExtend({}, this.handlerMap, handlers);\r\n\t },\r\n\r\n\t trigger: function(name, args) {\r\n\t var ref = this;\r\n\t var observer = ref.observer;\r\n\t var handlerMap = ref.handlerMap;\r\n\t var isDefaultPrevented;\r\n\t if (handlerMap[name]) {\r\n\t isDefaultPrevented = this.callObserver(handlerMap[name], args);\r\n\t } else if (observer[TRIGGER]) {\r\n\t isDefaultPrevented = this.callObserver(TRIGGER, name, args);\r\n\t }\r\n\r\n\t return isDefaultPrevented;\r\n\t },\r\n\r\n\t callObserver: function(fnName) {\r\n\t var args = [], len = arguments.length - 1;\r\n\t while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];\r\n\r\n\t return this.observer[fnName].apply(this.observer, args);\r\n\t },\r\n\r\n\t requiresHandlers: function(names) {\r\n\t var this$1 = this;\r\n\r\n\t if (this.observer.requiresHandlers) {\r\n\t return this.observer.requiresHandlers(names);\r\n\t }\r\n\r\n\t for (var idx = 0; idx < names.length; idx++) {\r\n\t if (this$1.handlerMap[names[idx]]) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction map(array, callback) {\r\n\t var length = array.length;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t var value = callback(array[idx]);\r\n\t if (kendo.drawing.util.defined(value)) {\r\n\t result.push(value);\r\n\t }\r\n\t }\r\n\t return result;\r\n\t}\r\n\r\n\tfunction mousewheelDelta(e) {\r\n\t var delta = 0;\r\n\r\n\t if (e.wheelDelta) {\r\n\t delta = -e.wheelDelta / 120;\r\n\t delta = delta > 0 ? Math.ceil(delta) : Math.floor(delta);\r\n\t }\r\n\r\n\t if (e.detail) {\r\n\t delta = kendo.drawing.util.round(e.detail / 3);\r\n\t }\r\n\r\n\t return delta;\r\n\t}\r\n\r\n\tvar ref = kendo.drawing.util;\r\n\tvar append = ref.append;\r\n\tvar bindEvents = ref.bindEvents;\r\n\tvar defined = ref.defined;\r\n\tvar deg = ref.deg;\r\n\tvar elementOffset = ref.elementOffset;\r\n\tvar elementSize = ref.elementSize;\r\n\tvar eventElement = ref.eventElement;\r\n\tvar eventCoordinates = ref.eventCoordinates;\r\n\tvar last = ref.last;\r\n\tvar limitValue = ref.limitValue;\r\n\tvar objectKey = ref.objectKey;\r\n\tvar rad = ref.rad;\r\n\tvar round = ref.round;\r\n\tvar unbindEvents = ref.unbindEvents;\r\n\tvar valueOrDefault = ref.valueOrDefault;\r\n\r\n\tvar FontLoader = Class.extend({\r\n\r\n\t});\r\n\r\n\tFontLoader.fetchFonts = function(options, fonts, state) {\r\n\t if (state === void 0) { state = { depth: 0 }; }\r\n\r\n\t var MAX_DEPTH = 5;\r\n\r\n\t if (!options || state.depth > MAX_DEPTH || !document.fonts) {\r\n\t return;\r\n\t }\r\n\r\n\t Object.keys(options).forEach(function(key) {\r\n\t var value = options[key];\r\n\t if (key === \"dataSource\" || key[0] === \"$\" || !value) {\r\n\t return;\r\n\t }\r\n\r\n\t if (key === \"font\") {\r\n\t fonts.push(value);\r\n\t } else if (typeof value === \"object\") {\r\n\t state.depth++;\r\n\t FontLoader.fetchFonts(value, fonts, state);\r\n\t state.depth--;\r\n\t }\r\n\t });\r\n\t};\r\n\r\n\tFontLoader.loadFonts = function(fonts, callback) {\r\n\t var promises = [];\r\n\r\n\t if (fonts.length > 0 && document.fonts) {\r\n\t try {\r\n\t promises = fonts.map(function(font) {\r\n\t return document.fonts.load(font);\r\n\t });\r\n\t } catch (e) {\r\n\t // Silence font-loading errors\r\n\t kendo.logToConsole(e);\r\n\t }\r\n\r\n\t Promise.all(promises).then(callback, callback);\r\n\t } else {\r\n\t callback();\r\n\t }\r\n\t};\r\n\r\n\tFontLoader.preloadFonts = function(options, callback) {\r\n\t var fonts = [];\r\n\t FontLoader.fetchFonts(options, fonts);\r\n\r\n\t FontLoader.loadFonts(fonts, callback);\r\n\t};\r\n\r\n\tfunction setDefaultOptions(type, options) {\r\n\t var proto = type.prototype;\r\n\t if (proto.options) {\r\n\t proto.options = deepExtend({}, proto.options, options);\r\n\t } else {\r\n\t proto.options = options;\r\n\t }\r\n\t}\r\n\r\n\tfunction sparseArrayLimits(arr) {\r\n\t var min = MAX_VALUE;\r\n\t var max = MIN_VALUE;\r\n\r\n\t for (var idx = 0, length = arr.length; idx < length; idx++) {\r\n\t var value = arr[idx];\r\n\t if (value !== null && isFinite(value)) {\r\n\t min = Math.min(min, value);\r\n\t max = Math.max(max, value);\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t min: min === MAX_VALUE ? undefined : min,\r\n\t max: max === MIN_VALUE ? undefined : max\r\n\t };\r\n\t}\r\n\r\n\tvar Point = Class.extend({\r\n\t init: function(x, y) {\r\n\r\n\t this.x = x || 0;\r\n\t this.y = y || 0;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Point(this.x, this.y);\r\n\t },\r\n\r\n\t equals: function(point) {\r\n\t return point && this.x === point.x && this.y === point.y;\r\n\t },\r\n\r\n\t rotate: function(center, degrees) {\r\n\t var theta = rad(degrees);\r\n\t var cosT = Math.cos(theta);\r\n\t var sinT = Math.sin(theta);\r\n\t var cx = center.x;\r\n\t var cy = center.y;\r\n\t var ref = this;\r\n\t var x = ref.x;\r\n\t var y = ref.y;\r\n\r\n\t this.x = round(\r\n\t cx + (x - cx) * cosT + (y - cy) * sinT,\r\n\t COORD_PRECISION\r\n\t );\r\n\r\n\t this.y = round(\r\n\t cy + (y - cy) * cosT - (x - cx) * sinT,\r\n\t COORD_PRECISION\r\n\t );\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t multiply: function(a) {\r\n\r\n\t this.x *= a;\r\n\t this.y *= a;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t distanceTo: function(point) {\r\n\t var dx = this.x - point.x;\r\n\t var dy = this.y - point.y;\r\n\r\n\t return Math.sqrt(dx * dx + dy * dy);\r\n\t }\r\n\t});\r\n\r\n\tPoint.onCircle = function(center, angle, radius) {\r\n\t var radians = rad(angle);\r\n\r\n\t return new Point(\r\n\t center.x - radius * Math.cos(radians),\r\n\t center.y - radius * Math.sin(radians)\r\n\t );\r\n\t};\r\n\r\n\tvar Box = Class.extend({\r\n\t init: function(x1, y1, x2, y2) {\r\n\r\n\t this.x1 = x1 || 0;\r\n\t this.y1 = y1 || 0;\r\n\t this.x2 = x2 || 0;\r\n\t this.y2 = y2 || 0;\r\n\t },\r\n\r\n\t equals: function(box) {\r\n\t return this.x1 === box.x1 && this.x2 === box.x2 &&\r\n\t this.y1 === box.y1 && this.y2 === box.y2;\r\n\t },\r\n\r\n\t width: function() {\r\n\t return this.x2 - this.x1;\r\n\t },\r\n\r\n\t height: function() {\r\n\t return this.y2 - this.y1;\r\n\t },\r\n\r\n\t translate: function(dx, dy) {\r\n\t this.x1 += dx;\r\n\t this.x2 += dx;\r\n\t this.y1 += dy;\r\n\t this.y2 += dy;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t move: function(x, y) {\r\n\t var height = this.height();\r\n\t var width = this.width();\r\n\r\n\t if (defined(x)) {\r\n\t this.x1 = x;\r\n\t this.x2 = this.x1 + width;\r\n\t }\r\n\r\n\t if (defined(y)) {\r\n\t this.y1 = y;\r\n\t this.y2 = this.y1 + height;\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t wrap: function(targetBox) {\r\n\t this.x1 = Math.min(this.x1, targetBox.x1);\r\n\t this.y1 = Math.min(this.y1, targetBox.y1);\r\n\t this.x2 = Math.max(this.x2, targetBox.x2);\r\n\t this.y2 = Math.max(this.y2, targetBox.y2);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t wrapPoint: function(point) {\r\n\t var arrayPoint = isArray(point);\r\n\t var x = arrayPoint ? point[0] : point.x;\r\n\t var y = arrayPoint ? point[1] : point.y;\r\n\t this.wrap(new Box(x, y, x, y));\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t snapTo: function(targetBox, axis) {\r\n\r\n\t if (axis === X || !axis) {\r\n\t this.x1 = targetBox.x1;\r\n\t this.x2 = targetBox.x2;\r\n\t }\r\n\r\n\t if (axis === Y || !axis) {\r\n\t this.y1 = targetBox.y1;\r\n\t this.y2 = targetBox.y2;\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t alignTo: function(targetBox, anchor) {\r\n\t var height = this.height();\r\n\t var width = this.width();\r\n\t var axis = anchor === TOP || anchor === BOTTOM ? Y : X;\r\n\t var offset = axis === Y ? height : width;\r\n\r\n\t if (anchor === CENTER) {\r\n\t var targetCenter = targetBox.center();\r\n\t var center = this.center();\r\n\r\n\t this.x1 += targetCenter.x - center.x;\r\n\t this.y1 += targetCenter.y - center.y;\r\n\t } else if (anchor === TOP || anchor === LEFT) {\r\n\t this[axis + 1] = targetBox[axis + 1] - offset;\r\n\t } else {\r\n\t this[axis + 1] = targetBox[axis + 2];\r\n\t }\r\n\r\n\t this.x2 = this.x1 + width;\r\n\t this.y2 = this.y1 + height;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t shrink: function(dw, dh) {\r\n\r\n\t this.x2 -= dw;\r\n\t this.y2 -= dh;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t expand: function(dw, dh) {\r\n\t this.shrink(-dw, -dh);\r\n\t return this;\r\n\t },\r\n\r\n\t pad: function(padding) {\r\n\t var spacing = getSpacing(padding);\r\n\r\n\t this.x1 -= spacing.left;\r\n\t this.x2 += spacing.right;\r\n\t this.y1 -= spacing.top;\r\n\t this.y2 += spacing.bottom;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t unpad: function(padding) {\r\n\t var spacing = getSpacing(padding);\r\n\r\n\t spacing.left = -spacing.left;\r\n\t spacing.top = -spacing.top;\r\n\t spacing.right = -spacing.right;\r\n\t spacing.bottom = -spacing.bottom;\r\n\r\n\t return this.pad(spacing);\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Box(this.x1, this.y1, this.x2, this.y2);\r\n\t },\r\n\r\n\t center: function() {\r\n\t return new Point(\r\n\t this.x1 + this.width() / 2,\r\n\t this.y1 + this.height() / 2\r\n\t );\r\n\t },\r\n\r\n\t containsPoint: function(point) {\r\n\r\n\t return point.x >= this.x1 && point.x <= this.x2 &&\r\n\t point.y >= this.y1 && point.y <= this.y2;\r\n\t },\r\n\r\n\t points: function() {\r\n\t return [\r\n\t new Point(this.x1, this.y1),\r\n\t new Point(this.x2, this.y1),\r\n\t new Point(this.x2, this.y2),\r\n\t new Point(this.x1, this.y2)\r\n\t ];\r\n\t },\r\n\r\n\t getHash: function() {\r\n\t return [ this.x1, this.y1, this.x2, this.y2 ].join(\",\");\r\n\t },\r\n\r\n\t overlaps: function(box) {\r\n\t return !(box.y2 < this.y1 || this.y2 < box.y1 || box.x2 < this.x1 || this.x2 < box.x1);\r\n\t },\r\n\r\n\t rotate: function(rotation) {\r\n\t var width = this.width();\r\n\t var height = this.height();\r\n\t var ref = this.center();\r\n\t var cx = ref.x;\r\n\t var cy = ref.y;\r\n\r\n\t var r1 = rotatePoint(0, 0, cx, cy, rotation);\r\n\t var r2 = rotatePoint(width, 0, cx, cy, rotation);\r\n\t var r3 = rotatePoint(width, height, cx, cy, rotation);\r\n\t var r4 = rotatePoint(0, height, cx, cy, rotation);\r\n\r\n\t width = Math.max(r1.x, r2.x, r3.x, r4.x) - Math.min(r1.x, r2.x, r3.x, r4.x);\r\n\t height = Math.max(r1.y, r2.y, r3.y, r4.y) - Math.min(r1.y, r2.y, r3.y, r4.y);\r\n\r\n\t this.x2 = this.x1 + width;\r\n\t this.y2 = this.y1 + height;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t toRect: function() {\r\n\t return new Rect([ this.x1, this.y1 ], [ this.width(), this.height() ]);\r\n\t },\r\n\r\n\t hasSize: function() {\r\n\t return this.width() !== 0 && this.height() !== 0;\r\n\t },\r\n\r\n\t align: function(targetBox, axis, alignment) {\r\n\t var c1 = axis + 1;\r\n\t var c2 = axis + 2;\r\n\t var sizeFunc = axis === X ? WIDTH : HEIGHT;\r\n\t var size = this[sizeFunc]();\r\n\r\n\t if (inArray(alignment, [ LEFT, TOP ])) {\r\n\t this[c1] = targetBox[c1];\r\n\t this[c2] = this[c1] + size;\r\n\t } else if (inArray(alignment, [ RIGHT, BOTTOM ])) {\r\n\t this[c2] = targetBox[c2];\r\n\t this[c1] = this[c2] - size;\r\n\t } else if (alignment === CENTER) {\r\n\t this[c1] = targetBox[c1] + (targetBox[sizeFunc]() - size) / 2;\r\n\t this[c2] = this[c1] + size;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction rotatePoint(x, y, cx, cy, angle) {\r\n\t var theta = rad(angle);\r\n\r\n\t return new Point(\r\n\t cx + (x - cx) * Math.cos(theta) + (y - cy) * Math.sin(theta),\r\n\t cy - (x - cx) * Math.sin(theta) + (y - cy) * Math.cos(theta)\r\n\t );\r\n\t}\r\n\r\n\tvar Ring = Class.extend({\r\n\t init: function(center, innerRadius, radius, startAngle, angle) {\r\n\r\n\t this.center = center;\r\n\t this.innerRadius = innerRadius;\r\n\t this.radius = radius;\r\n\t this.startAngle = startAngle;\r\n\t this.angle = angle;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Ring(this.center, this.innerRadius, this.radius, this.startAngle, this.angle);\r\n\t },\r\n\r\n\t middle: function() {\r\n\t return this.startAngle + this.angle / 2;\r\n\t },\r\n\r\n\t setRadius: function(newRadius, innerRadius) {\r\n\t if (innerRadius) {\r\n\t this.innerRadius = newRadius;\r\n\t } else {\r\n\t this.radius = newRadius;\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t point: function(angle, innerRadius) {\r\n\t var radianAngle = rad(angle);\r\n\t var ax = Math.cos(radianAngle);\r\n\t var ay = Math.sin(radianAngle);\r\n\t var radius = innerRadius ? this.innerRadius : this.radius;\r\n\t var x = round(this.center.x - (ax * radius), COORD_PRECISION);\r\n\t var y = round(this.center.y - (ay * radius), COORD_PRECISION);\r\n\r\n\t return new Point(x, y);\r\n\t },\r\n\r\n\t adjacentBox: function(distance, width, height) {\r\n\t var sector = this.clone().expand(distance);\r\n\t var midAndle = sector.middle();\r\n\t var midPoint = sector.point(midAndle);\r\n\t var hw = width / 2;\r\n\t var hh = height / 2;\r\n\t var sa = Math.sin(rad(midAndle));\r\n\t var ca = Math.cos(rad(midAndle));\r\n\t var x = midPoint.x - hw;\r\n\t var y = midPoint.y - hh;\r\n\r\n\t if (Math.abs(sa) < 0.9) {\r\n\t x += hw * -ca / Math.abs(ca);\r\n\t }\r\n\r\n\t if (Math.abs(ca) < 0.9) {\r\n\t y += hh * -sa / Math.abs(sa);\r\n\t }\r\n\r\n\t return new Box(x, y, x + width, y + height);\r\n\t },\r\n\r\n\t containsPoint: function(p) {\r\n\t var center = this.center;\r\n\t var innerRadius = this.innerRadius;\r\n\t var radius = this.radius;\r\n\t var startAngle = this.startAngle;\r\n\t var endAngle = this.startAngle + this.angle;\r\n\t var dx = p.x - center.x;\r\n\t var dy = p.y - center.y;\r\n\t var vector = new Point(dx, dy);\r\n\t var startPoint = this.point(startAngle);\r\n\t var startVector = new Point(startPoint.x - center.x, startPoint.y - center.y);\r\n\t var endPoint = this.point(endAngle);\r\n\t var endVector = new Point(endPoint.x - center.x, endPoint.y - center.y);\r\n\t var dist = round(dx * dx + dy * dy, COORD_PRECISION);\r\n\r\n\t return (startVector.equals(vector) || clockwise(startVector, vector)) &&\r\n\t !clockwise(endVector, vector) &&\r\n\t dist >= innerRadius * innerRadius && dist <= radius * radius;\r\n\t },\r\n\r\n\t getBBox: function() {\r\n\t var this$1 = this;\r\n\r\n\t var box = new Box(MAX_VALUE, MAX_VALUE, MIN_VALUE, MIN_VALUE);\r\n\t var startAngle = round(this.startAngle % 360);\r\n\t var endAngle = round((startAngle + this.angle) % 360);\r\n\t var innerRadius = this.innerRadius;\r\n\t var allAngles = [ 0, 90, 180, 270, startAngle, endAngle ].sort(numericComparer);\r\n\t var startAngleIndex = allAngles.indexOf(startAngle);\r\n\t var endAngleIndex = allAngles.indexOf(endAngle);\r\n\t var angles;\r\n\r\n\t if (startAngle === endAngle) {\r\n\t angles = allAngles;\r\n\t } else {\r\n\t if (startAngleIndex < endAngleIndex) {\r\n\t angles = allAngles.slice(startAngleIndex, endAngleIndex + 1);\r\n\t } else {\r\n\t angles = [].concat(\r\n\t allAngles.slice(0, endAngleIndex + 1),\r\n\t allAngles.slice(startAngleIndex, allAngles.length)\r\n\t );\r\n\t }\r\n\t }\r\n\r\n\t for (var i = 0; i < angles.length; i++) {\r\n\t var point = this$1.point(angles[i]);\r\n\t box.wrapPoint(point);\r\n\t box.wrapPoint(point, innerRadius);\r\n\t }\r\n\r\n\t if (!innerRadius) {\r\n\t box.wrapPoint(this.center);\r\n\t }\r\n\r\n\t return box;\r\n\t },\r\n\r\n\t expand: function(value) {\r\n\t this.radius += value;\r\n\t return this;\r\n\t }\r\n\t});\r\n\r\n\tfunction numericComparer(a, b) {\r\n\t return a - b;\r\n\t}\r\n\r\n\tvar Sector = Ring.extend({\r\n\t init: function(center, radius, startAngle, angle) {\r\n\t Ring.fn.init.call(this, center, 0, radius, startAngle, angle);\r\n\t },\r\n\r\n\t expand: function(value) {\r\n\t return Ring.fn.expand.call(this, value);\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Sector(this.center, this.radius, this.startAngle, this.angle);\r\n\t },\r\n\r\n\t setRadius: function(newRadius) {\r\n\t this.radius = newRadius;\r\n\r\n\t return this;\r\n\t }\r\n\t});\r\n\r\n\tvar DIRECTION_ANGLE = 0.001; //any value that will make the endAngle bigger than the start angle will work here.\r\n\r\n\tvar ShapeBuilder = Class.extend({\r\n\t createRing: function(sector, options) {\r\n\t var startAngle = sector.startAngle + 180;\r\n\t var endAngle = sector.angle + startAngle;\r\n\r\n\t //required in order to avoid reversing the arc direction in cases like 0.000000000000001 + 100 === 100\r\n\t if (sector.angle > 0 && startAngle === endAngle) {\r\n\t endAngle += DIRECTION_ANGLE;\r\n\t }\r\n\r\n\t var center = new geometry.Point(sector.center.x, sector.center.y);\r\n\t var radius = Math.max(sector.radius, 0);\r\n\t var innerRadius = Math.max(sector.innerRadius, 0);\r\n\t var arc = new geometry.Arc(center, {\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle,\r\n\t radiusX: radius,\r\n\t radiusY: radius\r\n\t });\r\n\t var path = Path.fromArc(arc, options).close();\r\n\r\n\t if (innerRadius) {\r\n\t arc.radiusX = arc.radiusY = innerRadius;\r\n\t var innerEnd = arc.pointAt(endAngle);\r\n\t path.lineTo(innerEnd.x, innerEnd.y);\r\n\t path.arc(endAngle, startAngle, innerRadius, innerRadius, true);\r\n\t } else {\r\n\t path.lineTo(center.x, center.y);\r\n\t }\r\n\r\n\t return path;\r\n\t }\r\n\t});\r\n\r\n\tShapeBuilder.current = new ShapeBuilder();\r\n\r\n\tvar ChartElement = Class.extend({\r\n\t init: function(options) {\r\n\r\n\t this.children = [];\r\n\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var children = this.children;\r\n\t var box;\r\n\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t var currentChild = children[i];\r\n\t currentChild.reflow(targetBox);\r\n\r\n\t box = box ? box.wrap(currentChild.box) : currentChild.box.clone();\r\n\t }\r\n\r\n\t this.box = box || targetBox;\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t var children = this.children;\r\n\r\n\t if (this.animation) {\r\n\t this.animation.destroy();\r\n\t }\r\n\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t children[i].destroy();\r\n\t }\r\n\t },\r\n\r\n\t getRoot: function() {\r\n\t var parent = this.parent;\r\n\r\n\t return parent ? parent.getRoot() : null;\r\n\t },\r\n\r\n\t getSender: function() {\r\n\t var service = this.getService();\r\n\t if (service) {\r\n\t return service.sender;\r\n\t }\r\n\t },\r\n\r\n\t getService: function() {\r\n\t var element = this;\r\n\t while (element) {\r\n\t if (element.chartService) {\r\n\t return element.chartService;\r\n\t }\r\n\t element = element.parent;\r\n\t }\r\n\t },\r\n\r\n\t translateChildren: function(dx, dy) {\r\n\t var children = this.children;\r\n\t var childrenCount = children.length;\r\n\r\n\t for (var i = 0; i < childrenCount; i++) {\r\n\t children[i].box.translate(dx, dy);\r\n\t }\r\n\t },\r\n\r\n\t append: function() {\r\n\t var arguments$1 = arguments;\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < arguments.length; i++) {\r\n\t var item = arguments$1[i];\r\n\t this$1.children.push(item);\r\n\t item.parent = this$1;\r\n\t }\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t if (this.options.visible === false) {\r\n\t return;\r\n\t }\r\n\r\n\t this.createVisual();\r\n\r\n\t this.addVisual();\r\n\r\n\t this.renderChildren();\r\n\r\n\t this.createAnimation();\r\n\t this.renderComplete();\r\n\t },\r\n\r\n\t addVisual: function() {\r\n\t if (this.visual) {\r\n\t this.visual.chartElement = this;\r\n\r\n\t if (this.parent) {\r\n\t this.parent.appendVisual(this.visual);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t renderChildren: function() {\r\n\t var children = this.children;\r\n\t var length = children.length;\r\n\t for (var i = 0; i < length; i++) {\r\n\t children[i].renderVisual();\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.visual = new Group({\r\n\t zIndex: this.options.zIndex,\r\n\t visible: valueOrDefault(this.options.visible, true)\r\n\t });\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t if (this.visual) {\r\n\t this.animation = drawing.Animation.create(\r\n\t this.visual, this.options.animation\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t appendVisual: function(childVisual) {\r\n\t if (!childVisual.chartElement) {\r\n\t childVisual.chartElement = this;\r\n\t }\r\n\r\n\t if (childVisual.options.noclip) {\r\n\t this.clipRoot().visual.append(childVisual);\r\n\t } else if (defined(childVisual.options.zIndex)) {\r\n\t this.stackRoot().stackVisual(childVisual);\r\n\t } else if (this.isStackRoot) {\r\n\t this.stackVisual(childVisual);\r\n\t } else if (this.visual) {\r\n\t this.visual.append(childVisual);\r\n\t } else {\r\n\t // Allow chart elements without visuals to\r\n\t // pass through child visuals\r\n\t this.parent.appendVisual(childVisual);\r\n\t }\r\n\t },\r\n\r\n\t clipRoot: function() {\r\n\t if (this.parent) {\r\n\t return this.parent.clipRoot();\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t stackRoot: function() {\r\n\t if (this.parent) {\r\n\t return this.parent.stackRoot();\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t stackVisual: function(childVisual) {\r\n\t var zIndex = childVisual.options.zIndex || 0;\r\n\t var visuals = this.visual.children;\r\n\t var length = visuals.length;\r\n\t var pos;\r\n\r\n\t for (pos = 0; pos < length; pos++) {\r\n\t var sibling = visuals[pos];\r\n\t var here = valueOrDefault(sibling.options.zIndex, 0);\r\n\t if (here > zIndex) {\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t this.visual.insert(pos, childVisual);\r\n\t },\r\n\r\n\t traverse: function(callback) {\r\n\t var children = this.children;\r\n\t var length = children.length;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var child = children[i];\r\n\r\n\t callback(child);\r\n\t if (child.traverse) {\r\n\t child.traverse(callback);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t closest: function(match) {\r\n\t var element = this;\r\n\t var matched = false;\r\n\r\n\t while (element && !matched) {\r\n\t matched = match(element);\r\n\r\n\t if (!matched) {\r\n\t element = element.parent;\r\n\t }\r\n\t }\r\n\r\n\t if (matched) {\r\n\t return element;\r\n\t }\r\n\t },\r\n\r\n\t renderComplete: function() {},\r\n\r\n\t hasHighlight: function() {\r\n\t var options = (this.options || {}).highlight;\r\n\t return !(!this.createHighlight || (options && options.visible === false));\r\n\t },\r\n\r\n\t toggleHighlight: function(show) {\r\n\t var this$1 = this;\r\n\r\n\t var options = (this.options || {}).highlight || {};\r\n\t var customVisual = options.visual;\r\n\t var highlight = this._highlight;\r\n\r\n\t if (!highlight) {\r\n\t var highlightOptions = {\r\n\t fill: {\r\n\t color: WHITE,\r\n\t opacity: 0.2\r\n\t },\r\n\t stroke: {\r\n\t color: WHITE,\r\n\t width: 1,\r\n\t opacity: 0.2\r\n\t }\r\n\t };\r\n\r\n\t if (customVisual) {\r\n\t highlight = this._highlight = customVisual(\r\n\t $.extend(this.highlightVisualArgs(), {\r\n\t createVisual: function () { return this$1.createHighlight(highlightOptions); },\r\n\t sender: this.getSender(),\r\n\t series: this.series,\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t value: this.value,\r\n\t percentage: this.percentage,\r\n\t runningTotal: this.runningTotal,\r\n\t total: this.total\r\n\t }\r\n\t ));\r\n\r\n\t if (!highlight) {\r\n\t return;\r\n\t }\r\n\t } else {\r\n\t highlight = this._highlight = this.createHighlight(highlightOptions);\r\n\t }\r\n\r\n\t if (!defined(highlight.options.zIndex)) {\r\n\t highlight.options.zIndex = valueOrDefault(options.zIndex, this.options.zIndex);\r\n\t }\r\n\r\n\t this.appendVisual(highlight);\r\n\t }\r\n\r\n\t highlight.visible(show);\r\n\t },\r\n\r\n\t createGradientOverlay: function(element, options, gradientOptions) {\r\n\t var overlay = new Path($.extend({\r\n\t stroke: {\r\n\t color: \"none\"\r\n\t },\r\n\t fill: this.createGradient(gradientOptions),\r\n\t closed: element.options.closed\r\n\t }, options));\r\n\r\n\t overlay.segments.elements(element.segments.elements());\r\n\r\n\t return overlay;\r\n\t },\r\n\r\n\t createGradient: function(options) {\r\n\t if (this.parent) {\r\n\t return this.parent.createGradient(options);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tChartElement.prototype.options = { };\r\n\r\n\tvar BoxElement = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.options.margin = getSpacing(this.options.margin);\r\n\t this.options.padding = getSpacing(this.options.padding);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var width = options.width;\r\n\t var height = options.height;\r\n\t var shrinkToFit = options.shrinkToFit;\r\n\t var hasSetSize = width && height;\r\n\t var margin = options.margin;\r\n\t var padding = options.padding;\r\n\t var borderWidth = options.border.width;\r\n\t var box;\r\n\r\n\t var reflowPaddingBox = function () {\r\n\t this$1.align(targetBox, X, options.align);\r\n\t this$1.align(targetBox, Y, options.vAlign);\r\n\t this$1.paddingBox = box.clone().unpad(margin).unpad(borderWidth);\r\n\t };\r\n\r\n\t var contentBox = targetBox.clone();\r\n\t if (hasSetSize) {\r\n\t contentBox.x2 = contentBox.x1 + width;\r\n\t contentBox.y2 = contentBox.y1 + height;\r\n\t }\r\n\r\n\t if (shrinkToFit) {\r\n\t contentBox.unpad(margin).unpad(borderWidth).unpad(padding);\r\n\t }\r\n\r\n\t ChartElement.fn.reflow.call(this, contentBox);\r\n\r\n\t if (hasSetSize) {\r\n\t box = this.box = new Box(0, 0, width, height);\r\n\t } else {\r\n\t box = this.box;\r\n\t }\r\n\r\n\t if (shrinkToFit && hasSetSize) {\r\n\t reflowPaddingBox();\r\n\t contentBox = this.contentBox = this.paddingBox.clone().unpad(padding);\r\n\t } else {\r\n\t contentBox = this.contentBox = box.clone();\r\n\t box.pad(padding).pad(borderWidth).pad(margin);\r\n\t reflowPaddingBox();\r\n\t }\r\n\r\n\t this.translateChildren(\r\n\t box.x1 - contentBox.x1 + margin.left + borderWidth + padding.left,\r\n\t box.y1 - contentBox.y1 + margin.top + borderWidth + padding.top\r\n\t );\r\n\r\n\t var children = this.children;\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t var item = children[i];\r\n\t item.reflow(item.box);\r\n\t }\r\n\t },\r\n\r\n\t align: function(targetBox, axis, alignment) {\r\n\t this.box.align(targetBox, axis, alignment);\r\n\t },\r\n\r\n\t hasBox: function() {\r\n\t var options = this.options;\r\n\t return options.border.width || options.background;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var options = this.options;\r\n\t if (options.visible && this.hasBox()) {\r\n\t this.visual.append(Path.fromRect(\r\n\t this.paddingBox.toRect(),\r\n\t this.visualStyle()\r\n\t ));\r\n\t }\r\n\t },\r\n\r\n\t visualStyle: function() {\r\n\t var options = this.options;\r\n\t var border = options.border || {};\r\n\r\n\t return {\r\n\t stroke: {\r\n\t width: border.width,\r\n\t color: border.color,\r\n\t opacity: valueOrDefault(border.opacity, options.opacity),\r\n\t dashType: border.dashType\r\n\t },\r\n\t fill: {\r\n\t color: options.background,\r\n\t opacity: options.opacity\r\n\t },\r\n\t cursor: options.cursor\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BoxElement, {\r\n\t align: LEFT,\r\n\t vAlign: TOP,\r\n\t margin: {},\r\n\t padding: {},\r\n\t border: {\r\n\t color: BLACK,\r\n\t width: 0\r\n\t },\r\n\t background: \"\",\r\n\t shrinkToFit: false,\r\n\t width: 0,\r\n\t height: 0,\r\n\t visible: true\r\n\t});\r\n\r\n\tvar ShapeElement = BoxElement.extend({\r\n\t init: function(options, pointData) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\r\n\t this.pointData = pointData;\r\n\t },\r\n\r\n\t getElement: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.paddingBox;\r\n\t var type = options.type;\r\n\t var rotation = options.rotation;\r\n\t var center = box.center();\r\n\t var halfWidth = box.width() / 2;\r\n\r\n\t if (!options.visible || !this.hasBox()) {\r\n\t return null;\r\n\t }\r\n\r\n\t var style = this.visualStyle();\r\n\t var element;\r\n\r\n\t if (type === CIRCLE) {\r\n\t element = new drawing.Circle(\r\n\t new Circle([\r\n\t round(box.x1 + halfWidth, COORD_PRECISION),\r\n\t round(box.y1 + box.height() / 2, COORD_PRECISION)\r\n\t ], halfWidth),\r\n\t style\r\n\t );\r\n\t } else if (type === TRIANGLE) {\r\n\t element = Path.fromPoints([\r\n\t [ box.x1 + halfWidth, box.y1 ],\r\n\t [ box.x1, box.y2 ],\r\n\t [ box.x2, box.y2 ]\r\n\t ], style).close();\r\n\t } else if (type === CROSS) {\r\n\t element = new drawing.MultiPath(style);\r\n\r\n\t element.moveTo(box.x1, box.y1).lineTo(box.x2, box.y2);\r\n\t element.moveTo(box.x1, box.y2).lineTo(box.x2, box.y1);\r\n\t } else {\r\n\t element = Path.fromRect(box.toRect(), style);\r\n\t }\r\n\r\n\t if (rotation) {\r\n\t element.transform(geometryTransform()\r\n\t .rotate(-rotation, [ center.x, center.y ])\r\n\t );\r\n\t }\r\n\r\n\t element.options.zIndex = options.zIndex;\r\n\t return element;\r\n\t },\r\n\r\n\t createElement: function() {\r\n\t var this$1 = this;\r\n\r\n\t var customVisual = this.options.visual;\r\n\t var pointData = this.pointData || {};\r\n\t var visual;\r\n\r\n\t if (customVisual) {\r\n\t visual = customVisual({\r\n\t value: pointData.value,\r\n\t dataItem: pointData.dataItem,\r\n\t sender: this.getSender(),\r\n\t series: pointData.series,\r\n\t category: pointData.category,\r\n\t rect: this.paddingBox.toRect(),\r\n\t options: this.visualOptions(),\r\n\t createVisual: function () { return this$1.getElement(); }\r\n\t });\r\n\t } else {\r\n\t visual = this.getElement();\r\n\t }\r\n\r\n\t return visual;\r\n\t },\r\n\r\n\t visualOptions: function() {\r\n\t var options = this.options;\r\n\t return {\r\n\t background: options.background,\r\n\t border: options.border,\r\n\t margin: options.margin,\r\n\t padding: options.padding,\r\n\t type: options.type,\r\n\t size: options.width,\r\n\t visible: options.visible\r\n\t };\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.visual = this.createElement();\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(ShapeElement, {\r\n\t type: CIRCLE,\r\n\t align: CENTER,\r\n\t vAlign: CENTER\r\n\t});\r\n\r\n\tvar LINEAR = \"linear\";\r\n\tvar RADIAL = \"radial\";\r\n\r\n\tvar GRADIENTS = {\r\n\t glass: {\r\n\t type: LINEAR,\r\n\t rotation: 0,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t }, {\r\n\t offset: 0.25,\r\n\t color: WHITE,\r\n\t opacity: 0.3\r\n\t }, {\r\n\t offset: 1,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t } ]\r\n\t },\r\n\t sharpBevel: {\r\n\t type: RADIAL,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: WHITE,\r\n\t opacity: 0.55\r\n\t }, {\r\n\t offset: 0.65,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t }, {\r\n\t offset: 0.95,\r\n\t color: WHITE,\r\n\t opacity: 0.25\r\n\t } ]\r\n\t },\r\n\t roundedBevel: {\r\n\t type: RADIAL,\r\n\t stops: [ {\r\n\t offset: 0.33,\r\n\t color: WHITE,\r\n\t opacity: 0.06\r\n\t }, {\r\n\t offset: 0.83,\r\n\t color: WHITE,\r\n\t opacity: 0.2\r\n\t }, {\r\n\t offset: 0.95,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t } ]\r\n\t },\r\n\t roundedGlass: {\r\n\t type: RADIAL,\r\n\t supportVML: false,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t }, {\r\n\t offset: 0.5,\r\n\t color: WHITE,\r\n\t opacity: 0.3\r\n\t }, {\r\n\t offset: 0.99,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t } ]\r\n\t },\r\n\t sharpGlass: {\r\n\t type: RADIAL,\r\n\t supportVML: false,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: WHITE,\r\n\t opacity: 0.2\r\n\t }, {\r\n\t offset: 0.15,\r\n\t color: WHITE,\r\n\t opacity: 0.15\r\n\t }, {\r\n\t offset: 0.17,\r\n\t color: WHITE,\r\n\t opacity: 0.35\r\n\t }, {\r\n\t offset: 0.85,\r\n\t color: WHITE,\r\n\t opacity: 0.05\r\n\t }, {\r\n\t offset: 0.87,\r\n\t color: WHITE,\r\n\t opacity: 0.15\r\n\t }, {\r\n\t offset: 0.99,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t } ]\r\n\t },\r\n\t bubbleShadow: {\r\n\t type: RADIAL,\r\n\t center: [ 0.5, 0.5 ],\r\n\t radius: 0.5\r\n\t }\r\n\t};\r\n\r\n\tfunction boxDiff(r, s) {\r\n\t if (r.x1 === s.x1 && r.y1 === s.y1 && r.x2 === s.x2 && r.y2 === s.y2) {\r\n\t return s;\r\n\t }\r\n\r\n\t var a = Math.min(r.x1, s.x1);\r\n\t var b = Math.max(r.x1, s.x1);\r\n\t var c = Math.min(r.x2, s.x2);\r\n\t var d = Math.max(r.x2, s.x2);\r\n\t var e = Math.min(r.y1, s.y1);\r\n\t var f = Math.max(r.y1, s.y1);\r\n\t var g = Math.min(r.y2, s.y2);\r\n\t var h = Math.max(r.y2, s.y2);\r\n\t var boxes = [];\r\n\r\n\t // X = intersection, 0-7 = possible difference areas\r\n\t // h +-+-+-+\r\n\t // . |5|6|7|\r\n\t // g +-+-+-+\r\n\t // . |3|X|4|\r\n\t // f +-+-+-+\r\n\t // . |0|1|2|\r\n\t // e +-+-+-+\r\n\t // . a b c d\r\n\r\n\t // we'll always have rectangles 1, 3, 4 and 6\r\n\t boxes[0] = new Box(b, e, c, f);\r\n\t boxes[1] = new Box(a, f, b, g);\r\n\t boxes[2] = new Box(c, f, d, g);\r\n\t boxes[3] = new Box(b, g, c, h);\r\n\r\n\t // decide which corners\r\n\t if (r.x1 === a && r.y1 === e || s.x1 === a && s.y1 === e) { // corners 0 and 7\r\n\t boxes[4] = new Box(a, e, b, f);\r\n\t boxes[5] = new Box(c, g, d, h);\r\n\t } else { // corners 2 and 5\r\n\t boxes[4] = new Box(c, e, d, f);\r\n\t boxes[5] = new Box(a, g, b, h);\r\n\t }\r\n\r\n\t return grep(boxes, function(box) {\r\n\t return box.height() > 0 && box.width() > 0;\r\n\t })[0];\r\n\t}\r\n\r\n\tvar RootElement = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t var rootOptions = this.options;\r\n\t rootOptions.width = parseInt(rootOptions.width, 10);\r\n\t rootOptions.height = parseInt(rootOptions.height, 10);\r\n\r\n\t this.gradients = {};\r\n\t },\r\n\r\n\t reflow: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var children = ref.children;\r\n\t var currentBox = new Box(0, 0, options.width, options.height);\r\n\r\n\t this.box = currentBox.unpad(options.margin);\r\n\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t children[i].reflow(currentBox);\r\n\t currentBox = boxDiff(currentBox, children[i].box) || new Box();\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.visual = new Group();\r\n\t this.createBackground();\r\n\t },\r\n\r\n\t createBackground: function() {\r\n\t var options = this.options;\r\n\t var border = options.border || {};\r\n\t var box = this.box.clone().pad(options.margin).unpad(border.width);\r\n\r\n\t var background = Path.fromRect(box.toRect(), {\r\n\t stroke: {\r\n\t color: border.width ? border.color : \"\",\r\n\t width: border.width,\r\n\t dashType: border.dashType\r\n\t },\r\n\t fill: {\r\n\t color: options.background,\r\n\t opacity: options.opacity\r\n\t },\r\n\t zIndex: -10\r\n\t });\r\n\r\n\t this.visual.append(background);\r\n\t },\r\n\r\n\t getRoot: function() {\r\n\t return this;\r\n\t },\r\n\r\n\t createGradient: function(options) {\r\n\t var gradients = this.gradients;\r\n\t var hashCode = objectKey(options);\r\n\t var gradient = GRADIENTS[options.gradient];\r\n\t var drawingGradient;\r\n\r\n\t if (gradients[hashCode]) {\r\n\t drawingGradient = gradients[hashCode];\r\n\t } else {\r\n\t var gradientOptions = $.extend({}, gradient, options);\r\n\t if (gradient.type === \"linear\") {\r\n\t drawingGradient = new drawing.LinearGradient(gradientOptions);\r\n\t } else {\r\n\t if (options.innerRadius) {\r\n\t gradientOptions.stops = innerRadialStops(gradientOptions);\r\n\t }\r\n\t drawingGradient = new drawing.RadialGradient(gradientOptions);\r\n\t drawingGradient.supportVML = gradient.supportVML !== false;\r\n\t }\r\n\t gradients[hashCode] = drawingGradient;\r\n\t }\r\n\r\n\t return drawingGradient;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RootElement, {\r\n\t width: DEFAULT_WIDTH,\r\n\t height: DEFAULT_HEIGHT,\r\n\t background: WHITE,\r\n\t border: {\r\n\t color: BLACK,\r\n\t width: 0\r\n\t },\r\n\t margin: getSpacing(5),\r\n\t zIndex: -2\r\n\t});\r\n\r\n\tfunction innerRadialStops(options) {\r\n\t var stops = options.stops;\r\n\t var usedSpace = ((options.innerRadius / options.radius) * 100);\r\n\t var length = stops.length;\r\n\t var currentStops = [];\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var currentStop = $.extend({}, stops[i]);\r\n\t currentStop.offset = (currentStop.offset * (100 - usedSpace) + usedSpace) / 100;\r\n\t currentStops.push(currentStop);\r\n\t }\r\n\r\n\t return currentStops;\r\n\t}\r\n\r\n\tvar FloatElement = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\t this._initDirection();\r\n\t },\r\n\r\n\t _initDirection: function() {\r\n\t var options = this.options;\r\n\t if (options.vertical) {\r\n\t this.groupAxis = X;\r\n\t this.elementAxis = Y;\r\n\t this.groupSizeField = WIDTH;\r\n\t this.elementSizeField = HEIGHT;\r\n\t this.groupSpacing = options.spacing;\r\n\t this.elementSpacing = options.vSpacing;\r\n\t } else {\r\n\t this.groupAxis = Y;\r\n\t this.elementAxis = X;\r\n\t this.groupSizeField = HEIGHT;\r\n\t this.elementSizeField = WIDTH;\r\n\t this.groupSpacing = options.vSpacing;\r\n\t this.elementSpacing = options.spacing;\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t this.box = targetBox.clone();\r\n\t this.reflowChildren();\r\n\t },\r\n\r\n\t reflowChildren: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var elementAxis = ref.elementAxis;\r\n\t var groupAxis = ref.groupAxis;\r\n\t var elementSizeField = ref.elementSizeField;\r\n\t var groupSizeField = ref.groupSizeField;\r\n\t var ref$1 = this.groupOptions();\r\n\t var groups = ref$1.groups;\r\n\t var groupsSize = ref$1.groupsSize;\r\n\t var maxGroupElementsSize = ref$1.maxGroupElementsSize;\r\n\t var groupsCount = groups.length;\r\n\t var groupsStart = box[groupAxis + 1] + this.alignStart(groupsSize, box[groupSizeField]());\r\n\r\n\t if (groupsCount) {\r\n\t var groupStart = groupsStart;\r\n\r\n\t for (var groupIdx = 0; groupIdx < groupsCount; groupIdx++) {\r\n\t var group = groups[groupIdx];\r\n\t var groupElements = group.groupElements;\r\n\t var elementStart = box[elementAxis + 1];\r\n\t var groupElementsCount = groupElements.length;\r\n\r\n\t for (var idx = 0; idx < groupElementsCount; idx++) {\r\n\t var element = groupElements[idx];\r\n\t var elementSize$$1 = this$1.elementSize(element);\r\n\t var groupElementStart = groupStart + this$1.alignStart(elementSize$$1[groupSizeField], group.groupSize);\r\n\r\n\t var elementBox = new Box();\r\n\t elementBox[groupAxis + 1] = groupElementStart;\r\n\t elementBox[groupAxis + 2] = groupElementStart + elementSize$$1[groupSizeField];\r\n\t elementBox[elementAxis + 1] = elementStart;\r\n\t elementBox[elementAxis + 2] = elementStart + elementSize$$1[elementSizeField];\r\n\r\n\t element.reflow(elementBox);\r\n\r\n\t elementStart += elementSize$$1[elementSizeField] + this$1.elementSpacing;\r\n\t }\r\n\t groupStart += group.groupSize + this$1.groupSpacing;\r\n\t }\r\n\t box[groupAxis + 1] = groupsStart;\r\n\t box[groupAxis + 2] = groupsStart + groupsSize;\r\n\t box[elementAxis + 2] = box[elementAxis + 1] + maxGroupElementsSize;\r\n\t }\r\n\t },\r\n\r\n\t alignStart: function(size, maxSize) {\r\n\t var start = 0;\r\n\t var align = this.options.align;\r\n\t if (align === RIGHT || align === BOTTOM) {\r\n\t start = maxSize - size;\r\n\t } else if (align === CENTER) {\r\n\t start = (maxSize - size) / 2;\r\n\t }\r\n\t return start;\r\n\t },\r\n\r\n\t groupOptions: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var children = ref.children;\r\n\t var elementSizeField = ref.elementSizeField;\r\n\t var groupSizeField = ref.groupSizeField;\r\n\t var elementSpacing = ref.elementSpacing;\r\n\t var groupSpacing = ref.groupSpacing;\r\n\t var maxSize = round(box[elementSizeField]());\r\n\t var childrenCount = children.length;\r\n\t var groups = [];\r\n\r\n\t var groupSize = 0;\r\n\t var groupElementsSize = 0;\r\n\t var groupsSize = 0;\r\n\t var maxGroupElementsSize = 0;\r\n\t var groupElements = [];\r\n\r\n\t for (var idx = 0; idx < childrenCount; idx++) {\r\n\t var element = children[idx];\r\n\t if (!element.box) {\r\n\t element.reflow(box);\r\n\t }\r\n\r\n\t var elementSize$$1 = this$1.elementSize(element);\r\n\t if (this$1.options.wrap && round(groupElementsSize + elementSpacing + elementSize$$1[elementSizeField]) > maxSize) {\r\n\t groups.push({\r\n\t groupElements: groupElements,\r\n\t groupSize: groupSize,\r\n\t groupElementsSize: groupElementsSize\r\n\t });\r\n\t maxGroupElementsSize = Math.max(maxGroupElementsSize, groupElementsSize);\r\n\t groupsSize += groupSpacing + groupSize;\r\n\t groupSize = 0;\r\n\t groupElementsSize = 0;\r\n\t groupElements = [];\r\n\t }\r\n\t groupSize = Math.max(groupSize, elementSize$$1[groupSizeField]);\r\n\t if (groupElementsSize > 0) {\r\n\t groupElementsSize += elementSpacing;\r\n\t }\r\n\t groupElementsSize += elementSize$$1[elementSizeField];\r\n\t groupElements.push(element);\r\n\t }\r\n\r\n\t groups.push({\r\n\t groupElements: groupElements,\r\n\t groupSize: groupSize,\r\n\t groupElementsSize: groupElementsSize\r\n\t });\r\n\t maxGroupElementsSize = Math.max(maxGroupElementsSize, groupElementsSize);\r\n\t groupsSize += groupSize;\r\n\r\n\t return {\r\n\t groups: groups,\r\n\t groupsSize: groupsSize,\r\n\t maxGroupElementsSize: maxGroupElementsSize\r\n\t };\r\n\t },\r\n\r\n\t elementSize: function(element) {\r\n\t return {\r\n\t width: element.box.width(),\r\n\t height: element.box.height()\r\n\t };\r\n\t },\r\n\r\n\t createVisual: function() {}\r\n\t});\r\n\r\n\tsetDefaultOptions(FloatElement, {\r\n\t vertical: true,\r\n\t wrap: true,\r\n\t vSpacing: 0,\r\n\t spacing: 0\r\n\t});\r\n\r\n\tvar DrawingText = drawing.Text;\r\n\r\n\tvar Text = ChartElement.extend({\r\n\t init: function(content, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.content = content;\r\n\r\n\t // Calculate size\r\n\t this.reflow(new Box());\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options;\r\n\t var size = options.size = util.measureText(this.content, { font: options.font });\r\n\r\n\t this.baseline = size.baseline;\r\n\r\n\t this.box = new Box(targetBox.x1, targetBox.y1,\r\n\t targetBox.x1 + size.width, targetBox.y1 + size.height);\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var ref = this.options;\r\n\t var font = ref.font;\r\n\t var color = ref.color;\r\n\t var opacity = ref.opacity;\r\n\t var cursor = ref.cursor;\r\n\r\n\t this.visual = new DrawingText(this.content, this.box.toRect().topLeft(), {\r\n\t font: font,\r\n\t fill: { color: color, opacity: opacity },\r\n\t cursor: cursor\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Text, {\r\n\t font: DEFAULT_FONT,\r\n\t color: BLACK\r\n\t});\r\n\r\n\tfunction rectToBox(rect) {\r\n\t var origin = rect.origin;\r\n\t var bottomRight = rect.bottomRight();\r\n\r\n\t return new Box(origin.x, origin.y, bottomRight.x, bottomRight.y);\r\n\t}\r\n\r\n\tvar ROWS_SPLIT_REGEX = /\\n/m;\r\n\r\n\tvar TextBox = BoxElement.extend({\r\n\t init: function(content, options) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\t this.content = content;\r\n\r\n\t this._initContainer();\r\n\t if (this.options._autoReflow !== false) {\r\n\t this.reflow(new Box());\r\n\t }\r\n\t },\r\n\r\n\t _initContainer: function() {\r\n\t var options = this.options;\r\n\t var rows = String(this.content).split(ROWS_SPLIT_REGEX);\r\n\t var floatElement = new FloatElement({ vertical: true, align: options.align, wrap: false });\r\n\t var textOptions = deepExtend({ }, options, { opacity: 1, animation: null });\r\n\r\n\t this.container = floatElement;\r\n\t this.append(floatElement);\r\n\r\n\t for (var rowIdx = 0; rowIdx < rows.length; rowIdx++) {\r\n\t var text = new Text(rows[rowIdx].trim(), textOptions);\r\n\t floatElement.append(text);\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options;\r\n\t var visualFn = options.visual;\r\n\t this.container.options.align = options.align;\r\n\r\n\t if (visualFn && !this._boxReflow) {\r\n\t var visualBox = targetBox;\r\n\t if (!visualBox.hasSize()) {\r\n\t this._boxReflow = true;\r\n\t this.reflow(visualBox);\r\n\t this._boxReflow = false;\r\n\t visualBox = this.box;\r\n\t }\r\n\t var visual = this.visual = visualFn(this.visualContext(visualBox));\r\n\r\n\t if (visual) {\r\n\t visualBox = rectToBox(visual.clippedBBox() || new Rect());\r\n\r\n\t visual.options.zIndex = options.zIndex;\r\n\t }\r\n\r\n\t this.box = this.contentBox = this.paddingBox = visualBox;\r\n\t } else {\r\n\t BoxElement.fn.reflow.call(this, targetBox);\r\n\r\n\t if (options.rotation) {\r\n\t var margin = getSpacing(options.margin);\r\n\t var box = this.box.unpad(margin);\r\n\r\n\t this.targetBox = targetBox;\r\n\t this.normalBox = box.clone();\r\n\r\n\t box = this.rotate();\r\n\t box.translate(margin.left - margin.right, margin.top - margin.bottom);\r\n\r\n\t this.rotatedBox = box.clone();\r\n\r\n\t box.pad(margin);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var options = this.options;\r\n\r\n\t if (!options.visible) {\r\n\t return;\r\n\t }\r\n\r\n\t this.visual = new Group({\r\n\t transform: this.rotationTransform(),\r\n\t zIndex: options.zIndex,\r\n\t noclip: options.noclip\r\n\t });\r\n\r\n\t if (this.hasBox()) {\r\n\t var box = Path.fromRect(this.paddingBox.toRect(), this.visualStyle());\r\n\t this.visual.append(box);\r\n\t }\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t if (this.options.visual) {\r\n\t var visual = this.visual;\r\n\t if (visual && !defined(visual.options.noclip)) {\r\n\t visual.options.noclip = this.options.noclip;\r\n\t }\r\n\t this.addVisual();\r\n\t this.createAnimation();\r\n\t } else {\r\n\t BoxElement.fn.renderVisual.call(this);\r\n\t }\r\n\t },\r\n\r\n\t visualOptions: function() {\r\n\t var options = this.options;\r\n\t return {\r\n\t background: options.background,\r\n\t border: options.border,\r\n\t color: options.color,\r\n\t font: options.font,\r\n\t margin: options.margin,\r\n\t padding: options.padding,\r\n\t visible: options.visible\r\n\t };\r\n\t },\r\n\r\n\t visualContext: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t return {\r\n\t text: this.content,\r\n\t rect: targetBox.toRect(),\r\n\t sender: this.getSender(),\r\n\t options: this.visualOptions(),\r\n\t createVisual: function () {\r\n\t this$1._boxReflow = true;\r\n\t this$1.reflow(targetBox);\r\n\t this$1._boxReflow = false;\r\n\t return this$1.getDefaultVisual();\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t getDefaultVisual: function() {\r\n\t this.createVisual();\r\n\t this.renderChildren();\r\n\t var visual = this.visual;\r\n\t delete this.visual;\r\n\t return visual;\r\n\t },\r\n\r\n\t rotate: function() {\r\n\t var options = this.options;\r\n\t this.box.rotate(options.rotation);\r\n\t this.align(this.targetBox, X, options.align);\r\n\t this.align(this.targetBox, Y, options.vAlign);\r\n\t return this.box;\r\n\t },\r\n\r\n\t rotationTransform: function() {\r\n\t var rotation = this.options.rotation;\r\n\t if (!rotation) {\r\n\t return null;\r\n\t }\r\n\r\n\t var ref = this.normalBox.center();\r\n\t var cx = ref.x;\r\n\t var cy = ref.y;\r\n\t var boxCenter = this.rotatedBox.center();\r\n\r\n\t return geometryTransform()\r\n\t .translate(boxCenter.x - cx, boxCenter.y - cy)\r\n\t .rotate(rotation, [ cx, cy ]);\r\n\t }\r\n\t});\r\n\r\n\tvar Title = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.append(\r\n\t new TextBox(this.options.text, $.extend({}, this.options, {\r\n\t vAlign: this.options.position\r\n\t }))\r\n\t );\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t ChartElement.fn.reflow.call(this, targetBox);\r\n\t this.box.snapTo(targetBox, X);\r\n\t }\r\n\t});\r\n\r\n\tTitle.buildTitle = function(options, parent, defaultOptions) {\r\n\t var titleOptions = options;\r\n\r\n\t if (typeof options === \"string\") {\r\n\t titleOptions = { text: options };\r\n\t }\r\n\r\n\t titleOptions = $.extend({ visible: true }, defaultOptions, titleOptions);\r\n\r\n\t var title;\r\n\t if (titleOptions && titleOptions.visible && titleOptions.text) {\r\n\t title = new Title(titleOptions);\r\n\t parent.append(title);\r\n\t }\r\n\r\n\t return title;\r\n\t};\r\n\r\n\tsetDefaultOptions(Title, {\r\n\t color: BLACK,\r\n\t position: TOP,\r\n\t align: CENTER,\r\n\t margin: getSpacing(5),\r\n\t padding: getSpacing(5)\r\n\t});\r\n\r\n\tvar AxisLabel = TextBox.extend({\r\n\t init: function(value, text, index, dataItem, options) {\r\n\t TextBox.fn.init.call(this, text, options);\r\n\r\n\t this.text = text;\r\n\t this.value = value;\r\n\t this.index = index;\r\n\t this.dataItem = dataItem;\r\n\t this.reflow(new Box());\r\n\t },\r\n\r\n\t visualContext: function(targetBox) {\r\n\t var context = TextBox.fn.visualContext.call(this, targetBox);\r\n\r\n\t context.value = this.value;\r\n\t context.dataItem = this.dataItem;\r\n\t context.format = this.options.format;\r\n\t context.culture = this.options.culture;\r\n\r\n\t return context;\r\n\t },\r\n\r\n\t click: function(widget, e) {\r\n\r\n\t widget.trigger(AXIS_LABEL_CLICK, {\r\n\t element: eventElement(e),\r\n\t value: this.value,\r\n\t text: this.text,\r\n\t index: this.index,\r\n\t dataItem: this.dataItem,\r\n\t axis: this.parent.options\r\n\t });\r\n\t },\r\n\r\n\t rotate: function() {\r\n\t if (this.options.alignRotation !== CENTER) {\r\n\t var box = this.normalBox.toRect();\r\n\t var transform = this.rotationTransform();\r\n\r\n\t this.box = rectToBox(box.bbox(transform.matrix()));\r\n\t } else {\r\n\t TextBox.fn.rotate.call(this);\r\n\t }\r\n\r\n\t return this.box;\r\n\t },\r\n\r\n\t rotationTransform: function() {\r\n\t var options = this.options;\r\n\t var rotation = options.rotation;\r\n\t if (!rotation) {\r\n\t return null;\r\n\t }\r\n\r\n\t if (options.alignRotation === CENTER) {\r\n\t return TextBox.fn.rotationTransform.call(this);\r\n\t }\r\n\r\n\t var rotationMatrix = geometryTransform().rotate(rotation).matrix();\r\n\t var box = this.normalBox.toRect();\r\n\t var rect = this.targetBox.toRect();\r\n\r\n\t var rotationOrigin = options.rotationOrigin || TOP;\r\n\t var alignAxis = rotationOrigin === TOP || rotationOrigin === BOTTOM ? X : Y;\r\n\t var distanceAxis = rotationOrigin === TOP || rotationOrigin === BOTTOM ? Y : X;\r\n\t var axisAnchor = rotationOrigin === TOP || rotationOrigin === LEFT ? rect.origin : rect.bottomRight();\r\n\r\n\t var topLeft = box.topLeft().transformCopy(rotationMatrix);\r\n\t var topRight = box.topRight().transformCopy(rotationMatrix);\r\n\t var bottomRight = box.bottomRight().transformCopy(rotationMatrix);\r\n\t var bottomLeft = box.bottomLeft().transformCopy(rotationMatrix);\r\n\t var rotatedBox = Rect.fromPoints(topLeft, topRight, bottomRight, bottomLeft);\r\n\r\n\t var translate = {};\r\n\t translate[distanceAxis] = rect.origin[distanceAxis] - rotatedBox.origin[distanceAxis];\r\n\r\n\t var distanceLeft = Math.abs(topLeft[distanceAxis] + translate[distanceAxis] - axisAnchor[distanceAxis]);\r\n\t var distanceRight = Math.abs(topRight[distanceAxis] + translate[distanceAxis] - axisAnchor[distanceAxis]);\r\n\r\n\t var alignStart, alignEnd;\r\n\r\n\t if (round(distanceLeft, DEFAULT_PRECISION) === round(distanceRight, DEFAULT_PRECISION)) {\r\n\t alignStart = topLeft;\r\n\t alignEnd = topRight;\r\n\t } else if (distanceRight < distanceLeft) {\r\n\t alignStart = topRight;\r\n\t alignEnd = bottomRight;\r\n\t } else {\r\n\t alignStart = topLeft;\r\n\t alignEnd = bottomLeft;\r\n\t }\r\n\r\n\t var alignCenter = alignStart[alignAxis] + (alignEnd[alignAxis] - alignStart[alignAxis]) / 2;\r\n\t translate[alignAxis] = rect.center()[alignAxis] - alignCenter;\r\n\r\n\t return geometryTransform()\r\n\t .translate(translate.x, translate.y)\r\n\t .rotate(rotation);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(AxisLabel, {\r\n\t _autoReflow: false\r\n\t});\r\n\r\n\tvar DEFAULT_ICON_SIZE = 7;\r\n\tvar DEFAULT_LABEL_COLOR = \"#fff\";\r\n\r\n\tvar Note = BoxElement.extend({\r\n\t init: function(fields, options, chartService) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\r\n\t this.fields = fields;\r\n\t this.chartService = chartService;\r\n\r\n\t this.render();\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this.options.visible = false;\r\n\t },\r\n\r\n\t show: function() {\r\n\t this.options.visible = true;\r\n\t },\r\n\r\n\t render: function() {\r\n\t var options = this.options;\r\n\r\n\t if (options.visible) {\r\n\t var label = options.label;\r\n\t var icon = options.icon;\r\n\t var box = new Box();\r\n\t var size = icon.size;\r\n\t var text = this.fields.text;\r\n\t var width, height;\r\n\r\n\t if (defined(label) && label.visible) {\r\n\t var noteTemplate = getTemplate(label);\r\n\t if (noteTemplate) {\r\n\t text = noteTemplate(this.fields);\r\n\t } else if (label.format) {\r\n\t text = this.chartService.format.auto(label.format, text);\r\n\t }\r\n\r\n\t if (!label.color) {\r\n\t label.color = label.position === INSIDE ? DEFAULT_LABEL_COLOR : icon.background;\r\n\t }\r\n\r\n\t this.label = new TextBox(text, deepExtend({}, label));\r\n\r\n\t if (label.position === INSIDE && !defined(size)) {\r\n\t if (icon.type === CIRCLE) {\r\n\t size = Math.max(this.label.box.width(), this.label.box.height());\r\n\t } else {\r\n\t width = this.label.box.width();\r\n\t height = this.label.box.height();\r\n\t }\r\n\t box.wrap(this.label.box);\r\n\t }\r\n\t }\r\n\r\n\t icon.width = width || size || DEFAULT_ICON_SIZE;\r\n\t icon.height = height || size || DEFAULT_ICON_SIZE;\r\n\r\n\t var marker = new ShapeElement(deepExtend({}, icon));\r\n\r\n\t this.marker = marker;\r\n\t this.append(marker);\r\n\r\n\t if (this.label) {\r\n\t this.append(this.label);\r\n\t }\r\n\r\n\t marker.reflow(new Box());\r\n\t this.wrapperBox = box.wrap(marker.box);\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var label = ref.label;\r\n\t var marker = ref.marker;\r\n\t var wrapperBox = ref.wrapperBox;\r\n\t var center = targetBox.center();\r\n\t var length = options.line.length;\r\n\t var position = options.position;\r\n\r\n\t // TODO: Review\r\n\t if (options.visible) {\r\n\t var lineStart, box, contentBox;\r\n\r\n\t if (inArray(position, [ LEFT, RIGHT ])) {\r\n\t if (position === LEFT) {\r\n\t contentBox = wrapperBox.alignTo(targetBox, position).translate(-length, targetBox.center().y - wrapperBox.center().y);\r\n\r\n\t if (options.line.visible) {\r\n\t lineStart = [ targetBox.x1, center.y ];\r\n\t this.linePoints = [\r\n\t lineStart,\r\n\t [ contentBox.x2, center.y ]\r\n\t ];\r\n\t box = contentBox.clone().wrapPoint(lineStart);\r\n\t }\r\n\t } else {\r\n\t contentBox = wrapperBox.alignTo(targetBox, position).translate(length, targetBox.center().y - wrapperBox.center().y);\r\n\r\n\t if (options.line.visible) {\r\n\t lineStart = [ targetBox.x2, center.y ];\r\n\t this.linePoints = [\r\n\t lineStart,\r\n\t [ contentBox.x1, center.y ]\r\n\t ];\r\n\t box = contentBox.clone().wrapPoint(lineStart);\r\n\t }\r\n\t }\r\n\t } else {\r\n\t if (position === BOTTOM) {\r\n\t contentBox = wrapperBox.alignTo(targetBox, position).translate(targetBox.center().x - wrapperBox.center().x, length);\r\n\r\n\t if (options.line.visible) {\r\n\t lineStart = [ center.x, targetBox.y2 ];\r\n\t this.linePoints = [\r\n\t lineStart,\r\n\t [ center.x, contentBox.y1 ]\r\n\t ];\r\n\t box = contentBox.clone().wrapPoint(lineStart);\r\n\t }\r\n\t } else {\r\n\t contentBox = wrapperBox.alignTo(targetBox, position).translate(targetBox.center().x - wrapperBox.center().x, -length);\r\n\r\n\t if (options.line.visible) {\r\n\t lineStart = [ center.x, targetBox.y1 ];\r\n\t this.linePoints = [\r\n\t lineStart,\r\n\t [ center.x, contentBox.y2 ]\r\n\t ];\r\n\t box = contentBox.clone().wrapPoint(lineStart);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (marker) {\r\n\t marker.reflow(contentBox);\r\n\t }\r\n\r\n\t if (label) {\r\n\t label.reflow(contentBox);\r\n\t if (marker) {\r\n\t if (options.label.position === OUTSIDE) {\r\n\t label.box.alignTo(marker.box, position);\r\n\t }\r\n\t label.reflow(label.box);\r\n\t }\r\n\t }\r\n\r\n\t this.contentBox = contentBox;\r\n\t this.targetBox = targetBox;\r\n\t this.box = box || contentBox;\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t BoxElement.fn.createVisual.call(this);\r\n\t this.visual.options.noclip = this.options.noclip;\r\n\r\n\t if (this.options.visible) {\r\n\t this.createLine();\r\n\t }\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var customVisual = options.visual;\r\n\t if (options.visible && customVisual) {\r\n\t this.visual = customVisual($.extend(this.fields, {\r\n\t sender: this.getSender(),\r\n\t rect: this.targetBox.toRect(),\r\n\t options: {\r\n\t background: options.background,\r\n\t border: options.background,\r\n\t icon: options.icon,\r\n\t label: options.label,\r\n\t line: options.line,\r\n\t position: options.position,\r\n\t visible: options.visible\r\n\t },\r\n\t createVisual: function () {\r\n\t this$1.createVisual();\r\n\t this$1.renderChildren();\r\n\t var defaultVisual = this$1.visual;\r\n\t delete this$1.visual;\r\n\t return defaultVisual;\r\n\t }\r\n\t }));\r\n\t this.addVisual();\r\n\t } else {\r\n\t BoxElement.fn.renderVisual.call(this);\r\n\t }\r\n\t },\r\n\r\n\t createLine: function() {\r\n\t var options = this.options.line;\r\n\r\n\t if (this.linePoints) {\r\n\t var path = Path.fromPoints(this.linePoints, {\r\n\t stroke: {\r\n\t color: options.color,\r\n\t width: options.width,\r\n\t dashType: options.dashType\r\n\t }\r\n\t });\r\n\r\n\t alignPathToPixel(path);\r\n\t this.visual.append(path);\r\n\t }\r\n\t },\r\n\r\n\t click: function(widget, e) {\r\n\t var args = this.eventArgs(e);\r\n\r\n\t if (!widget.trigger(NOTE_CLICK, args)) {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t hover: function(widget, e) {\r\n\t var args = this.eventArgs(e);\r\n\r\n\t if (!widget.trigger(NOTE_HOVER, args)) {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t leave: function(widget) {\r\n\t widget._unsetActivePoint();\r\n\t },\r\n\r\n\t eventArgs: function(e) {\r\n\t var options = this.options;\r\n\r\n\t return $.extend(this.fields, {\r\n\t element: eventElement(e),\r\n\t text: defined(options.label) ? options.label.text : \"\",\r\n\t visual: this.visual\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Note, {\r\n\t icon: {\r\n\t visible: true,\r\n\t type: CIRCLE\r\n\t },\r\n\t label: {\r\n\t position: INSIDE,\r\n\t visible: true,\r\n\t align: CENTER,\r\n\t vAlign: CENTER\r\n\t },\r\n\t line: {\r\n\t visible: true\r\n\t },\r\n\t visible: true,\r\n\t position: TOP,\r\n\t zIndex: 2\r\n\t});\r\n\r\n\tfunction createAxisTick(options, tickOptions) {\r\n\t var tickX = options.tickX;\r\n\t var tickY = options.tickY;\r\n\t var position = options.position;\r\n\r\n\t var tick = new Path({\r\n\t stroke: {\r\n\t width: tickOptions.width,\r\n\t color: tickOptions.color\r\n\t }\r\n\t });\r\n\r\n\t if (options.vertical) {\r\n\t tick.moveTo(tickX, position)\r\n\t .lineTo(tickX + tickOptions.size, position);\r\n\t } else {\r\n\t tick.moveTo(position, tickY)\r\n\t .lineTo(position, tickY + tickOptions.size);\r\n\t }\r\n\r\n\t alignPathToPixel(tick);\r\n\r\n\t return tick;\r\n\t}\r\n\r\n\tfunction createAxisGridLine(options, gridLine) {\r\n\t var lineStart = options.lineStart;\r\n\t var lineEnd = options.lineEnd;\r\n\t var position = options.position;\r\n\r\n\t var line = new Path({\r\n\t stroke: {\r\n\t width: gridLine.width,\r\n\t color: gridLine.color,\r\n\t dashType: gridLine.dashType\r\n\t }\r\n\t });\r\n\r\n\t if (options.vertical) {\r\n\t line.moveTo(lineStart, position)\r\n\t .lineTo(lineEnd, position);\r\n\t } else {\r\n\t line.moveTo(position, lineStart)\r\n\t .lineTo(position, lineEnd);\r\n\t }\r\n\r\n\t alignPathToPixel(line);\r\n\r\n\t return line;\r\n\t}\r\n\r\n\tvar Axis = ChartElement.extend({\r\n\t init: function(options, chartService) {\r\n\t if (chartService === void 0) { chartService = new ChartService(); }\r\n\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.chartService = chartService;\r\n\r\n\t if (!this.options.visible) {\r\n\t this.options = deepExtend({}, this.options, {\r\n\t labels: {\r\n\t visible: false\r\n\t },\r\n\t line: {\r\n\t visible: false\r\n\t },\r\n\t margin: 0,\r\n\t majorTickSize: 0,\r\n\t minorTickSize: 0\r\n\t });\r\n\t }\r\n\r\n\t this.options.minorTicks = deepExtend({}, {\r\n\t color: this.options.line.color,\r\n\t width: this.options.line.width,\r\n\t visible: this.options.minorTickType !== NONE\r\n\t }, this.options.minorTicks, {\r\n\t size: this.options.minorTickSize,\r\n\t align: this.options.minorTickType\r\n\t });\r\n\r\n\t this.options.majorTicks = deepExtend({}, {\r\n\t color: this.options.line.color,\r\n\t width: this.options.line.width,\r\n\t visible: this.options.majorTickType !== NONE\r\n\t }, this.options.majorTicks, {\r\n\t size: this.options.majorTickSize,\r\n\t align: this.options.majorTickType\r\n\t });\r\n\r\n\t if (!this.options._deferLabels) {\r\n\t this.createLabels();\r\n\t }\r\n\r\n\t this.createTitle();\r\n\t this.createNotes();\r\n\t },\r\n\r\n\t labelsRange: function() {\r\n\t return {\r\n\t min: this.options.labels.skip,\r\n\t max: this.labelsCount()\r\n\t };\r\n\t },\r\n\r\n\t createLabels: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var align = options.vertical ? RIGHT : CENTER;\r\n\t var labelOptions = deepExtend({ }, options.labels, {\r\n\t align: align,\r\n\t zIndex: options.zIndex\r\n\t });\r\n\t var step = Math.max(1, labelOptions.step);\r\n\r\n\t this.children = grep(this.children, function (child) { return !(child instanceof AxisLabel); });\r\n\r\n\t this.labels = [];\r\n\r\n\t if (labelOptions.visible) {\r\n\t var range = this.labelsRange();\r\n\t var rotation = labelOptions.rotation;\r\n\r\n\t if (isObject(rotation)) {\r\n\t labelOptions.alignRotation = rotation.align;\r\n\t labelOptions.rotation = rotation.angle;\r\n\t }\r\n\r\n\t if (labelOptions.rotation === \"auto\") {\r\n\t labelOptions.rotation = 0;\r\n\t options.autoRotateLabels = true;\r\n\t }\r\n\r\n\t for (var idx = range.min; idx < range.max; idx += step) {\r\n\t var label = this$1.createAxisLabel(idx, labelOptions);\r\n\t if (label) {\r\n\t this$1.append(label);\r\n\t this$1.labels.push(label);\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t lineBox: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.box;\r\n\t var vertical = options.vertical;\r\n\t var mirror = options.labels.mirror;\r\n\t var axisX = mirror ? box.x1 : box.x2;\r\n\t var axisY = mirror ? box.y2 : box.y1;\r\n\t var lineWidth = options.line.width || 0;\r\n\r\n\t return vertical ?\r\n\t new Box(axisX, box.y1, axisX, box.y2 - lineWidth) :\r\n\t new Box(box.x1, axisY, box.x2 - lineWidth, axisY);\r\n\t },\r\n\r\n\t createTitle: function() {\r\n\t var options = this.options;\r\n\t var titleOptions = deepExtend({\r\n\t rotation: options.vertical ? -90 : 0,\r\n\t text: \"\",\r\n\t zIndex: 1,\r\n\t visualSize: true\r\n\t }, options.title);\r\n\r\n\t if (titleOptions.visible && titleOptions.text) {\r\n\t var title = new TextBox(titleOptions.text, titleOptions);\r\n\t this.append(title);\r\n\t this.title = title;\r\n\t }\r\n\t },\r\n\r\n\t createNotes: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var notes = options.notes;\r\n\t var items = notes.data || [];\r\n\r\n\t this.notes = [];\r\n\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t var item = deepExtend({}, notes, items[i]);\r\n\t item.value = this$1.parseNoteValue(item.value);\r\n\r\n\t var note = new Note({\r\n\t value: item.value,\r\n\t text: item.label.text,\r\n\t dataItem: item\r\n\t }, item, this$1.chartService);\r\n\r\n\t if (note.options.visible) {\r\n\t if (defined(note.options.position)) {\r\n\t if (options.vertical && !inArray(note.options.position, [ LEFT, RIGHT ])) {\r\n\t note.options.position = options.reverse ? LEFT : RIGHT;\r\n\t } else if (!options.vertical && !inArray(note.options.position, [ TOP, BOTTOM ])) {\r\n\t note.options.position = options.reverse ? BOTTOM : TOP;\r\n\t }\r\n\t } else {\r\n\t if (options.vertical) {\r\n\t note.options.position = options.reverse ? LEFT : RIGHT;\r\n\t } else {\r\n\t note.options.position = options.reverse ? BOTTOM : TOP;\r\n\t }\r\n\t }\r\n\t this$1.append(note);\r\n\t this$1.notes.push(note);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t parseNoteValue: function(value) {\r\n\t return value;\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t ChartElement.fn.renderVisual.call(this);\r\n\r\n\t this.createPlotBands();\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t this.createBackground();\r\n\t this.createLine();\r\n\t },\r\n\r\n\t gridLinesVisual: function() {\r\n\t var gridLines = this._gridLines;\r\n\t if (!gridLines) {\r\n\t gridLines = this._gridLines = new Group({\r\n\t zIndex: -2\r\n\t });\r\n\t this.appendVisual(this._gridLines);\r\n\t }\r\n\r\n\t return gridLines;\r\n\t },\r\n\r\n\t createTicks: function(lineGroup) {\r\n\t var options = this.options;\r\n\t var lineBox = this.lineBox();\r\n\t var mirror = options.labels.mirror;\r\n\t var majorUnit = options.majorTicks.visible ? options.majorUnit : 0;\r\n\t var tickLineOptions = {\r\n\t // TODO\r\n\t // _alignLines: options._alignLines,\r\n\t vertical: options.vertical\r\n\t };\r\n\r\n\t function render(tickPositions, tickOptions, skipUnit) {\r\n\t var count = tickPositions.length;\r\n\t var step = Math.max(1, tickOptions.step);\r\n\r\n\t if (tickOptions.visible) {\r\n\t for (var i = tickOptions.skip; i < count; i += step) {\r\n\t if (defined(skipUnit) && (i % skipUnit === 0)) {\r\n\t continue;\r\n\t }\r\n\r\n\t tickLineOptions.tickX = mirror ? lineBox.x2 : lineBox.x2 - tickOptions.size;\r\n\t tickLineOptions.tickY = mirror ? lineBox.y1 - tickOptions.size : lineBox.y1;\r\n\t tickLineOptions.position = tickPositions[i];\r\n\r\n\t lineGroup.append(createAxisTick(tickLineOptions, tickOptions));\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t render(this.getMajorTickPositions(), options.majorTicks);\r\n\t render(this.getMinorTickPositions(), options.minorTicks, majorUnit / options.minorUnit);\r\n\t },\r\n\r\n\t createLine: function() {\r\n\t var options = this.options;\r\n\t var line = options.line;\r\n\t var lineBox = this.lineBox();\r\n\r\n\t if (line.width > 0 && line.visible) {\r\n\t var path = new Path({\r\n\t stroke: {\r\n\t width: line.width,\r\n\t color: line.color,\r\n\t dashType: line.dashType\r\n\t }\r\n\r\n\t /* TODO\r\n\t zIndex: line.zIndex,\r\n\t */\r\n\t });\r\n\r\n\t path.moveTo(lineBox.x1, lineBox.y1)\r\n\t .lineTo(lineBox.x2, lineBox.y2);\r\n\r\n\t if (options._alignLines) {\r\n\t alignPathToPixel(path);\r\n\t }\r\n\r\n\t var group = this._lineGroup = new Group();\r\n\t group.append(path);\r\n\r\n\t this.visual.append(group);\r\n\t this.createTicks(group);\r\n\t }\r\n\t },\r\n\r\n\t getActualTickSize: function() {\r\n\t var options = this.options;\r\n\t var tickSize = 0;\r\n\r\n\t if (options.majorTicks.visible && options.minorTicks.visible) {\r\n\t tickSize = Math.max(options.majorTicks.size, options.minorTicks.size);\r\n\t } else if (options.majorTicks.visible) {\r\n\t tickSize = options.majorTicks.size;\r\n\t } else if (options.minorTicks.visible) {\r\n\t tickSize = options.minorTicks.size;\r\n\t }\r\n\r\n\t return tickSize;\r\n\t },\r\n\r\n\t createBackground: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.box;\r\n\t var background = options.background;\r\n\r\n\t if (background) {\r\n\t this._backgroundPath = Path.fromRect(box.toRect(), {\r\n\t fill: {\r\n\t color: background\r\n\t },\r\n\t stroke: null\r\n\t });\r\n\r\n\t this.visual.append(this._backgroundPath);\r\n\t }\r\n\t },\r\n\r\n\t createPlotBands: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var plotBands = options.plotBands || [];\r\n\t var vertical = options.vertical;\r\n\t var plotArea = this.plotArea;\r\n\r\n\t if (plotBands.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var group = this._plotbandGroup = new Group({\r\n\t zIndex: -1\r\n\t });\r\n\r\n\t var altAxis = grep(this.pane.axes, function (axis) { return axis.options.vertical !== this$1.options.vertical; })[0];\r\n\r\n\t for (var idx = 0; idx < plotBands.length; idx++) {\r\n\t var item = plotBands[idx];\r\n\t var slotX = (void 0), slotY = (void 0);\r\n\r\n\t if (vertical) {\r\n\t slotX = (altAxis || plotArea.axisX).lineBox();\r\n\t slotY = this$1.getSlot(item.from, item.to, true);\r\n\t } else {\r\n\t slotX = this$1.getSlot(item.from, item.to, true);\r\n\t slotY = (altAxis || plotArea.axisY).lineBox();\r\n\t }\r\n\r\n\t if (slotX.width() !== 0 && slotY.height() !== 0) {\r\n\t var bandRect = new Rect(\r\n\t [ slotX.x1, slotY.y1 ],\r\n\t [ slotX.width(), slotY.height() ]\r\n\t );\r\n\r\n\t var path = Path.fromRect(bandRect, {\r\n\t fill: {\r\n\t color: item.color,\r\n\t opacity: item.opacity\r\n\t },\r\n\t stroke: null\r\n\t });\r\n\r\n\t group.append(path);\r\n\t }\r\n\t }\r\n\r\n\t this.appendVisual(group);\r\n\t },\r\n\r\n\t createGridLines: function(altAxis) {\r\n\t var options = this.options;\r\n\t var minorGridLines = options.minorGridLines;\r\n\t var majorGridLines = options.majorGridLines;\r\n\t var minorUnit = options.minorUnit;\r\n\t var vertical = options.vertical;\r\n\t var axisLineVisible = altAxis.options.line.visible;\r\n\t var majorUnit = majorGridLines.visible ? options.majorUnit : 0;\r\n\t var lineBox = altAxis.lineBox();\r\n\t var linePos = lineBox[vertical ? \"y1\" : \"x1\"];\r\n\t var lineOptions = {\r\n\t lineStart: lineBox[vertical ? \"x1\" : \"y1\"],\r\n\t lineEnd: lineBox[vertical ? \"x2\" : \"y2\"],\r\n\t vertical: vertical\r\n\t };\r\n\t var majorTicks = [];\r\n\r\n\t var container = this.gridLinesVisual();\r\n\r\n\t function render(tickPositions, gridLine, skipUnit) {\r\n\t var count = tickPositions.length;\r\n\t var step = Math.max(1, gridLine.step);\r\n\r\n\t if (gridLine.visible) {\r\n\t for (var i = gridLine.skip; i < count; i += step) {\r\n\t var pos = round(tickPositions[i]);\r\n\t if (!inArray(pos, majorTicks)) {\r\n\t if (i % skipUnit !== 0 && (!axisLineVisible || linePos !== pos)) {\r\n\t lineOptions.position = pos;\r\n\t container.append(createAxisGridLine(lineOptions, gridLine));\r\n\r\n\t majorTicks.push(pos);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t render(this.getMajorTickPositions(), majorGridLines);\r\n\t render(this.getMinorTickPositions(), minorGridLines, majorUnit / minorUnit);\r\n\r\n\t return container.children;\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var labels = ref.labels;\r\n\t var title = ref.title;\r\n\t var vertical = options.vertical;\r\n\t var count = labels.length;\r\n\t var sizeFn = vertical ? WIDTH : HEIGHT;\r\n\t var titleSize = title ? title.box[sizeFn]() : 0;\r\n\t var space = this.getActualTickSize() + options.margin + titleSize;\r\n\t var rootBox = (this.getRoot() || {}).box || box;\r\n\t var boxSize = rootBox[sizeFn]();\r\n\t var maxLabelSize = 0;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var labelSize = labels[i].box[sizeFn]();\r\n\t if (labelSize + space <= boxSize) {\r\n\t maxLabelSize = Math.max(maxLabelSize, labelSize);\r\n\t }\r\n\t }\r\n\r\n\t if (vertical) {\r\n\t this.box = new Box(\r\n\t box.x1, box.y1,\r\n\t box.x1 + maxLabelSize + space, box.y2\r\n\t );\r\n\t } else {\r\n\t this.box = new Box(\r\n\t box.x1, box.y1,\r\n\t box.x2, box.y1 + maxLabelSize + space\r\n\t );\r\n\t }\r\n\r\n\t this.arrangeTitle();\r\n\t this.arrangeLabels();\r\n\t this.arrangeNotes();\r\n\t },\r\n\r\n\t getLabelsTickPositions: function() {\r\n\t return this.getMajorTickPositions();\r\n\t },\r\n\r\n\t labelTickIndex: function(label) {\r\n\t return label.index;\r\n\t },\r\n\r\n\t arrangeLabels: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var labels = ref.labels;\r\n\t var labelsBetweenTicks = !options.justified;\r\n\t var vertical = options.vertical;\r\n\t var lineBox = this.lineBox();\r\n\t var mirror = options.labels.mirror;\r\n\t var tickPositions = this.getLabelsTickPositions();\r\n\t var labelOffset = this.getActualTickSize() + options.margin;\r\n\r\n\t for (var idx = 0; idx < labels.length; idx++) {\r\n\t var label = labels[idx];\r\n\t var tickIx = this$1.labelTickIndex(label);\r\n\t var labelSize = vertical ? label.box.height() : label.box.width();\r\n\t var labelPos = tickPositions[tickIx] - (labelSize / 2);\r\n\t var labelBox = (void 0), firstTickPosition = (void 0), nextTickPosition = (void 0);\r\n\r\n\t if (vertical) {\r\n\t if (labelsBetweenTicks) {\r\n\t firstTickPosition = tickPositions[tickIx];\r\n\t nextTickPosition = tickPositions[tickIx + 1];\r\n\r\n\t var middle = firstTickPosition + (nextTickPosition - firstTickPosition) / 2;\r\n\t labelPos = middle - (labelSize / 2);\r\n\t }\r\n\r\n\t var labelX = lineBox.x2;\r\n\r\n\t if (mirror) {\r\n\t labelX += labelOffset;\r\n\t label.options.rotationOrigin = LEFT;\r\n\t } else {\r\n\t labelX -= labelOffset + label.box.width();\r\n\t label.options.rotationOrigin = RIGHT;\r\n\t }\r\n\r\n\t labelBox = label.box.move(labelX, labelPos);\r\n\t } else {\r\n\t if (labelsBetweenTicks) {\r\n\t firstTickPosition = tickPositions[tickIx];\r\n\t nextTickPosition = tickPositions[tickIx + 1];\r\n\t } else {\r\n\t firstTickPosition = labelPos;\r\n\t nextTickPosition = labelPos + labelSize;\r\n\t }\r\n\r\n\t var labelY = lineBox.y1;\r\n\r\n\t if (mirror) {\r\n\t labelY -= labelOffset + label.box.height();\r\n\t label.options.rotationOrigin = BOTTOM;\r\n\t } else {\r\n\t labelY += labelOffset;\r\n\t label.options.rotationOrigin = TOP;\r\n\t }\r\n\r\n\t labelBox = new Box(firstTickPosition, labelY,\r\n\t nextTickPosition, labelY + label.box.height());\r\n\t }\r\n\r\n\t label.reflow(labelBox);\r\n\t }\r\n\t },\r\n\r\n\t autoRotateLabels: function() {\r\n\t if (this.options.autoRotateLabels && !this.options.vertical) {\r\n\t var tickPositions = this.getMajorTickPositions();\r\n\t var labels = this.labels;\r\n\t var angle;\r\n\r\n\t for (var idx = 0; idx < labels.length; idx++) {\r\n\t var width = Math.abs(tickPositions[idx + 1] - tickPositions[idx]);\r\n\t var labelBox = labels[idx].box;\r\n\r\n\t if (labelBox.width() > width) {\r\n\t if (labelBox.height() > width) {\r\n\t angle = -90;\r\n\t break;\r\n\t }\r\n\t angle = -45;\r\n\t }\r\n\t }\r\n\r\n\t if (angle) {\r\n\t for (var idx$1 = 0; idx$1 < labels.length; idx$1++) {\r\n\t labels[idx$1].options.rotation = angle;\r\n\t labels[idx$1].reflow(new Box());\r\n\t }\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t arrangeTitle: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var title = ref.title;\r\n\t var mirror = options.labels.mirror;\r\n\t var vertical = options.vertical;\r\n\r\n\t if (title) {\r\n\t if (vertical) {\r\n\t title.options.align = mirror ? RIGHT : LEFT;\r\n\t title.options.vAlign = title.options.position;\r\n\t } else {\r\n\t title.options.align = title.options.position;\r\n\t title.options.vAlign = mirror ? TOP : BOTTOM;\r\n\t }\r\n\r\n\t title.reflow(this.box);\r\n\t }\r\n\t },\r\n\r\n\t arrangeNotes: function() {\r\n\t var this$1 = this;\r\n\r\n\t for (var idx = 0; idx < this.notes.length; idx++) {\r\n\t var item = this$1.notes[idx];\r\n\t var value = item.options.value;\r\n\t var slot = (void 0);\r\n\r\n\t if (defined(value)) {\r\n\t if (this$1.shouldRenderNote(value)) {\r\n\t item.show();\r\n\t } else {\r\n\t item.hide();\r\n\t }\r\n\r\n\t slot = this$1.noteSlot(value);\r\n\t } else {\r\n\t item.hide();\r\n\t }\r\n\r\n\t item.reflow(slot || this$1.lineBox());\r\n\t }\r\n\t },\r\n\r\n\t noteSlot: function(value) {\r\n\t return this.getSlot(value);\r\n\t },\r\n\r\n\t alignTo: function(secondAxis) {\r\n\t var lineBox = secondAxis.lineBox();\r\n\t var vertical = this.options.vertical;\r\n\t var pos = vertical ? Y : X;\r\n\r\n\t this.box.snapTo(lineBox, pos);\r\n\t if (vertical) {\r\n\t this.box.shrink(0, this.lineBox().height() - lineBox.height());\r\n\t } else {\r\n\t this.box.shrink(this.lineBox().width() - lineBox.width(), 0);\r\n\t }\r\n\t this.box[pos + 1] -= this.lineBox()[pos + 1] - lineBox[pos + 1];\r\n\t this.box[pos + 2] -= this.lineBox()[pos + 2] - lineBox[pos + 2];\r\n\t },\r\n\r\n\t axisLabelText: function(value, dataItem, options) {\r\n\t var tmpl = getTemplate(options);\r\n\t var text = value;\r\n\r\n\t if (tmpl) {\r\n\t text = tmpl({ value: value, dataItem: dataItem, format: options.format, culture: options.culture });\r\n\t } else if (options.format) {\r\n\t text = this.chartService.format.localeAuto(options.format, [ value ], options.culture);\r\n\t }\r\n\r\n\t return text;\r\n\t },\r\n\r\n\t slot: function(from , to, limit) {\r\n\t var slot = this.getSlot(from, to, limit);\r\n\t if (slot) {\r\n\t return slot.toRect();\r\n\t }\r\n\t },\r\n\r\n\t contentBox: function() {\r\n\t var box = this.box.clone();\r\n\t var labels = this.labels;\r\n\t if (labels.length) {\r\n\t if (labels[0].options.visible) {\r\n\t box.wrap(labels[0].box);\r\n\t }\r\n\t var lastLabel = labels[labels.length - 1];\r\n\t if (lastLabel.options.visible) {\r\n\t box.wrap(lastLabel.box);\r\n\t }\r\n\t }\r\n\r\n\t return box;\r\n\t },\r\n\r\n\t limitRange: function(from, to, min, max, offset) {\r\n\t var options = this.options;\r\n\r\n\t if ((from < min && offset < 0 && (!defined(options.min) || options.min <= min)) || (max < to && offset > 0 && (!defined(options.max) || max <= options.max))) {\r\n\t return null;\r\n\t }\r\n\r\n\t if ((to < min && offset > 0) || (max < from && offset < 0)) {\r\n\t return {\r\n\t min: from,\r\n\t max: to\r\n\t };\r\n\t }\r\n\r\n\t var rangeSize = to - from;\r\n\t var minValue = from;\r\n\t var maxValue = to;\r\n\r\n\t if (from < min) {\r\n\t minValue = limitValue(from, min, max);\r\n\t maxValue = limitValue(from + rangeSize, min + rangeSize, max);\r\n\t } else if (to > max) {\r\n\t maxValue = limitValue(to, min, max);\r\n\t minValue = limitValue(to - rangeSize, min, max - rangeSize);\r\n\t }\r\n\r\n\t return {\r\n\t min: minValue,\r\n\t max: maxValue\r\n\t };\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t return {\r\n\t min: this.seriesMin,\r\n\t max: this.seriesMax\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Axis, {\r\n\t labels: {\r\n\t visible: true,\r\n\t rotation: 0,\r\n\t mirror: false,\r\n\t step: 1,\r\n\t skip: 0\r\n\t },\r\n\t line: {\r\n\t width: 1,\r\n\t color: BLACK,\r\n\t visible: true\r\n\t },\r\n\t title: {\r\n\t visible: true,\r\n\t position: CENTER\r\n\t },\r\n\t majorTicks: {\r\n\t align: OUTSIDE,\r\n\t size: 4,\r\n\t skip: 0,\r\n\t step: 1\r\n\t },\r\n\t minorTicks: {\r\n\t align: OUTSIDE,\r\n\t size: 3,\r\n\t skip: 0,\r\n\t step: 1\r\n\t },\r\n\t axisCrossingValue: 0,\r\n\t majorTickType: OUTSIDE,\r\n\t minorTickType: NONE,\r\n\t majorGridLines: {\r\n\t skip: 0,\r\n\t step: 1\r\n\t },\r\n\t minorGridLines: {\r\n\t visible: false,\r\n\t width: 1,\r\n\t color: BLACK,\r\n\t skip: 0,\r\n\t step: 1\r\n\t },\r\n\t // TODO: Move to line or labels options\r\n\t margin: 5,\r\n\t visible: true,\r\n\t reverse: false,\r\n\t justified: true,\r\n\t notes: {\r\n\t label: {\r\n\t text: \"\"\r\n\t }\r\n\t },\r\n\r\n\t _alignLines: true,\r\n\t _deferLabels: false\r\n\t});\r\n\r\n\tvar MILLISECONDS = \"milliseconds\";\r\n\tvar SECONDS = \"seconds\";\r\n\tvar MINUTES = \"minutes\";\r\n\tvar HOURS = \"hours\";\r\n\tvar DAYS = \"days\";\r\n\tvar WEEKS = \"weeks\";\r\n\tvar MONTHS = \"months\";\r\n\tvar YEARS = \"years\";\r\n\r\n\tvar TIME_PER_MILLISECOND = 1;\r\n\tvar TIME_PER_SECOND = 1000;\r\n\tvar TIME_PER_MINUTE = 60 * TIME_PER_SECOND;\r\n\tvar TIME_PER_HOUR = 60 * TIME_PER_MINUTE;\r\n\tvar TIME_PER_DAY = 24 * TIME_PER_HOUR;\r\n\tvar TIME_PER_WEEK = 7 * TIME_PER_DAY;\r\n\tvar TIME_PER_MONTH = 31 * TIME_PER_DAY;\r\n\tvar TIME_PER_YEAR = 365 * TIME_PER_DAY;\r\n\tvar TIME_PER_UNIT = {\r\n\t \"years\": TIME_PER_YEAR,\r\n\t \"months\": TIME_PER_MONTH,\r\n\t \"weeks\": TIME_PER_WEEK,\r\n\t \"days\": TIME_PER_DAY,\r\n\t \"hours\": TIME_PER_HOUR,\r\n\t \"minutes\": TIME_PER_MINUTE,\r\n\t \"seconds\": TIME_PER_SECOND,\r\n\t \"milliseconds\": TIME_PER_MILLISECOND\r\n\t};\r\n\r\n\tfunction absoluteDateDiff(a, b) {\r\n\t var diff = a.getTime() - b;\r\n\t var offsetDiff = a.getTimezoneOffset() - b.getTimezoneOffset();\r\n\r\n\t return diff - (offsetDiff * TIME_PER_MINUTE);\r\n\t}\r\n\r\n\tfunction addTicks(date, ticks) {\r\n\t return new Date(date.getTime() + ticks);\r\n\t}\r\n\r\n\tfunction toDate(value) {\r\n\t var result;\r\n\r\n\t if (value instanceof Date) {\r\n\t result = value;\r\n\t } else if (value) {\r\n\t result = new Date(value);\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction startOfWeek(date, weekStartDay) {\r\n\t if (weekStartDay === void 0) { weekStartDay = 0; }\r\n\r\n\t var daysToSubtract = 0;\r\n\t var day = date.getDay();\r\n\r\n\t if (!isNaN(day)) {\r\n\t while (day !== weekStartDay) {\r\n\t if (day === 0) {\r\n\t day = 6;\r\n\t } else {\r\n\t day--;\r\n\t }\r\n\r\n\t daysToSubtract++;\r\n\t }\r\n\t }\r\n\r\n\t return addTicks(date, -daysToSubtract * TIME_PER_DAY);\r\n\t}\r\n\r\n\tfunction adjustDST(date, hours) {\r\n\t if (hours === 0 && date.getHours() === 23) {\r\n\t date.setHours(date.getHours() + 2);\r\n\t return true;\r\n\t }\r\n\r\n\t return false;\r\n\t}\r\n\r\n\tfunction addHours(date, hours) {\r\n\t var roundedDate = new Date(date);\r\n\r\n\t roundedDate.setMinutes(0, 0, 0);\r\n\r\n\t var tzDiff = (date.getTimezoneOffset() - roundedDate.getTimezoneOffset()) * TIME_PER_MINUTE;\r\n\r\n\t return addTicks(roundedDate, tzDiff + hours * TIME_PER_HOUR);\r\n\t}\r\n\r\n\tfunction addDuration(dateValue, value, unit, weekStartDay) {\r\n\t var result = dateValue;\r\n\r\n\t if (dateValue) {\r\n\t var date = toDate(dateValue);\r\n\t var hours = date.getHours();\r\n\r\n\t if (unit === YEARS) {\r\n\t result = new Date(date.getFullYear() + value, 0, 1);\r\n\t adjustDST(result, 0);\r\n\t } else if (unit === MONTHS) {\r\n\t result = new Date(date.getFullYear(), date.getMonth() + value, 1);\r\n\t adjustDST(result, hours);\r\n\t } else if (unit === WEEKS) {\r\n\t result = addDuration(startOfWeek(date, weekStartDay), value * 7, DAYS);\r\n\t adjustDST(result, hours);\r\n\t } else if (unit === DAYS) {\r\n\t result = new Date(date.getFullYear(), date.getMonth(), date.getDate() + value);\r\n\t adjustDST(result, hours);\r\n\t } else if (unit === HOURS) {\r\n\t result = addHours(date, value);\r\n\t } else if (unit === MINUTES) {\r\n\t result = addTicks(date, value * TIME_PER_MINUTE);\r\n\r\n\t if (result.getSeconds() > 0) {\r\n\t result.setSeconds(0);\r\n\t }\r\n\t } else if (unit === SECONDS) {\r\n\t result = addTicks(date, value * TIME_PER_SECOND);\r\n\t } else if (unit === MILLISECONDS) {\r\n\t result = addTicks(date, value);\r\n\t }\r\n\r\n\t if (unit !== MILLISECONDS && result.getMilliseconds() > 0) {\r\n\t result.setMilliseconds(0);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction floorDate(date, unit, weekStartDay) {\r\n\t return addDuration(toDate(date), 0, unit, weekStartDay);\r\n\t}\r\n\r\n\tfunction ceilDate(dateValue, unit, weekStartDay) {\r\n\t var date = toDate(dateValue);\r\n\r\n\t if (date && floorDate(date, unit, weekStartDay).getTime() === date.getTime()) {\r\n\t return date;\r\n\t }\r\n\r\n\t return addDuration(date, 1, unit, weekStartDay);\r\n\t}\r\n\r\n\tfunction dateComparer(a, b) {\r\n\t if (a && b) {\r\n\t return a.getTime() - b.getTime();\r\n\t }\r\n\r\n\t return -1;\r\n\t}\r\n\r\n\tfunction dateDiff(a, b) {\r\n\t return a.getTime() - b;\r\n\t}\r\n\r\n\tfunction toTime(value) {\r\n\t if (isArray(value)) {\r\n\t var result = [];\r\n\t for (var idx = 0; idx < value.length; idx++) {\r\n\t result.push(toTime(value[idx]));\r\n\t }\r\n\r\n\t return result;\r\n\t } else if (value) {\r\n\t return toDate(value).getTime();\r\n\t }\r\n\t}\r\n\r\n\tfunction dateEquals(a, b) {\r\n\t if (a && b) {\r\n\t return toTime(a) === toTime(b);\r\n\t }\r\n\r\n\t return a === b;\r\n\t}\r\n\r\n\tfunction timeIndex(date, start, baseUnit) {\r\n\t return absoluteDateDiff(date, start) / TIME_PER_UNIT[baseUnit];\r\n\t}\r\n\r\n\tfunction dateIndex(value, start, baseUnit, baseUnitStep) {\r\n\t var date = toDate(value);\r\n\t var startDate = toDate(start);\r\n\t var index;\r\n\r\n\t if (baseUnit === MONTHS) {\r\n\t index = (date.getMonth() - startDate.getMonth() + (date.getFullYear() - startDate.getFullYear()) * 12) +\r\n\t timeIndex(date, new Date(date.getFullYear(), date.getMonth()), DAYS) / new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();\r\n\t } else if (baseUnit === YEARS) {\r\n\t index = date.getFullYear() - startDate.getFullYear() + dateIndex(date, new Date(date.getFullYear(), 0), MONTHS, 1) / 12;\r\n\t } else if (baseUnit === DAYS || baseUnit === WEEKS) {\r\n\t index = timeIndex(date, startDate, baseUnit);\r\n\t } else {\r\n\t index = dateDiff(date, start) / TIME_PER_UNIT[baseUnit];\r\n\t }\r\n\r\n\t return index / baseUnitStep;\r\n\t}\r\n\r\n\tfunction duration(a, b, unit) {\r\n\t var diff;\r\n\r\n\t if (unit === YEARS) {\r\n\t diff = b.getFullYear() - a.getFullYear();\r\n\t } else if (unit === MONTHS) {\r\n\t diff = duration(a, b, YEARS) * 12 + b.getMonth() - a.getMonth();\r\n\t } else if (unit === DAYS) {\r\n\t diff = Math.floor(dateDiff(b, a) / TIME_PER_DAY);\r\n\t } else {\r\n\t diff = Math.floor(dateDiff(b, a) / TIME_PER_UNIT[unit]);\r\n\t }\r\n\r\n\t return diff;\r\n\t}\r\n\r\n\tfunction lteDateIndex(date, sortedDates) {\r\n\t var low = 0;\r\n\t var high = sortedDates.length - 1;\r\n\t var index;\r\n\r\n\t while (low <= high) {\r\n\t index = Math.floor((low + high) / 2);\r\n\t var currentDate = sortedDates[index];\r\n\r\n\t if (currentDate < date) {\r\n\t low = index + 1;\r\n\t continue;\r\n\t }\r\n\r\n\t if (currentDate > date) {\r\n\t high = index - 1;\r\n\t continue;\r\n\t }\r\n\r\n\t while (dateEquals(sortedDates[index - 1], date)) {\r\n\t index--;\r\n\t }\r\n\r\n\t return index;\r\n\t }\r\n\r\n\t if (sortedDates[index] <= date) {\r\n\t return index;\r\n\t }\r\n\r\n\t return index - 1;\r\n\t}\r\n\r\n\tfunction parseDate(intlService, date) {\r\n\t var result;\r\n\t if (isString(date)) {\r\n\t result = intlService.parseDate(date) || toDate(date);\r\n\t } else {\r\n\t result = toDate(date);\r\n\t }\r\n\t return result;\r\n\t}\r\n\r\n\tfunction parseDates(intlService, dates) {\r\n\t if (isArray(dates)) {\r\n\t var result = [];\r\n\t for (var idx = 0; idx < dates.length; idx++) {\r\n\t result.push(parseDate(intlService, dates[idx]));\r\n\t }\r\n\r\n\t return result;\r\n\t }\r\n\r\n\t return parseDate(intlService, dates);\r\n\t}\r\n\r\n\tvar MIN_CATEGORY_POINTS_RANGE = 0.01;\r\n\r\n\tfunction indexOf(value, arr) {\r\n\t if (value instanceof Date) {\r\n\t var length = arr.length;\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (dateEquals(arr[idx], value)) {\r\n\t return idx;\r\n\t }\r\n\t }\r\n\r\n\t return -1;\r\n\t }\r\n\r\n\t return arr.indexOf(value);\r\n\t}\r\n\r\n\tvar CategoryAxis = Axis.extend({\r\n\t init: function(options, chartService) {\r\n\t Axis.fn.init.call(this, options, chartService);\r\n\r\n\t this._ticks = {};\r\n\t this._initCategories(this.options);\r\n\t },\r\n\r\n\t _initCategories: function(options) {\r\n\t var categories = (options.categories || []).slice(0);\r\n\t var definedMin = defined(options.min);\r\n\t var definedMax = defined(options.max);\r\n\t options.categories = categories;\r\n\r\n\t if ((definedMin || definedMax) && categories.length) {\r\n\t options.srcCategories = options.categories;\r\n\t var min = definedMin ? Math.floor(options.min) : 0;\r\n\t var max;\r\n\r\n\t if (definedMax) {\r\n\t max = options.justified ? Math.floor(options.max) + 1 : Math.ceil(options.max);\r\n\t } else {\r\n\t max = categories.length;\r\n\t }\r\n\r\n\t options.categories = options.categories.slice(min, max);\r\n\t }\r\n\t },\r\n\r\n\t rangeIndices: function() {\r\n\t var options = this.options;\r\n\t var length = options.categories.length || 1;\r\n\t var min = isNumber(options.min) ? options.min % 1 : 0;\r\n\t var max;\r\n\r\n\t if (isNumber(options.max) && options.max % 1 !== 0 && options.max < this.totalRange().max) {\r\n\t max = length - (1 - options.max % 1);\r\n\t } else {\r\n\t max = length - (options.justified ? 1 : 0);\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t totalRangeIndices: function(limit) {\r\n\t var options = this.options;\r\n\t var min = isNumber(options.min) ? options.min : 0;\r\n\t var max;\r\n\r\n\t if (isNumber(options.max)) {\r\n\t max = options.max;\r\n\t } else if (isNumber(options.min)) {\r\n\t max = min + options.categories.length;\r\n\t } else {\r\n\t max = ((options.srcCategories || options.categories).length - (options.justified ? 1 : 0) || 1);\r\n\t }\r\n\r\n\t if (limit) {\r\n\t var totalRange = this.totalRange();\r\n\t min = limitValue(min, 0, totalRange.max);\r\n\t max = limitValue(max, 0, totalRange.max);\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t range: function() {\r\n\t var options = this.options;\r\n\t return { min: isNumber(options.min) ? options.min : 0, max: isNumber(options.max) ? options.max : options.categories.length };\r\n\t },\r\n\r\n\t totalRange: function() {\r\n\t var options = this.options;\r\n\t return { min: 0, max: Math.max(this._seriesMax || 0, (options.srcCategories || options.categories).length) - (options.justified ? 1 : 0) };\r\n\t },\r\n\r\n\t getScale: function() {\r\n\t var ref = this.rangeIndices();\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var lineBox = this.lineBox();\r\n\t var size = this.options.vertical ? lineBox.height() : lineBox.width();\r\n\t var scale = size / ((max - min) || 1);\r\n\r\n\t return scale * (this.options.reverse ? -1 : 1);\r\n\t },\r\n\r\n\t getTickPositions: function(stepSize) {\r\n\t var ref = this.options;\r\n\t var vertical = ref.vertical;\r\n\t var reverse = ref.reverse;\r\n\t var ref$1 = this.rangeIndices();\r\n\t var min = ref$1.min;\r\n\t var max = ref$1.max;\r\n\t var lineBox = this.lineBox();\r\n\t var scale = this.getScale();\r\n\t var pos = lineBox[(vertical ? Y : X) + (reverse ? 2 : 1)];\r\n\t var positions = [];\r\n\r\n\t var current = min % 1 !== 0 ? Math.floor(min / 1) + stepSize : min;\r\n\r\n\t while (current <= max) {\r\n\t positions.push(pos + round(scale * (current - min), COORD_PRECISION));\r\n\t current += stepSize;\r\n\t }\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t getLabelsTickPositions: function() {\r\n\t var tickPositions = this.getMajorTickPositions().slice(0);\r\n\t var range = this.rangeIndices();\r\n\t var scale = this.getScale();\r\n\t var box = this.lineBox();\r\n\t var options = this.options;\r\n\t var axis = options.vertical ? Y : X;\r\n\t var start = options.reverse ? 2 : 1;\r\n\t var end = options.reverse ? 1 : 2;\r\n\r\n\t if (range.min % 1 !== 0) {\r\n\t tickPositions.unshift(box[axis + start] - scale * (range.min % 1));\r\n\t }\r\n\r\n\t if (range.max % 1 !== 0) {\r\n\t tickPositions.push(box[axis + end] + scale * (1 - range.max % 1));\r\n\t }\r\n\r\n\t return tickPositions;\r\n\t },\r\n\r\n\t labelTickIndex: function(label) {\r\n\t var range = this.rangeIndices();\r\n\t var index = label.index;\r\n\r\n\t if (range.min > 0) {\r\n\t index = index - Math.floor(range.min);\r\n\t }\r\n\r\n\t return index;\r\n\t },\r\n\r\n\t arrangeLabels: function() {\r\n\t Axis.fn.arrangeLabels.call(this);\r\n\t this.hideOutOfRangeLabels();\r\n\t },\r\n\r\n\t hideOutOfRangeLabels: function() {\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var labels = ref.labels;\r\n\r\n\t if (labels.length) {\r\n\t var valueAxis = this.options.vertical ? Y : X;\r\n\t var start = box[valueAxis + 1];\r\n\t var end = box[valueAxis + 2];\r\n\t var firstLabel = labels[0];\r\n\t var lastLabel = last(labels);\r\n\r\n\t if (firstLabel.box[valueAxis + 1] > end || firstLabel.box[valueAxis + 2] < start) {\r\n\t firstLabel.options.visible = false;\r\n\t }\r\n\t if (lastLabel.box[valueAxis + 1] > end || lastLabel.box[valueAxis + 2] < start) {\r\n\t lastLabel.options.visible = false;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t getMajorTickPositions: function() {\r\n\t return this.getTicks().majorTicks;\r\n\t },\r\n\r\n\t getMinorTickPositions: function() {\r\n\t return this.getTicks().minorTicks;\r\n\t },\r\n\r\n\t getTicks: function() {\r\n\t var ref = this.options;\r\n\t var reverse = ref.reverse;\r\n\t var justified = ref.justified;\r\n\t var cache = this._ticks;\r\n\t var range = this.rangeIndices();\r\n\t var lineBox = this.lineBox();\r\n\t var hash = lineBox.getHash() + range.min + \",\" + range.max + reverse + justified;\r\n\r\n\t if (cache._hash !== hash) {\r\n\t cache._hash = hash;\r\n\t cache.majorTicks = this.getTickPositions(1);\r\n\t cache.minorTicks = this.getTickPositions(0.5);\r\n\t }\r\n\r\n\t return cache;\r\n\t },\r\n\r\n\t getSlot: function(from, to, limit) {\r\n\t var options = this.options;\r\n\t var reverse = options.reverse;\r\n\t var justified = options.justified;\r\n\t var vertical = options.vertical;\r\n\t var ref = this.rangeIndices();\r\n\t var min = ref.min;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var scale = this.getScale();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\t var slotBox = lineBox.clone();\r\n\t var singleSlot = !defined(to);\r\n\r\n\t var start = valueOrDefault(from, 0);\r\n\t var end = valueOrDefault(to, start);\r\n\t end = Math.max(end - 1, start);\r\n\r\n\t // Fixes transient bug caused by iOS 6.0 JIT\r\n\t // (one can never be too sure)\r\n\t end = Math.max(start, end);\r\n\r\n\t var p1 = lineStart + (start - min) * scale;\r\n\t var p2 = lineStart + (end + 1 - min) * scale;\r\n\r\n\t if (singleSlot && justified) {\r\n\t p2 = p1;\r\n\t }\r\n\r\n\t if (limit) {\r\n\t p1 = limitValue(p1, lineBox[valueAxis + 1], lineBox[valueAxis + 2]);\r\n\t p2 = limitValue(p2, lineBox[valueAxis + 1], lineBox[valueAxis + 2]);\r\n\t }\r\n\r\n\t slotBox[valueAxis + 1] = reverse ? p2 : p1;\r\n\t slotBox[valueAxis + 2] = reverse ? p1 : p2;\r\n\r\n\t return slotBox;\r\n\t },\r\n\r\n\t limitSlot: function(slot) {\r\n\t var vertical = this.options.vertical;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var limittedSlot = slot.clone();\r\n\r\n\t limittedSlot[valueAxis + 1] = limitValue(slot[valueAxis + 1], lineBox[valueAxis + 1], lineBox[valueAxis + 2]);\r\n\t limittedSlot[valueAxis + 2] = limitValue(slot[valueAxis + 2], lineBox[valueAxis + 1], lineBox[valueAxis + 2]);\r\n\r\n\t return limittedSlot;\r\n\t },\r\n\r\n\t slot: function(from, to, limit) {\r\n\t var start = from;\r\n\t var end = to;\r\n\r\n\t if (typeof start === \"string\") {\r\n\t start = this.categoryIndex(start);\r\n\t }\r\n\r\n\t if (typeof end === \"string\") {\r\n\t end = this.categoryIndex(end);\r\n\t }\r\n\r\n\t return Axis.fn.slot.call(this, start, end, limit);\r\n\t },\r\n\r\n\t pointCategoryIndex: function(point) {\r\n\t var ref = this.options;\r\n\t var reverse = ref.reverse;\r\n\t var justified = ref.justified;\r\n\t var vertical = ref.vertical;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var range = this.rangeIndices();\r\n\t var startValue = reverse ? range.max : range.min;\r\n\t var scale = this.getScale();\r\n\t var lineStart = lineBox[valueAxis + 1];\r\n\t var lineEnd = lineBox[valueAxis + 2];\r\n\t var pos = point[valueAxis];\r\n\r\n\t if (pos < lineStart || pos > lineEnd) {\r\n\t return null;\r\n\t }\r\n\r\n\t var value = startValue + (pos - lineStart) / scale;\r\n\t var diff = value % 1;\r\n\r\n\t if (justified) {\r\n\t value = Math.round(value);\r\n\t } else if (diff === 0 && value > 0) {\r\n\t value--;\r\n\t }\r\n\r\n\t return Math.floor(value);\r\n\t },\r\n\r\n\t getCategory: function(point) {\r\n\t var index = this.pointCategoryIndex(point);\r\n\r\n\t if (index === null) {\r\n\t return null;\r\n\t }\r\n\r\n\t return this.options.categories[index];\r\n\t },\r\n\r\n\t categoryIndex: function(value) {\r\n\t var options = this.options;\r\n\t var index = indexOf(value, options.srcCategories || options.categories);\r\n\r\n\t return index - Math.floor(options.min || 0);\r\n\t },\r\n\r\n\t translateRange: function(delta) {\r\n\t var options = this.options;\r\n\t var lineBox = this.lineBox();\r\n\t var size = options.vertical ? lineBox.height() : lineBox.width();\r\n\t var range = options.categories.length;\r\n\t var scale = size / range;\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\r\n\t return {\r\n\t min: offset,\r\n\t max: range + offset\r\n\t };\r\n\t },\r\n\r\n\t zoomRange: function(rate) {\r\n\t var rangeIndices = this.totalRangeIndices();\r\n\t var ref = this.totalRange();\r\n\t var totalMin = ref.min;\r\n\t var totalMax = ref.max;\r\n\t var min = limitValue(rangeIndices.min + rate, totalMin, totalMax);\r\n\t var max = limitValue(rangeIndices.max - rate, totalMin, totalMax);\r\n\r\n\t if (max - min > 0) {\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t scaleRange: function(scale) {\r\n\t var range = this.options.categories.length;\r\n\t var delta = scale * range;\r\n\r\n\t return {\r\n\t min: -delta,\r\n\t max: range + delta\r\n\t };\r\n\t },\r\n\r\n\t labelsCount: function() {\r\n\t var labelsRange = this.labelsRange();\r\n\r\n\t return labelsRange.max - labelsRange.min;\r\n\t },\r\n\r\n\t labelsRange: function() {\r\n\t var options = this.options;\r\n\t var justified = options.justified;\r\n\t var labelOptions = options.labels;\r\n\t var ref = this.totalRangeIndices(true);\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var start = Math.floor(min);\r\n\r\n\t if (!justified) {\r\n\t min = Math.floor(min);\r\n\t max = Math.ceil(max);\r\n\t } else {\r\n\t min = Math.ceil(min);\r\n\t max = Math.floor(max);\r\n\t }\r\n\r\n\t var skip;\r\n\r\n\t if (min > labelOptions.skip) {\r\n\t skip = labelOptions.skip + labelOptions.step * Math.ceil((min - labelOptions.skip) / labelOptions.step);\r\n\t } else {\r\n\t skip = labelOptions.skip;\r\n\t }\r\n\r\n\t return {\r\n\t min: skip - start,\r\n\t max: (options.categories.length ? max + (justified ? 1 : 0) : 0) - start\r\n\t };\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var options = this.options;\r\n\t var dataItem = options.dataItems ? options.dataItems[index] : null;\r\n\t var category = valueOrDefault(options.categories[index], \"\");\r\n\t var text = this.axisLabelText(category, dataItem, labelOptions);\r\n\r\n\t return new AxisLabel(category, text, index, dataItem, labelOptions);\r\n\t },\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.totalRangeIndices();\r\n\r\n\t return Math.floor(range.min) <= value && value <= Math.ceil(range.max);\r\n\t },\r\n\r\n\t noteSlot: function(value) {\r\n\t var options = this.options;\r\n\t var index = value - Math.floor(options.min || 0);\r\n\t return this.getSlot(index);\r\n\t },\r\n\r\n\t arrangeNotes: function() {\r\n\t Axis.fn.arrangeNotes.call(this);\r\n\t this.hideOutOfRangeNotes();\r\n\t },\r\n\r\n\t hideOutOfRangeNotes: function() {\r\n\t var ref = this;\r\n\t var notes = ref.notes;\r\n\t var box = ref.box;\r\n\t if (notes && notes.length) {\r\n\t var valueAxis = this.options.vertical ? Y : X;\r\n\t var start = box[valueAxis + 1];\r\n\t var end = box[valueAxis + 2];\r\n\r\n\t for (var idx = 0; idx < notes.length; idx++) {\r\n\t var note = notes[idx];\r\n\t if (note.box && (end < note.box[valueAxis + 1] || note.box[valueAxis + 2] < start)) {\r\n\t note.hide();\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var range = this.totalRangeIndices(true);\r\n\t var scale = this.getScale();\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\t var totalRange = this.totalRange();\r\n\t var min = range.min + offset;\r\n\t var max = range.max + offset;\r\n\r\n\t return this.limitRange(min, max, 0, totalRange.max, offset);\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var ref = this.options;\r\n\t var reverse = ref.reverse;\r\n\t var vertical = ref.vertical;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var range = this.totalRangeIndices(true);\r\n\t var scale = this.getScale();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\r\n\t var diffStart = start[valueAxis] - lineStart;\r\n\t var diffEnd = end[valueAxis] - lineStart;\r\n\r\n\t var min = range.min + diffStart / scale;\r\n\t var max = range.min + diffEnd / scale;\r\n\t var rangeMin = Math.min(min, max);\r\n\t var rangeMax = Math.max(min, max);\r\n\r\n\t if (rangeMax - rangeMin >= MIN_CATEGORY_POINTS_RANGE) {\r\n\t return {\r\n\t min: rangeMin,\r\n\t max: rangeMax\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t return this.range();\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(CategoryAxis, {\r\n\t type: \"category\",\r\n\t categories: [],\r\n\t vertical: false,\r\n\t majorGridLines: {\r\n\t visible: false,\r\n\t width: 1,\r\n\t color: BLACK\r\n\t },\r\n\t labels: {\r\n\t zIndex: 1\r\n\t },\r\n\t justified: false,\r\n\t _deferLabels: true\r\n\t});\r\n\r\n\tvar COORDINATE_LIMIT = 300000;\r\n\r\n\tvar DateLabelFormats = {\r\n\t milliseconds: \"HH:mm:ss.fff\",\r\n\t seconds: \"HH:mm:ss\",\r\n\t minutes: \"HH:mm\",\r\n\t hours: \"HH:mm\",\r\n\t days: \"M/d\",\r\n\t weeks: \"M/d\",\r\n\t months: \"MMM 'yy\",\r\n\t years: \"yyyy\"\r\n\t};\r\n\r\n\tvar ZERO_THRESHOLD = 0.2;\r\n\r\n\tvar AUTO = \"auto\";\r\n\tvar BASE_UNITS = [\r\n\t MILLISECONDS, SECONDS, MINUTES, HOURS, DAYS, WEEKS, MONTHS, YEARS\r\n\t];\r\n\tvar FIT = \"fit\";\r\n\r\n\tvar DateCategoryAxis = CategoryAxis.extend({\r\n\t init: function(axisOptions, chartService) {\r\n\t CategoryAxis.fn.init.call(this, axisOptions, chartService);\r\n\r\n\t var intlService = chartService.intl;\r\n\t var options = this.options;\r\n\r\n\t options = deepExtend({\r\n\t roundToBaseUnit: true\r\n\t }, options, {\r\n\t categories: parseDates(intlService, options.categories),\r\n\t min: parseDate(intlService, options.min),\r\n\t max: parseDate(intlService, options.max)\r\n\t });\r\n\r\n\t options.userSetBaseUnit = options.userSetBaseUnit || options.baseUnit;\r\n\t options.userSetBaseUnitStep = options.userSetBaseUnitStep || options.baseUnitStep;\r\n\r\n\t if (options.categories && options.categories.length > 0) {\r\n\t var baseUnit = (options.baseUnit || \"\").toLowerCase();\r\n\t var useDefault = baseUnit !== FIT && !inArray(baseUnit, BASE_UNITS);\r\n\r\n\t if (useDefault) {\r\n\t options.baseUnit = this.defaultBaseUnit(options);\r\n\t }\r\n\r\n\t if (baseUnit === FIT || options.baseUnitStep === AUTO) {\r\n\t this.autoBaseUnit(options);\r\n\t }\r\n\r\n\t this._groupsStart = addDuration(options.categories[0], 0, options.baseUnit, options.weekStartDay);\r\n\r\n\t this.groupCategories(options);\r\n\t } else {\r\n\t options.baseUnit = options.baseUnit || DAYS;\r\n\t }\r\n\r\n\t this.options = options;\r\n\t },\r\n\r\n\t _initCategories: function() {},\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.range();\r\n\t var categories = this.options.categories || [];\r\n\r\n\t return dateComparer(value, range.min) >= 0 && dateComparer(value, range.max) <= 0 && categories.length;\r\n\t },\r\n\r\n\t parseNoteValue: function(value) {\r\n\t return parseDate(this.chartService.intl, value);\r\n\t },\r\n\r\n\t noteSlot: function(value) {\r\n\t return this.getSlot(value);\r\n\t },\r\n\r\n\t translateRange: function(delta) {\r\n\t var options = this.options;\r\n\t var baseUnit = options.baseUnit;\r\n\t var weekStartDay = options.weekStartDay;\r\n\t var vertical = options.vertical;\r\n\t var lineBox = this.lineBox();\r\n\t var size = vertical ? lineBox.height() : lineBox.width();\r\n\t var range = this.range();\r\n\t var scale = size / (range.max - range.min);\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\r\n\t if (range.min && range.max) {\r\n\t var from = addTicks(options.min || range.min, offset);\r\n\t var to = addTicks(options.max || range.max, offset);\r\n\r\n\t range = {\r\n\t min: addDuration(from, 0, baseUnit, weekStartDay),\r\n\t max: addDuration(to, 0, baseUnit, weekStartDay)\r\n\t };\r\n\t }\r\n\r\n\t return range;\r\n\t },\r\n\r\n\t scaleRange: function(delta) {\r\n\t var rounds = Math.abs(delta);\r\n\t var result = this.range();\r\n\t var from = result.min;\r\n\t var to = result.max;\r\n\r\n\t if (from && to) {\r\n\t while (rounds--) {\r\n\t var range = dateDiff(from, to);\r\n\t var step = Math.round(range * 0.1);\r\n\t if (delta < 0) {\r\n\t from = addTicks(from, step);\r\n\t to = addTicks(to, -step);\r\n\t } else {\r\n\t from = addTicks(from, -step);\r\n\t to = addTicks(to, step);\r\n\t }\r\n\t }\r\n\r\n\t result = { min: from, max: to };\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t defaultBaseUnit: function(options) {\r\n\t var categories = options.categories;\r\n\t var count = defined(categories) ? categories.length : 0;\r\n\t var minDiff = MAX_VALUE;\r\n\t var lastCategory, unit;\r\n\r\n\t for (var categoryIx = 0; categoryIx < count; categoryIx++) {\r\n\t var category = categories[categoryIx];\r\n\r\n\t if (category && lastCategory) {\r\n\t var diff = absoluteDateDiff(category, lastCategory);\r\n\t if (diff > 0) {\r\n\t minDiff = Math.min(minDiff, diff);\r\n\r\n\t if (minDiff >= TIME_PER_YEAR) {\r\n\t unit = YEARS;\r\n\t } else if (minDiff >= TIME_PER_MONTH - TIME_PER_DAY * 3) {\r\n\t unit = MONTHS;\r\n\t } else if (minDiff >= TIME_PER_WEEK) {\r\n\t unit = WEEKS;\r\n\t } else if (minDiff >= TIME_PER_DAY) {\r\n\t unit = DAYS;\r\n\t } else if (minDiff >= TIME_PER_HOUR) {\r\n\t unit = HOURS;\r\n\t } else if (minDiff >= TIME_PER_MINUTE) {\r\n\t unit = MINUTES;\r\n\t } else {\r\n\t unit = SECONDS;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t lastCategory = category;\r\n\t }\r\n\r\n\t return unit || DAYS;\r\n\t },\r\n\r\n\t _categoryRange: function(categories) {\r\n\t var range = categories._range;\r\n\t if (!range) {\r\n\t range = categories._range = sparseArrayLimits(categories);\r\n\t }\r\n\r\n\t return range;\r\n\t },\r\n\r\n\t totalRange: function() {\r\n\t return {\r\n\t min: 0,\r\n\t max: this.options.categories.length\r\n\t };\r\n\t },\r\n\r\n\t rangeIndices: function() {\r\n\t var options = this.options;\r\n\t var categories = options.categories;\r\n\t var baseUnit = options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var categoryLimits = this.categoriesRange();\r\n\t var min = toDate(options.min || categoryLimits.min);\r\n\t var max = toDate(options.max || categoryLimits.max);\r\n\t var minIdx = 0, maxIdx = 0;\r\n\r\n\t if (categories.length) {\r\n\t minIdx = dateIndex(min, categories[0], baseUnit, baseUnitStep);\r\n\t maxIdx = dateIndex(max, categories[0], baseUnit, baseUnitStep);\r\n\r\n\t if (options.roundToBaseUnit) {\r\n\t minIdx = Math.floor(minIdx);\r\n\t maxIdx = options.justified ? Math.floor(maxIdx) : Math.ceil(maxIdx);\r\n\t }\r\n\t }\r\n\r\n\t return { min: minIdx, max: maxIdx };\r\n\t },\r\n\r\n\t labelsRange: function() {\r\n\t var options = this.options;\r\n\t var labelOptions = options.labels;\r\n\t var range = this.rangeIndices();\r\n\t var min = Math.floor(range.min);\r\n\t var max = Math.ceil(range.max);\r\n\r\n\t return {\r\n\t min: min + labelOptions.skip,\r\n\t max: options.categories.length ? max + (options.justified ? 1 : 0) : 0\r\n\t };\r\n\t },\r\n\r\n\t categoriesRange: function() {\r\n\t var options = this.options;\r\n\t var range = this._categoryRange(options.srcCategories || options.categories);\r\n\r\n\t var max = toDate(range.max);\r\n\t if (!options.justified && dateEquals(max, this._roundToTotalStep(max, options, false))) {\r\n\t max = this._roundToTotalStep(max, options, true, true);\r\n\t }\r\n\t return {\r\n\t min: toDate(range.min),\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t currentRange: function() {\r\n\t var options = this.options;\r\n\t var round$$1 = options.roundToBaseUnit !== false;\r\n\t var totalRange = this.categoriesRange();\r\n\t var min = options.min;\r\n\t var max = options.max;\r\n\r\n\t if (!min) {\r\n\t min = round$$1 ? this._roundToTotalStep(totalRange.min, options, false) : totalRange.min;\r\n\t }\r\n\r\n\t if (!max) {\r\n\t max = round$$1 ? this._roundToTotalStep(totalRange.max, options, !options.justified) : totalRange.max;\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t datesRange: function() {\r\n\t var range = this._categoryRange(this.options.srcCategories || this.options.categories);\r\n\t return {\r\n\t min: toDate(range.min),\r\n\t max: toDate(range.max)\r\n\t };\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var options = this.options;\r\n\t var lineBox = this.lineBox();\r\n\t var size = options.vertical ? lineBox.height() : lineBox.width();\r\n\t var ref = this.currentRange();\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var totalLimits = this.totalLimits();\r\n\t var scale = size / (max - min);\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\t var from = addTicks(min, offset);\r\n\t var to = addTicks(max, offset);\r\n\r\n\t var panRange = this.limitRange(toTime(from), toTime(to), toTime(totalLimits.min), toTime(totalLimits.max), offset);\r\n\r\n\t if (panRange) {\r\n\t panRange.min = toDate(panRange.min);\r\n\t panRange.max = toDate(panRange.max);\r\n\t panRange.baseUnit = options.baseUnit;\r\n\t panRange.baseUnitStep = options.baseUnitStep || 1;\r\n\t panRange.userSetBaseUnit = options.userSetBaseUnit;\r\n\t panRange.userSetBaseUnitStep = options.userSetBaseUnitStep;\r\n\r\n\t return panRange;\r\n\t }\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var pointsRange = CategoryAxis.fn.pointsRange.call(this, start, end);\r\n\t var datesRange = this.currentRange();\r\n\t var indicesRange = this.rangeIndices();\r\n\t var scale = dateDiff(datesRange.max, datesRange.min) / (indicesRange.max - indicesRange.min);\r\n\t var options = this.options;\r\n\r\n\t var min = addTicks(datesRange.min, pointsRange.min * scale);\r\n\t var max = addTicks(datesRange.min, pointsRange.max * scale);\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max,\r\n\t baseUnit: options.userSetBaseUnit,\r\n\t baseUnitStep: options.userSetBaseUnitStep\r\n\t };\r\n\t },\r\n\r\n\t zoomRange: function(delta) {\r\n\t var options = this.options;\r\n\t var totalLimits = this.totalLimits();\r\n\t var weekStartDay = options.weekStartDay;\r\n\t var baseUnit = options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var ref = this.currentRange();\r\n\t var rangeMin = ref.min;\r\n\t var rangeMax = ref.max;\r\n\t var min = addDuration(rangeMin, delta * baseUnitStep, baseUnit, weekStartDay);\r\n\t var max = addDuration(rangeMax, -delta * baseUnitStep, baseUnit, weekStartDay);\r\n\r\n\t if (options.userSetBaseUnit === FIT) {\r\n\t var autoBaseUnitSteps = options.autoBaseUnitSteps;\r\n\t var maxDateGroups = options.maxDateGroups;\r\n\r\n\t var maxDiff = last(autoBaseUnitSteps[baseUnit]) * maxDateGroups * TIME_PER_UNIT[baseUnit];\r\n\t var rangeDiff = dateDiff(rangeMax, rangeMin);\r\n\t var diff = dateDiff(max, min);\r\n\t var baseUnitIndex = BASE_UNITS.indexOf(baseUnit);\r\n\t var autoBaseUnitStep, ticks;\r\n\r\n\t if (diff < TIME_PER_UNIT[baseUnit] && baseUnit !== MILLISECONDS) {\r\n\t baseUnit = BASE_UNITS[baseUnitIndex - 1];\r\n\t autoBaseUnitStep = last(autoBaseUnitSteps[baseUnit]);\r\n\t ticks = (rangeDiff - (maxDateGroups - 1) * autoBaseUnitStep * TIME_PER_UNIT[baseUnit]) / 2;\r\n\t min = addTicks(rangeMin, ticks);\r\n\t max = addTicks(rangeMax, -ticks);\r\n\r\n\t } else if (diff > maxDiff && baseUnit !== YEARS) {\r\n\t var stepIndex = 0;\r\n\r\n\t do {\r\n\t baseUnitIndex++;\r\n\t baseUnit = BASE_UNITS[baseUnitIndex];\r\n\t stepIndex = 0;\r\n\t ticks = 2 * TIME_PER_UNIT[baseUnit];\r\n\t do {\r\n\t autoBaseUnitStep = autoBaseUnitSteps[baseUnit][stepIndex];\r\n\t stepIndex++;\r\n\t } while (stepIndex < autoBaseUnitSteps[baseUnit].length && ticks * autoBaseUnitStep < rangeDiff);\r\n\t } while (baseUnit !== YEARS && ticks * autoBaseUnitStep < rangeDiff);\r\n\r\n\t ticks = (ticks * autoBaseUnitStep - rangeDiff) / 2;\r\n\t if (ticks > 0) {\r\n\t min = addTicks(rangeMin, -ticks);\r\n\t max = addTicks(rangeMax, ticks);\r\n\t min = addTicks(min, limitValue(max, totalLimits.min, totalLimits.max) - max);\r\n\t max = addTicks(max, limitValue(min, totalLimits.min, totalLimits.max) - min);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t min = toDate(limitValue(min, totalLimits.min, totalLimits.max));\r\n\t max = toDate(limitValue(max, totalLimits.min, totalLimits.max));\r\n\r\n\t if (min && max && dateDiff(max, min) > 0) {\r\n\t return {\r\n\t min: min,\r\n\t max: max,\r\n\t baseUnit: options.userSetBaseUnit,\r\n\t baseUnitStep: options.userSetBaseUnitStep\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t totalLimits: function() {\r\n\t var options = this.options;\r\n\t var datesRange = this.datesRange();\r\n\r\n\t var min = this._roundToTotalStep(toDate(datesRange.min), options, false);\r\n\t var max = datesRange.max;\r\n\r\n\t if (!options.justified) {\r\n\t max = this._roundToTotalStep(max, options, true, dateEquals(max, this._roundToTotalStep(max, options, false)));\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t range: function(rangeOptions) {\r\n\t var options = rangeOptions || this.options;\r\n\r\n\t var categories = options.categories;\r\n\t var autoUnit = options.baseUnit === FIT;\r\n\t var baseUnit = autoUnit ? BASE_UNITS[0] : options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var stepOptions = {\r\n\t baseUnit: baseUnit,\r\n\t baseUnitStep: baseUnitStep,\r\n\t weekStartDay: options.weekStartDay\r\n\t };\r\n\t var categoryLimits = this._categoryRange(categories);\r\n\t var min = toDate(options.min || categoryLimits.min);\r\n\t var max = toDate(options.max || categoryLimits.max);\r\n\r\n\t return {\r\n\t min: this._roundToTotalStep(min, stepOptions, false),\r\n\t max: this._roundToTotalStep(max, stepOptions, true, true)\r\n\t };\r\n\t },\r\n\r\n\t autoBaseUnit: function(options) {\r\n\t var categoryLimits = this._categoryRange(options.categories);\r\n\t var span = toDate(options.max || categoryLimits.max) - toDate(options.min || categoryLimits.min);\r\n\t var maxDateGroups = options.maxDateGroups || this.options.maxDateGroups;\r\n\t var autoUnit = options.baseUnit === FIT;\r\n\t var autoUnitIx = 0;\r\n\t var baseUnit = autoUnit ? BASE_UNITS[autoUnitIx++] : options.baseUnit;\r\n\t var units = span / TIME_PER_UNIT[baseUnit];\r\n\t var totalUnits = units;\r\n\t var autoBaseUnitSteps = deepExtend(\r\n\t {}, this.options.autoBaseUnitSteps, options.autoBaseUnitSteps\r\n\t );\r\n\t var unitSteps, step, nextStep;\r\n\r\n\t while (!step || units >= maxDateGroups) {\r\n\t unitSteps = unitSteps || autoBaseUnitSteps[baseUnit].slice(0);\r\n\t nextStep = unitSteps.shift();\r\n\r\n\t if (nextStep) {\r\n\t step = nextStep;\r\n\t units = totalUnits / step;\r\n\t } else if (baseUnit === last(BASE_UNITS)) {\r\n\t step = Math.ceil(totalUnits / maxDateGroups);\r\n\t break;\r\n\t } else if (autoUnit) {\r\n\t baseUnit = BASE_UNITS[autoUnitIx++] || last(BASE_UNITS);\r\n\t totalUnits = span / TIME_PER_UNIT[baseUnit];\r\n\t unitSteps = null;\r\n\t } else {\r\n\t if (units > maxDateGroups) {\r\n\t step = Math.ceil(totalUnits / maxDateGroups);\r\n\t }\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t options.baseUnitStep = step;\r\n\t options.baseUnit = baseUnit;\r\n\t },\r\n\r\n\t groupCategories: function(options) {\r\n\t var categories = options.categories;\r\n\t var baseUnit = options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var maxCategory = toDate(sparseArrayLimits(categories).max);\r\n\t var ref = this.range(options);\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var groups = [];\r\n\t var nextDate;\r\n\r\n\t for (var date = min; date < max; date = nextDate) {\r\n\t groups.push(date);\r\n\r\n\t nextDate = addDuration(date, baseUnitStep, baseUnit, options.weekStartDay);\r\n\t if (nextDate > maxCategory && !options.max) {\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t options.srcCategories = categories;\r\n\t options.categories = groups;\r\n\t },\r\n\r\n\t _roundToTotalStep: function(value, axisOptions, upper, roundToNext) {\r\n\t var options = axisOptions || this.options;\r\n\t var baseUnit = options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var start = this._groupsStart;\r\n\r\n\t if (start) {\r\n\t var step = dateIndex(value, start, baseUnit, baseUnitStep);\r\n\t var roundedStep = upper ? Math.ceil(step) : Math.floor(step);\r\n\t if (roundToNext) {\r\n\t roundedStep++;\r\n\t }\r\n\t return addDuration(start, roundedStep * baseUnitStep, baseUnit, options.weekStartDay);\r\n\t }\r\n\r\n\t return addDuration(value, upper ? baseUnitStep : 0, baseUnit, options.weekStartDay);\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var options = this.options;\r\n\t var dataItem = options.dataItems ? options.dataItems[index] : null;\r\n\t var date = options.categories[index];\r\n\t var baseUnit = options.baseUnit;\r\n\t var unitFormat = labelOptions.dateFormats[baseUnit];\r\n\t var visible = true;\r\n\r\n\t if (options.justified) {\r\n\t var roundedDate = floorDate(date, baseUnit, options.weekStartDay);\r\n\t visible = dateEquals(roundedDate, date);\r\n\t } else if (!options.roundToBaseUnit) {\r\n\t visible = !dateEquals(this.range().max, date);\r\n\t }\r\n\r\n\t if (visible) {\r\n\t labelOptions.format = labelOptions.format || unitFormat;\r\n\t var text = this.axisLabelText(date, dataItem, labelOptions);\r\n\t if (text) {\r\n\t return new AxisLabel(date, text, index, dataItem, labelOptions);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t categoryIndex: function(value) {\r\n\t var options = this.options;\r\n\t var categories = options.categories;\r\n\t var index = -1;\r\n\r\n\t if (categories.length) {\r\n\t index = Math.floor(dateIndex(toDate(value), categories[0], options.baseUnit, options.baseUnitStep || 1));\r\n\t }\r\n\r\n\t return index;\r\n\t },\r\n\r\n\t getSlot: function(a, b, limit) {\r\n\t var start = a;\r\n\t var end = b;\r\n\r\n\t if (typeof start === OBJECT) {\r\n\t start = this.categoryIndex(start);\r\n\t }\r\n\r\n\t if (typeof end === OBJECT) {\r\n\t end = this.categoryIndex(end);\r\n\t }\r\n\r\n\t return CategoryAxis.fn.getSlot.call(this, start, end, limit);\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t var options = this.options;\r\n\t var range = this._categoryRange(options.srcCategories || options.categories);\r\n\r\n\t return {\r\n\t min: toDate(range.min),\r\n\t max: toDate(range.max)\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(DateCategoryAxis, {\r\n\t type: DATE,\r\n\t labels: {\r\n\t dateFormats: DateLabelFormats\r\n\t },\r\n\t autoBaseUnitSteps: {\r\n\t milliseconds: [ 1, 10, 100 ],\r\n\t seconds: [ 1, 2, 5, 15, 30 ],\r\n\t minutes: [ 1, 2, 5, 15, 30 ],\r\n\t hours: [ 1, 2, 3 ],\r\n\t days: [ 1, 2, 3 ],\r\n\t weeks: [ 1, 2 ],\r\n\t months: [ 1, 2, 3, 6 ],\r\n\t years: [ 1, 2, 3, 5, 10, 25, 50 ]\r\n\t },\r\n\t maxDateGroups: 10\r\n\t});\r\n\r\n\tfunction autoMajorUnit(min, max) {\r\n\t var diff = round(max - min, DEFAULT_PRECISION - 1);\r\n\r\n\t if (diff === 0) {\r\n\t if (max === 0) {\r\n\t return 0.1;\r\n\t }\r\n\r\n\t diff = Math.abs(max);\r\n\t }\r\n\r\n\t var scale = Math.pow(10, Math.floor(Math.log(diff) / Math.log(10)));\r\n\t var relativeValue = round((diff / scale), DEFAULT_PRECISION);\r\n\t var scaleMultiplier = 1;\r\n\r\n\t if (relativeValue < 1.904762) {\r\n\t scaleMultiplier = 0.2;\r\n\t } else if (relativeValue < 4.761904) {\r\n\t scaleMultiplier = 0.5;\r\n\t } else if (relativeValue < 9.523809) {\r\n\t scaleMultiplier = 1;\r\n\t } else {\r\n\t scaleMultiplier = 2;\r\n\t }\r\n\r\n\t return round(scale * scaleMultiplier, DEFAULT_PRECISION);\r\n\t}\r\n\r\n\tfunction autoAxisMin(min, max, narrow) {\r\n\t if (!min && !max) {\r\n\t return 0;\r\n\t }\r\n\r\n\t var axisMin;\r\n\r\n\t if (min >= 0 && max >= 0) {\r\n\t var minValue = min === max ? 0 : min;\r\n\r\n\t var diff = (max - minValue) / max;\r\n\t if (narrow === false || (!narrow && diff > ZERO_THRESHOLD)) {\r\n\t return 0;\r\n\t }\r\n\r\n\t axisMin = Math.max(0, minValue - ((max - minValue) / 2));\r\n\t } else {\r\n\t axisMin = min;\r\n\t }\r\n\r\n\t return axisMin;\r\n\t}\r\n\r\n\tfunction autoAxisMax(min, max, narrow) {\r\n\t if (!min && !max) {\r\n\t return 1;\r\n\t }\r\n\r\n\t var axisMax;\r\n\r\n\t if (min <= 0 && max <= 0) {\r\n\t var maxValue = min === max ? 0 : max;\r\n\r\n\t var diff = Math.abs((maxValue - min) / maxValue);\r\n\t if (narrow === false || (!narrow && diff > ZERO_THRESHOLD)) {\r\n\t return 0;\r\n\t }\r\n\r\n\t axisMax = Math.min(0, maxValue - ((min - maxValue) / 2));\r\n\t } else {\r\n\t axisMax = max;\r\n\t }\r\n\r\n\t return axisMax;\r\n\t}\r\n\r\n\tfunction floor(value, step) {\r\n\t return round(Math.floor(value / step) * step, DEFAULT_PRECISION);\r\n\t}\r\n\r\n\tfunction ceil(value, step) {\r\n\t return round(Math.ceil(value / step) * step, DEFAULT_PRECISION);\r\n\t}\r\n\r\n\tfunction limitCoordinate(value) {\r\n\t return Math.max(Math.min(value, COORDINATE_LIMIT), -COORDINATE_LIMIT);\r\n\t}\r\n\r\n\tvar MIN_VALUE_RANGE = Math.pow(10, -DEFAULT_PRECISION + 1);\r\n\r\n\tvar NumericAxis = Axis.extend({\r\n\t init: function(seriesMin, seriesMax, options, chartService) {\r\n\t var autoOptions = autoAxisOptions(seriesMin, seriesMax, options);\r\n\t var totalOptions = totalAxisOptions(autoOptions, options);\r\n\r\n\t Axis.fn.init.call(this, axisOptions(autoOptions, options), chartService);\r\n\r\n\t this.totalMin = totalOptions.min;\r\n\t this.totalMax = totalOptions.max;\r\n\t this.totalMajorUnit = totalOptions.majorUnit;\r\n\t this.seriesMin = seriesMin;\r\n\t this.seriesMax = seriesMax;\r\n\t },\r\n\r\n\t startValue: function() {\r\n\t return 0;\r\n\t },\r\n\r\n\t range: function() {\r\n\t var options = this.options;\r\n\t return { min: options.min, max: options.max };\r\n\t },\r\n\r\n\t getDivisions: function(stepValue) {\r\n\t if (stepValue === 0) {\r\n\t return 1;\r\n\t }\r\n\r\n\t var options = this.options;\r\n\t var range = options.max - options.min;\r\n\r\n\t return Math.floor(round(range / stepValue, COORD_PRECISION)) + 1;\r\n\t },\r\n\r\n\t getTickPositions: function(unit, skipUnit) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var reverse = options.reverse;\r\n\t var lineBox = this.lineBox();\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var range = options.max - options.min;\r\n\t var scale = lineSize / range;\r\n\t var step = unit * scale;\r\n\t var divisions = this.getDivisions(unit);\r\n\t var dir = (vertical ? -1 : 1) * (reverse ? -1 : 1);\r\n\t var startEdge = dir === 1 ? 1 : 2;\r\n\t var positions = [];\r\n\t var pos = lineBox[(vertical ? Y : X) + startEdge];\r\n\t var skipStep = 0;\r\n\r\n\t if (skipUnit) {\r\n\t skipStep = skipUnit / unit;\r\n\t }\r\n\r\n\t for (var idx = 0; idx < divisions; idx++) {\r\n\t if (idx % skipStep !== 0) {\r\n\t positions.push(round(pos, COORD_PRECISION));\r\n\t }\r\n\r\n\t pos = pos + step * dir;\r\n\t }\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t getMajorTickPositions: function() {\r\n\t return this.getTickPositions(this.options.majorUnit);\r\n\t },\r\n\r\n\t getMinorTickPositions: function() {\r\n\t return this.getTickPositions(this.options.minorUnit);\r\n\t },\r\n\r\n\t getSlot: function(a, b, limit) {\r\n\t if (limit === void 0) { limit = false; }\r\n\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var reverse = options.reverse;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var dir = reverse ? -1 : 1;\r\n\t var step = dir * (lineSize / (options.max - options.min));\r\n\t var slotBox = new Box(lineBox.x1, lineBox.y1, lineBox.x1, lineBox.y1);\r\n\r\n\t var start = a;\r\n\t var end = b;\r\n\r\n\t if (!defined(start)) {\r\n\t start = end || 0;\r\n\t }\r\n\r\n\t if (!defined(end)) {\r\n\t end = start || 0;\r\n\t }\r\n\r\n\t if (limit) {\r\n\t start = Math.max(Math.min(start, options.max), options.min);\r\n\t end = Math.max(Math.min(end, options.max), options.min);\r\n\t }\r\n\r\n\t var p1, p2;\r\n\r\n\t if (vertical) {\r\n\t p1 = options.max - Math.max(start, end);\r\n\t p2 = options.max - Math.min(start, end);\r\n\t } else {\r\n\t p1 = Math.min(start, end) - options.min;\r\n\t p2 = Math.max(start, end) - options.min;\r\n\t }\r\n\r\n\t slotBox[valueAxis + 1] = limitCoordinate(lineStart + step * (reverse ? p2 : p1));\r\n\t slotBox[valueAxis + 2] = limitCoordinate(lineStart + step * (reverse ? p1 : p2));\r\n\r\n\t return slotBox;\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var reverse = options.reverse;\r\n\t var max = Number(options.max);\r\n\t var min = Number(options.min);\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var dir = reverse ? -1 : 1;\r\n\t var offset = dir * (point[valueAxis] - lineStart);\r\n\t var step = (max - min) / lineSize;\r\n\t var valueOffset = offset * step;\r\n\r\n\t if (offset < 0 || offset > lineSize) {\r\n\t return null;\r\n\t }\r\n\r\n\t var value = vertical ?\r\n\t max - valueOffset :\r\n\t min + valueOffset;\r\n\r\n\t return round(value, DEFAULT_PRECISION);\r\n\t },\r\n\r\n\t translateRange: function(delta) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var reverse = options.reverse;\r\n\t var max = options.max;\r\n\t var min = options.min;\r\n\t var lineBox = this.lineBox();\r\n\t var size = vertical ? lineBox.height() : lineBox.width();\r\n\t var range = max - min;\r\n\t var scale = size / range;\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\r\n\t if ((vertical || reverse) && !(vertical && reverse )) {\r\n\t offset = -offset;\r\n\t }\r\n\r\n\t return {\r\n\t min: min + offset,\r\n\t max: max + offset\r\n\t };\r\n\t },\r\n\r\n\t scaleRange: function(delta) {\r\n\t var options = this.options;\r\n\t var offset = -delta * options.majorUnit;\r\n\r\n\t return {\r\n\t min: options.min - offset,\r\n\t max: options.max + offset\r\n\t };\r\n\t },\r\n\r\n\t labelsCount: function() {\r\n\t return this.getDivisions(this.options.majorUnit);\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var options = this.options;\r\n\t var value = round(options.min + (index * options.majorUnit), DEFAULT_PRECISION);\r\n\t var text = this.axisLabelText(value, null, labelOptions);\r\n\r\n\t return new AxisLabel(value, text, index, null, labelOptions);\r\n\t },\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.range();\r\n\t return range.min <= value && value <= range.max;\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var range = this.translateRange(delta);\r\n\t return this.limitRange(range.min, range.max, this.totalMin, this.totalMax);\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var startValue = this.getValue(start);\r\n\t var endValue = this.getValue(end);\r\n\t var min = Math.min(startValue, endValue);\r\n\t var max = Math.max(startValue, endValue);\r\n\r\n\t if (this.isValidRange(min, max)) {\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t zoomRange: function(delta) {\r\n\t var ref = this;\r\n\t var totalMin = ref.totalMin;\r\n\t var totalMax = ref.totalMax;\r\n\t var newRange = this.scaleRange(delta);\r\n\t var min = limitValue(newRange.min, totalMin, totalMax);\r\n\t var max = limitValue(newRange.max, totalMin, totalMax);\r\n\r\n\t if (this.isValidRange(min, max)) {\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t isValidRange: function(min, max) {\r\n\t return max - min > MIN_VALUE_RANGE;\r\n\t }\r\n\t});\r\n\r\n\tfunction autoAxisOptions(seriesMin, seriesMax, options) {\r\n\t var narrowRange = options.narrowRange;\r\n\r\n\t var autoMin = autoAxisMin(seriesMin, seriesMax, narrowRange);\r\n\t var autoMax = autoAxisMax(seriesMin, seriesMax, narrowRange);\r\n\r\n\t var majorUnit = autoMajorUnit(autoMin, autoMax);\r\n\t var autoOptions = {\r\n\t majorUnit: majorUnit\r\n\t };\r\n\r\n\t if (options.roundToMajorUnit !== false) {\r\n\t if (autoMin < 0 && remainderClose(autoMin, majorUnit, 1 / 3)) {\r\n\t autoMin -= majorUnit;\r\n\t }\r\n\r\n\t if (autoMax > 0 && remainderClose(autoMax, majorUnit, 1 / 3)) {\r\n\t autoMax += majorUnit;\r\n\t }\r\n\t }\r\n\r\n\t autoOptions.min = floor(autoMin, majorUnit);\r\n\t autoOptions.max = ceil(autoMax, majorUnit);\r\n\r\n\t return autoOptions;\r\n\t}\r\n\r\n\tfunction totalAxisOptions(autoOptions, options) {\r\n\t return {\r\n\t min: defined(options.min) ? Math.min(autoOptions.min, options.min) : autoOptions.min,\r\n\t max: defined(options.max) ? Math.max(autoOptions.max, options.max) : autoOptions.max,\r\n\t majorUnit: autoOptions.majorUnit\r\n\t };\r\n\t}\r\n\r\n\tfunction axisOptions(autoOptions, userOptions) {\r\n\t var options = userOptions;\r\n\t var userSetMin, userSetMax;\r\n\r\n\t if (userOptions) {\r\n\t userSetMin = defined(userOptions.min);\r\n\t userSetMax = defined(userOptions.max);\r\n\r\n\t var userSetLimits = userSetMin || userSetMax;\r\n\r\n\t if (userSetLimits) {\r\n\t if (userOptions.min === userOptions.max) {\r\n\t if (userOptions.min > 0) {\r\n\t userOptions.min = 0;\r\n\t } else {\r\n\t userOptions.max = 1;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (userOptions.majorUnit) {\r\n\t autoOptions.min = floor(autoOptions.min, userOptions.majorUnit);\r\n\t autoOptions.max = ceil(autoOptions.max, userOptions.majorUnit);\r\n\t } else if (userSetLimits) {\r\n\t options = deepExtend(autoOptions, userOptions);\r\n\r\n\t // Determine an auto major unit after min/max have been set\r\n\t autoOptions.majorUnit = autoMajorUnit(options.min, options.max);\r\n\t }\r\n\t }\r\n\r\n\t autoOptions.minorUnit = (options.majorUnit || autoOptions.majorUnit) / 5;\r\n\r\n\t var result = deepExtend(autoOptions, options);\r\n\t if (result.min >= result.max) {\r\n\t if (userSetMin && !userSetMax) {\r\n\t result.max = result.min + result.majorUnit;\r\n\t } else if (!userSetMin && userSetMax) {\r\n\t result.min = result.max - result.majorUnit;\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction remainderClose(value, divisor, ratio) {\r\n\t var remainder = round(Math.abs(value % divisor), DEFAULT_PRECISION);\r\n\t var threshold = divisor * (1 - ratio);\r\n\r\n\t return remainder === 0 || remainder > threshold;\r\n\t}\r\n\r\n\tsetDefaultOptions(NumericAxis, {\r\n\t type: \"numeric\",\r\n\t min: 0,\r\n\t max: 1,\r\n\t vertical: true,\r\n\t majorGridLines: {\r\n\t visible: true,\r\n\t width: 1,\r\n\t color: BLACK\r\n\t },\r\n\t labels: {\r\n\t format: \"#.####################\"\r\n\t },\r\n\t zIndex: 1\r\n\t});\r\n\r\n\tvar DateValueAxis = Axis.extend({\r\n\t init: function(seriesMin, seriesMax, axisOptions, chartService) {\r\n\t var min = toDate(seriesMin);\r\n\t var max = toDate(seriesMax);\r\n\r\n\t var intlService = chartService.intl;\r\n\t var options = axisOptions || {};\r\n\t options = deepExtend(options || {}, {\r\n\t min: parseDate(intlService, options.min),\r\n\t max: parseDate(intlService, options.max),\r\n\t axisCrossingValue: parseDates(intlService, options.axisCrossingValues || options.axisCrossingValue)\r\n\t });\r\n\t options = applyDefaults(min, max, options);\r\n\r\n\t Axis.fn.init.call(this, options, chartService);\r\n\r\n\t this.seriesMin = min;\r\n\t this.seriesMax = max;\r\n\t this.totalMin = toTime(floorDate(toTime(min) - 1, options.baseUnit));\r\n\t this.totalMax = toTime(ceilDate(toTime(max) + 1, options.baseUnit));\r\n\t },\r\n\r\n\t range: function() {\r\n\t var options = this.options;\r\n\t return { min: options.min, max: options.max };\r\n\t },\r\n\r\n\t getDivisions: function(stepValue) {\r\n\t var options = this.options;\r\n\r\n\t return Math.floor(\r\n\t duration(options.min, options.max, options.baseUnit) / stepValue + 1\r\n\t );\r\n\t },\r\n\r\n\t getTickPositions: function(step) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var lineBox = this.lineBox();\r\n\t var dir = (vertical ? -1 : 1) * (options.reverse ? -1 : 1);\r\n\t var startEdge = dir === 1 ? 1 : 2;\r\n\t var start = lineBox[(vertical ? Y : X) + startEdge];\r\n\t var divisions = this.getDivisions(step);\r\n\t var timeRange = dateDiff(options.max, options.min);\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var scale = lineSize / timeRange;\r\n\r\n\t var positions = [ start ];\r\n\t for (var i = 1; i < divisions; i++) {\r\n\t var date = addDuration(options.min, i * step, options.baseUnit);\r\n\t var pos = start + dateDiff(date, options.min) * scale * dir;\r\n\r\n\t positions.push(round(pos, COORD_PRECISION));\r\n\t }\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t getMajorTickPositions: function() {\r\n\t return this.getTickPositions(this.options.majorUnit);\r\n\t },\r\n\r\n\t getMinorTickPositions: function() {\r\n\t return this.getTickPositions(this.options.minorUnit);\r\n\t },\r\n\r\n\t getSlot: function(a, b, limit) {\r\n\t return NumericAxis.prototype.getSlot.call(\r\n\t this, toDate(a), toDate(b), limit\r\n\t );\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var value = NumericAxis.prototype.getValue.call(this, point);\r\n\r\n\t return value !== null ? toDate(value) : null;\r\n\t },\r\n\r\n\t labelsCount: function() {\r\n\t return this.getDivisions(this.options.majorUnit);\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var options = this.options;\r\n\t var offset = index * options.majorUnit;\r\n\t var date = options.min;\r\n\r\n\t if (offset > 0) {\r\n\t date = addDuration(date, offset, options.baseUnit);\r\n\t }\r\n\r\n\t var unitFormat = labelOptions.dateFormats[options.baseUnit];\r\n\t labelOptions.format = labelOptions.format || unitFormat;\r\n\r\n\t var text = this.axisLabelText(date, null, labelOptions);\r\n\t return new AxisLabel(date, text, index, null, labelOptions);\r\n\t },\r\n\r\n\t translateRange: function(delta, exact) {\r\n\t var options = this.options;\r\n\t var baseUnit = options.baseUnit;\r\n\t var weekStartDay = options.weekStartDay;\r\n\t var lineBox = this.lineBox();\r\n\t var size = options.vertical ? lineBox.height() : lineBox.width();\r\n\t var range = this.range();\r\n\t var scale = size / dateDiff(range.max, range.min);\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\t var from = addTicks(options.min, offset);\r\n\t var to = addTicks(options.max, offset);\r\n\r\n\t if (!exact) {\r\n\t from = addDuration(from, 0, baseUnit, weekStartDay);\r\n\t to = addDuration(to, 0, baseUnit, weekStartDay);\r\n\t }\r\n\r\n\t return {\r\n\t min: from,\r\n\t max: to\r\n\t };\r\n\t },\r\n\r\n\t scaleRange: function(delta) {\r\n\t var ref = this.options;\r\n\t var from = ref.min;\r\n\t var to = ref.max;\r\n\t var rounds = Math.abs(delta);\r\n\r\n\t while (rounds--) {\r\n\t var range = dateDiff(from, to);\r\n\t var step = Math.round(range * 0.1);\r\n\t if (delta < 0) {\r\n\t from = addTicks(from, step);\r\n\t to = addTicks(to, -step);\r\n\t } else {\r\n\t from = addTicks(from, -step);\r\n\t to = addTicks(to, step);\r\n\t }\r\n\t }\r\n\r\n\t return { min: from, max: to };\r\n\t },\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.range();\r\n\r\n\t return dateComparer(value, range.min) >= 0 && dateComparer(value, range.max) <= 0;\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var range = this.translateRange(delta, true);\r\n\t var limittedRange = this.limitRange(toTime(range.min), toTime(range.max), this.totalMin, this.totalMax);\r\n\r\n\t if (limittedRange) {\r\n\t return {\r\n\t min: toDate(limittedRange.min),\r\n\t max: toDate(limittedRange.max)\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var startValue = this.getValue(start);\r\n\t var endValue = this.getValue(end);\r\n\t var min = Math.min(startValue, endValue);\r\n\t var max = Math.max(startValue, endValue);\r\n\r\n\t return {\r\n\t min: toDate(min),\r\n\t max: toDate(max)\r\n\t };\r\n\t },\r\n\r\n\t zoomRange: function(delta) {\r\n\t var range = this.scaleRange(delta);\r\n\t var min = toDate(limitValue(toTime(range.min), this.totalMin, this.totalMax));\r\n\t var max = toDate(limitValue(toTime(range.max), this.totalMin, this.totalMax));\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tfunction timeUnits(delta) {\r\n\t var unit = HOURS;\r\n\r\n\t if (delta >= TIME_PER_YEAR) {\r\n\t unit = YEARS;\r\n\t } else if (delta >= TIME_PER_MONTH) {\r\n\t unit = MONTHS;\r\n\t } else if (delta >= TIME_PER_WEEK) {\r\n\t unit = WEEKS;\r\n\t } else if (delta >= TIME_PER_DAY) {\r\n\t unit = DAYS;\r\n\t }\r\n\r\n\t return unit;\r\n\t}\r\n\r\n\tfunction applyDefaults(seriesMin, seriesMax, options) {\r\n\t var min = options.min || seriesMin;\r\n\t var max = options.max || seriesMax;\r\n\t var baseUnit = options.baseUnit || (max && min ? timeUnits(absoluteDateDiff(max, min)) : HOURS);\r\n\t var baseUnitTime = TIME_PER_UNIT[baseUnit];\r\n\t var autoMin = floorDate(toTime(min) - 1, baseUnit) || toDate(max);\r\n\t var autoMax = ceilDate(toTime(max) + 1, baseUnit);\r\n\t var userMajorUnit = options.majorUnit ? options.majorUnit : undefined;\r\n\t var majorUnit = userMajorUnit || ceil(\r\n\t autoMajorUnit(autoMin.getTime(), autoMax.getTime()),\r\n\t baseUnitTime\r\n\t ) / baseUnitTime;\r\n\t var actualUnits = duration(autoMin, autoMax, baseUnit);\r\n\t var totalUnits = ceil(actualUnits, majorUnit);\r\n\t var unitsToAdd = totalUnits - actualUnits;\r\n\t var head = Math.floor(unitsToAdd / 2);\r\n\t var tail = unitsToAdd - head;\r\n\r\n\t if (!options.baseUnit) {\r\n\t delete options.baseUnit;\r\n\t }\r\n\r\n\t options.baseUnit = options.baseUnit || baseUnit;\r\n\t options.min = options.min || addDuration(autoMin, -head, baseUnit);\r\n\t options.max = options.max || addDuration(autoMax, tail, baseUnit);\r\n\t options.minorUnit = options.minorUnit || majorUnit / 5;\r\n\t options.majorUnit = majorUnit;\r\n\r\n\t return options;\r\n\t}\r\n\r\n\tsetDefaultOptions(DateValueAxis, {\r\n\t type: DATE,\r\n\t majorGridLines: {\r\n\t visible: true,\r\n\t width: 1,\r\n\t color: BLACK\r\n\t },\r\n\t labels: {\r\n\t dateFormats: DateLabelFormats\r\n\t }\r\n\t});\r\n\r\n\tvar DEFAULT_MAJOR_UNIT = 10;\r\n\r\n\tvar LogarithmicAxis = Axis.extend({\r\n\t init: function(seriesMin, seriesMax, options, chartService) {\r\n\r\n\t var axisOptions = deepExtend({ majorUnit: DEFAULT_MAJOR_UNIT, min: seriesMin, max: seriesMax }, options);\r\n\t var base = axisOptions.majorUnit;\r\n\t var autoMax = autoAxisMax$1(seriesMax, base);\r\n\t var autoMin = autoAxisMin$1(seriesMin, seriesMax, axisOptions);\r\n\t var range = initRange(autoMin, autoMax, axisOptions, options);\r\n\r\n\t axisOptions.max = range.max;\r\n\t axisOptions.min = range.min;\r\n\t axisOptions.minorUnit = options.minorUnit || round(base - 1, DEFAULT_PRECISION);\r\n\r\n\t Axis.fn.init.call(this, axisOptions, chartService);\r\n\r\n\t this.totalMin = defined(options.min) ? Math.min(autoMin, options.min) : autoMin;\r\n\t this.totalMax = defined(options.max) ? Math.max(autoMax, options.max) : autoMax;\r\n\t this.logMin = round(log(range.min, base), DEFAULT_PRECISION);\r\n\t this.logMax = round(log(range.max, base), DEFAULT_PRECISION);\r\n\t this.seriesMin = seriesMin;\r\n\t this.seriesMax = seriesMax;\r\n\r\n\t this.createLabels();\r\n\t },\r\n\r\n\t startValue: function() {\r\n\t return this.options.min;\r\n\t },\r\n\r\n\t getSlot: function(a, b, limit) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var logMin = ref.logMin;\r\n\t var logMax = ref.logMax;\r\n\t var reverse = options.reverse;\r\n\t var vertical = options.vertical;\r\n\t var base = options.majorUnit;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var dir = reverse ? -1 : 1;\r\n\t var step = dir * (lineSize / (logMax - logMin));\r\n\t var slotBox = new Box(lineBox.x1, lineBox.y1, lineBox.x1, lineBox.y1);\r\n\t var start = a;\r\n\t var end = b;\r\n\r\n\t if (!defined(start)) {\r\n\t start = end || 1;\r\n\t }\r\n\r\n\t if (!defined(end)) {\r\n\t end = start || 1;\r\n\t }\r\n\r\n\t if (start <= 0 || end <= 0) {\r\n\t return null;\r\n\t }\r\n\r\n\t if (limit) {\r\n\t start = Math.max(Math.min(start, options.max), options.min);\r\n\t end = Math.max(Math.min(end, options.max), options.min);\r\n\t }\r\n\r\n\t start = log(start, base);\r\n\t end = log(end, base);\r\n\r\n\t var p1, p2;\r\n\r\n\t if (vertical) {\r\n\t p1 = logMax - Math.max(start, end);\r\n\t p2 = logMax - Math.min(start, end);\r\n\t } else {\r\n\t p1 = Math.min(start, end) - logMin;\r\n\t p2 = Math.max(start, end) - logMin;\r\n\t }\r\n\r\n\t slotBox[valueAxis + 1] = limitCoordinate(lineStart + step * (reverse ? p2 : p1));\r\n\t slotBox[valueAxis + 2] = limitCoordinate(lineStart + step * (reverse ? p1 : p2));\r\n\r\n\t return slotBox;\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var logMin = ref.logMin;\r\n\t var logMax = ref.logMax;\r\n\t var reverse = options.reverse;\r\n\t var vertical = options.vertical;\r\n\t var base = options.majorUnit;\r\n\t var lineBox = this.lineBox();\r\n\t var dir = vertical === reverse ? 1 : -1;\r\n\t var startEdge = dir === 1 ? 1 : 2;\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var step = ((logMax - logMin) / lineSize);\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineStart = lineBox[valueAxis + startEdge];\r\n\t var offset = dir * (point[valueAxis] - lineStart);\r\n\t var valueOffset = offset * step;\r\n\r\n\t if (offset < 0 || offset > lineSize) {\r\n\t return null;\r\n\t }\r\n\r\n\t var value = logMin + valueOffset;\r\n\r\n\t return round(Math.pow(base, value), DEFAULT_PRECISION);\r\n\t },\r\n\r\n\t range: function() {\r\n\t var options = this.options;\r\n\t return { min: options.min, max: options.max };\r\n\t },\r\n\r\n\t scaleRange: function(delta) {\r\n\t var base = this.options.majorUnit;\r\n\t var offset = -delta;\r\n\r\n\t return {\r\n\t min: Math.pow(base, this.logMin - offset),\r\n\t max: Math.pow(base, this.logMax + offset)\r\n\t };\r\n\t },\r\n\r\n\t translateRange: function(delta) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var logMin = ref.logMin;\r\n\t var logMax = ref.logMax;\r\n\t var reverse = options.reverse;\r\n\t var vertical = options.vertical;\r\n\t var base = options.majorUnit;\r\n\t var lineBox = this.lineBox();\r\n\t var size = vertical ? lineBox.height() : lineBox.width();\r\n\t var scale = size / (logMax - logMin);\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\r\n\t if ((vertical || reverse) && !(vertical && reverse )) {\r\n\t offset = -offset;\r\n\t }\r\n\r\n\t return {\r\n\t min: Math.pow(base, logMin + offset),\r\n\t max: Math.pow(base, logMax + offset)\r\n\t };\r\n\t },\r\n\r\n\t labelsCount: function() {\r\n\t var floorMax = Math.floor(this.logMax);\r\n\t var count = Math.floor(floorMax - this.logMin) + 1;\r\n\r\n\t return count;\r\n\t },\r\n\r\n\t getMajorTickPositions: function() {\r\n\t var ticks = [];\r\n\r\n\t this.traverseMajorTicksPositions(function (position) {\r\n\t ticks.push(position);\r\n\t }, { step: 1, skip: 0 });\r\n\r\n\t return ticks;\r\n\t },\r\n\r\n\t createTicks: function(lineGroup) {\r\n\t var options = this.options;\r\n\t var majorTicks = options.majorTicks;\r\n\t var minorTicks = options.minorTicks;\r\n\t var vertical = options.vertical;\r\n\t var mirror = options.labels.mirror;\r\n\t var lineBox = this.lineBox();\r\n\t var ticks = [];\r\n\t var tickLineOptions = {\r\n\t // TODO\r\n\t // _alignLines: options._alignLines,\r\n\t vertical: vertical\r\n\t };\r\n\r\n\t function render(tickPosition, tickOptions) {\r\n\t tickLineOptions.tickX = mirror ? lineBox.x2 : lineBox.x2 - tickOptions.size;\r\n\t tickLineOptions.tickY = mirror ? lineBox.y1 - tickOptions.size : lineBox.y1;\r\n\t tickLineOptions.position = tickPosition;\r\n\r\n\t lineGroup.append(createAxisTick(tickLineOptions, tickOptions));\r\n\t }\r\n\r\n\t if (majorTicks.visible) {\r\n\t this.traverseMajorTicksPositions(render, majorTicks);\r\n\t }\r\n\r\n\t if (minorTicks.visible) {\r\n\t this.traverseMinorTicksPositions(render, minorTicks);\r\n\t }\r\n\r\n\t return ticks;\r\n\t },\r\n\r\n\t createGridLines: function(altAxis) {\r\n\t var options = this.options;\r\n\t var minorGridLines = options.minorGridLines;\r\n\t var majorGridLines = options.majorGridLines;\r\n\t var vertical = options.vertical;\r\n\t var lineBox = altAxis.lineBox();\r\n\t var lineOptions = {\r\n\t lineStart: lineBox[vertical ? \"x1\" : \"y1\"],\r\n\t lineEnd: lineBox[vertical ? \"x2\" : \"y2\"],\r\n\t vertical: vertical\r\n\t };\r\n\t var majorTicks = [];\r\n\r\n\t var container = this.gridLinesVisual();\r\n\t function render(tickPosition, gridLine) {\r\n\t if (!inArray(tickPosition, majorTicks)) {\r\n\t lineOptions.position = tickPosition;\r\n\t container.append(createAxisGridLine(lineOptions, gridLine));\r\n\r\n\t majorTicks.push(tickPosition);\r\n\t }\r\n\t }\r\n\r\n\t if (majorGridLines.visible) {\r\n\t this.traverseMajorTicksPositions(render, majorGridLines);\r\n\t }\r\n\r\n\t if (minorGridLines.visible) {\r\n\t this.traverseMinorTicksPositions(render, minorGridLines);\r\n\t }\r\n\r\n\t return container.children;\r\n\t },\r\n\r\n\t traverseMajorTicksPositions: function(callback, tickOptions) {\r\n\t var ref = this._lineOptions();\r\n\t var lineStart = ref.lineStart;\r\n\t var step = ref.step;\r\n\t var ref$1 = this;\r\n\t var logMin = ref$1.logMin;\r\n\t var logMax = ref$1.logMax;\r\n\r\n\t for (var power = Math.ceil(logMin) + tickOptions.skip; power <= logMax; power += tickOptions.step) {\r\n\t var position = round(lineStart + step * (power - logMin), DEFAULT_PRECISION);\r\n\t callback(position, tickOptions);\r\n\t }\r\n\t },\r\n\r\n\t traverseMinorTicksPositions: function(callback, tickOptions) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this.options;\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var minorUnit = ref.minorUnit;\r\n\t var base = ref.majorUnit;\r\n\t var ref$1 = this._lineOptions();\r\n\t var lineStart = ref$1.lineStart;\r\n\t var step = ref$1.step;\r\n\t var ref$2 = this;\r\n\t var logMin = ref$2.logMin;\r\n\t var logMax = ref$2.logMax;\r\n\t var start = Math.floor(logMin);\r\n\r\n\t for (var power = start; power < logMax; power++) {\r\n\t var minorOptions = this$1._minorIntervalOptions(power);\r\n\t for (var idx = tickOptions.skip; idx < minorUnit; idx += tickOptions.step) {\r\n\t var value = minorOptions.value + idx * minorOptions.minorStep;\r\n\t if (value > max) {\r\n\t break;\r\n\t }\r\n\t if (value >= min) {\r\n\t var position = round(lineStart + step * (log(value, base) - logMin), DEFAULT_PRECISION);\r\n\t callback(position, tickOptions);\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var power = Math.ceil(this.logMin + index);\r\n\t var value = Math.pow(this.options.majorUnit, power);\r\n\t var text = this.axisLabelText(value, null, labelOptions);\r\n\r\n\t return new AxisLabel(value, text, index, null, labelOptions);\r\n\t },\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.range();\r\n\t return range.min <= value && value <= range.max;\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var range = this.translateRange(delta);\r\n\t return this.limitRange(range.min, range.max, this.totalMin, this.totalMax, -delta);\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var startValue = this.getValue(start);\r\n\t var endValue = this.getValue(end);\r\n\t var min = Math.min(startValue, endValue);\r\n\t var max = Math.max(startValue, endValue);\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t zoomRange: function(delta) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var totalMin = ref.totalMin;\r\n\t var totalMax = ref.totalMax;\r\n\t var newRange = this.scaleRange(delta);\r\n\t var min = limitValue(newRange.min, totalMin, totalMax);\r\n\t var max = limitValue(newRange.max, totalMin, totalMax);\r\n\t var base = options.majorUnit;\r\n\t var acceptOptionsRange = max > min && options.min && options.max && (round(log(options.max, base) - log(options.min, base), DEFAULT_PRECISION) < 1);\r\n\t var acceptNewRange = !(options.min === totalMin && options.max === totalMax) && round(log(max, base) - log(min, base), DEFAULT_PRECISION) >= 1;\r\n\r\n\t if (acceptOptionsRange || acceptNewRange) {\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t _minorIntervalOptions: function(power) {\r\n\t var ref = this.options;\r\n\t var minorUnit = ref.minorUnit;\r\n\t var base = ref.majorUnit;\r\n\t var value = Math.pow(base, power);\r\n\t var nextValue = Math.pow(base, power + 1);\r\n\t var difference = nextValue - value;\r\n\t var minorStep = difference / minorUnit;\r\n\r\n\t return {\r\n\t value: value,\r\n\t minorStep: minorStep\r\n\t };\r\n\t },\r\n\r\n\t _lineOptions: function() {\r\n\t var ref = this.options;\r\n\t var reverse = ref.reverse;\r\n\t var vertical = ref.vertical;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var dir = vertical === reverse ? 1 : -1;\r\n\t var startEdge = dir === 1 ? 1 : 2;\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var step = dir * (lineSize / (this.logMax - this.logMin));\r\n\t var lineStart = lineBox[valueAxis + startEdge];\r\n\r\n\t return {\r\n\t step: step,\r\n\t lineStart: lineStart,\r\n\t lineBox: lineBox\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tfunction initRange(autoMin, autoMax, axisOptions, options) {\r\n\t var min = axisOptions.min;\r\n\t var max = axisOptions.max;\r\n\r\n\t if (defined(axisOptions.axisCrossingValue) && axisOptions.axisCrossingValue <= 0) {\r\n\t throwNegativeValuesError();\r\n\t }\r\n\r\n\t if (!defined(options.max)) {\r\n\t max = autoMax;\r\n\t } else if (options.max <= 0) {\r\n\t throwNegativeValuesError();\r\n\t }\r\n\r\n\t if (!defined(options.min)) {\r\n\t min = autoMin;\r\n\t } else if (options.min <= 0) {\r\n\t throwNegativeValuesError();\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t}\r\n\r\n\tfunction autoAxisMin$1(min, max, options) {\r\n\t var base = options.majorUnit;\r\n\t var autoMin = min;\r\n\t if (min <= 0) {\r\n\t autoMin = max <= 1 ? Math.pow(base, -2) : 1;\r\n\t } else if (!options.narrowRange) {\r\n\t autoMin = Math.pow(base, Math.floor(log(min, base)));\r\n\t }\r\n\t return autoMin;\r\n\t}\r\n\r\n\tfunction autoAxisMax$1(max, base) {\r\n\t var logMaxRemainder = round(log(max, base), DEFAULT_PRECISION) % 1;\r\n\t var autoMax;\r\n\t if (max <= 0) {\r\n\t autoMax = base;\r\n\t } else if (logMaxRemainder !== 0 && (logMaxRemainder < 0.3 || logMaxRemainder > 0.9)) {\r\n\t autoMax = Math.pow(base, log(max, base) + 0.2);\r\n\t } else {\r\n\t autoMax = Math.pow(base, Math.ceil(log(max, base)));\r\n\t }\r\n\r\n\t return autoMax;\r\n\t}\r\n\r\n\tfunction throwNegativeValuesError() {\r\n\t throw new Error(\"Non positive values cannot be used for a logarithmic axis\");\r\n\t}\r\n\r\n\tfunction log(y, x) {\r\n\t return Math.log(y) / Math.log(x);\r\n\t}\r\n\r\n\tsetDefaultOptions(LogarithmicAxis, {\r\n\t type: \"log\",\r\n\t majorUnit: DEFAULT_MAJOR_UNIT,\r\n\t minorUnit: 1,\r\n\t axisCrossingValue: 1,\r\n\t vertical: true,\r\n\t majorGridLines: {\r\n\t visible: true,\r\n\t width: 1,\r\n\t color: BLACK\r\n\t },\r\n\t zIndex: 1,\r\n\t _deferLabels: true\r\n\t});\r\n\r\n\tvar GridLinesMixin = {\r\n\t createGridLines: function(altAxis) {\r\n\t var options = this.options;\r\n\t var radius = Math.abs(this.box.center().y - altAxis.lineBox().y1);\r\n\t var gridLines = [];\r\n\t var skipMajor = false;\r\n\t var majorAngles, minorAngles;\r\n\r\n\t if (options.majorGridLines.visible) {\r\n\t majorAngles = this.majorGridLineAngles(altAxis);\r\n\t skipMajor = true;\r\n\r\n\t gridLines = this.renderMajorGridLines(\r\n\t majorAngles, radius, options.majorGridLines\r\n\t );\r\n\t }\r\n\r\n\t if (options.minorGridLines.visible) {\r\n\t minorAngles = this.minorGridLineAngles(altAxis, skipMajor);\r\n\r\n\t append(gridLines, this.renderMinorGridLines(\r\n\t minorAngles, radius, options.minorGridLines, altAxis, skipMajor\r\n\t ));\r\n\t }\r\n\r\n\t return gridLines;\r\n\t },\r\n\r\n\t renderMajorGridLines: function(angles, radius, options) {\r\n\t return this.renderGridLines(angles, radius, options);\r\n\t },\r\n\r\n\t renderMinorGridLines: function(angles, radius, options, altAxis, skipMajor) {\r\n\t var radiusCallback = this.radiusCallback && this.radiusCallback(radius, altAxis, skipMajor);\r\n\t return this.renderGridLines(angles, radius, options, radiusCallback);\r\n\t },\r\n\r\n\t renderGridLines: function(angles, radius, options, radiusCallback) {\r\n\t var style = {\r\n\t stroke: {\r\n\t width: options.width,\r\n\t color: options.color,\r\n\t dashType: options.dashType\r\n\t }\r\n\t };\r\n\r\n\t var center = this.box.center();\r\n\t var circle = new Circle([ center.x, center.y ], radius);\r\n\t var container = this.gridLinesVisual();\r\n\r\n\t for (var i = 0; i < angles.length; i++) {\r\n\t var line = new Path(style);\r\n\t if (radiusCallback) {\r\n\t circle.radius = radiusCallback(angles[i]);\r\n\t }\r\n\r\n\t line.moveTo(circle.center)\r\n\t .lineTo(circle.pointAt(angles[i] + 180));\r\n\r\n\t container.append(line);\r\n\t }\r\n\r\n\t return container.children;\r\n\t },\r\n\r\n\t gridLineAngles: function(altAxis, size, skip, step, skipAngles) {\r\n\t var this$1 = this;\r\n\r\n\t var divs = this.intervals(size, skip, step, skipAngles);\r\n\t var options = altAxis.options;\r\n\t var altAxisVisible = options.visible && (options.line || {}).visible !== false;\r\n\r\n\t return map(divs, function (d) {\r\n\t var alpha = this$1.intervalAngle(d);\r\n\r\n\t if (!altAxisVisible || alpha !== 90) {\r\n\t return alpha;\r\n\t }\r\n\t });\r\n\t }\r\n\t};\r\n\r\n\tvar RadarCategoryAxis = CategoryAxis.extend({\r\n\t range: function() {\r\n\t return { min: 0, max: this.options.categories.length };\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t this.box = box;\r\n\t this.reflowLabels();\r\n\t },\r\n\r\n\t lineBox: function() {\r\n\t return this.box;\r\n\t },\r\n\r\n\t reflowLabels: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var labels = ref.labels;\r\n\t var labelOptions = ref.options.labels;\r\n\t var skip = labelOptions.skip || 0;\r\n\t var step = labelOptions.step || 1;\r\n\t var measureBox = new Box();\r\n\r\n\t for (var i = 0; i < labels.length; i++) {\r\n\t labels[i].reflow(measureBox);\r\n\t var labelBox = labels[i].box;\r\n\r\n\t labels[i].reflow(this$1.getSlot(skip + i * step).adjacentBox(\r\n\t 0, labelBox.width(), labelBox.height()\r\n\t ));\r\n\t }\r\n\t },\r\n\r\n\t intervals: function(size, skipOption, stepOption, skipAngles) {\r\n\t if (skipAngles === void 0) { skipAngles = false; }\r\n\r\n\t var options = this.options;\r\n\t var categories = options.categories.length;\r\n\t var divCount = categories / size || 1;\r\n\t var divAngle = 360 / divCount;\r\n\t var skip = skipOption || 0;\r\n\t var step = stepOption || 1;\r\n\t var divs = [];\r\n\t var angle = 0;\r\n\r\n\t for (var i = skip; i < divCount; i += step) {\r\n\t if (options.reverse) {\r\n\t angle = 360 - i * divAngle;\r\n\t } else {\r\n\t angle = i * divAngle;\r\n\t }\r\n\r\n\t angle = round(angle, COORD_PRECISION) % 360;\r\n\r\n\t if (!(skipAngles && inArray(angle, skipAngles))) {\r\n\t divs.push(angle);\r\n\t }\r\n\t }\r\n\r\n\t return divs;\r\n\t },\r\n\r\n\t majorIntervals: function() {\r\n\t return this.intervals(1);\r\n\t },\r\n\r\n\t minorIntervals: function() {\r\n\t return this.intervals(0.5);\r\n\t },\r\n\r\n\t intervalAngle: function(interval) {\r\n\t return (360 + interval + this.options.startAngle) % 360;\r\n\t },\r\n\r\n\t majorAngles: function() {\r\n\t var this$1 = this;\r\n\r\n\t return map(this.majorIntervals(), function (interval) { return this$1.intervalAngle(interval); });\r\n\t },\r\n\r\n\t createLine: function() {\r\n\t return [];\r\n\t },\r\n\r\n\t majorGridLineAngles: function(altAxis) {\r\n\t var majorGridLines = this.options.majorGridLines;\r\n\t return this.gridLineAngles(altAxis, 1, majorGridLines.skip, majorGridLines.step);\r\n\t },\r\n\r\n\t minorGridLineAngles: function(altAxis, skipMajor) {\r\n\t var ref = this.options;\r\n\t var minorGridLines = ref.minorGridLines;\r\n\t var majorGridLines = ref.majorGridLines;\r\n\t var majorGridLineAngles = skipMajor ? this.intervals(1, majorGridLines.skip, majorGridLines.step) : null;\r\n\r\n\t return this.gridLineAngles(altAxis, 0.5, minorGridLines.skip, minorGridLines.step, majorGridLineAngles);\r\n\t },\r\n\r\n\t radiusCallback: function(radius, altAxis, skipMajor) {\r\n\t if (altAxis.options.type !== ARC) {\r\n\t var minorAngle = rad(360 / (this.options.categories.length * 2));\r\n\t var minorRadius = Math.cos(minorAngle) * radius;\r\n\t var majorAngles = this.majorAngles();\r\n\r\n\t var radiusCallback = function(angle) {\r\n\t if (!skipMajor && inArray(angle, majorAngles)) {\r\n\t return radius;\r\n\t }\r\n\r\n\t return minorRadius;\r\n\t };\r\n\t return radiusCallback;\r\n\t }\r\n\t },\r\n\r\n\t createPlotBands: function() {\r\n\t var this$1 = this;\r\n\r\n\t var plotBands = this.options.plotBands || [];\r\n\r\n\t var group = this._plotbandGroup = new Group({\r\n\t zIndex: -1\r\n\t });\r\n\r\n\t for (var i = 0; i < plotBands.length; i++) {\r\n\t var band = plotBands[i];\r\n\t var slot = this$1.plotBandSlot(band);\r\n\t var singleSlot = this$1.getSlot(band.from);\r\n\r\n\t var head = band.from - Math.floor(band.from);\r\n\t slot.startAngle += head * singleSlot.angle;\r\n\r\n\t var tail = Math.ceil(band.to) - band.to;\r\n\t slot.angle -= (tail + head) * singleSlot.angle;\r\n\r\n\t var ring = ShapeBuilder.current.createRing(slot, {\r\n\t fill: {\r\n\t color: band.color,\r\n\t opacity: band.opacity\r\n\t },\r\n\t stroke: {\r\n\t opacity: band.opacity\r\n\t }\r\n\t });\r\n\t group.append(ring);\r\n\t }\r\n\r\n\t this.appendVisual(group);\r\n\t },\r\n\r\n\t plotBandSlot: function(band) {\r\n\t return this.getSlot(band.from, band.to - 1);\r\n\t },\r\n\r\n\t getSlot: function(from, to) {\r\n\t var options = this.options;\r\n\t var justified = options.justified;\r\n\t var box = this.box;\r\n\t var divs = this.majorAngles();\r\n\t var totalDivs = divs.length;\r\n\t var slotAngle = 360 / totalDivs;\r\n\t var fromValue = from;\r\n\r\n\t if (options.reverse && !justified) {\r\n\t fromValue = (fromValue + 1) % totalDivs;\r\n\t }\r\n\r\n\t fromValue = limitValue(Math.floor(fromValue), 0, totalDivs - 1);\r\n\t var slotStart = divs[fromValue];\r\n\r\n\t if (justified) {\r\n\t slotStart = slotStart - slotAngle / 2;\r\n\r\n\t if (slotStart < 0) {\r\n\t slotStart += 360;\r\n\t }\r\n\t }\r\n\r\n\t var toValue = limitValue(Math.ceil(to || fromValue), fromValue, totalDivs - 1);\r\n\t var slots = toValue - fromValue + 1;\r\n\t var angle = slotAngle * slots;\r\n\r\n\t return new Ring(box.center(), 0, box.height() / 2, slotStart, angle);\r\n\t },\r\n\r\n\t slot: function(from, to) {\r\n\t var slot = this.getSlot(from, to);\r\n\t var startAngle = slot.startAngle + 180;\r\n\t var endAngle = startAngle + slot.angle;\r\n\r\n\t return new geometry.Arc([ slot.center.x, slot.center.y ], {\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle,\r\n\t radiusX: slot.radius,\r\n\t radiusY: slot.radius\r\n\t });\r\n\t },\r\n\r\n\t pointCategoryIndex: function(point) {\r\n\t var this$1 = this;\r\n\r\n\t var length = this.options.categories.length;\r\n\t var index = null;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var slot = this$1.getSlot(i);\r\n\t if (slot.containsPoint(point)) {\r\n\t index = i;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return index;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarCategoryAxis, {\r\n\t startAngle: 90,\r\n\t labels: {\r\n\t margin: getSpacing(10)\r\n\t },\r\n\t majorGridLines: {\r\n\t visible: true\r\n\t },\r\n\t justified: true\r\n\t});\r\n\tdeepExtend(RadarCategoryAxis.prototype, GridLinesMixin);\r\n\r\n\tvar PolarAxis = Axis.extend({\r\n\t init: function(options, chartService) {\r\n\t Axis.fn.init.call(this, options, chartService);\r\n\r\n\t var instanceOptions = this.options;\r\n\r\n\t instanceOptions.minorUnit = instanceOptions.minorUnit || instanceOptions.majorUnit / 2;\r\n\t },\r\n\r\n\t getDivisions: function(stepValue) {\r\n\t return NumericAxis.prototype.getDivisions.call(this, stepValue) - 1;\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t this.box = box;\r\n\t this.reflowLabels();\r\n\t },\r\n\r\n\t reflowLabels: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var labels = ref.labels;\r\n\t var labelOptions = ref.options.labels;\r\n\t var skip = labelOptions.skip || 0;\r\n\t var step = labelOptions.step || 1;\r\n\r\n\t var measureBox = new Box();\r\n\t var divs = this.intervals(options.majorUnit, skip, step);\r\n\r\n\t for (var i = 0; i < labels.length; i++) {\r\n\t labels[i].reflow(measureBox);\r\n\t var labelBox = labels[i].box;\r\n\r\n\t labels[i].reflow(this$1.getSlot(divs[i]).adjacentBox(0, labelBox.width(), labelBox.height()));\r\n\t }\r\n\t },\r\n\r\n\t lineBox: function() {\r\n\t return this.box;\r\n\t },\r\n\r\n\t intervals: function(size, skipOption, stepOption, skipAngles) {\r\n\t if (skipAngles === void 0) { skipAngles = false; }\r\n\r\n\t var min = this.options.min;\r\n\t var divisions = this.getDivisions(size);\r\n\t var divs = [];\r\n\t var skip = skipOption || 0;\r\n\t var step = stepOption || 1;\r\n\r\n\t for (var i = skip; i < divisions; i += step) {\r\n\t var current = (360 + min + i * size) % 360;\r\n\t if (!(skipAngles && inArray(current, skipAngles))) {\r\n\t divs.push(current);\r\n\t }\r\n\t }\r\n\r\n\t return divs;\r\n\t },\r\n\r\n\t majorIntervals: function() {\r\n\t return this.intervals(this.options.majorUnit);\r\n\t },\r\n\r\n\t minorIntervals: function() {\r\n\t return this.intervals(this.options.minorUnit);\r\n\t },\r\n\r\n\t intervalAngle: function(i) {\r\n\t return (540 - i - this.options.startAngle) % 360;\r\n\t },\r\n\r\n\t createLine: function() {\r\n\t return [];\r\n\t },\r\n\r\n\t majorGridLineAngles: function(altAxis) {\r\n\t var majorGridLines = this.options.majorGridLines;\r\n\t return this.gridLineAngles(altAxis, this.options.majorUnit, majorGridLines.skip, majorGridLines.step);\r\n\t },\r\n\r\n\t minorGridLineAngles: function(altAxis, skipMajor) {\r\n\t var options = this.options;\r\n\t var minorGridLines = options.minorGridLines;\r\n\t var majorGridLines = options.majorGridLines;\r\n\t var majorGridLineAngles = skipMajor ? this.intervals(options.majorUnit, majorGridLines.skip, majorGridLines.step) : null;\r\n\r\n\t return this.gridLineAngles(altAxis, options.minorUnit, minorGridLines.skip, minorGridLines.step, majorGridLineAngles);\r\n\t },\r\n\r\n\t plotBandSlot: function(band) {\r\n\t return this.getSlot(band.from, band.to);\r\n\t },\r\n\r\n\t getSlot: function(a, b) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.box;\r\n\t var startAngle = options.startAngle;\r\n\t var start = limitValue(a, options.min, options.max);\r\n\t var end = limitValue(b || start, start, options.max);\r\n\r\n\t if (options.reverse) {\r\n\t start *= -1;\r\n\t end *= -1;\r\n\t }\r\n\r\n\t start = (540 - start - startAngle) % 360;\r\n\t end = (540 - end - startAngle) % 360;\r\n\r\n\t if (end < start) {\r\n\t var tmp = start;\r\n\t start = end;\r\n\t end = tmp;\r\n\t }\r\n\r\n\t return new Ring(box.center(), 0, box.height() / 2, start, end - start);\r\n\t },\r\n\r\n\t slot: function(from, to) {\r\n\t if (to === void 0) { to = from; }\r\n\r\n\t var options = this.options;\r\n\t var start = 360 - options.startAngle;\r\n\t var slot = this.getSlot(from, to);\r\n\t var min = Math.min(from, to);\r\n\t var max = Math.max(from, to);\r\n\t var startAngle, endAngle;\r\n\r\n\t if (options.reverse) {\r\n\t startAngle = min;\r\n\t endAngle = max;\r\n\t } else {\r\n\t startAngle = 360 - max;\r\n\t endAngle = 360 - min;\r\n\t }\r\n\r\n\t startAngle = (startAngle + start) % 360;\r\n\t endAngle = (endAngle + start) % 360;\r\n\r\n\t return new geometry.Arc([ slot.center.x, slot.center.y ], {\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle,\r\n\t radiusX: slot.radius,\r\n\t radiusY: slot.radius\r\n\t });\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var options = this.options;\r\n\t var center = this.box.center();\r\n\t var dx = point.x - center.x;\r\n\t var dy = point.y - center.y;\r\n\t var theta = Math.round(deg(Math.atan2(dy, dx)));\r\n\t var start = options.startAngle;\r\n\r\n\t if (!options.reverse) {\r\n\t theta *= -1;\r\n\t start *= -1;\r\n\t }\r\n\r\n\t return (theta + start + 360) % 360;\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t return {\r\n\t min: 0,\r\n\t max: Math.PI * 2\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(PolarAxis, {\r\n\t type: \"polar\",\r\n\t startAngle: 0,\r\n\t reverse: false,\r\n\t majorUnit: 60,\r\n\t min: 0,\r\n\t max: 360,\r\n\t labels: {\r\n\t margin: getSpacing(10)\r\n\t },\r\n\t majorGridLines: {\r\n\t color: BLACK,\r\n\t visible: true,\r\n\t width: 1\r\n\t },\r\n\t minorGridLines: {\r\n\t color: \"#aaa\"\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(PolarAxis.prototype, GridLinesMixin, {\r\n\t createPlotBands: RadarCategoryAxis.prototype.createPlotBands,\r\n\t majorAngles: RadarCategoryAxis.prototype.majorAngles,\r\n\t range: NumericAxis.prototype.range,\r\n\t labelsCount: NumericAxis.prototype.labelsCount,\r\n\t createAxisLabel: NumericAxis.prototype.createAxisLabel\r\n\t});\r\n\r\n\tvar RadarNumericAxisMixin = {\r\n\t options: {\r\n\t majorGridLines: {\r\n\t visible: true\r\n\t }\r\n\t },\r\n\r\n\t createPlotBands: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this.options;\r\n\t var type = ref.majorGridLines.type;\r\n\t var plotBands = ref.plotBands; if (plotBands === void 0) { plotBands = []; }\r\n\t var altAxis = this.plotArea.polarAxis;\r\n\t var majorAngles = altAxis.majorAngles();\r\n\t var center = altAxis.box.center();\r\n\t var group = this._plotbandGroup = new Group({\r\n\t zIndex: -1\r\n\t });\r\n\r\n\t for (var i = 0; i < plotBands.length; i++) {\r\n\t var band = plotBands[i];\r\n\t var bandStyle = {\r\n\t fill: {\r\n\t color: band.color,\r\n\t opacity: band.opacity\r\n\t },\r\n\t stroke: {\r\n\t opacity: band.opacity\r\n\t }\r\n\t };\r\n\r\n\t var slot = this$1.getSlot(band.from, band.to, true);\r\n\t var ring = new Ring(center, center.y - slot.y2, center.y - slot.y1, 0, 360);\r\n\r\n\t var shape = (void 0);\r\n\t if (type === ARC) {\r\n\t shape = ShapeBuilder.current.createRing(ring, bandStyle);\r\n\t } else {\r\n\t shape = Path.fromPoints(this$1.plotBandPoints(ring, majorAngles), bandStyle).close();\r\n\t }\r\n\r\n\t group.append(shape);\r\n\t }\r\n\r\n\t this.appendVisual(group);\r\n\t },\r\n\r\n\t plotBandPoints: function(ring, angles) {\r\n\t var innerPoints = [];\r\n\t var outerPoints = [];\r\n\t var center = [ ring.center.x, ring.center.y ];\r\n\t var innerCircle = new Circle(center, ring.innerRadius);\r\n\t var outerCircle = new Circle(center, ring.radius);\r\n\r\n\t for (var i = 0; i < angles.length; i++) {\r\n\t innerPoints.push(innerCircle.pointAt(angles[i] + 180));\r\n\t outerPoints.push(outerCircle.pointAt(angles[i] + 180));\r\n\t }\r\n\r\n\t innerPoints.reverse();\r\n\t innerPoints.push(innerPoints[0]);\r\n\t outerPoints.push(outerPoints[0]);\r\n\r\n\t return outerPoints.concat(innerPoints);\r\n\t },\r\n\r\n\t createGridLines: function(altAxis) {\r\n\t var options = this.options;\r\n\t var majorTicks = this.radarMajorGridLinePositions();\r\n\t var majorAngles = altAxis.majorAngles();\r\n\t var center = altAxis.box.center();\r\n\t var gridLines = [];\r\n\r\n\t if (options.majorGridLines.visible) {\r\n\t gridLines = this.renderGridLines(\r\n\t center, majorTicks, majorAngles, options.majorGridLines\r\n\t );\r\n\t }\r\n\r\n\t if (options.minorGridLines.visible) {\r\n\t var minorTicks = this.radarMinorGridLinePositions();\r\n\t append(gridLines, this.renderGridLines(\r\n\t center, minorTicks, majorAngles, options.minorGridLines\r\n\t ));\r\n\t }\r\n\r\n\t return gridLines;\r\n\t },\r\n\r\n\t renderGridLines: function(center, ticks, angles, options) {\r\n\t var style = {\r\n\t stroke: {\r\n\t width: options.width,\r\n\t color: options.color,\r\n\t dashType: options.dashType\r\n\t }\r\n\t };\r\n\t var skip = options.skip; if (skip === void 0) { skip = 0; }\r\n\t var step = options.step; if (step === void 0) { step = 0; }\r\n\t var container = this.gridLinesVisual();\r\n\r\n\t for (var tickIx = skip; tickIx < ticks.length; tickIx += step) {\r\n\t var tickRadius = center.y - ticks[tickIx];\r\n\t if (tickRadius > 0) {\r\n\t var circle = new Circle([ center.x, center.y ], tickRadius);\r\n\t if (options.type === ARC) {\r\n\t container.append(new drawing.Circle(circle, style));\r\n\t } else {\r\n\t var line = new Path(style);\r\n\t for (var angleIx = 0; angleIx < angles.length; angleIx++) {\r\n\t line.lineTo(circle.pointAt(angles[angleIx] + 180));\r\n\t }\r\n\r\n\t line.close();\r\n\t container.append(line);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return container.children;\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var lineBox = this.lineBox();\r\n\t var altAxis = this.plotArea.polarAxis;\r\n\t var majorAngles = altAxis.majorAngles();\r\n\t var center = altAxis.box.center();\r\n\t var radius = point.distanceTo(center);\r\n\t var distance = radius;\r\n\r\n\t if (this.options.majorGridLines.type !== ARC && majorAngles.length > 1) {\r\n\t var dx = point.x - center.x;\r\n\t var dy = point.y - center.y;\r\n\t var theta = (deg(Math.atan2(dy, dx)) + 540) % 360;\r\n\r\n\t majorAngles.sort(function(a, b) {\r\n\t return angularDistance(a, theta) - angularDistance(b, theta);\r\n\t });\r\n\r\n\t // Solve triangle (center, point, axis X) using one side (radius) and two angles.\r\n\t // Angles are derived from triangle (center, point, gridline X)\r\n\t var midAngle = angularDistance(majorAngles[0], majorAngles[1]) / 2;\r\n\t var alpha = angularDistance(theta, majorAngles[0]);\r\n\t var gamma = 90 - midAngle;\r\n\t var beta = 180 - alpha - gamma;\r\n\r\n\t distance = radius * (Math.sin(rad(beta)) / Math.sin(rad(gamma)));\r\n\t }\r\n\r\n\t return this.axisType().prototype.getValue.call(\r\n\t this, new Point(lineBox.x1, lineBox.y2 - distance)\r\n\t );\r\n\t }\r\n\t};\r\n\r\n\tfunction angularDistance(a, b) {\r\n\t return 180 - Math.abs(Math.abs(a - b) - 180);\r\n\t}\r\n\r\n\tvar RadarNumericAxis = NumericAxis.extend({\r\n\t radarMajorGridLinePositions: function() {\r\n\t return this.getTickPositions(this.options.majorUnit);\r\n\t },\r\n\r\n\t radarMinorGridLinePositions: function() {\r\n\t var options = this.options;\r\n\t var minorSkipStep = 0;\r\n\r\n\t if (options.majorGridLines.visible) {\r\n\t minorSkipStep = options.majorUnit;\r\n\t }\r\n\t return this.getTickPositions(options.minorUnit, minorSkipStep);\r\n\t },\r\n\r\n\t axisType: function() {\r\n\t return NumericAxis;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(RadarNumericAxis.prototype, RadarNumericAxisMixin);\r\n\r\n\tvar RadarLogarithmicAxis = LogarithmicAxis.extend({\r\n\t radarMajorGridLinePositions: function() {\r\n\t var positions = [];\r\n\r\n\t this.traverseMajorTicksPositions(function(position) {\r\n\t positions.push(position);\r\n\t }, this.options.majorGridLines);\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t radarMinorGridLinePositions: function() {\r\n\t var positions = [];\r\n\r\n\t this.traverseMinorTicksPositions(function(position) {\r\n\t positions.push(position);\r\n\t }, this.options.minorGridLines);\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t axisType: function() {\r\n\t return LogarithmicAxis;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(RadarLogarithmicAxis.prototype, RadarNumericAxisMixin);\r\n\r\n\tvar WEIGHT = 0.333;\r\n\tvar EXTREMUM_ALLOWED_DEVIATION = 0.01;\r\n\r\n\tvar CurveProcessor = Class.extend({\r\n\t init: function(closed) {\r\n\r\n\t this.closed = closed;\r\n\t },\r\n\r\n\t process: function(dataPoints) {\r\n\t var this$1 = this;\r\n\r\n\t var points = dataPoints.slice(0);\r\n\t var segments = [];\r\n\t var closed = this.closed;\r\n\t var length = points.length;\r\n\r\n\t if (length > 2) {\r\n\t this.removeDuplicates(0, points);\r\n\t length = points.length;\r\n\t }\r\n\r\n\t if (length < 2 || (length === 2 && points[0].equals(points[1]))) {\r\n\t return segments;\r\n\t }\r\n\r\n\t var p0 = points[0];\r\n\t var p1 = points[1];\r\n\t var p2 = points[2];\r\n\r\n\t segments.push(new Segment(p0));\r\n\r\n\t while (p0.equals(points[length - 1])) {\r\n\t closed = true;\r\n\t points.pop();\r\n\t length--;\r\n\t }\r\n\r\n\t if (length === 2) {\r\n\t var tangent = this.tangent(p0,p1, X, Y);\r\n\r\n\t last(segments).controlOut(\r\n\t this.firstControlPoint(tangent, p0, p1, X, Y)\r\n\t );\r\n\r\n\t segments.push(new Segment(\r\n\t p1,\r\n\t this.secondControlPoint(tangent, p0, p1, X, Y)\r\n\t ));\r\n\r\n\t return segments;\r\n\t }\r\n\r\n\t var initialControlPoint, lastControlPoint;\r\n\r\n\t if (closed) {\r\n\t p0 = points[length - 1]; p1 = points[0]; p2 = points[1];\r\n\t var controlPoints = this.controlPoints(p0, p1, p2);\r\n\t initialControlPoint = controlPoints[1];\r\n\t lastControlPoint = controlPoints[0];\r\n\t } else {\r\n\t var tangent$1 = this.tangent(p0, p1, X,Y);\r\n\t initialControlPoint = this.firstControlPoint(tangent$1, p0, p1, X, Y);\r\n\t }\r\n\r\n\t var cp0 = initialControlPoint;\r\n\t for (var idx = 0; idx <= length - 3; idx++) {\r\n\t this$1.removeDuplicates(idx, points);\r\n\t length = points.length;\r\n\t if (idx + 3 <= length) {\r\n\t p0 = points[idx]; p1 = points[idx + 1]; p2 = points[idx + 2];\r\n\t var controlPoints$1 = this$1.controlPoints(p0,p1,p2);\r\n\r\n\t last(segments).controlOut(cp0);\r\n\t cp0 = controlPoints$1[1];\r\n\r\n\t var cp1 = controlPoints$1[0];\r\n\t segments.push(new Segment(p1, cp1));\r\n\t }\r\n\t }\r\n\r\n\t if (closed) {\r\n\t p0 = points[length - 2]; p1 = points[length - 1]; p2 = points[0];\r\n\t var controlPoints$2 = this.controlPoints(p0, p1, p2);\r\n\r\n\t last(segments).controlOut(cp0);\r\n\t segments.push(new Segment(\r\n\t p1,\r\n\t controlPoints$2[0]\r\n\t ));\r\n\r\n\t last(segments).controlOut(controlPoints$2[1]);\r\n\t segments.push(new Segment(\r\n\t p2,\r\n\t lastControlPoint\r\n\t ));\r\n\t } else {\r\n\t var tangent$2 = this.tangent(p1, p2, X, Y);\r\n\r\n\t last(segments).controlOut(cp0);\r\n\t segments.push(new Segment(\r\n\t p2,\r\n\t this.secondControlPoint(tangent$2, p1, p2, X, Y)\r\n\t ));\r\n\t }\r\n\r\n\t return segments;\r\n\t },\r\n\r\n\t removeDuplicates: function(idx, points) {\r\n\t while (points[idx + 1] && (points[idx].equals(points[idx + 1]) || points[idx + 1].equals(points[idx + 2]))) {\r\n\t points.splice(idx + 1, 1);\r\n\t }\r\n\t },\r\n\r\n\t invertAxis: function(p0, p1, p2) {\r\n\t var invertAxis = false;\r\n\r\n\t if (p0.x === p1.x) {\r\n\t invertAxis = true;\r\n\t } else if (p1.x === p2.x) {\r\n\t if ((p1.y < p2.y && p0.y <= p1.y) || (p2.y < p1.y && p1.y <= p0.y)) {\r\n\t invertAxis = true;\r\n\t }\r\n\t } else {\r\n\t var fn = this.lineFunction(p0,p1);\r\n\t var y2 = this.calculateFunction(fn, p2.x);\r\n\t if (!(p0.y <= p1.y && p2.y <= y2) &&\r\n\t !(p1.y <= p0.y && p2.y >= y2)) {\r\n\t invertAxis = true;\r\n\t }\r\n\t }\r\n\r\n\t return invertAxis;\r\n\t },\r\n\r\n\t isLine: function(p0, p1, p2) {\r\n\t var fn = this.lineFunction(p0, p1);\r\n\t var y2 = this.calculateFunction(fn, p2.x);\r\n\r\n\t return (p0.x === p1.x && p1.x === p2.x) || round(y2, 1) === round(p2.y, 1);\r\n\t },\r\n\r\n\t lineFunction: function(p1, p2) {\r\n\t var a = (p2.y - p1.y) / (p2.x - p1.x);\r\n\t var b = p1.y - a * p1.x;\r\n\r\n\t return [ b, a ];\r\n\t },\r\n\r\n\t controlPoints: function(p0, p1, p2) {\r\n\t var xField = X;\r\n\t var yField = Y;\r\n\t var restrict = false;\r\n\t var switchOrientation = false;\r\n\t var tangent;\r\n\r\n\t if (this.isLine(p0, p1, p2)) {\r\n\t tangent = this.tangent(p0, p1, X, Y);\r\n\t } else {\r\n\t var monotonic = {\r\n\t x: this.isMonotonicByField(p0, p1, p2, X),\r\n\t y: this.isMonotonicByField(p0, p1, p2, Y)\r\n\t };\r\n\r\n\t if (monotonic.x && monotonic.y) {\r\n\t tangent = this.tangent(p0, p2, X, Y);\r\n\t restrict = true;\r\n\t } else {\r\n\t if (this.invertAxis(p0, p1, p2)) {\r\n\t xField = Y;\r\n\t yField = X;\r\n\t }\r\n\r\n\t if (monotonic[xField]) {\r\n\t tangent = 0;\r\n\t } else {\r\n\t var sign;\r\n\t if ((p2[yField] < p0[yField] && p0[yField] <= p1[yField]) ||\r\n\t (p0[yField] < p2[yField] && p1[yField] <= p0[yField])) {\r\n\t sign = numberSign((p2[yField] - p0[yField]) * (p1[xField] - p0[xField]));\r\n\t } else {\r\n\t sign = -numberSign((p2[xField] - p0[xField]) * (p1[yField] - p0[yField]));\r\n\t }\r\n\r\n\t tangent = EXTREMUM_ALLOWED_DEVIATION * sign;\r\n\t switchOrientation = true;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t var secondControlPoint = this.secondControlPoint(tangent, p0, p1, xField, yField);\r\n\r\n\t if (switchOrientation) {\r\n\t var oldXField = xField;\r\n\t xField = yField;\r\n\t yField = oldXField;\r\n\t }\r\n\r\n\t var firstControlPoint = this.firstControlPoint(tangent, p1, p2, xField, yField);\r\n\r\n\t if (restrict) {\r\n\t this.restrictControlPoint(p0, p1, secondControlPoint, tangent);\r\n\t this.restrictControlPoint(p1, p2, firstControlPoint, tangent);\r\n\t }\r\n\r\n\t return [ secondControlPoint, firstControlPoint ];\r\n\t },\r\n\r\n\t restrictControlPoint: function(p1, p2, cp, tangent) {\r\n\t if (p1.y < p2.y) {\r\n\t if (p2.y < cp.y) {\r\n\t cp.x = p1.x + (p2.y - p1.y) / tangent;\r\n\t cp.y = p2.y;\r\n\t } else if (cp.y < p1.y) {\r\n\t cp.x = p2.x - (p2.y - p1.y) / tangent;\r\n\t cp.y = p1.y;\r\n\t }\r\n\t } else {\r\n\t if (cp.y < p2.y) {\r\n\t cp.x = p1.x - (p1.y - p2.y) / tangent;\r\n\t cp.y = p2.y;\r\n\t } else if (p1.y < cp.y) {\r\n\t cp.x = p2.x + (p1.y - p2.y) / tangent;\r\n\t cp.y = p1.y;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t tangent: function(p0, p1, xField, yField) {\r\n\t var x = p1[xField] - p0[xField];\r\n\t var y = p1[yField] - p0[yField];\r\n\t var tangent;\r\n\r\n\t if (x === 0) {\r\n\t tangent = 0;\r\n\t } else {\r\n\t tangent = y / x;\r\n\t }\r\n\r\n\t return tangent;\r\n\t },\r\n\r\n\t isMonotonicByField: function(p0, p1, p2, field) {\r\n\t return (p2[field] > p1[field] && p1[field] > p0[field]) ||\r\n\t (p2[field] < p1[field] && p1[field] < p0[field]);\r\n\t },\r\n\r\n\t firstControlPoint: function(tangent, p0, p3, xField, yField) {\r\n\t var t1 = p0[xField];\r\n\t var t2 = p3[xField];\r\n\t var distance = (t2 - t1) * WEIGHT;\r\n\r\n\t return this.point(t1 + distance, p0[yField] + distance * tangent, xField, yField);\r\n\t },\r\n\r\n\t secondControlPoint: function(tangent, p0, p3, xField, yField) {\r\n\t var t1 = p0[xField];\r\n\t var t2 = p3[xField];\r\n\t var distance = (t2 - t1) * WEIGHT;\r\n\r\n\t return this.point(t2 - distance, p3[yField] - distance * tangent, xField, yField);\r\n\t },\r\n\r\n\t point: function(xValue, yValue, xField, yField) {\r\n\t var controlPoint = new geometry.Point();\r\n\t controlPoint[xField] = xValue;\r\n\t controlPoint[yField] = yValue;\r\n\r\n\t return controlPoint;\r\n\t },\r\n\r\n\t calculateFunction: function(fn, x) {\r\n\t var length = fn.length;\r\n\t var result = 0;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t result += Math.pow(x,i) * fn[i];\r\n\t }\r\n\t return result;\r\n\t }\r\n\t});\r\n\r\n\tfunction numberSign(value) {\r\n\t return value <= 0 ? -1 : 1;\r\n\t}\r\n\r\n\tdataviz.Gradients = GRADIENTS;\r\n\r\n\tkendo.deepExtend(kendo.dataviz, {\r\n\t constants: constants,\r\n\t services: services,\r\n\t autoMajorUnit: autoMajorUnit,\r\n\t Point: Point,\r\n\t Box: Box,\r\n\t Ring: Ring,\r\n\t Sector: Sector,\r\n\t ShapeBuilder: ShapeBuilder,\r\n\t ShapeElement: ShapeElement,\r\n\t ChartElement: ChartElement,\r\n\t BoxElement: BoxElement,\r\n\t RootElement: RootElement,\r\n\t FloatElement: FloatElement,\r\n\t Text: Text,\r\n\t TextBox: TextBox,\r\n\t Title: Title,\r\n\t AxisLabel: AxisLabel,\r\n\t Axis: Axis,\r\n\t Note: Note,\r\n\t CategoryAxis: CategoryAxis,\r\n\t DateCategoryAxis: DateCategoryAxis,\r\n\t DateValueAxis: DateValueAxis,\r\n\t NumericAxis: NumericAxis,\r\n\t LogarithmicAxis: LogarithmicAxis,\r\n\t PolarAxis: PolarAxis,\r\n\t RadarCategoryAxis: RadarCategoryAxis,\r\n\t RadarNumericAxis: RadarNumericAxis,\r\n\t RadarLogarithmicAxis: RadarLogarithmicAxis,\r\n\t CurveProcessor: CurveProcessor,\r\n\t rectToBox: rectToBox,\r\n\t addClass: addClass,\r\n\t removeClass: removeClass,\r\n\t alignPathToPixel: alignPathToPixel,\r\n\t clockwise: clockwise,\r\n\t convertableToNumber: convertableToNumber,\r\n\t deepExtend: deepExtend,\r\n\t elementStyles: elementStyles,\r\n\t getSpacing: getSpacing,\r\n\t getTemplate: getTemplate,\r\n\t getter: __common_getter_js,\r\n\t grep: grep,\r\n\t hasClasses: hasClasses,\r\n\t inArray: inArray,\r\n\t interpolateValue: interpolateValue,\r\n\t InstanceObserver: InstanceObserver,\r\n\t isArray: isArray,\r\n\t isFunction: isFunction,\r\n\t isNumber: isNumber,\r\n\t isObject: isObject,\r\n\t isString: isString,\r\n\t map: map,\r\n\t mousewheelDelta: mousewheelDelta,\r\n\t FontLoader: FontLoader,\r\n\t setDefaultOptions: setDefaultOptions,\r\n\t sparseArrayLimits: sparseArrayLimits,\r\n\t styleValue: styleValue,\r\n\t append: append,\r\n\t bindEvents: bindEvents,\r\n\t Class: Class,\r\n\t defined: defined,\r\n\t deg: deg,\r\n\t elementOffset: elementOffset,\r\n\t elementSize: elementSize,\r\n\t eventElement: eventElement,\r\n\t eventCoordinates: eventCoordinates,\r\n\t last: last,\r\n\t limitValue: limitValue,\r\n\t logToConsole: kendo.logToConsole,\r\n\t objectKey: objectKey,\r\n\t rad: rad,\r\n\t round: round,\r\n\t unbindEvents: unbindEvents,\r\n\t valueOrDefault: valueOrDefault,\r\n\t absoluteDateDiff: absoluteDateDiff,\r\n\t addDuration: addDuration,\r\n\t addTicks: addTicks,\r\n\t ceilDate: ceilDate,\r\n\t dateComparer: dateComparer,\r\n\t dateDiff: dateDiff,\r\n\t dateEquals: dateEquals,\r\n\t dateIndex: dateIndex,\r\n\t duration: duration,\r\n\t floorDate: floorDate,\r\n\t lteDateIndex: lteDateIndex,\r\n\t startOfWeek: startOfWeek,\r\n\t toDate: toDate,\r\n\t parseDate: parseDate,\r\n\t parseDates: parseDates,\r\n\t toTime: toTime\r\n\t});\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\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__(860);\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/***/ 849:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.data\");\n\n/***/ }),\n\n/***/ 850:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 851:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.themes\");\n\n/***/ }),\n\n/***/ 860:\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__(849), __webpack_require__(862), __webpack_require__(863),\n\t __webpack_require__(864),\n\t __webpack_require__(865),\n\t __webpack_require__(861),\n\t __webpack_require__(850),\n\t __webpack_require__(851),\n\t __webpack_require__(866),\n\t __webpack_require__(867),\n\t __webpack_require__(868) ], __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 dataviz = kendo.dataviz,\n\t draw = kendo.drawing,\n\t geom = kendo.geometry,\n\t diagram = dataviz.diagram,\n\t Widget = kendo.ui.Widget,\n\t Class = kendo.Class,\n\t proxy = $.proxy,\n\t deepExtend = kendo.deepExtend,\n\t outerWidth = kendo._outerWidth,\n\t outerHeight = kendo._outerHeight,\n\t extend = $.extend,\n\t HierarchicalDataSource = kendo.data.HierarchicalDataSource,\n\t Canvas = diagram.Canvas,\n\t Group = diagram.Group,\n\t Rectangle = diagram.Rectangle,\n\t Circle = diagram.Circle,\n\t CompositeTransform = diagram.CompositeTransform,\n\t Rect = diagram.Rect,\n\t Path = diagram.Path,\n\t DeleteShapeUnit = diagram.DeleteShapeUnit,\n\t DeleteConnectionUnit = diagram.DeleteConnectionUnit,\n\t TextBlock = diagram.TextBlock,\n\t Image = diagram.Image,\n\t Point = diagram.Point,\n\t Intersect = diagram.Intersect,\n\t ConnectionEditAdorner = diagram.ConnectionEditAdorner,\n\t UndoRedoService = diagram.UndoRedoService,\n\t ToolService = diagram.ToolService,\n\t Selector = diagram.Selector,\n\t ResizingAdorner = diagram.ResizingAdorner,\n\t ConnectorsAdorner = diagram.ConnectorsAdorner,\n\t Cursors = diagram.Cursors,\n\t Utils = diagram.Utils,\n\t Observable = kendo.Observable,\n\t ToBackUnit = diagram.ToBackUnit,\n\t ToFrontUnit = diagram.ToFrontUnit,\n\t PolylineRouter = diagram.PolylineRouter,\n\t CascadingRouter = diagram.CascadingRouter,\n\t isUndefined = Utils.isUndefined,\n\t isDefined = Utils.isDefined,\n\t defined = draw.util.defined,\n\t isArray = $.isArray,\n\t isFunction = kendo.isFunction,\n\t isString = Utils.isString,\n\t isPlainObject = $.isPlainObject,\n\n\t math = Math;\n\n\t var SASS_THEMES = [\"sass\", \"default-v2\", \"bootstrap-v4\"];\n\n\t // Constants ==============================================================\n\t var NS = \".kendoDiagram\",\n\t CASCADING = \"cascading\",\n\t ITEMBOUNDSCHANGE = \"itemBoundsChange\",\n\t CHANGE = \"change\",\n\t CLICK = \"click\",\n\t DRAG = \"drag\",\n\t DRAG_END = \"dragEnd\",\n\t DRAG_START = \"dragStart\",\n\t MOUSE_ENTER = \"mouseEnter\",\n\t MOUSE_LEAVE = \"mouseLeave\",\n\t ERROR = \"error\",\n\t AUTO = \"Auto\",\n\t TOP = \"Top\",\n\t RIGHT = \"Right\",\n\t LEFT = \"Left\",\n\t BOTTOM = \"Bottom\",\n\t MAXINT = 9007199254740992,\n\t SELECT = \"select\",\n\t ITEMROTATE = \"itemRotate\",\n\t PAN = \"pan\",\n\t ZOOM_START = \"zoomStart\",\n\t ZOOM_END = \"zoomEnd\",\n\t NONE = \"none\",\n\t DEFAULT_CANVAS_WIDTH = 600,\n\t DEFAULT_CANVAS_HEIGHT = 600,\n\t DEFAULT_SHAPE_TYPE = \"rectangle\",\n\t DEFAULT_SHAPE_WIDTH = 100,\n\t DEFAULT_SHAPE_HEIGHT = 100,\n\t DEFAULT_SHAPE_MINWIDTH = 20,\n\t DEFAULT_SHAPE_MINHEIGHT = 20,\n\t DEFAULT_SHAPE_POSITION = 0,\n\t DEFAULT_CONNECTION_BACKGROUND = \"Yellow\",\n\t MAX_VALUE = Number.MAX_VALUE,\n\t MIN_VALUE = -Number.MAX_VALUE,\n\t ABSOLUTE = \"absolute\",\n\t TRANSFORMED = \"transformed\",\n\t ROTATED = \"rotated\",\n\t TRANSPARENT = \"transparent\",\n\t WIDTH = \"width\",\n\t HEIGHT = \"height\",\n\t X = \"x\",\n\t Y = \"y\",\n\t MOUSEWHEEL_NS = \"DOMMouseScroll\" + NS + \" mousewheel\" + NS,\n\t MOBILE_ZOOM_RATE = 0.05,\n\t MOBILE_PAN_DISTANCE = 5,\n\t BUTTON_TEMPLATE = '#=text#',\n\t CONNECTION_CONTENT_OFFSET = 5;\n\n\t diagram.DefaultConnectors = [{\n\t name: TOP\n\t }, {\n\t name: BOTTOM\n\t }, {\n\t name: LEFT\n\t }, {\n\t name: RIGHT\n\t }, {\n\t name: AUTO,\n\t position: function (shape) {\n\t return shape.getPosition(\"center\");\n\t }\n\t }];\n\n\t var defaultButtons = {\n\t cancel: {\n\t text: \"Cancel\",\n\t imageClass: \"k-i-cancel\",\n\t className: \"k-diagram-cancel\",\n\t iconClass: \"k-icon\"\n\t },\n\t update: {\n\t text: \"Update\",\n\t imageClass: \"k-i-checkmark\",\n\t className: \"k-diagram-update\",\n\t iconClass: \"k-icon\"\n\t }\n\t };\n\n\t diagram.shapeDefaults = function(extra) {\n\t var defaults = {\n\t type: DEFAULT_SHAPE_TYPE,\n\t path: \"\",\n\t autoSize: true,\n\t visual: null,\n\t x: DEFAULT_SHAPE_POSITION,\n\t y: DEFAULT_SHAPE_POSITION,\n\t minWidth: DEFAULT_SHAPE_MINWIDTH,\n\t minHeight: DEFAULT_SHAPE_MINHEIGHT,\n\t width: DEFAULT_SHAPE_WIDTH,\n\t height: DEFAULT_SHAPE_HEIGHT,\n\t hover: {},\n\t editable: {\n\t connect: true,\n\t tools: []\n\t },\n\t connectors: diagram.DefaultConnectors,\n\t rotation: {\n\t angle: 0\n\t }\n\t };\n\n\t Utils.simpleExtend(defaults, extra);\n\n\t return defaults;\n\t };\n\n\t function mwDelta(e) {\n\t var origEvent = e.originalEvent,\n\t delta = 0;\n\n\t if (origEvent.wheelDelta) {\n\t delta = -origEvent.wheelDelta / 40;\n\t delta = delta > 0 ? math.ceil(delta) : math.floor(delta);\n\t } else if (origEvent.detail) {\n\t delta = origEvent.detail;\n\t }\n\n\t return delta;\n\t }\n\n\t function isAutoConnector(connector) {\n\t return connector.options.name.toLowerCase() === AUTO.toLowerCase();\n\t }\n\n\t function closestConnector(point, connectors) {\n\t var minimumDistance = MAXINT, resCtr, connector;\n\t for (var i = 0; i < connectors.length; i++) {\n\t connector = connectors[i];\n\t if (!isAutoConnector(connector)) {\n\t var dist = point.distanceTo(connector.position());\n\t if (dist < minimumDistance) {\n\t minimumDistance = dist;\n\t resCtr = connector;\n\t }\n\t }\n\t }\n\t return resCtr;\n\t }\n\n\t function indicesOfItems(group, visuals) {\n\t var i, indices = [], visual;\n\t var children = group.drawingContainer().children;\n\t var length = children.length;\n\t for (i = 0; i < visuals.length; i++) {\n\t visual = visuals[i];\n\t for (var j = 0; j < length; j++) {\n\t if (children[j] == visual.drawingContainer()) {\n\t indices.push(j);\n\t break;\n\t }\n\t }\n\t }\n\t return indices;\n\t }\n\n\t var DiagramElement = Observable.extend({\n\t init: function (options) {\n\t var that = this;\n\t that.dataItem = (options || {}).dataItem;\n\t Observable.fn.init.call(that);\n\t that.options = deepExtend({ id: diagram.randomId() }, that.options, options);\n\t that.isSelected = false;\n\t that.visual = new Group({\n\t id: that.options.id,\n\t autoSize: that.options.autoSize\n\t });\n\t that.id = that.options.id;\n\t that._template();\n\t },\n\n\t options: {\n\t hover: {},\n\t cursor: Cursors.grip,\n\t content: {\n\t align: \"center middle\"\n\t },\n\t selectable: true,\n\t serializable: true,\n\t enable: true\n\t },\n\n\t _getCursor: function (point) {\n\t if (this.adorner) {\n\t return this.adorner._getCursor(point);\n\t }\n\t return this.options.cursor;\n\t },\n\n\t visible: function (value) {\n\t if (isUndefined(value)) {\n\t return this.visual.visible();\n\t } else {\n\t this.visual.visible(value);\n\t }\n\t },\n\n\t bounds: function () {\n\t },\n\n\t refresh: function () {\n\t this.visual.redraw();\n\t },\n\n\t position: function (point) {\n\t this.options.x = point.x;\n\t this.options.y = point.y;\n\t this.visual.position(point);\n\t },\n\n\t toString: function () {\n\t return this.options.id;\n\t },\n\n\t serialize: function () {\n\t // the options json object describes the shape perfectly. So this object can serve as shape serialization.\n\t var json = deepExtend({}, {options: this.options});\n\t if (this.dataItem) {\n\t json.dataItem = this.dataItem.toString();\n\t }\n\t return json;\n\t },\n\n\t _content: function (content) {\n\t if (content !== undefined) {\n\t var options = this.options;\n\n\t if (diagram.Utils.isString(content)) {\n\t options.content.text = content;\n\t } else {\n\t deepExtend(options.content, content);\n\t }\n\n\t var contentOptions = options.content;\n\t var contentVisual = this._contentVisual;\n\n\t if (!contentVisual) {\n\t this._createContentVisual(contentOptions);\n\t } else {\n\t this._updateContentVisual(contentOptions);\n\t }\n\t }\n\n\t return this.options.content.text;\n\t },\n\n\t _createContentVisual: function(options) {\n\t if (options.text) {\n\t this._contentVisual = new TextBlock(options);\n\t this._contentVisual._includeInBBox = false;\n\t this.visual.append(this._contentVisual);\n\t }\n\t },\n\n\t _updateContentVisual: function(options) {\n\t this._contentVisual.redraw(options);\n\t },\n\n\t _hitTest: function (point) {\n\t var bounds = this.bounds();\n\t return this.visible() && bounds.contains(point) && this.options.enable;\n\t },\n\n\t _template: function () {\n\t var that = this;\n\t if (that.options.content.template) {\n\t var data = that.dataItem || {},\n\t elementTemplate = kendo.template(that.options.content.template, {\n\t paramName: \"dataItem\"\n\t });\n\n\t that.options.content.text = elementTemplate(data);\n\t }\n\t },\n\n\t _canSelect: function () {\n\t return this.options.selectable !== false;\n\t },\n\n\t toJSON: function() {\n\t return {\n\t id: this.options.id\n\t };\n\t }\n\t });\n\n\t var Connector = Class.extend({\n\t init: function (shape, options) {\n\t this.options = deepExtend({}, this.options, options);\n\t this.connections = [];\n\t this.shape = shape;\n\t },\n\t options: {\n\t width: 7,\n\t height: 7,\n\t fill: {\n\t color: DEFAULT_CONNECTION_BACKGROUND\n\t },\n\t hover: {}\n\t },\n\t position: function () {\n\t if (this.options.position) {\n\t return this.options.position(this.shape);\n\t } else {\n\t return this.shape.getPosition(this.options.name);\n\t }\n\t },\n\t toJSON: function () {\n\t return {\n\t shapeId: this.shape.toString(),\n\t connector: this.options.name\n\t };\n\t }\n\t });\n\n\t Connector.parse = function (diagram, str) {\n\t var tempStr = str.split(\":\"),\n\t id = tempStr[0],\n\t name = tempStr[1] || AUTO;\n\n\t for (var i = 0; i < diagram.shapes.length; i++) {\n\t var shape = diagram.shapes[i];\n\t if (shape.options.id == id) {\n\t return shape.getConnector(name.trim());\n\t }\n\t }\n\t };\n\n\t var Shape = DiagramElement.extend({\n\t init: function (options, diagram) {\n\t var that = this;\n\t DiagramElement.fn.init.call(that, options);\n\t this.diagram = diagram;\n\t this.updateOptionsFromModel();\n\t options = that.options;\n\t that.connectors = [];\n\t that.type = options.type;\n\t that.createShapeVisual();\n\t that.updateBounds();\n\t that.content(that.content());\n\n\t that._createConnectors();\n\t },\n\n\t options: diagram.shapeDefaults(),\n\n\t _setOptionsFromModel: function(model) {\n\t var modelOptions = filterShapeDataItem(model || this.dataItem);\n\t this.options = deepExtend({}, this.options, modelOptions);\n\n\t this.redrawVisual();\n\t },\n\n\t updateOptionsFromModel: function(model, field) {\n\t if (this.diagram && this.diagram._isEditable) {\n\t var modelOptions = filterShapeDataItem(model || this.dataItem);\n\n\t if (model && field) {\n\t if (!dataviz.inArray(field, [\"x\", \"y\", \"width\", \"height\"])) {\n\t if (this.options.visual) {\n\t this._redrawVisual();\n\t } else if (modelOptions.type) {\n\t this.options = deepExtend({}, this.options, modelOptions);\n\t this._redrawVisual();\n\t }\n\n\t if (this.options.content) {\n\t this._template();\n\t this.content(this.options.content);\n\t }\n\t } else {\n\t var bounds = this.bounds();\n\t bounds[field] = model[field];\n\t this.bounds(bounds);\n\t }\n\t } else {\n\t this.options = deepExtend({}, this.options, modelOptions);\n\t }\n\t }\n\t },\n\n\t _redrawVisual: function() {\n\t this.visual.clear();\n\t this._contentVisual = null;\n\t this.options.dataItem = this.dataItem;\n\t this.createShapeVisual();\n\t this.updateBounds();\n\t },\n\n\t redrawVisual: function() {\n\t this._redrawVisual();\n\t if (this.options.content) {\n\t this._template();\n\t this.content(this.options.content);\n\t }\n\t },\n\n\t updateModel: function(syncChanges) {\n\t var diagram = this.diagram;\n\t if (diagram && diagram._isEditable) {\n\t var bounds = this._bounds;\n\t var model = this.dataItem;\n\n\t if (model) {\n\t diagram._suspendModelRefresh();\n\t if (defined(model.x) && bounds.x !== model.x) {\n\t model.set(\"x\", bounds.x);\n\t }\n\n\t if (defined(model.y) && bounds.y !== model.y) {\n\t model.set(\"y\", bounds.y);\n\t }\n\n\t if (defined(model.width) && bounds.width !== model.width) {\n\t model.set(\"width\", bounds.width);\n\t }\n\n\t if (defined(model.height) && bounds.height !== model.height) {\n\t model.set(\"height\", bounds.height);\n\t }\n\n\t this.dataItem = model;\n\t diagram._resumeModelRefresh();\n\n\t if (syncChanges) {\n\t diagram._syncShapeChanges();\n\t }\n\t }\n\t }\n\t },\n\n\t updateBounds: function() {\n\t var bounds = this.visual._measure(true);\n\t var options = this.options;\n\t this.bounds(new Rect(options.x, options.y, bounds.width, bounds.height));\n\t this._rotate();\n\t this._alignContent();\n\t },\n\n\t content: function(content) {\n\t var result = this._content(content);\n\n\t this._alignContent();\n\n\t return result;\n\t },\n\n\t _alignContent: function() {\n\t var contentOptions = this.options.content || {};\n\t var contentVisual = this._contentVisual;\n\t if (contentVisual && contentOptions.align) {\n\t var containerRect = this.visual._measure();\n\t var aligner = new diagram.RectAlign(containerRect);\n\t var contentBounds = contentVisual.drawingElement.bbox(null);\n\n\t var contentRect = new Rect(0, 0, contentBounds.width(), contentBounds.height());\n\t var alignedBounds = aligner.align(contentRect, contentOptions.align);\n\n\t contentVisual.position(alignedBounds.topLeft());\n\t }\n\t },\n\n\t _createConnectors: function() {\n\t var options = this.options,\n\t length = options.connectors.length,\n\t connectorDefaults = options.connectorDefaults,\n\t connector, i;\n\n\t for (i = 0; i < length; i++) {\n\t connector = new Connector(\n\t this, deepExtend({},\n\t connectorDefaults,\n\t options.connectors[i]\n\t )\n\t );\n\t this.connectors.push(connector);\n\t }\n\t },\n\n\t bounds: function (value) {\n\t var bounds;\n\n\t if (value) {\n\t if (isString(value)) {\n\t switch (value) {\n\t case TRANSFORMED :\n\t bounds = this._transformedBounds();\n\t break;\n\t case ABSOLUTE :\n\t bounds = this._transformedBounds();\n\t var pan = this.diagram._pan;\n\t bounds.x += pan.x;\n\t bounds.y += pan.y;\n\t break;\n\t case ROTATED :\n\t bounds = this._rotatedBounds();\n\t break;\n\t default:\n\t bounds = this._bounds;\n\t }\n\t } else {\n\t this._setBounds(value);\n\t this._triggerBoundsChange();\n\t if (!(this.diagram && this.diagram._layouting)) {\n\t this.refreshConnections();\n\t }\n\t }\n\t } else {\n\t bounds = this._bounds;\n\t }\n\n\t return bounds;\n\t },\n\n\t _setBounds: function(rect) {\n\t var options = this.options;\n\t var topLeft = rect.topLeft();\n\t var x = options.x = topLeft.x;\n\t var y = options.y = topLeft.y;\n\t var width = options.width = math.max(rect.width, options.minWidth);\n\t var height = options.height = math.max(rect.height, options.minHeight);\n\n\t this._bounds = new Rect(x, y, width, height);\n\n\t this.visual.redraw({\n\t x: x,\n\t y: y,\n\t width: width,\n\t height: height\n\t });\n\t },\n\n\t position: function (point) {\n\t if (point) {\n\t this.bounds(new Rect(point.x, point.y, this._bounds.width, this._bounds.height));\n\t } else {\n\t return this._bounds.topLeft();\n\t }\n\t },\n\t /**\n\t * Returns a clone of this shape.\n\t * @returns {Shape}\n\t */\n\t clone: function () {\n\t var json = this.serialize();\n\n\t json.options.id = diagram.randomId();\n\n\t if (this.diagram && this.diagram._isEditable && defined(this.dataItem)) {\n\t json.options.dataItem = cloneDataItem(this.dataItem);\n\t }\n\n\t return new Shape(json.options);\n\t },\n\n\t select: function (value) {\n\t var diagram = this.diagram, selected, deselected;\n\t if (isUndefined(value)) {\n\t value = true;\n\t }\n\n\t if (this._canSelect()) {\n\t if (this.isSelected != value) {\n\t selected = [];\n\t deselected = [];\n\t this.isSelected = value;\n\t if (this.isSelected) {\n\t diagram._selectedItems.push(this);\n\t selected.push(this);\n\t } else {\n\t Utils.remove(diagram._selectedItems, this);\n\t deselected.push(this);\n\t }\n\n\t if (!diagram._internalSelection) {\n\t diagram._selectionChanged(selected, deselected);\n\t }\n\n\t return true;\n\t }\n\t }\n\t },\n\n\t rotate: function (angle, center, undoable) { // we assume the center is always the center of the shape.\n\t var rotate = this.visual.rotate();\n\t if (angle !== undefined) {\n\t if (undoable !== false && this.diagram && this.diagram.undoRedoService && angle !== rotate.angle) {\n\t this.diagram.undoRedoService.add(\n\t new diagram.RotateUnit(this.diagram._resizingAdorner, [this], [rotate.angle]), false);\n\t }\n\n\t var b = this.bounds(),\n\t sc = new Point(b.width / 2, b.height / 2),\n\t deltaAngle,\n\t newPosition;\n\n\t if (center) {\n\t deltaAngle = angle - rotate.angle;\n\t newPosition = b.center().rotate(center, 360 - deltaAngle).minus(sc);\n\t this._rotationOffset = this._rotationOffset.plus(newPosition.minus(b.topLeft()));\n\t this.position(newPosition);\n\t }\n\n\t this.visual.rotate(angle, sc);\n\t this.options.rotation.angle = angle;\n\n\t if (this.diagram && this.diagram._connectorsAdorner) {\n\t this.diagram._connectorsAdorner.refresh();\n\t }\n\n\t this.refreshConnections();\n\n\t if (this.diagram) {\n\t this.diagram.trigger(ITEMROTATE, { item: this });\n\t }\n\t }\n\n\t return rotate;\n\t },\n\n\t connections: function (type) { // in, out, undefined = both\n\t var result = [], i, j, con, cons, ctr;\n\n\t for (i = 0; i < this.connectors.length; i++) {\n\t ctr = this.connectors[i];\n\t cons = ctr.connections;\n\t for (j = 0, cons; j < cons.length; j++) {\n\t con = cons[j];\n\t if (type == \"out\") {\n\t var source = con.source();\n\t if (source.shape && source.shape == this) {\n\t result.push(con);\n\t }\n\t } else if (type == \"in\") {\n\t var target = con.target();\n\t if (target.shape && target.shape == this) {\n\t result.push(con);\n\t }\n\t } else {\n\t result.push(con);\n\t }\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t refreshConnections: function () {\n\t $.each(this.connections(), function () {\n\t this.refresh();\n\t });\n\t },\n\t /**\n\t * Gets a connector of this shape either by the connector's supposed name or\n\t * via a Point in which case the closest connector will be returned.\n\t * @param nameOrPoint The name of a Connector or a Point.\n\t * @returns {Connector}\n\t */\n\t getConnector: function (nameOrPoint) {\n\t var i, ctr;\n\t if (isString(nameOrPoint)) {\n\t nameOrPoint = nameOrPoint.toLocaleLowerCase();\n\t for (i = 0; i < this.connectors.length; i++) {\n\t ctr = this.connectors[i];\n\t if (ctr.options.name.toLocaleLowerCase() == nameOrPoint) {\n\t return ctr;\n\t }\n\t }\n\t } else if (nameOrPoint instanceof Point) {\n\t return closestConnector(nameOrPoint, this.connectors);\n\t } else {\n\t return this.connectors.length ? this.connectors[0] : null;\n\t }\n\t },\n\n\t getPosition: function (side) {\n\t var b = this.bounds(),\n\t fnName = side.charAt(0).toLowerCase() + side.slice(1);\n\n\t if (isFunction(b[fnName])) {\n\t return this._transformPoint(b[fnName]());\n\t }\n\n\t return b.center();\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var shapeOptions = this.options;\n\t var boundsChange;\n\n\t this.shapeVisual.redraw(this._visualOptions(options));\n\n\t if (this._diffNumericOptions(options, [WIDTH, HEIGHT, X, Y])) {\n\t this.bounds(new Rect(shapeOptions.x, shapeOptions.y, shapeOptions.width, shapeOptions.height));\n\t boundsChange = true;\n\t }\n\n\t if (options.connectors) {\n\t shapeOptions.connectors = options.connectors;\n\t this._updateConnectors();\n\t }\n\n\t shapeOptions = deepExtend(shapeOptions, options);\n\n\t if (options.rotation || boundsChange) {\n\t this._rotate();\n\t }\n\n\t if (shapeOptions.content) {\n\t this.content(shapeOptions.content);\n\t }\n\t }\n\t },\n\n\t _updateConnectors: function() {\n\t var connections = this.connections();\n\t this.connectors = [];\n\t this._createConnectors();\n\t var connection;\n\t var source;\n\t var target;\n\n\t for (var idx = 0; idx < connections.length; idx++) {\n\t connection = connections[idx];\n\t source = connection.source();\n\t target = connection.target();\n\t if (source.shape && source.shape === this) {\n\t connection.source(this.getConnector(source.options.name) || null);\n\t } else if (target.shape && target.shape === this) {\n\t connection.target(this.getConnector(target.options.name) || null);\n\t }\n\t connection.updateModel();\n\t }\n\t },\n\n\t _diffNumericOptions: diagram.diffNumericOptions,\n\n\t _visualOptions: function(options) {\n\t return {\n\t data: options.path,\n\t source: options.source,\n\t hover: options.hover,\n\t fill: options.fill,\n\t stroke: options.stroke\n\t };\n\t },\n\n\t _triggerBoundsChange: function () {\n\t if (this.diagram) {\n\t this.diagram.trigger(ITEMBOUNDSCHANGE, {item: this, bounds: this._bounds.clone()}); // the trigger modifies the arguments internally.\n\t }\n\t },\n\n\t _transformPoint: function (point) {\n\t var rotate = this.rotate(),\n\t bounds = this.bounds(),\n\t tl = bounds.topLeft();\n\n\t if (rotate.angle) {\n\t point.rotate(rotate.center().plus(tl), 360 - rotate.angle);\n\t }\n\n\t return point;\n\t },\n\n\t _transformedBounds: function () {\n\t var bounds = this.bounds(),\n\t tl = bounds.topLeft(),\n\t br = bounds.bottomRight();\n\n\t return Rect.fromPoints(this.diagram.modelToView(tl), this.diagram.modelToView(br));\n\t },\n\n\t _rotatedBounds: function () {\n\t var bounds = this.bounds().rotatedBounds(this.rotate().angle),\n\t tl = bounds.topLeft(),\n\t br = bounds.bottomRight();\n\n\t return Rect.fromPoints(tl, br);\n\t },\n\n\t _rotate: function () {\n\t var rotation = this.options.rotation;\n\n\t if (rotation && rotation.angle) {\n\t this.rotate(rotation.angle);\n\t }\n\n\t this._rotationOffset = new Point();\n\t },\n\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 && isDefined(hover.stroke)) {\n\t stroke = deepExtend({}, stroke, hover.stroke);\n\t }\n\n\t if (value && isDefined(hover.fill)) {\n\t fill = hover.fill;\n\t }\n\n\t this.shapeVisual.redraw({\n\t stroke: stroke,\n\t fill: fill\n\t });\n\n\t if (options.editable && options.editable.connect) {\n\t this.diagram._showConnectors(this, value);\n\t }\n\t },\n\n\t _hitTest: function (value) {\n\t if (this.visible()) {\n\t var bounds = this.bounds(), rotatedPoint,\n\t angle = this.rotate().angle;\n\n\t if (value.isEmpty && !value.isEmpty()) { // rect selection\n\t return Intersect.rects(value, bounds, angle ? angle : 0);\n\t } else { // point\n\t rotatedPoint = value.clone().rotate(bounds.center(), angle); // cloning is important because rotate modifies the point inline.\n\t if (bounds.contains(rotatedPoint)) {\n\t return this;\n\t }\n\t }\n\t }\n\t },\n\n\t toJSON: function() {\n\t return {\n\t shapeId: this.options.id\n\t };\n\t },\n\n\t createShapeVisual: function() {\n\t var options = this.options;\n\t var visualOptions = this._visualOptions(options);\n\t var visualTemplate = options.visual;\n\t var type = (options.type + \"\").toLocaleLowerCase();\n\t var shapeVisual;\n\n\t visualOptions.width = options.width;\n\t visualOptions.height = options.height;\n\n\t if (isFunction(visualTemplate)) { // custom template\n\t shapeVisual = visualTemplate.call(this, options);\n\t } else if (visualOptions.data) {\n\t shapeVisual = new Path(visualOptions);\n\t translateToOrigin(shapeVisual);\n\t } else if (type == \"rectangle\"){\n\t shapeVisual = new Rectangle(visualOptions);\n\t } else if (type == \"circle\") {\n\t shapeVisual = new Circle(visualOptions);\n\t } else if (type == \"text\") {\n\t shapeVisual = new TextBlock(visualOptions);\n\t } else if (type == \"image\") {\n\t shapeVisual = new Image(visualOptions);\n\t } else {\n\t shapeVisual = new Path(visualOptions);\n\t }\n\n\t this.shapeVisual = shapeVisual;\n\t this.visual.append(this.shapeVisual);\n\t }\n\t });\n\n\t /**\n\t * The visual link between two Shapes through the intermediate of Connectors.\n\t */\n\t var Connection = DiagramElement.extend({\n\t init: function (from, to, options) {\n\t var that = this;\n\t DiagramElement.fn.init.call(that, options);\n\t this.updateOptionsFromModel();\n\t this._initRouter();\n\t that.path = new diagram.Polyline(that.options);\n\t that.path.fill(TRANSPARENT);\n\t that.visual.append(that.path);\n\t that._sourcePoint = that._targetPoint = new Point();\n\t that._setSource(from);\n\t that._setTarget(to);\n\t that.content(that.options.content);\n\t that.definers = [];\n\t if (defined(options) && options.points) {\n\t that.points(options.points);\n\t }\n\t },\n\n\t options: {\n\t hover: {\n\t stroke: {}\n\t },\n\t startCap: NONE,\n\t endCap: NONE,\n\t points: [],\n\t selectable: true,\n\t fromConnector: AUTO,\n\t toConnector: AUTO\n\t },\n\n\t _setOptionsFromModel: function(model) {\n\t this.updateOptionsFromModel(model || this.dataItem);\n\t },\n\n\t updateOptionsFromModel: function(model) {\n\t if (this.diagram && this.diagram._isEditable) {\n\t var dataMap = this.diagram._dataMap;\n\t var options = filterConnectionDataItem(model || this.dataItem);\n\n\t if (model) {\n\t if (defined(options.from)) {\n\t var from = dataMap[options.from];\n\t if (from && defined(options.fromConnector)) {\n\t from = from.getConnector(options.fromConnector);\n\t }\n\t this.source(from);\n\t } else if (defined(options.fromX) && defined(options.fromY)) {\n\t this.source(new Point(options.fromX, options.fromY));\n\t }\n\n\t if (defined(options.to)) {\n\t var to = dataMap[options.to];\n\t if (to && defined(options.toConnector)) {\n\t to = to.getConnector(options.toConnector);\n\t }\n\t this.target(to);\n\t } else if (defined(options.toX) && defined(options.toY)) {\n\t this.target(new Point(options.toX, options.toY));\n\t }\n\n\t if (defined(options.type) && this.type() !== options.type) {\n\t this.points([]);\n\t this.type(options.type);\n\t }\n\n\t this.dataItem = model;\n\n\t this._template();\n\t this.redraw(this.options);\n\t } else {\n\t this.options = deepExtend({}, options, this.options);\n\t }\n\t }\n\t },\n\n\t updateModel: function(syncChanges) {\n\t if (this.diagram && this.diagram._isEditable) {\n\t if (this.diagram.connectionsDataSource) {\n\t var model = this.diagram.connectionsDataSource.getByUid(this.dataItem.uid);\n\n\t if (model) {\n\t this.diagram._suspendModelRefresh();\n\t if (defined(this.options.fromX) && this.options.fromX !== null) {\n\t clearField(\"from\", model);\n\t clearField(\"fromConnector\", model);\n\t model.set(\"fromX\", this.options.fromX);\n\t model.set(\"fromY\", this.options.fromY);\n\t } else {\n\t model.set(\"from\", this.options.from);\n\t if (defined(model.fromConnector)) {\n\t model.set(\"fromConnector\", this.sourceConnector ? this.sourceConnector.options.name : null);\n\t }\n\t clearField(\"fromX\", model);\n\t clearField(\"fromY\", model);\n\t }\n\n\t if (defined(this.options.toX) && this.options.toX !== null) {\n\t clearField(\"to\", model);\n\t clearField(\"toConnector\", model);\n\t model.set(\"toX\", this.options.toX);\n\t model.set(\"toY\", this.options.toY);\n\t } else {\n\t model.set(\"to\", this.options.to);\n\t if (defined(model.toConnector)) {\n\t model.set(\"toConnector\", this.targetConnector ? this.targetConnector.options.name : null);\n\t }\n\t clearField(\"toX\", model);\n\t clearField(\"toY\", model);\n\t }\n\n\t if (defined(this.options.type) && defined(model.type)) {\n\t model.set(\"type\", this.options.type);\n\t }\n\n\t this.dataItem = model;\n\t this.diagram._resumeModelRefresh();\n\n\t if (syncChanges) {\n\t this.diagram._syncConnectionChanges();\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t /**\n\t * Gets the Point where the source of the connection resides.\n\t * If the endpoint in Auto-connector the location of the resolved connector will be returned.\n\t * If the endpoint is floating the location of the endpoint is returned.\n\t */\n\t sourcePoint: function () {\n\t return this._resolvedSourceConnector ? this._resolvedSourceConnector.position() : this._sourcePoint;\n\t },\n\n\t _setSource: function(source) {\n\t var shapeSource = source instanceof Shape;\n\t var defaultConnector = this.options.fromConnector || AUTO;\n\t var dataItem;\n\t if (shapeSource && !source.getConnector(defaultConnector)) {\n\t return;\n\t }\n\n\t if (source !== undefined) {\n\t this.from = source;\n\t }\n\n\t this._removeFromSourceConnector();\n\n\t if (source === null) { // detach\n\t if (this.sourceConnector) {\n\t this._sourcePoint = (this._resolvedSourceConnector || this.sourceConnector).position();\n\t this._clearSourceConnector();\n\t this._setFromOptions(null, this._sourcePoint);\n\t }\n\t } else if (source instanceof Connector) {\n\t dataItem = source.shape.dataItem;\n\t if (dataItem) {\n\t this._setFromOptions(dataItem.id);\n\t }\n\t this.sourceConnector = source;\n\t this.sourceConnector.connections.push(this);\n\t } else if (source instanceof Point) {\n\t this._setFromOptions(null, source);\n\t this._sourcePoint = source;\n\t if (this.sourceConnector) {\n\t this._clearSourceConnector();\n\t }\n\n\t } else if (shapeSource) {\n\t dataItem = source.dataItem;\n\t if (dataItem) {\n\t this._setFromOptions(dataItem.id);\n\t }\n\n\t this.sourceConnector = source.getConnector(defaultConnector);\n\t this.sourceConnector.connections.push(this);\n\t }\n\t },\n\n\t source: function (source, undoable) {\n\t if (isDefined(source)) {\n\t if (undoable && this.diagram) {\n\t this.diagram.undoRedoService.addCompositeItem(new diagram.ConnectionEditUnit(this, source));\n\t }\n\t this._setSource(source);\n\t this.refresh();\n\t }\n\t return this.sourceConnector ? this.sourceConnector : this._sourcePoint;\n\t },\n\n\t _setFromOptions: function(from, fromPoint) {\n\t this.options.from = from;\n\t if (fromPoint) {\n\t this.options.fromX = fromPoint.x;\n\t this.options.fromY = fromPoint.y;\n\t } else {\n\t this.options.fromX = null;\n\t this.options.fromY = null;\n\t }\n\t },\n\n\t /**\n\t * Gets or sets the PathDefiner of the sourcePoint.\n\t * The left part of this definer is always null since it defines the source tangent.\n\t * @param value\n\t * @returns {*}\n\t */\n\t sourceDefiner: function (value) {\n\t if (value) {\n\t if (value instanceof diagram.PathDefiner) {\n\t value.left = null;\n\t this._sourceDefiner = value;\n\t this.source(value.point); // refresh implicit here\n\t } else {\n\t throw \"The sourceDefiner needs to be a PathDefiner.\";\n\t }\n\t } else {\n\t if (!this._sourceDefiner) {\n\t this._sourceDefiner = new diagram.PathDefiner(this.sourcePoint(), null, null);\n\t }\n\t return this._sourceDefiner;\n\t }\n\t },\n\n\t /**\n\t * Gets the Point where the target of the connection resides.\n\t */\n\t targetPoint: function () {\n\t return this._resolvedTargetConnector ? this._resolvedTargetConnector.position() : this._targetPoint;\n\t },\n\n\t _setTarget: function(target) {\n\t var shapeTarget = target instanceof Shape;\n\t var defaultConnector = this.options.toConnector || AUTO;\n\t var dataItem;\n\n\t if (shapeTarget && !target.getConnector(defaultConnector)) {\n\t return;\n\t }\n\n\t if (target !== undefined) {\n\t this.to = target;\n\t }\n\n\t this._removeFromTargetConnector();\n\n\t if (target === null) { // detach\n\t if (this.targetConnector) {\n\t this._targetPoint = (this._resolvedTargetConnector || this.targetConnector).position();\n\t this._clearTargetConnector();\n\t this._setToOptions(null, this._targetPoint);\n\t }\n\t } else if (target instanceof Connector) {\n\t dataItem = target.shape.dataItem;\n\t if (dataItem) {\n\t this._setToOptions(dataItem.id);\n\t }\n\t this.targetConnector = target;\n\t this.targetConnector.connections.push(this);\n\t } else if (target instanceof Point) {\n\t this._setToOptions(null, target);\n\t this._targetPoint = target;\n\t if (this.targetConnector) {\n\t this._clearTargetConnector();\n\t }\n\t } else if (shapeTarget) {\n\t dataItem = target.dataItem;\n\t if (dataItem) {\n\t this._setToOptions(dataItem.id);\n\t }\n\t this.targetConnector = target.getConnector(defaultConnector);\n\t this.targetConnector.connections.push(this);\n\t }\n\t },\n\n\t target: function (target, undoable) {\n\t if (isDefined(target)) {\n\t if (undoable && this.diagram) {\n\t this.diagram.undoRedoService.addCompositeItem(new diagram.ConnectionEditUnit(this, undefined, target));\n\t }\n\t this._setTarget(target);\n\n\t this.refresh();\n\t }\n\t return this.targetConnector ? this.targetConnector : this._targetPoint;\n\t },\n\n\t _setToOptions: function(to, toPoint) {\n\t this.options.to = to;\n\t if (toPoint) {\n\t this.options.toX = toPoint.x;\n\t this.options.toY = toPoint.y;\n\t } else {\n\t this.options.toX = null;\n\t this.options.toY = null;\n\t }\n\t },\n\n\t /**\n\t * Gets or sets the PathDefiner of the targetPoint.\n\t * The right part of this definer is always null since it defines the target tangent.\n\t * @param value\n\t * @returns {*}\n\t */\n\t targetDefiner: function (value) {\n\t if (value) {\n\t if (value instanceof diagram.PathDefiner) {\n\t value.right = null;\n\t this._targetDefiner = value;\n\t this.target(value.point); // refresh implicit here\n\t } else {\n\t throw \"The sourceDefiner needs to be a PathDefiner.\";\n\t }\n\t } else {\n\t if (!this._targetDefiner) {\n\t this._targetDefiner = new diagram.PathDefiner(this.targetPoint(), null, null);\n\t }\n\t return this._targetDefiner;\n\t }\n\t },\n\n\t _updateConnectors: function() {\n\t this._updateConnector(this.source(), \"source\");\n\t this._updateConnector(this.target(), \"target\");\n\t },\n\n\t _updateConnector: function(instance, name) {\n\t var that = this;\n\t var diagram = that.diagram;\n\t if (instance instanceof Connector && !diagram.getShapeById(instance.shape.id)) {\n\t var dataItem = instance.shape.dataItem;\n\t var connectorName = instance.options.name;\n\t var setNewTarget = function() {\n\t var shape = diagram._dataMap[dataItem.id];\n\t instance = shape.getConnector(connectorName);\n\t that[name](instance, false);\n\t that.updateModel();\n\t };\n\t if (diagram._dataMap[dataItem.id]) {\n\t setNewTarget();\n\t } else {\n\t var inactiveItem = diagram._inactiveShapeItems.getByUid(dataItem.uid);\n\t if (inactiveItem) {\n\t diagram._deferredConnectionUpdates.push(inactiveItem.onActivate(setNewTarget));\n\t }\n\t }\n\t } else {\n\t that[name](instance, false);\n\t }\n\t },\n\n\t content: function(content) {\n\t var result = this._content(content);\n\t if (defined(content)) {\n\t this._alignContent();\n\t }\n\t return result;\n\t },\n\n\t _createContentVisual: function(options) {\n\t var visual;\n\t if (isFunction(options.visual)) {\n\t visual = options.visual.call(this, options);\n\t } else if (options.text) {\n\t visual = new TextBlock(options);\n\t }\n\n\t if (visual) {\n\t this._contentVisual = visual;\n\t visual._includeInBBox = false;\n\t this.visual.append(visual);\n\t }\n\n\t return visual;\n\t },\n\n\t _updateContentVisual: function(options) {\n\t if (isFunction(options.visual)) {\n\t this.visual.remove(this._contentVisual);\n\t this._createContentVisual(options);\n\t } else {\n\t this._contentVisual.redraw(options);\n\t }\n\t },\n\n\t _alignContent: function() {\n\t if (this._contentVisual) {\n\t var offset = CONNECTION_CONTENT_OFFSET;\n\t var points = this.allPoints();\n\t var endIdx = math.floor(points.length / 2);\n\t var startIdx = endIdx - 1;\n\n\t while(startIdx > 0 && points[startIdx].equals(points[endIdx])) {\n\t startIdx--;\n\t endIdx++;\n\t }\n\n\t var endPoint = points[endIdx];\n\t var startPoint = points[startIdx];\n\n\t var boundingBox = this._contentVisual._measure();\n\t var width = boundingBox.width;\n\t var height = boundingBox.height;\n\t var alignToPath = points.length % 2 === 0;\n\t var distance = startPoint.distanceTo(endPoint);\n\n\t if (alignToPath && points.length > 2 && distance > 0 &&\n\t ((startPoint.y === endPoint.y && distance < width) || (startPoint.x === endPoint.x && distance < height))) {\n\t alignToPath = false;\n\t offset = 0;\n\t }\n\n\t var point;\n\n\t if (alignToPath) {\n\t var angle = draw.util.deg(math.atan2(endPoint.y - startPoint.y, endPoint.x - startPoint.x));\n\t point = new Point((endPoint.x - startPoint.x) / 2 + startPoint.x, (endPoint.y - startPoint.y) / 2 + startPoint.y);\n\n\t if (math.abs(angle) === 90) {\n\t point.x += offset;\n\t point.y-= height / 2;\n\t } else if (angle % 180 === 0) {\n\t point.x -= width / 2;\n\t point.y -= height + offset;\n\t } else if (angle < -90 || (0 < angle && angle < 90)) {\n\t point.y-= height;\n\t } else if (angle < 0 || angle > 90) {\n\t point.x -= width;\n\t point.y -= height;\n\t }\n\t } else {\n\t var midIdx = math.floor(points.length / 2);\n\t point = points[midIdx].clone();\n\t startPoint = points[midIdx - 1];\n\t endPoint = points[midIdx + 1];\n\n\t var offsetX = startPoint.x <= point.x && endPoint.x <= point.x ? offset : -boundingBox.width - offset;\n\t var offsetY = startPoint.y <= point.y && endPoint.y <= point.y ? offset : -boundingBox.height - offset;\n\n\t point.x += offsetX;\n\t point.y += offsetY;\n\t }\n\n\t this._contentVisual.position(point);\n\t }\n\t },\n\n\t /**\n\t * Selects or unselects this connections.\n\t * @param value True to select, false to unselect.\n\t */\n\t select: function (value) {\n\t var diagram = this.diagram, selected, deselected;\n\t if (this._canSelect()) {\n\t if (this.isSelected !== value) {\n\t this.isSelected = value;\n\t selected = [];\n\t deselected = [];\n\t if (this.isSelected) {\n\t this.adorner = new ConnectionEditAdorner(this, this.options.selection);\n\t diagram._adorn(this.adorner, true);\n\t diagram._selectedItems.push(this);\n\t selected.push(this);\n\t } else {\n\t if (this.adorner) {\n\t diagram._adorn(this.adorner, false);\n\t Utils.remove(diagram._selectedItems, this);\n\t this.adorner = undefined;\n\t deselected.push(this);\n\t }\n\t }\n\n\t if (this.adorner) {\n\t this.adorner.refresh();\n\t }\n\n\t if (!diagram._internalSelection) {\n\t diagram._selectionChanged(selected, deselected);\n\t }\n\t return true;\n\t }\n\t }\n\t },\n\t /**\n\t * Gets or sets the bounds of this connection.\n\t * @param value A Rect object.\n\t * @remark This is automatically set in the refresh().\n\t * @returns {Rect}\n\t */\n\t bounds: function (value) {\n\t if (value && !isString(value)) {\n\t this._bounds = value;\n\t } else {\n\t return this._bounds;\n\t }\n\t },\n\t /**\n\t * Gets or sets the connection type (see ConnectionType enumeration).\n\t * @param value A ConnectionType value.\n\t * @returns {ConnectionType}\n\t */\n\t type: function (value) {\n\t var options = this.options;\n\t if (value) {\n\t if (value !== options.type) {\n\t options.type = value;\n\t this._initRouter();\n\t this.refresh();\n\t }\n\t } else {\n\t return options.type;\n\t }\n\t },\n\n\t _initRouter: function() {\n\t var type = (this.options.type || \"\").toLowerCase();\n\t if (type == CASCADING) {\n\t this._router = new CascadingRouter(this);\n\t } else {\n\t this._router = new PolylineRouter(this);\n\t }\n\t },\n\t /**\n\t * Gets or sets the collection of *intermediate* points.\n\t * The 'allPoints()' property will return all the points.\n\t * The 'definers' property returns the definers of the intermediate points.\n\t * The 'sourceDefiner' and 'targetDefiner' return the definers of the endpoints.\n\t * @param value\n\t */\n\t points: function (value) {\n\t if (value) {\n\t this.definers = [];\n\t for (var i = 0; i < value.length; i++) {\n\t var definition = value[i];\n\t if (definition instanceof diagram.Point) {\n\t this.definers.push(new diagram.PathDefiner(definition));\n\t } else if (definition.hasOwnProperty(\"x\") && definition.hasOwnProperty(\"y\")) { // e.g. Clipboard does not preserve the Point definition and tunred into an Object\n\t this.definers.push(new diagram.PathDefiner(new Point(definition.x, definition.y)));\n\t } else {\n\t throw \"A Connection point needs to be a Point or an object with x and y properties.\";\n\t }\n\t }\n\n\t } else {\n\t var pts = [];\n\t if (isDefined(this.definers)) {\n\t for (var k = 0; k < this.definers.length; k++) {\n\t pts.push(this.definers[k].point);\n\t }\n\t }\n\t return pts;\n\t }\n\t },\n\t /**\n\t * Gets all the points of this connection. This is the combination of the sourcePoint, the points and the targetPoint.\n\t * @returns {Array}\n\t */\n\t allPoints: function () {\n\t var pts = [this.sourcePoint()];\n\t if (this.definers) {\n\t for (var k = 0; k < this.definers.length; k++) {\n\t pts.push(this.definers[k].point);\n\t }\n\t }\n\t pts.push(this.targetPoint());\n\t return pts;\n\t },\n\n\t refresh: function () {\n\t this._resolveConnectors();\n\t this._refreshPath();\n\t this._alignContent();\n\n\t if (this.adorner) {\n\t this.adorner.refresh();\n\t }\n\t },\n\n\t _resolveConnectors: function () {\n\t var connection = this,\n\t sourcePoint, targetPoint,\n\t sourceConnectors, targetConnectors,\n\t source = connection.source(),\n\t target = connection.target();\n\n\t if (source instanceof Point) {\n\t sourcePoint = source;\n\t } else if (source instanceof Connector) {\n\t if (isAutoConnector(source)) {\n\t sourceConnectors = source.shape.connectors;\n\t } else {\n\t sourceConnectors = [source];\n\t }\n\t }\n\n\t if (target instanceof Point) {\n\t targetPoint = target;\n\t } else if (target instanceof Connector) {\n\t if (isAutoConnector(target)) {\n\t targetConnectors = target.shape.connectors;\n\t } else {\n\t targetConnectors = [target];\n\t }\n\t }\n\n\t if (sourcePoint) {\n\t if (targetConnectors) {\n\t connection._resolvedTargetConnector = closestConnector(sourcePoint, targetConnectors);\n\t }\n\t } else if (sourceConnectors) {\n\t if (targetPoint) {\n\t connection._resolvedSourceConnector = closestConnector(targetPoint, sourceConnectors);\n\t } else if (targetConnectors) {\n\t this._resolveAutoConnectors(sourceConnectors, targetConnectors);\n\t }\n\t }\n\t },\n\n\t _resolveAutoConnectors: function(sourceConnectors, targetConnectors) {\n\t var minNonConflict = MAXINT;\n\t var minDist = MAXINT;\n\t var minNonConflictSource, minNonConflictTarget;\n\t var sourcePoint, targetPoint;\n\t var minSource, minTarget;\n\t var sourceConnector, targetConnector;\n\t var sourceIdx, targetIdx;\n\t var dist;\n\n\t for (sourceIdx = 0; sourceIdx < sourceConnectors.length; sourceIdx++) {\n\t sourceConnector = sourceConnectors[sourceIdx];\n\t if (!isAutoConnector(sourceConnector)) {\n\t sourcePoint = sourceConnector.position();\n\n\t for (targetIdx = 0; targetIdx < targetConnectors.length; targetIdx++) {\n\t targetConnector = targetConnectors[targetIdx];\n\t if (!isAutoConnector(targetConnector)) {\n\t targetPoint = targetConnector.position();\n\t dist = math.round(sourcePoint.distanceTo(targetPoint));\n\n\t if (dist < minNonConflict && this.diagram && this._testRoutePoints(sourcePoint, targetPoint, sourceConnector, targetConnector)) {\n\t minNonConflict = dist;\n\t minNonConflictSource = sourceConnector;\n\t minNonConflictTarget = targetConnector;\n\t }\n\n\t if (dist < minDist) {\n\t minSource = sourceConnector;\n\t minTarget = targetConnector;\n\t minDist = dist;\n\t }\n\t }\n\t }\n\t }\n\t }\n\n\t if (minNonConflictSource) {\n\t minSource = minNonConflictSource;\n\t minTarget = minNonConflictTarget;\n\t }\n\n\t this._resolvedSourceConnector = minSource;\n\t this._resolvedTargetConnector = minTarget;\n\t },\n\n\t _testRoutePoints: function(sourcePoint, targetPoint, sourceConnector, targetConnector) {\n\t var router = this._router;\n\t var passRoute = true;\n\t if (router instanceof CascadingRouter) {\n\t var points = router.routePoints(sourcePoint, targetPoint, sourceConnector, targetConnector),\n\t start, end,\n\t rect, exclude;\n\n\t exclude = this._getRouteExclude(sourcePoint, targetPoint, sourceConnector.shape, targetConnector.shape);\n\t points.unshift(sourcePoint);\n\t points.push(targetPoint);\n\n\n\t for (var idx = 1; idx < points.length; idx++) {\n\t start = points[idx - 1];\n\t end = points[idx];\n\t rect = new Rect(math.min(start.x, end.x), math.min(start.y, end.y),\n\t math.abs(start.x - end.x), math.abs(start.y - end.y));\n\t if (rect.width > 0) {\n\t rect.x++;\n\t rect.width-=2;\n\t }\n\t if (rect.height > 0) {\n\t rect.y++;\n\t rect.height-=2;\n\t }\n\n\t if (!rect.isEmpty() && this.diagram._shapesQuadTree.hitTestRect(rect, exclude)) {\n\t passRoute = false;\n\t break;\n\t }\n\t }\n\t }\n\t return passRoute;\n\t },\n\n\t _getRouteExclude: function(sourcePoint, targetPoint, sourceShape, targetShape) {\n\t var exclude = [];\n\t if (this._isPointInsideShape(sourcePoint, sourceShape)){\n\t exclude.push(sourceShape);\n\t }\n\t if (this._isPointInsideShape(targetPoint, targetShape)){\n\t exclude.push(targetShape);\n\t }\n\t return exclude;\n\t },\n\n\t _isPointInsideShape: function (point, shape) {\n\t var bounds = shape.bounds(), rotatedPoint,\n\t angle = shape.rotate().angle,\n\t pointX, pointY,\n\t boundsX = bounds.x,\n\t boundsY = bounds.y;\n\n\t rotatedPoint = point.clone().rotate(bounds.center(), angle);\n\t pointX = rotatedPoint.x;\n\t pointY = rotatedPoint.y;\n\t return pointX > boundsX && pointX < (boundsX + bounds.width) && pointY > boundsY && pointY < (boundsY + bounds.height);\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t this.options = deepExtend({}, this.options, options);\n\n\t var points = this.options.points;\n\n\t if (defined(points) && points.length > 0) {\n\t this.points(points);\n\t this._refreshPath();\n\t }\n\n\t if ((options && options.content) || options.text) {\n\t this.content(options.content);\n\t }\n\n\t this.path.redraw({\n\t fill: options.fill,\n\t stroke: options.stroke,\n\t startCap: options.startCap,\n\t endCap: options.endCap\n\t });\n\t }\n\t },\n\t /**\n\t * Returns a clone of this connection.\n\t * @returns {Connection}\n\t */\n\t clone: function () {\n\t var json = this.serialize();\n\n\t if (this.diagram && this.diagram._isEditable && defined(this.dataItem)) {\n\t json.options.dataItem = cloneDataItem(this.dataItem);\n\t }\n\n\t return new Connection(this.from, this.to, json.options);\n\t },\n\t /**\n\t * Returns a serialized connection in json format. Consist of the options and the dataItem.\n\t * @returns {Connection}\n\t */\n\t serialize: function () {\n\t var from = this.from.toJSON ? this.from.toJSON : this.from.toString(),\n\t to = this.to.toJSON ? this.to.toJSON : this.to.toString();\n\n\t var json = deepExtend({}, {\n\t options: this.options,\n\t from: from,\n\t to: to\n\t });\n\n\t if (defined(this.dataItem)) {\n\t json.dataItem = this.dataItem.toString();\n\t }\n\n\t json.options.points = this.points();\n\t return json;\n\t },\n\n\t /**\n\t * Returns whether the given Point or Rect hits this connection.\n\t * @param value\n\t * @returns {Connection}\n\t * @private\n\t */\n\t _hitTest: function (value) {\n\t if (this.visible()) {\n\t var p = new Point(value.x, value.y), from = this.sourcePoint(), to = this.targetPoint();\n\t if (value.isEmpty && !value.isEmpty() && value.contains(from) && value.contains(to)) {\n\t return this;\n\t }\n\t if (this._router.hitTest(p)) {\n\t return this;\n\t }\n\t }\n\t },\n\n\t _hover: function (value) {\n\t var color = (this.options.stroke || {}).color;\n\n\t if (value && isDefined(this.options.hover.stroke.color)) {\n\t color = this.options.hover.stroke.color;\n\t }\n\n\t this.path.redraw({\n\t stroke: {\n\t color: color\n\t }\n\t });\n\t },\n\n\t _refreshPath: function () {\n\t if (!defined(this.path)) {\n\t return;\n\t }\n\t this._drawPath();\n\t this.bounds(this._router.getBounds());\n\t },\n\n\t _drawPath: function () {\n\t if (this._router) {\n\t this._router.route(); // sets the intermediate points\n\t }\n\t var source = this.sourcePoint();\n\t var target = this.targetPoint();\n\t var points = this.points();\n\n\t this.path.redraw({\n\t points: [source].concat(points, [target])\n\t });\n\t },\n\n\t _clearSourceConnector: function () {\n\t this.sourceConnector = undefined;\n\t this._resolvedSourceConnector = undefined;\n\t },\n\n\t _clearTargetConnector: function () {\n\t this.targetConnector = undefined;\n\t this._resolvedTargetConnector = undefined;\n\t },\n\n\t _removeFromSourceConnector: function() {\n\t if (this.sourceConnector) {\n\t Utils.remove(this.sourceConnector.connections, this);\n\t }\n\t },\n\n\t _removeFromTargetConnector: function() {\n\t if (this.targetConnector) {\n\t Utils.remove(this.targetConnector.connections, this);\n\t }\n\t },\n\n\t toJSON: function() {\n\t var connection = this;\n\t var from, to, point;\n\t if (connection.from && connection.from.toJSON) {\n\t from = connection.from.toJSON();\n\t } else {\n\t point = connection._sourcePoint;\n\t from = {\n\t x: point.x,\n\t y: point.y\n\t };\n\t }\n\n\t if (connection.to && connection.to.toJSON) {\n\t to = connection.to.toJSON();\n\t } else {\n\t point = connection._targetPoint;\n\t to = {\n\t x: point.x,\n\t y: point.y\n\t };\n\t }\n\n\t return {\n\t from : from,\n\t to: to\n\t };\n\t }\n\t });\n\n\t var Diagram = Widget.extend({\n\t init: function (element, userOptions) {\n\t var that = this;\n\n\t kendo.destroy(element);\n\t Widget.fn.init.call(that, element, userOptions);\n\n\t that._initTheme();\n\n\t that._initElements();\n\t that._extendLayoutOptions(that.options);\n\t that._initDefaults(userOptions);\n\t that._interactionDefaults();\n\n\t that._initCanvas();\n\n\t that.mainLayer = new Group({\n\t id: \"main-layer\"\n\t });\n\t that.canvas.append(that.mainLayer);\n\n\t that._shapesQuadTree = new ShapesQuadTree(that);\n\n\t that._pan = new Point();\n\t that._adorners = [];\n\t that.adornerLayer = new Group({\n\t id: \"adorner-layer\"\n\t });\n\t that.canvas.append(that.adornerLayer);\n\n\t that._createHandlers();\n\n\t that._initialize();\n\n\t that._resizingAdorner = new ResizingAdorner(that, { editable: that.options.editable });\n\t that._connectorsAdorner = new ConnectorsAdorner(that);\n\n\t that._adorn(that._resizingAdorner, true);\n\t that._adorn(that._connectorsAdorner, true);\n\n\t that.selector = new Selector(that);\n\t // TODO: We may consider using real Clipboard API once is supported by the standard.\n\t that._clipboard = [];\n\n\t that.pauseMouseHandlers = false;\n\n\t that._fetchFreshData();\n\n\t that._createGlobalToolBar();\n\n\t that._createOptionElements();\n\n\t that.zoom(that.options.zoom);\n\n\t that.canvas.draw();\n\t },\n\n\t options: {\n\t name: \"Diagram\",\n\t theme: \"default\",\n\t layout: \"\",\n\t zoomRate: 0.1,\n\t zoom: 1,\n\t zoomMin: 0,\n\t zoomMax: 2,\n\t dataSource: {},\n\t draggable: true,\n\t template: \"\",\n\t autoBind: true,\n\t editable: {\n\t rotate: {},\n\t resize: {},\n\t text: true,\n\t tools: [],\n\t drag: {\n\t snap: {\n\t size: 10,\n\t angle: 10\n\t }\n\t },\n\t remove: true\n\t },\n\t pannable: {},\n\t selectable: {\n\t key: \"none\"\n\t },\n\t tooltip: { enabled: true, format: \"{0}\" },\n\t copy: {\n\t enabled: true,\n\t offsetX: 20,\n\t offsetY: 20\n\t },\n\t shapeDefaults: diagram.shapeDefaults({ undoable: true }),\n\t connectionDefaults: {\n\t editable: {\n\t tools: []\n\t },\n\t type: CASCADING\n\t },\n\t shapes: [],\n\t connections: []\n\t },\n\n\t events: [\n\t ZOOM_END,\n\t ZOOM_START,\n\t PAN, SELECT,\n\t ITEMROTATE,\n\t ITEMBOUNDSCHANGE,\n\t CHANGE,\n\t CLICK,\n\t MOUSE_ENTER,\n\t MOUSE_LEAVE,\n\t \"toolBarClick\",\n\t \"save\",\n\t \"cancel\",\n\t \"edit\",\n\t \"remove\",\n\t \"add\",\n\t \"dataBound\",\n\t DRAG_START,\n\t DRAG,\n\t DRAG_END\n\t ],\n\n\t items: function() {\n\t return $();\n\t },\n\n\t _createGlobalToolBar: function() {\n\t var editable = this.options.editable;\n\t if (editable) {\n\t var tools = editable.tools;\n\t if (this._isEditable && tools !== false && (!tools || tools.length === 0)) {\n\t tools = [\"createShape\", \"undo\", \"redo\", \"rotateClockwise\", \"rotateAnticlockwise\"];\n\t }\n\n\t if (tools && tools.length) {\n\t this.toolBar = new DiagramToolBar(this, {\n\t tools: tools || {},\n\t click: proxy(this._toolBarClick, this),\n\t modal: false\n\t });\n\n\t this.toolBar.element.css({\n\t textAlign: \"left\"\n\t });\n\n\t this.element.prepend(this.toolBar.element);\n\t this._resize();\n\t }\n\t }\n\t },\n\n\t createShape: function() {\n\t if ((this.editor && this.editor.end()) || !this.editor) {\n\t var dataSource = this.dataSource;\n\t var view = dataSource.view() || [];\n\t var index = view.length;\n\t var model = createModel(dataSource, {});\n\t var shape = this._createShape(model, {});\n\n\t if (!this.trigger(\"add\", { shape: shape })) {\n\t dataSource.insert(index, model);\n\t var inactiveItem = this._inactiveShapeItems.getByUid(model.uid);\n\t inactiveItem.element = shape;\n\t this.edit(shape);\n\t }\n\t }\n\t },\n\n\t _createShape: function(dataItem, options) {\n\t options = deepExtend({}, this.options.shapeDefaults, options);\n\t options.dataItem = dataItem;\n\t var shape = new Shape(options, this);\n\t return shape;\n\t },\n\n\t createConnection: function() {\n\t if (((this.editor && this.editor.end()) || !this.editor)) {\n\t var connectionsDataSource = this.connectionsDataSource;\n\t var view = connectionsDataSource.view() || [];\n\t var index = view.length;\n\t var model = createModel(connectionsDataSource, {});\n\t var connection = this._createConnection(model);\n\t if (!this.trigger(\"add\", { connection: connection })) {\n\t this._connectionsDataMap[model.uid] = connection;\n\t connectionsDataSource.insert(index, model);\n\t this.addConnection(connection, false);\n\t this.edit(connection);\n\t }\n\t }\n\t },\n\n\t _createConnection: function(dataItem, source, target) {\n\t var options = deepExtend({}, this.options.connectionDefaults);\n\t options.dataItem = dataItem;\n\n\t var connection = new Connection(source || new Point(), target || new Point(), options);\n\n\t return connection;\n\t },\n\n\t editModel: function(dataItem, editorType) {\n\t this.cancelEdit();\n\t var editors, template;\n\t var editable = this.options.editable;\n\n\t if (editorType == \"shape\") {\n\t editors = editable.shapeEditors;\n\t template = editable.shapeTemplate;\n\t } else if (editorType == \"connection\") {\n\t var connectionSelectorHandler = proxy(connectionSelector, this);\n\t editors = deepExtend({}, { from: connectionSelectorHandler, to: connectionSelectorHandler }, editable.connectionEditors);\n\t template = editable.connectionTemplate;\n\t } else {\n\t return;\n\t }\n\n\t this.editor = new PopupEditor(this.element, {\n\t update: proxy(this._update, this),\n\t cancel: proxy(this._cancel, this),\n\t model: dataItem,\n\t type: editorType,\n\t target: this,\n\t editors: editors,\n\t template: template\n\t });\n\n\t this.trigger(\"edit\", this._editArgs());\n\t },\n\n\t edit: function(item) {\n\t if (item.dataItem) {\n\t var editorType = item instanceof Shape ? \"shape\" : \"connection\";\n\t this.editModel(item.dataItem, editorType);\n\t }\n\t },\n\n\t cancelEdit: function() {\n\t if (this.editor) {\n\t this._getEditDataSource().cancelChanges(this.editor.model);\n\n\t this._destroyEditor();\n\t }\n\t },\n\n\t saveEdit: function() {\n\t if (this.editor && this.editor.end() &&\n\t !this.trigger(\"save\", this._editArgs())) {\n\t this._getEditDataSource().sync();\n\t }\n\t },\n\n\t _update: function() {\n\t if (this.editor && this.editor.end() &&\n\t !this.trigger(\"save\", this._editArgs())) {\n\t this._getEditDataSource().sync();\n\t this._destroyEditor();\n\t }\n\t },\n\n\t _cancel: function() {\n\t if (this.editor && !this.trigger(\"cancel\", this._editArgs())) {\n\t var model = this.editor.model;\n\t this._getEditDataSource().cancelChanges(model);\n\t var element = this._connectionsDataMap[model.uid] || this._dataMap[model.id];\n\t if (element) {\n\t element._setOptionsFromModel(model);\n\t }\n\t this._destroyEditor();\n\t }\n\t },\n\n\t _getEditDataSource: function() {\n\t return this.editor.options.type === \"shape\" ? this.dataSource : this.connectionsDataSource;\n\t },\n\n\t _editArgs: function() {\n\t var result = { container: this.editor.wrapper };\n\t result[this.editor.options.type] = this.editor.model;\n\t return result;\n\t },\n\n\t _destroyEditor: function() {\n\t if (this.editor) {\n\t this.editor.close();\n\t this.editor = null;\n\t }\n\t },\n\n\t _initElements: function() {\n\t this.wrapper = this.element.empty()\n\t .css(\"position\", \"relative\")\n\t .attr(\"tabindex\", 0)\n\t .addClass(\"k-widget k-diagram\");\n\n\t this.scrollable = $(\"\").appendTo(this.element);\n\t },\n\n\t _initDefaults: function(userOptions) {\n\t var options = this.options;\n\t var editable = options.editable;\n\t var shapeDefaults = options.shapeDefaults;\n\t var connectionDefaults = options.connectionDefaults;\n\t var userShapeDefaults = (userOptions || {}).shapeDefaults;\n\t if (editable === false) {\n\t shapeDefaults.editable = false;\n\t connectionDefaults.editable = false;\n\t } else {\n\t copyDefaultOptions(editable, shapeDefaults.editable, [\"drag\", \"remove\", \"connect\"]);\n\t copyDefaultOptions(editable, connectionDefaults.editable, [\"drag\", \"remove\"]);\n\t }\n\n\t if (userShapeDefaults && userShapeDefaults.connectors) {\n\t options.shapeDefaults.connectors = userShapeDefaults.connectors;\n\t }\n\t },\n\n\t _interactionDefaults: function() {\n\t var options = this.options;\n\t var selectable = options.selectable;\n\t var pannable = options.pannable;\n\t var mobile = kendo.support.mobileOS;\n\n\t if (selectable && !defined(selectable.multiple)) {\n\t options.selectable = deepExtend({\n\t multiple: mobile ? false : true\n\t }, options.selectable);\n\t }\n\n\t if (pannable && !defined(pannable.key)) {\n\t options.pannable = deepExtend({\n\t key: mobile ? \"none\" : \"ctrl\"\n\t }, options.pannable);\n\t }\n\t },\n\n\t _initCanvas: function() {\n\t var canvasContainer = $(\"\").appendTo(this.scrollable)[0];\n\t var viewPort = this.viewport();\n\t this.canvas = new Canvas(canvasContainer, {\n\t width: viewPort.width || DEFAULT_CANVAS_WIDTH,\n\t height: viewPort.height || DEFAULT_CANVAS_HEIGHT\n\t });\n\t },\n\n\t _createHandlers: function () {\n\t var that = this;\n\t var element = that.element;\n\n\t element.on(MOUSEWHEEL_NS, proxy(that._wheel, that))\n\t .on(\"keydown\" + NS, proxy(that._keydown, that));\n\n\t that._userEvents = new kendo.UserEvents(this.scrollable, {\n\t multiTouch: true,\n\t fastTap: true,\n\t tap: proxy(that._tap, that),\n\t start: proxy(that._dragStart, that),\n\t move: proxy(that._drag, that),\n\t end: proxy(that._dragEnd, that),\n\t gesturestart: proxy(that._gestureStart, that),\n\t gesturechange: proxy(that._gestureChange, that),\n\t gestureend: proxy(that._gestureEnd, that)\n\t });\n\n\t that.toolService = new ToolService(that);\n\n\t this.scrollable\n\t .on(\"mouseover\" + NS, proxy(that._mouseover, that))\n\t .on(\"mouseout\" + NS, proxy(that._mouseout, that))\n\t .on(\"mousemove\" + NS, proxy(that._mouseMove, that))\n\t .on(\"mousedown\" + NS, proxy(that._mouseDown, that))\n\t .on(\"mouseup\" + NS, proxy(that._mouseUp, that));\n\n\t this._syncHandler = proxy(that._syncChanges, that);\n\n\t that._resizeHandler = proxy(that.resize, that, false);\n\t kendo.onResize(that._resizeHandler);\n\n\t this.bind(ZOOM_START, proxy(that._destroyToolBar, that));\n\t this.bind(PAN, proxy(that._destroyToolBar, that));\n\t },\n\n\t _dragStart: function (e) {\n\t this._pauseMouseHandlers = true;\n\t var point = this._eventPositions(e, true);\n\n\t var event = e.event;\n\t if (this.toolService.start(point, this._meta(event))) {\n\t this._destroyToolBar();\n\t event.preventDefault();\n\t }\n\t },\n\n\t _drag: function (e) {\n\t var p = this._eventPositions(e);\n\t var event = e.event;\n\t if (this.toolService.move(p, this._meta(event))) {\n\t event.preventDefault();\n\t }\n\t },\n\n\t _dragEnd: function (e) {\n\t this._pauseMouseHandlers = false;\n\t var p = this._eventPositions(e);\n\t var event = e.event;\n\t if (this.toolService.end(p, this._meta(event))) {\n\t this._createToolBar();\n\t event.preventDefault();\n\t }\n\t },\n\n\t _mouseMove: function (e) {\n\t if (!this._pauseMouseHandlers) {\n\t var p = this._eventPositions(e);\n\t this.toolService._updateHoveredItem(p);\n\t this.toolService._updateCursor(p);\n\t }\n\t },\n\n\t _mouseDown: function () {\n\t this._pauseMouseHandlers = true;\n\t },\n\n\t _mouseUp: function () {\n\t this._pauseMouseHandlers = false;\n\t },\n\n\t _tap: function(e) {\n\t var toolService = this.toolService;\n\t var selectable = this.options.selectable;\n\t var point = this._eventPositions(e);\n\t var focused = this.focus();\n\n\t toolService._updateHoveredItem(point);\n\n\t if (toolService.hoveredItem) {\n\t var item = toolService.hoveredItem;\n\n\t this.trigger(\"click\", {\n\t item: item,\n\t point: point\n\t });\n\n\t if (selectable && item.options.selectable !== false) {\n\t var multiple = selectable.multiple !== false;\n\t var ctrlPressed = kendo.support.mobileOS || this._meta(e.event).ctrlKey;\n\n\t if (item.isSelected) {\n\t if (ctrlPressed) {\n\t this._destroyToolBar();\n\t item.select(false);\n\t } else {\n\t this._createToolBar(focused);\n\t }\n\t } else {\n\t this._destroyToolBar();\n\t this.select(item, {\n\t addToSelection: multiple && ctrlPressed\n\t });\n\t this._createToolBar(focused);\n\t }\n\t }\n\t } else if (selectable) {\n\t this._destroyToolBar();\n\t this.deselect();\n\t }\n\t },\n\n\t _keydown: function (e) {\n\t if (this.toolService.keyDown(e.keyCode, this._meta(e))) {\n\t e.preventDefault();\n\t }\n\t },\n\n\t _wheel: function (e) {\n\t var delta = mwDelta(e),\n\t p = this._eventPositions(e),\n\t meta = deepExtend(this._meta(e), { delta: delta });\n\n\t if (this.toolService.wheel(p, meta)) {\n\t e.preventDefault();\n\t }\n\t },\n\n\t _meta: function (e) {\n\t return { ctrlKey: e.ctrlKey, metaKey: e.metaKey, altKey: e.altKey, shiftKey: e.shiftKey, type: e.type };\n\t },\n\n\t _eventPositions: function (e, start) {\n\t var point;\n\t if (e.touch) {\n\t var field = start ? \"startLocation\" : \"location\";\n\t point = new Point(e.x[field], e.y[field]);\n\t } else {\n\t var event = e.originalEvent;\n\t point = new Point(event.pageX, event.pageY);\n\t }\n\n\t return this.documentToModel(point);\n\t },\n\n\t _gestureStart: function(e) {\n\t this._destroyToolBar();\n\t this.scroller.disable();\n\t var initialCenter = this.documentToModel(new Point(e.center.x, e.center.y));\n\t var eventArgs = {\n\t point: initialCenter,\n\t zoom: this.zoom()\n\t };\n\n\t if (this.trigger(ZOOM_START, eventArgs)) {\n\t return;\n\t }\n\n\t this._gesture = e;\n\t this._initialCenter = initialCenter;\n\t },\n\n\t _gestureChange: function(e) {\n\t var previousGesture = this._gesture;\n\t var initialCenter = this._initialCenter;\n\t var center = this.documentToView(new Point(e.center.x, e.center.y));\n\t var scaleDelta = e.distance / previousGesture.distance;\n\t var zoom = this._zoom;\n\t var updateZoom = false;\n\n\t if (math.abs(scaleDelta - 1) >= MOBILE_ZOOM_RATE) {\n\t this._zoom = zoom = this._getValidZoom(zoom * scaleDelta);\n\t this.options.zoom = zoom;\n\t this._gesture = e;\n\t updateZoom = true;\n\t }\n\n\t var zoomedPoint = initialCenter.times(zoom);\n\t var pan = center.minus(zoomedPoint);\n\t if (updateZoom || this._pan.distanceTo(pan) >= MOBILE_PAN_DISTANCE) {\n\t this._panTransform(pan);\n\t this._updateAdorners();\n\t }\n\n\t e.preventDefault();\n\t },\n\n\t _gestureEnd: function() {\n\t if (this.options.pannable !== false) {\n\t this.scroller.enable();\n\t }\n\t this.trigger(ZOOM_END, {\n\t point: this._initialCenter,\n\t zoom: this.zoom()\n\t });\n\t },\n\n\t _resize: function() {\n\t var viewport = this.viewport();\n\t if (this.canvas) {\n\t this.canvas.size(viewport);\n\t }\n\n\t if (this.scrollable && this.toolBar) {\n\t this.scrollable.height(viewport.height);\n\t }\n\t },\n\n\t _mouseover: function(e) {\n\t var node = e.target._kendoNode;\n\t if (node && node.srcElement._hover) {\n\t node.srcElement._hover(true, node.srcElement);\n\t }\n\t },\n\n\t _mouseout: function(e) {\n\t var node = e.target._kendoNode;\n\t if (node && node.srcElement._hover) {\n\t node.srcElement._hover(false, node.srcElement);\n\t }\n\t },\n\n\t _initTheme: function() {\n\t var that = this;\n\t var themeName = ((that.options || {}).theme || \"\").toLowerCase();\n\t var themes = dataviz.ui.themes || {};\n\t var themeOptions;\n\n\t if(SASS_THEMES.indexOf(themeName) != -1) {\n\t themeOptions = dataviz.autoTheme().diagram;\n\t }\n\t else {\n\t themeOptions = (themes[themeName] || {}).diagram;\n\t }\n\n\t that.options = deepExtend({}, themeOptions, that.options);\n\t if (that.options.editable === true) {\n\t deepExtend(that.options, {\n\t editable: (themeOptions || {}).editable\n\t });\n\t }\n\t },\n\n\t _createOptionElements: function() {\n\t var options = this.options;\n\t var shapesLength = options.shapes.length;\n\n\t if (shapesLength) {\n\t this._createShapes();\n\t }\n\n\t if (options.connections.length) {\n\t this._createConnections();\n\t }\n\n\t if (shapesLength && options.layout) {\n\t this.layout(options.layout);\n\t }\n\t },\n\n\t _createShapes: function() {\n\t var that = this,\n\t options = that.options,\n\t shapes = options.shapes,\n\t shape, i;\n\n\t for (i = 0; i < shapes.length; i++) {\n\t shape = shapes[i];\n\t that.addShape(shape);\n\t }\n\t },\n\n\t _createConnections: function() {\n\t var diagram = this,\n\t options = diagram.options,\n\t defaults = options.connectionDefaults,\n\t connections = options.connections,\n\t conn, source, target, i;\n\n\t for(i = 0; i < connections.length; i++) {\n\t conn = connections[i];\n\t source = diagram._findConnectionTarget(conn.from);\n\t target = diagram._findConnectionTarget(conn.to);\n\n\t diagram.connect(source, target, deepExtend({}, defaults, conn));\n\t }\n\t },\n\n\t _findConnectionTarget: function(options) {\n\t options = options || {};\n\t var diagram = this;\n\t var shapeId = isString(options) ? options : options.shapeId || options.id;\n\t var target;\n\t if (shapeId) {\n\t target = diagram.getShapeById(shapeId);\n\t if (options.connector) {\n\t target = target.getConnector(options.connector);\n\t }\n\t } else {\n\t target = new Point(options.x || 0, options.y || 0);\n\t }\n\n\t return target;\n\t },\n\n\t destroy: function () {\n\t var that = this;\n\t Widget.fn.destroy.call(that);\n\n\t if (this._userEvents) {\n\t this._userEvents.destroy();\n\t }\n\n\t kendo.unbindResize(that._resizeHandler);\n\n\t that.clear();\n\t that.element.off(NS);\n\t that.scroller.wrapper.off(NS);\n\t that.canvas.destroy(true);\n\t that.canvas = undefined;\n\n\t that._destroyEditor();\n\t that.destroyScroller();\n\t that._destroyGlobalToolBar();\n\t that._destroyToolBar();\n\t },\n\n\t destroyScroller: function () {\n\t var scroller = this.scroller;\n\n\t if (!scroller) {\n\t return;\n\t }\n\n\t scroller.destroy();\n\t scroller.element.remove();\n\t this.scroller = null;\n\t },\n\n\t save: function () {\n\t var json = {\n\t shapes: [],\n\t connections: []\n\t };\n\t var i, connection, shape;\n\n\t for (i = 0; i < this.shapes.length; i++) {\n\t shape = this.shapes[i];\n\t if (shape.options.serializable) {\n\t json.shapes.push(shape.options);\n\t }\n\t }\n\n\t for (i = 0; i < this.connections.length; i++) {\n\t connection = this.connections[i];\n\n\t json.connections.push(deepExtend({}, connection.options, connection.toJSON()));\n\t }\n\n\t return json;\n\t },\n\n\t focus: function() {\n\t if (!this.element.is(kendo._activeElement())) {\n\t var element = this.element,\n\t scrollContainer = element[0],\n\t containers = [],\n\t offsets = [],\n\t documentElement = document.documentElement,\n\t i;\n\n\t do {\n\t scrollContainer = scrollContainer.parentNode;\n\n\t if (scrollContainer.scrollHeight > scrollContainer.clientHeight) {\n\t containers.push(scrollContainer);\n\t offsets.push(scrollContainer.scrollTop);\n\t }\n\t } while (scrollContainer != documentElement);\n\n\t element.focus();\n\n\t for (i = 0; i < containers.length; i++) {\n\t containers[i].scrollTop = offsets[i];\n\t }\n\t return true;\n\t }\n\t },\n\n\t load: function(options) {\n\t this.clear();\n\n\t this.setOptions(options);\n\t this._createShapes();\n\t this._createConnections();\n\t },\n\n\t setOptions: function(options) {\n\t deepExtend(this.options, options);\n\t },\n\n\t clear: function () {\n\t var that = this;\n\n\t that.select(false);\n\t that.mainLayer.clear();\n\t that._shapesQuadTree.clear();\n\t that._initialize();\n\t },\n\t /**\n\t * Connects two items.\n\t * @param source Shape, Connector, Point.\n\t * @param target Shape, Connector, Point.\n\t * @param options Connection options that will be passed to the newly created connection.\n\t * @returns The newly created connection.\n\t */\n\t connect: function (source, target, options) {\n\t var connection;\n\t if (this.connectionsDataSource && this._isEditable) {\n\t var dataItem = this.connectionsDataSource.add({});\n\t connection = this._connectionsDataMap[dataItem.uid];\n\t connection.source(source);\n\t connection.target(target);\n\t connection.redraw(options);\n\t connection.updateModel();\n\t } else {\n\t connection = new Connection(source, target,\n\t deepExtend({ }, this.options.connectionDefaults, options));\n\n\t this.addConnection(connection);\n\t }\n\n\t return connection;\n\t },\n\t /**\n\t * Determines whether the the two items are connected.\n\t * @param source Shape, Connector, Point.\n\t * @param target Shape, Connector, Point.\n\t * @returns true if the two items are connected.\n\t */\n\t connected: function (source, target) {\n\t for (var i = 0; i < this.connections.length; i++) {\n\t var c = this.connections[i];\n\t if (c.from == source && c.to == target) {\n\t return true;\n\t }\n\t }\n\n\t return false;\n\t },\n\t /**\n\t * Adds connection to the diagram.\n\t * @param connection Connection.\n\t * @param undoable Boolean.\n\t * @returns The newly created connection.\n\t */\n\t addConnection: function (connection, undoable) {\n\t if (undoable !== false) {\n\t this.undoRedoService.add(\n\t new diagram.AddConnectionUnit(connection, this), false);\n\t }\n\n\t connection.diagram = this;\n\t connection._setOptionsFromModel();\n\t connection.refresh();\n\t this.mainLayer.append(connection.visual);\n\t this.connections.push(connection);\n\n\t this.trigger(CHANGE, {\n\t added: [connection],\n\t removed: []\n\t });\n\n\t return connection;\n\t },\n\n\t _addConnection: function (connection, undoable) {\n\t var connectionsDataSource = this.connectionsDataSource;\n\t var dataItem;\n\t if (connectionsDataSource && this._isEditable) {\n\t dataItem = createModel(connectionsDataSource, cloneDataItem(connection.dataItem));\n\t connection.dataItem = dataItem;\n\t connection.updateModel();\n\n\t if (!this.trigger(\"add\", { connection: connection })) {\n\t this._connectionsDataMap[dataItem.uid] = connection;\n\n\t connectionsDataSource.add(dataItem);\n\t this.addConnection(connection, undoable);\n\t connection._updateConnectors();\n\n\t return connection;\n\t }\n\t } else if (!this.trigger(\"add\", { connection: connection })) {\n\t this.addConnection(connection, undoable);\n\t connection._updateConnectors();\n\t return connection;\n\t }\n\t },\n\n\t /**\n\t * Adds shape to the diagram.\n\t * @param item Shape, Point. If point is passed it will be created new Shape and positioned at that point.\n\t * @param options. The options to be passed to the newly created Shape.\n\t * @returns The newly created shape.\n\t */\n\t addShape: function(item, undoable) {\n\t var shape,\n\t shapeDefaults = this.options.shapeDefaults;\n\n\t if (item instanceof Shape) {\n\t shape = item;\n\t } else if (!(item instanceof kendo.Class)) {\n\t shapeDefaults = deepExtend({}, shapeDefaults, item || {});\n\t shape = new Shape(shapeDefaults, this);\n\t } else {\n\t return;\n\t }\n\n\t if (undoable !== false) {\n\t this.undoRedoService.add(new diagram.AddShapeUnit(shape, this), false);\n\t }\n\n\t this.shapes.push(shape);\n\t if (shape.diagram !== this) {\n\t this._shapesQuadTree.insert(shape);\n\t shape.diagram = this;\n\t }\n\t this.mainLayer.append(shape.visual);\n\n\t this.trigger(CHANGE, {\n\t added: [shape],\n\t removed: []\n\t });\n\n\t return shape;\n\t },\n\n\t _addShape: function(shape, undoable) {\n\t var that = this;\n\t var dataSource = that.dataSource;\n\t var dataItem;\n\t if (dataSource && this._isEditable) {\n\t dataItem = createModel(dataSource, cloneDataItem(shape.dataItem));\n\t shape.dataItem = dataItem;\n\t shape.updateModel();\n\n\t if (!this.trigger(\"add\", { shape: shape })) {\n\t this.dataSource.add(dataItem);\n\t var inactiveItem = this._inactiveShapeItems.getByUid(dataItem.uid);\n\t inactiveItem.element = shape;\n\t inactiveItem.undoable = undoable;\n\t return shape;\n\t }\n\t } else if (!this.trigger(\"add\", { shape: shape })) {\n\t return this.addShape(shape, undoable);\n\t }\n\t },\n\t /**\n\t * Removes items (or single item) from the diagram.\n\t * @param items DiagramElement, Array of Items.\n\t * @param undoable.\n\t */\n\n\t remove: function(items, undoable) {\n\t items = isArray(items) ? items.slice(0) : [items];\n\t var elements = splitDiagramElements(items);\n\t var shapes = elements.shapes;\n\t var connections = elements.connections;\n\t var i;\n\n\t if (!defined(undoable)) {\n\t undoable = true;\n\t }\n\n\t if (undoable) {\n\t this.undoRedoService.begin();\n\t }\n\n\t this._suspendModelRefresh();\n\t for (i = shapes.length - 1; i >= 0; i--) {\n\t this._removeItem(shapes[i], undoable, connections);\n\t }\n\n\t for (i = connections.length - 1; i >= 0; i--) {\n\t this._removeItem(connections[i], undoable);\n\t }\n\n\t this._resumeModelRefresh();\n\n\t if (undoable) {\n\t this.undoRedoService.commit(false);\n\t }\n\n\t this.trigger(CHANGE, {\n\t added: [],\n\t removed: items\n\t });\n\t },\n\n\t _removeShapeDataItem: function(item) {\n\t if (this._isEditable) {\n\t this.dataSource.remove(item.dataItem);\n\t delete this._dataMap[item.dataItem.id];\n\t }\n\t },\n\n\t _removeConnectionDataItem: function(item) {\n\t if (this._isEditable) {\n\t this.connectionsDataSource.remove(item.dataItem);\n\t delete this._connectionsDataMap[item.dataItem.uid];\n\t }\n\t },\n\n\t _triggerRemove: function(items){\n\t var toRemove = [];\n\t var item, args, editable;\n\n\t for (var idx = 0; idx < items.length; idx++) {\n\t item = items[idx];\n\t editable = item.options.editable;\n\t if (item instanceof Shape) {\n\t args = { shape: item };\n\t } else {\n\t args = { connection: item };\n\t }\n\t if (editable && editable.remove !== false && !this.trigger(\"remove\", args)) {\n\t toRemove.push(item);\n\t }\n\t }\n\t return toRemove;\n\t },\n\n\t /**\n\t * Executes the next undoable action on top of the undo stack if any.\n\t */\n\t undo: function () {\n\t this.undoRedoService.undo();\n\t },\n\t /**\n\t * Executes the previous undoable action on top of the redo stack if any.\n\t */\n\t redo: function () {\n\t this.undoRedoService.redo();\n\t },\n\t /**\n\t * Selects items on the basis of the given input or returns the current selection if none.\n\t * @param itemsOrRect DiagramElement, Array of elements, \"All\", false or Rect. A value 'false' will deselect everything.\n\t * @param options\n\t * @returns {Array}\n\t */\n\t select: function (item, options) {\n\t if (isDefined(item)) {\n\t options = deepExtend({ addToSelection: false }, options);\n\n\t var addToSelection = options.addToSelection,\n\t items = [],\n\t selected = [],\n\t i, element;\n\n\t if (!addToSelection) {\n\t this.deselect();\n\t }\n\n\t this._internalSelection = true;\n\n\t if (item instanceof Array) {\n\t items = item;\n\t } else if (item instanceof DiagramElement) {\n\t items = [ item ];\n\t }\n\n\t for (i = 0; i < items.length; i++) {\n\t element = items[i];\n\t if (element.select(true)) {\n\t selected.push(element);\n\t }\n\t }\n\n\t this._selectionChanged(selected, []);\n\n\t this._internalSelection = false;\n\t } else {\n\t return this._selectedItems;\n\t }\n\t },\n\n\t selectAll: function() {\n\t this.select(this.shapes.concat(this.connections));\n\t },\n\n\t selectArea: function(rect) {\n\t var i, items, item;\n\t this._internalSelection = true;\n\t var selected = [];\n\t if (rect instanceof Rect) {\n\t items = this.shapes.concat(this.connections);\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if ((!rect || item._hitTest(rect)) && item.options.enable) {\n\t if (item.select(true)) {\n\t selected.push(item);\n\t }\n\t }\n\t }\n\t }\n\n\t this._selectionChanged(selected, []);\n\t this._internalSelection = false;\n\t },\n\n\t deselect: function(item) {\n\t this._internalSelection = true;\n\t var deselected = [],\n\t items = [],\n\t element, i;\n\n\t if (item instanceof Array) {\n\t items = item;\n\t } else if (item instanceof DiagramElement) {\n\t items.push(item);\n\t } else if (!isDefined(item)) {\n\t items = this._selectedItems.slice(0);\n\t }\n\n\t for (i = 0; i < items.length; i++) {\n\t element = items[i];\n\t if (element.select(false)) {\n\t deselected.push(element);\n\t }\n\t }\n\n\t this._selectionChanged([], deselected);\n\t this._internalSelection = false;\n\t },\n\t /**\n\t * Brings to front the passed items.\n\t * @param items DiagramElement, Array of Items.\n\t * @param undoable. By default the action is undoable.\n\t */\n\t toFront: function (items, undoable) {\n\t if (!items) {\n\t items = this._selectedItems.slice();\n\t }\n\n\t var result = this._getDiagramItems(items), indices;\n\t if (!defined(undoable) || undoable) {\n\t indices = indicesOfItems(this.mainLayer, result.visuals);\n\t var unit = new ToFrontUnit(this, items, indices);\n\t this.undoRedoService.add(unit);\n\t } else {\n\t this.mainLayer.toFront(result.visuals);\n\t this._fixOrdering(result, true);\n\t }\n\t },\n\t /**\n\t * Sends to back the passed items.\n\t * @param items DiagramElement, Array of Items.\n\t * @param undoable. By default the action is undoable.\n\t */\n\t toBack: function (items, undoable) {\n\t if (!items) {\n\t items = this._selectedItems.slice();\n\t }\n\n\t var result = this._getDiagramItems(items), indices;\n\t if (!defined(undoable) || undoable) {\n\t indices = indicesOfItems(this.mainLayer, result.visuals);\n\t var unit = new ToBackUnit(this, items, indices);\n\t this.undoRedoService.add(unit);\n\t } else {\n\t this.mainLayer.toBack(result.visuals);\n\t this._fixOrdering(result, false);\n\t }\n\t },\n\t /**\n\t * Bring into view the passed item(s) or rectangle.\n\t * @param items DiagramElement, Array of Items, Rect.\n\t * @param options. align - controls the position of the calculated rectangle relative to the viewport.\n\t * \"Center middle\" will position the items in the center. animate - controls if the pan should be animated.\n\t */\n\t bringIntoView: function (item, options) { // jQuery|Item|Array|Rect\n\t var viewport = this.viewport();\n\t var aligner = new diagram.RectAlign(viewport);\n\t var current, rect, original, newPan;\n\n\t if (viewport.width === 0 || viewport.height === 0) {\n\t return;\n\t }\n\n\t options = deepExtend({animate: false, align: \"center middle\"}, options);\n\t if (options.align == \"none\") {\n\t options.align = \"center middle\";\n\t }\n\n\t if (item instanceof DiagramElement) {\n\t rect = item.bounds(TRANSFORMED);\n\t } else if (isArray(item)) {\n\t rect = this.boundingBox(item);\n\t } else if (item instanceof Rect) {\n\t rect = item.clone();\n\t }\n\n\t original = rect.clone();\n\n\t rect.zoom(this._zoom);\n\n\t if (rect.width > viewport.width || rect.height > viewport.height) {\n\t this._zoom = this._getValidZoom(math.min(viewport.width / original.width, viewport.height / original.height));\n\t rect = original.clone().zoom(this._zoom);\n\t }\n\n\t this._zoomMainLayer();\n\n\t current = rect.clone();\n\t aligner.align(rect, options.align);\n\n\t newPan = rect.topLeft().minus(current.topLeft());\n\t this.pan(newPan.times(-1), options.animate);\n\t },\n\n\t alignShapes: function (direction) {\n\t if (isUndefined(direction)) {\n\t direction = \"Left\";\n\t }\n\t var items = this.select(),\n\t val,\n\t item,\n\t i;\n\n\t if (items.length === 0) {\n\t return;\n\t }\n\n\t switch (direction.toLowerCase()) {\n\t case \"left\":\n\t case \"top\":\n\t val = MAX_VALUE;\n\t break;\n\t case \"right\":\n\t case \"bottom\":\n\t val = MIN_VALUE;\n\t break;\n\t }\n\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if (item instanceof Shape) {\n\t switch (direction.toLowerCase()) {\n\t case \"left\":\n\t val = math.min(val, item.options.x);\n\t break;\n\t case \"top\":\n\t val = math.min(val, item.options.y);\n\t break;\n\t case \"right\":\n\t val = math.max(val, item.options.x);\n\t break;\n\t case \"bottom\":\n\t val = math.max(val, item.options.y);\n\t break;\n\t }\n\t }\n\t }\n\t var undoStates = [];\n\t var shapes = [];\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if (item instanceof Shape) {\n\t shapes.push(item);\n\t undoStates.push(item.bounds());\n\t switch (direction.toLowerCase()) {\n\t case \"left\":\n\t case \"right\":\n\t item.position(new Point(val, item.options.y));\n\t break;\n\t case \"top\":\n\t case \"bottom\":\n\t item.position(new Point(item.options.x, val));\n\t break;\n\t }\n\t }\n\t }\n\t var unit = new diagram.TransformUnit(shapes, undoStates);\n\t this.undoRedoService.add(unit, false);\n\t },\n\n\t zoom: function (zoom, options) {\n\t if (zoom) {\n\t var staticPoint = options ? options.point : new diagram.Point(0, 0);\n\t // var meta = options ? options.meta : 0;\n\t zoom = this._zoom = this._getValidZoom(zoom);\n\n\t if (!isUndefined(staticPoint)) {//Viewpoint vector is constant\n\t staticPoint = new diagram.Point(math.round(staticPoint.x), math.round(staticPoint.y));\n\t var zoomedPoint = staticPoint.times(zoom);\n\t var viewportVector = this.modelToView(staticPoint);\n\t var raw = viewportVector.minus(zoomedPoint);//pan + zoomed point = viewpoint vector\n\t this._storePan(new diagram.Point(math.round(raw.x), math.round(raw.y)));\n\t }\n\n\t if (options) {\n\t options.zoom = zoom;\n\t }\n\n\t this._panTransform();\n\n\t this.canvas.surface.hideTooltip();\n\n\t this._updateAdorners();\n\t }\n\n\t return this._zoom;\n\t },\n\n\t _getPan: function(pan) {\n\t var canvas = this.canvas;\n\t if (!canvas.translate) {\n\t pan = pan.plus(this._pan);\n\t }\n\t return pan;\n\t },\n\n\t pan: function (pan, animate) {\n\t if (pan instanceof Point) {\n\t var that = this;\n\t var scroller = that.scroller;\n\t pan = that._getPan(pan);\n\t pan = pan.times(-1);\n\n\t if (animate) {\n\t scroller.animatedScrollTo(pan.x, pan.y, function() {\n\t that._updateAdorners();\n\t });\n\t } else {\n\t scroller.scrollTo(pan.x, pan.y);\n\t that._updateAdorners();\n\t }\n\t } else {\n\t return this._pan.times(-1);\n\t }\n\t },\n\n\t viewport: function () {\n\t var element = this.element;\n\t var width = element.width();\n\t var height = element.height();\n\n\t if (this.toolBar) {\n\t height -= outerHeight(this.toolBar.element);\n\t }\n\n\t return new Rect(0, 0, width, height);\n\t },\n\t copy: function () {\n\t if (this.options.copy.enabled) {\n\t this._clipboard = [];\n\t this._copyOffset = 1;\n\t for (var i = 0; i < this._selectedItems.length; i++) {\n\t var item = this._selectedItems[i];\n\t this._clipboard.push(item);\n\t }\n\t }\n\t },\n\t cut: function () {\n\t if (this.options.copy.enabled) {\n\t this._clipboard = [];\n\t this._copyOffset = 0;\n\t for (var i = 0; i < this._selectedItems.length; i++) {\n\t var item = this._selectedItems[i];\n\t this._clipboard.push(item);\n\t }\n\t this.remove(this._clipboard, true);\n\t }\n\t },\n\n\t paste: function () {\n\t if (this._clipboard.length > 0) {\n\t var item, copied, i;\n\t var mapping = {};\n\t var elements = splitDiagramElements(this._clipboard);\n\t var connections = elements.connections;\n\t var shapes = elements.shapes;\n\t var offset = {\n\t x: this._copyOffset * this.options.copy.offsetX,\n\t y: this._copyOffset * this.options.copy.offsetY\n\t };\n\t this.deselect();\n\t // first the shapes\n\t for (i = 0; i < shapes.length; i++) {\n\t item = shapes[i];\n\t copied = item.clone();\n\t mapping[item.id] = copied;\n\t copied.position(new Point(item.options.x + offset.x, item.options.y + offset.y));\n\t copied.diagram = this;\n\t copied = this._addShape(copied);\n\t if (copied) {\n\t copied.select();\n\t }\n\t }\n\t // then the connections\n\t for (i = 0; i < connections.length; i++) {\n\t item = connections[i];\n\t copied = this._addConnection(item.clone());\n\t if (copied) {\n\t this._updateCopiedConnection(copied, item, \"source\", mapping, offset);\n\t this._updateCopiedConnection(copied, item, \"target\", mapping, offset);\n\n\t copied.select(true);\n\t copied.updateModel();\n\t }\n\t }\n\n\t this._syncChanges();\n\n\t this._copyOffset += 1;\n\t }\n\t },\n\n\t _updateCopiedConnection: function(connection, sourceConnection, connectorName, mapping, offset) {\n\t var onActivate, inactiveItem, targetShape;\n\t var target = sourceConnection[connectorName]();\n\t var diagram = this;\n\t if (target instanceof Connector && mapping[target.shape.id]) {\n\t targetShape = mapping[target.shape.id];\n\t if (diagram.getShapeById(targetShape.id)) {\n\t connection[connectorName](targetShape.getConnector(target.options.name));\n\t } else {\n\t inactiveItem = diagram._inactiveShapeItems.getByUid(targetShape.dataItem.uid);\n\t if (inactiveItem) {\n\t onActivate = function(item) {\n\t targetShape = diagram._dataMap[item.id];\n\t connection[connectorName](targetShape.getConnector(target.options.name));\n\t connection.updateModel();\n\t };\n\t diagram._deferredConnectionUpdates.push(inactiveItem.onActivate(onActivate));\n\t }\n\t }\n\t } else {\n\t connection[connectorName](new Point(sourceConnection[connectorName + \"Point\"]().x + offset.x, sourceConnection[connectorName + \"Point\"]().y + offset.y));\n\t }\n\t },\n\t /**\n\t * Gets the bounding rectangle of the given items.\n\t * @param items DiagramElement, Array of elements.\n\t * @param origin Boolean. Pass 'true' if you need to get the bounding box of the shapes without their rotation offset.\n\t * @returns {Rect}\n\t */\n\t boundingBox: function (items, origin) {\n\t var rect = Rect.empty(), temp,\n\t di = isDefined(items) ? this._getDiagramItems(items) : {shapes: this.shapes};\n\t if (di.shapes.length > 0) {\n\t var item = di.shapes[0];\n\t rect = item.bounds(ROTATED);\n\t for (var i = 1; i < di.shapes.length; i++) {\n\t item = di.shapes[i];\n\t temp = item.bounds(ROTATED);\n\t if (origin === true) {\n\t temp.x -= item._rotationOffset.x;\n\t temp.y -= item._rotationOffset.y;\n\t }\n\t rect = rect.union(temp);\n\t }\n\t }\n\t return rect;\n\t },\n\n\t _containerOffset: function() {\n\t var containerOffset = this.element.offset();\n\t if (this.toolBar) {\n\t containerOffset.top += outerHeight(this.toolBar.element);\n\t }\n\t return containerOffset;\n\t },\n\n\t documentToView: function(point) {\n\t var containerOffset = this._containerOffset();\n\n\t return new Point(point.x - containerOffset.left, point.y - containerOffset.top);\n\t },\n\t viewToDocument: function(point) {\n\t var containerOffset = this._containerOffset();\n\n\t return new Point(point.x + containerOffset.left, point.y + containerOffset.top);\n\t },\n\t viewToModel: function(point) {\n\t return this._transformWithMatrix(point, this._matrixInvert);\n\t },\n\t modelToView: function(point) {\n\t return this._transformWithMatrix(point, this._matrix);\n\t },\n\t modelToLayer: function(point) {\n\t return this._transformWithMatrix(point, this._layerMatrix);\n\t },\n\t layerToModel: function(point) {\n\t return this._transformWithMatrix(point, this._layerMatrixInvert);\n\t },\n\t documentToModel: function(point) {\n\t var viewPoint = this.documentToView(point);\n\t if (!this.canvas.translate) {\n\t viewPoint.x = viewPoint.x + this.scroller.scrollLeft;\n\t viewPoint.y = viewPoint.y + this.scroller.scrollTop;\n\t }\n\t return this.viewToModel(viewPoint);\n\t },\n\t modelToDocument: function(point) {\n\t return this.viewToDocument(this.modelToView(point));\n\t },\n\t _transformWithMatrix: function(point, matrix) {\n\t var result = point;\n\t if (point instanceof Point) {\n\t if (matrix) {\n\t result = matrix.apply(point);\n\t }\n\t }\n\t else {\n\t var tl = this._transformWithMatrix(point.topLeft(), matrix),\n\t br = this._transformWithMatrix(point.bottomRight(), matrix);\n\t result = Rect.fromPoints(tl, br);\n\t }\n\t return result;\n\t },\n\n\t setDataSource: function(dataSource) {\n\t this.options.dataSource = dataSource;\n\t this._dataSource();\n\t if (this.options.autoBind) {\n\t this.dataSource.fetch();\n\t }\n\t },\n\n\t setConnectionsDataSource: function(dataSource) {\n\t this.options.connectionsDataSource = dataSource;\n\t this._connectionDataSource();\n\t if (this.options.autoBind) {\n\t this.connectionsDataSource.fetch();\n\t }\n\t },\n\n\t /**\n\t * Performs a diagram layout of the given type.\n\t * @param layoutType The layout algorithm to be applied (TreeLayout, LayeredLayout, SpringLayout).\n\t * @param options Layout-specific options.\n\t */\n\t layout: function (options) {\n\t this._layouting = true;\n\t // TODO: raise layout event?\n\t var type;\n\t if(isUndefined(options)) {\n\t options = this.options.layout;\n\t }\n\t if (isUndefined(options) || isUndefined(options.type)) {\n\t type = \"Tree\";\n\t }\n\t else {\n\t type = options.type;\n\t }\n\t var l;\n\t switch (type.toLowerCase()) {\n\t case \"tree\":\n\t l = new diagram.TreeLayout(this);\n\t break;\n\n\t case \"layered\":\n\t l = new diagram.LayeredLayout(this);\n\t break;\n\n\t case \"forcedirected\":\n\t case \"force\":\n\t case \"spring\":\n\t case \"springembedder\":\n\t l = new diagram.SpringLayout(this);\n\t break;\n\t default:\n\t throw \"Layout algorithm '\" + type + \"' is not supported.\";\n\t }\n\t var initialState = new diagram.LayoutState(this);\n\t var finalState = l.layout(options);\n\t if (finalState) {\n\t var unit = new diagram.LayoutUndoUnit(initialState, finalState, options ? options.animate : null);\n\t this.undoRedoService.add(unit);\n\t }\n\t this._layouting = false;\n\t this._redrawConnections();\n\t },\n\t /**\n\t * Gets a shape on the basis of its identifier.\n\t * @param id (string) the identifier of a shape.\n\t * @returns {Shape}\n\t */\n\t getShapeById: function (id) {\n\t var found;\n\t found = Utils.first(this.shapes, function (s) {\n\t return s.visual.id === id;\n\t });\n\t if (found) {\n\t return found;\n\t }\n\t found = Utils.first(this.connections, function (c) {\n\t return c.visual.id === id;\n\t });\n\t return found;\n\t },\n\n\t getShapeByModelId: function (id) {\n\t var shape;\n\t if (this._isEditable) {\n\t shape = this._dataMap[id];\n\t } else {\n\t shape = Utils.first(this.shapes, function(shape) {\n\t return (shape.dataItem || {}).id === id;\n\t });\n\t }\n\t return shape;\n\t },\n\n\t getShapeByModelUid: function(uid) {\n\t var shape;\n\t if (this._isEditable) {\n\t shape = Utils.first(this.shapes, function(shape) {\n\t return (shape.dataItem || {}).uid === uid;\n\t });\n\t } else {\n\t shape = this._dataMap[uid];\n\t }\n\t return shape;\n\t },\n\n\t getConnectionByModelId: function(id) {\n\t var connection;\n\t if (this.connectionsDataSource) {\n\t connection = Utils.first(this.connections, function(connection) {\n\t return (connection.dataItem || {}).id === id;\n\t });\n\t }\n\t return connection;\n\t },\n\n\t getConnectionByModelUid: function(uid) {\n\t var connection;\n\t if (this.connectionsDataSource) {\n\t connection = this._connectionsDataMap[uid];\n\t }\n\t return connection;\n\t },\n\n\t _extendLayoutOptions: function(options) {\n\t if(options.layout) {\n\t options.layout = deepExtend({}, diagram.LayoutBase.fn.defaultOptions || {}, options.layout);\n\t }\n\t },\n\n\t _selectionChanged: function (selected, deselected) {\n\t if (selected.length || deselected.length) {\n\t this.trigger(SELECT, { selected: selected, deselected: deselected });\n\t }\n\t },\n\t _getValidZoom: function (zoom) {\n\t return math.min(math.max(zoom, this.options.zoomMin), this.options.zoomMax);\n\t },\n\t _panTransform: function (pos) {\n\t var diagram = this,\n\t pan = pos || diagram._pan;\n\n\t if (diagram.canvas.translate) {\n\t diagram.scroller.scrollTo(pan.x, pan.y);\n\t diagram._zoomMainLayer();\n\t } else {\n\t diagram._storePan(pan);\n\t diagram._transformMainLayer();\n\t }\n\t },\n\n\t _finishPan: function () {\n\t this.trigger(PAN, {total: this._pan, delta: Number.NaN});\n\t },\n\t _storePan: function (pan) {\n\t this._pan = pan;\n\t this._storeViewMatrix();\n\t },\n\t _zoomMainLayer: function () {\n\t var zoom = this._zoom;\n\n\t var transform = new CompositeTransform(0, 0, zoom, zoom);\n\t transform.render(this.mainLayer);\n\t this._storeLayerMatrix(transform);\n\t this._storeViewMatrix();\n\t },\n\t _transformMainLayer: function () {\n\t var pan = this._pan,\n\t zoom = this._zoom;\n\n\t var transform = new CompositeTransform(pan.x, pan.y, zoom, zoom);\n\t transform.render(this.mainLayer);\n\t this._storeLayerMatrix(transform);\n\t this._storeViewMatrix();\n\t },\n\t _storeLayerMatrix: function(canvasTransform) {\n\t this._layerMatrix = canvasTransform.toMatrix();\n\t this._layerMatrixInvert = canvasTransform.invert().toMatrix();\n\t },\n\t _storeViewMatrix: function() {\n\t var pan = this._pan,\n\t zoom = this._zoom;\n\n\t var transform = new CompositeTransform(pan.x, pan.y, zoom, zoom);\n\t this._matrix = transform.toMatrix();\n\t this._matrixInvert = transform.invert().toMatrix();\n\t },\n\t _toIndex: function (items, indices) {\n\t var result = this._getDiagramItems(items);\n\t this.mainLayer.toIndex(result.visuals, indices);\n\t this._fixOrdering(result, false);\n\t },\n\t _fixOrdering: function (result, toFront) {\n\t var shapePos = toFront ? this.shapes.length - 1 : 0,\n\t conPos = toFront ? this.connections.length - 1 : 0,\n\t i, item;\n\t for (i = 0; i < result.shapes.length; i++) {\n\t item = result.shapes[i];\n\t Utils.remove(this.shapes, item);\n\t Utils.insert(this.shapes, item, shapePos);\n\t }\n\t for (i = 0; i < result.cons.length; i++) {\n\t item = result.cons[i];\n\t Utils.remove(this.connections, item);\n\t Utils.insert(this.connections, item, conPos);\n\t }\n\t },\n\t _getDiagramItems: function (items) {\n\t var i, result = {}, args = items;\n\t result.visuals = [];\n\t result.shapes = [];\n\t result.cons = [];\n\n\t if (!items) {\n\t args = this._selectedItems.slice();\n\t } else if (!isArray(items)) {\n\t args = [items];\n\t }\n\n\t for (i = 0; i < args.length; i++) {\n\t var item = args[i];\n\t if (item instanceof Shape) {\n\t result.shapes.push(item);\n\t result.visuals.push(item.visual);\n\t } else if (item instanceof Connection) {\n\t result.cons.push(item);\n\t result.visuals.push(item.visual);\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t _removeItem: function (item, undoable, removedConnections) {\n\t item.select(false);\n\t if (item instanceof Shape) {\n\t this._removeShapeDataItem(item);\n\t this._removeShape(item, undoable, removedConnections);\n\t } else if (item instanceof Connection) {\n\t this._removeConnectionDataItem(item);\n\t this._removeConnection(item, undoable);\n\t }\n\n\t this.mainLayer.remove(item.visual);\n\t },\n\n\t _removeShape: function (shape, undoable, removedConnections) {\n\t var i, connection, connector,\n\t sources = [], targets = [];\n\t this.toolService._removeHover();\n\n\t if (undoable) {\n\t this.undoRedoService.addCompositeItem(new DeleteShapeUnit(shape));\n\t }\n\t Utils.remove(this.shapes, shape);\n\t this._shapesQuadTree.remove(shape);\n\n\t for (i = 0; i < shape.connectors.length; i++) {\n\t connector = shape.connectors[i];\n\t for (var j = 0; j < connector.connections.length; j++) {\n\t connection = connector.connections[j];\n\t if (!removedConnections || !dataviz.inArray(connection, removedConnections)) {\n\t if (connection.sourceConnector == connector) {\n\t sources.push(connection);\n\t } else if (connection.targetConnector == connector) {\n\t targets.push(connection);\n\t }\n\t }\n\t }\n\t }\n\n\t for (i = 0; i < sources.length; i++) {\n\t sources[i].source(null, undoable);\n\t sources[i].updateModel();\n\t }\n\t for (i = 0; i < targets.length; i++) {\n\t targets[i].target(null, undoable);\n\t targets[i].updateModel();\n\t }\n\t },\n\n\t _removeConnection: function (connection, undoable) {\n\t if (connection.sourceConnector) {\n\t Utils.remove(connection.sourceConnector.connections, connection);\n\t }\n\t if (connection.targetConnector) {\n\t Utils.remove(connection.targetConnector.connections, connection);\n\t }\n\t if (undoable) {\n\t this.undoRedoService.addCompositeItem(new DeleteConnectionUnit(connection));\n\t }\n\n\t Utils.remove(this.connections, connection);\n\t },\n\n\t _removeDataItems: function(items, recursive) {\n\t var item, children, shape, idx;\n\t items = isArray(items) ? items : [items];\n\n\t while (items.length) {\n\t item = items.shift();\n\t shape = this._dataMap[item.uid];\n\t if (shape) {\n\t this._removeShapeConnections(shape);\n\t this._removeItem(shape, false);\n\t delete this._dataMap[item.uid];\n\t if (recursive && item.hasChildren && item.loaded()) {\n\t children = item.children.data();\n\t for (idx = 0; idx < children.length; idx++) {\n\t items.push(children[idx]);\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t _removeShapeConnections: function(shape) {\n\t var connections = shape.connections();\n\t var idx;\n\n\t if (connections) {\n\t for (idx = 0; idx < connections.length; idx++) {\n\t this._removeItem(connections[idx], false);\n\t }\n\t }\n\t },\n\n\t _addDataItem: function(dataItem, undoable) {\n\t if (!defined(dataItem)) {\n\t return;\n\t }\n\n\t var shape = this._dataMap[dataItem.id];\n\t if (shape) {\n\t return shape;\n\t }\n\n\t var options = deepExtend({}, this.options.shapeDefaults);\n\t options.dataItem = dataItem;\n\t shape = new Shape(options, this);\n\t this.addShape(shape, undoable !== false);\n\t this._dataMap[dataItem.id] = shape;\n\t return shape;\n\t },\n\n\t _addDataItemByUid: function(dataItem) {\n\t if (!defined(dataItem)) {\n\t return;\n\t }\n\n\t var shape = this._dataMap[dataItem.uid];\n\t if (shape) {\n\t return shape;\n\t }\n\n\t var options = deepExtend({}, this.options.shapeDefaults);\n\t options.dataItem = dataItem;\n\t shape = new Shape(options, this);\n\t this.addShape(shape);\n\t this._dataMap[dataItem.uid] = shape;\n\t return shape;\n\t },\n\n\t _addDataItems: function(items, parent) {\n\t var item, idx, shape, parentShape, connection;\n\t for (idx = 0; idx < items.length; idx++) {\n\t item = items[idx];\n\t shape = this._addDataItemByUid(item);\n\t parentShape = this._addDataItemByUid(parent);\n\t if (parentShape && !this.connected(parentShape, shape)) { // check if connected to not duplicate connections.\n\t connection = this.connect(parentShape, shape);\n\t }\n\t }\n\t },\n\n\t _refreshSource: function (e) {\n\t var that = this,\n\t node = e.node,\n\t action = e.action,\n\t items = e.items,\n\t options = that.options,\n\t idx,\n\t dataBound;\n\n\t if (e.field) {\n\t for (idx = 0; idx < items.length; idx++) {\n\t if (this._dataMap[items[idx].uid]) {\n\t this._dataMap[items[idx].uid].redrawVisual();\n\t }\n\t }\n\t return;\n\t }\n\n\t if (action == \"remove\") {\n\t this._removeDataItems(e.items, true);\n\t } else {\n\n\t if ((!action || action === \"itemloaded\") && !this._bindingRoots) {\n\t this._bindingRoots = true;\n\t dataBound = true;\n\t }\n\n\t if (!action && !node) {\n\t that.clear();\n\t }\n\n\t this._addDataItems(items, node);\n\n\t for (idx = 0; idx < items.length; idx++) {\n\t items[idx].load();\n\t }\n\t }\n\n\t if (options.layout && (dataBound || action == \"remove\" || action == \"add\")) {\n\t that.layout(options.layout);\n\t }\n\n\t if (dataBound) {\n\t this.trigger(\"dataBound\");\n\t this._bindingRoots = false;\n\t }\n\t },\n\n\t _addItem: function (item) {\n\t if (item instanceof Shape) {\n\t this.addShape(item);\n\t } else if (item instanceof Connection) {\n\t this.addConnection(item);\n\t }\n\t },\n\n\t _createToolBar: function(preventClosing) {\n\t var diagram = this.toolService.diagram;\n\n\t if (!this.singleToolBar && diagram.select().length === 1) {\n\t var element = diagram.select()[0];\n\t if (element && element.options.editable !== false) {\n\t var editable = element.options.editable;\n\t var tools = editable.tools;\n\t if (this._isEditable && tools.length === 0) {\n\t if (element instanceof Shape) {\n\t tools = [\"edit\", \"rotateClockwise\", \"rotateAnticlockwise\"];\n\t } else if (element instanceof Connection) {\n\t tools = [\"edit\"];\n\t }\n\n\t if (editable && editable.remove !== false) {\n\t tools.push(\"delete\");\n\t }\n\t }\n\n\t if (tools && tools.length) {\n\t var padding = 20;\n\t var point;\n\t this.singleToolBar = new DiagramToolBar(diagram, {\n\t tools: tools,\n\t click: proxy(this._toolBarClick, this),\n\t modal: true,\n\t popupZIndex: parseInt(diagram.element.closest(\".k-window\").css(\"zIndex\"), 10) + 10\n\t });\n\t var popupWidth = outerWidth(this.singleToolBar._popup.element);\n\t var popupHeight = outerHeight(this.singleToolBar._popup.element);\n\t if (element instanceof Shape) {\n\t var shapeBounds = this.modelToView(element.bounds(ROTATED));\n\t point = new Point(shapeBounds.x, shapeBounds.y).minus(new Point(\n\t (popupWidth - shapeBounds.width) / 2,\n\t popupHeight + padding));\n\t } else if (element instanceof Connection) {\n\t var connectionBounds = this.modelToView(element.bounds());\n\n\t point = new Point(connectionBounds.x, connectionBounds.y)\n\t .minus(new Point(\n\t (popupWidth - connectionBounds.width - 20) / 2,\n\t popupHeight + padding\n\t ));\n\t }\n\n\t if (point) {\n\t if (!this.canvas.translate) {\n\t point = point.minus(new Point(this.scroller.scrollLeft, this.scroller.scrollTop));\n\t }\n\t point = this.viewToDocument(point);\n\t point = new Point(math.max(point.x, 0), math.max(point.y, 0));\n\t this.singleToolBar.showAt(point);\n\t if (preventClosing) {\n\t this.singleToolBar._popup.one(\"close\", preventDefault);\n\t }\n\t } else {\n\t this._destroyToolBar();\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t _toolBarClick: function(e) {\n\t this.trigger(\"toolBarClick\", e);\n\t this._destroyToolBar();\n\t },\n\n\t _normalizePointZoom: function (point) {\n\t return point.times(1 / this.zoom());\n\t },\n\n\t _initialize: function () {\n\t this.shapes = [];\n\t this._selectedItems = [];\n\t this.connections = [];\n\t this._dataMap = {};\n\t this._connectionsDataMap = {};\n\t this._inactiveShapeItems = new InactiveItemsCollection();\n\t this._deferredConnectionUpdates = [];\n\t this.undoRedoService = new UndoRedoService({\n\t undone: this._syncHandler,\n\t redone: this._syncHandler\n\t });\n\t this.id = diagram.randomId();\n\t },\n\n\t _fetchFreshData: function () {\n\t var that = this;\n\t that._dataSource();\n\n\t if (that._isEditable) {\n\t that._connectionDataSource();\n\t }\n\n\t if (that.options.autoBind) {\n\t if (that._isEditable) {\n\t this._loadingShapes = true;\n\t this._loadingConnections = true;\n\t that.dataSource.fetch();\n\t that.connectionsDataSource.fetch();\n\t } else {\n\t that.dataSource.fetch();\n\t }\n\t }\n\t },\n\n\t _dataSource: function() {\n\t if (defined(this.options.connectionsDataSource)) {\n\t this._isEditable = true;\n\t var dsOptions = this.options.dataSource || {};\n\t var ds = isArray(dsOptions) ? { data: dsOptions } : dsOptions;\n\n\t if (this.dataSource && this._shapesRefreshHandler) {\n\t this.dataSource\n\t .unbind(\"change\", this._shapesRefreshHandler)\n\t .unbind(\"requestStart\", this._shapesRequestStartHandler)\n\t .unbind(\"error\", this._shapesErrorHandler);\n\t } else {\n\t this._shapesRefreshHandler = proxy(this._refreshShapes, this);\n\t this._shapesRequestStartHandler = proxy(this._shapesRequestStart, this);\n\t this._shapesErrorHandler = proxy(this._error, this);\n\t }\n\n\t this.dataSource = kendo.data.DataSource.create(ds)\n\t .bind(\"change\", this._shapesRefreshHandler)\n\t .bind(\"requestStart\", this._shapesRequestStartHandler)\n\t .bind(\"error\", this._shapesErrorHandler);\n\t } else {\n\t this._treeDataSource();\n\t this._isEditable = false;\n\t }\n\t },\n\n\t _connectionDataSource: function() {\n\t var dsOptions = this.options.connectionsDataSource;\n\t if (dsOptions) {\n\t var ds = isArray(dsOptions) ? { data: dsOptions } : dsOptions;\n\n\t if (this.connectionsDataSource && this._connectionsRefreshHandler) {\n\t this.connectionsDataSource\n\t .unbind(\"change\", this._connectionsRefreshHandler)\n\t .unbind(\"requestStart\", this._connectionsRequestStartHandler)\n\t .unbind(\"error\", this._connectionsErrorHandler);\n\t } else {\n\t this._connectionsRefreshHandler = proxy(this._refreshConnections, this);\n\t this._connectionsRequestStartHandler = proxy(this._connectionsRequestStart, this);\n\t this._connectionsErrorHandler = proxy(this._connectionsError, this);\n\t }\n\n\t this.connectionsDataSource = kendo.data.DataSource.create(ds)\n\t .bind(\"change\", this._connectionsRefreshHandler)\n\t .bind(\"requestStart\", this._connectionsRequestStartHandler)\n\t .bind(\"error\", this._connectionsErrorHandler);\n\t }\n\t },\n\n\t _shapesRequestStart: function(e) {\n\t if (e.type == \"read\") {\n\t this._loadingShapes = true;\n\t }\n\t },\n\n\t _connectionsRequestStart: function(e) {\n\t if (e.type == \"read\") {\n\t this._loadingConnections = true;\n\t }\n\t },\n\n\t _error: function () {\n\t this._loadingShapes = false;\n\t },\n\n\t _connectionsError: function() {\n\t this._loadingConnections = false;\n\t },\n\n\t _refreshShapes: function(e) {\n\t if (e.action === \"remove\") {\n\t if (this._shouldRefresh()) {\n\t this._removeShapes(e.items);\n\t }\n\t } else if (e.action === \"itemchange\") {\n\t if (this._shouldRefresh()) {\n\t this._updateShapes(e.items, e.field);\n\t }\n\t } else if (e.action === \"add\") {\n\t this._inactiveShapeItems.add(e.items);\n\t } else if (e.action === \"sync\") {\n\t this._syncShapes(e.items);\n\t } else {\n\t this.refresh();\n\t }\n\t },\n\n\t _shouldRefresh: function() {\n\t return !this._suspended;\n\t },\n\n\t _suspendModelRefresh: function() {\n\t this._suspended = (this._suspended || 0) + 1;\n\t },\n\n\t _resumeModelRefresh: function() {\n\t this._suspended = math.max((this._suspended || 0) - 1, 0);\n\t },\n\n\t refresh: function() {\n\t this._loadingShapes = false;\n\t if (!this._loadingConnections) {\n\t this._rebindShapesAndConnections();\n\t }\n\t },\n\n\t _rebindShapesAndConnections: function() {\n\t this.clear();\n\t this._addShapes(this.dataSource.view());\n\t if (this.connectionsDataSource) {\n\t this._addConnections(this.connectionsDataSource.view(), false);\n\t }\n\n\t if (this.options.layout) {\n\t this.layout(this.options.layout);\n\t } else {\n\t this._redrawConnections();\n\t }\n\t this.trigger(\"dataBound\");\n\t },\n\n\t refreshConnections: function() {\n\t this._loadingConnections = false;\n\t if (!this._loadingShapes) {\n\t this._rebindShapesAndConnections();\n\t }\n\t },\n\n\t _redrawConnections: function() {\n\t var connections = this.connections;\n\t for (var idx = 0; idx < connections.length; idx++) {\n\t connections[idx].refresh();\n\t }\n\t },\n\n\t _removeShapes: function(items) {\n\t var dataMap = this._dataMap;\n\t var item, i;\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if (dataMap[item.id]) {\n\t this.remove(dataMap[item.id], false);\n\t dataMap[item.id] = null;\n\t }\n\t }\n\t },\n\n\t _syncShapes: function() {\n\t var diagram = this;\n\t var inactiveItems = diagram._inactiveShapeItems;\n\t inactiveItems.forEach(function(inactiveItem) {\n\t var dataItem = inactiveItem.dataItem;\n\t var shape = inactiveItem.element;\n\t if (!dataItem.isNew()) {\n\t if (shape) {\n\t shape._setOptionsFromModel();\n\t diagram.addShape(shape, inactiveItem.undoable);\n\t diagram._dataMap[dataItem.id] = shape;\n\t } else {\n\t diagram._addDataItem(dataItem);\n\t }\n\t inactiveItem.activate();\n\t inactiveItems.remove(dataItem);\n\t }\n\t });\n\t },\n\n\t _updateShapes: function(items, field) {\n\t for (var i = 0; i < items.length; i++) {\n\t var dataItem = items[i];\n\n\t var shape = this._dataMap[dataItem.id];\n\t if (shape) {\n\t shape.updateOptionsFromModel(dataItem, field);\n\t }\n\t }\n\t },\n\n\t _addShapes: function(dataItems) {\n\t for (var i = 0; i < dataItems.length; i++) {\n\t this._addDataItem(dataItems[i], false);\n\t }\n\t },\n\n\t _refreshConnections: function(e) {\n\t if (e.action === \"remove\") {\n\t if (this._shouldRefresh()) {\n\t this._removeConnections(e.items);\n\t }\n\t } else if (e.action === \"add\") {\n\t this._addConnections(e.items);\n\t } else if (e.action === \"sync\") {\n\t //TO DO: include logic to update the connections with different values returned from the server.\n\t } else if (e.action === \"itemchange\") {\n\t if (this._shouldRefresh()) {\n\t this._updateConnections(e.items);\n\t }\n\t } else {\n\t this.refreshConnections();\n\t }\n\t },\n\n\t _removeConnections: function(items) {\n\t for (var i = 0; i < items.length; i++) {\n\t this.remove(this._connectionsDataMap[items[i].uid], false);\n\t this._connectionsDataMap[items[i].uid] = null;\n\t }\n\t },\n\n\t _updateConnections: function(items) {\n\t for (var i = 0; i < items.length; i++) {\n\t var dataItem = items[i];\n\n\t var connection = this._connectionsDataMap[dataItem.uid];\n\t connection.updateOptionsFromModel(dataItem);\n\t }\n\t },\n\n\t _addConnections: function(connections, undoable) {\n\t var length = connections.length;\n\n\t for (var i = 0; i < length; i++) {\n\t var dataItem = connections[i];\n\t this._addConnectionDataItem(dataItem, undoable);\n\t }\n\t },\n\n\t _addConnectionDataItem: function(dataItem, undoable) {\n\t if (!this._connectionsDataMap[dataItem.uid]) {\n\t var from = this._validateConnector(dataItem.from);\n\t if (!defined(from) || from === null) {\n\t from = new Point(dataItem.fromX, dataItem.fromY);\n\t }\n\n\t var to = this._validateConnector(dataItem.to);\n\t if (!defined(to) || to === null) {\n\t to = new Point(dataItem.toX, dataItem.toY);\n\t }\n\n\t if (defined(from) && defined(to)) {\n\t var options = deepExtend({}, this.options.connectionDefaults);\n\t options.dataItem = dataItem;\n\t var connection = new Connection(from, to, options);\n\n\t this._connectionsDataMap[dataItem.uid] = connection;\n\t this.addConnection(connection, undoable);\n\t }\n\t }\n\t },\n\n\t _validateConnector: function(value) {\n\t var connector;\n\n\t if (defined(value) && value !== null) {\n\t connector = this._dataMap[value];\n\t }\n\n\t return connector;\n\t },\n\n\t _treeDataSource: function () {\n\t var that = this,\n\t options = that.options,\n\t dataSource = options.dataSource;\n\n\t dataSource = isArray(dataSource) ? { data: dataSource } : dataSource;\n\n\t if (dataSource instanceof kendo.data.DataSource && !(dataSource instanceof kendo.data.HierarchicalDataSource)) {\n\t throw new Error(\"Incorrect DataSource type. If a single dataSource instance is set to the diagram then it should be a HierarchicalDataSource. You should set only the options instead of an instance or a HierarchicalDataSource instance or supply connectionsDataSource as well.\");\n\t }\n\n\t if (!dataSource.fields) {\n\t dataSource.fields = [\n\t { field: \"text\" },\n\t { field: \"url\" },\n\t { field: \"spriteCssClass\" },\n\t { field: \"imageUrl\" }\n\t ];\n\t }\n\t if (that.dataSource && that._refreshHandler) {\n\t that._unbindDataSource();\n\t }\n\n\t that._refreshHandler = proxy(that._refreshSource, that);\n\t that._errorHandler = proxy(that._error, that);\n\n\t that.dataSource = HierarchicalDataSource.create(dataSource)\n\t .bind(CHANGE, that._refreshHandler)\n\t .bind(ERROR, that._errorHandler);\n\t },\n\n\t _unbindDataSource: function () {\n\t var that = this;\n\n\t that.dataSource.unbind(CHANGE, that._refreshHandler).unbind(ERROR, that._errorHandler);\n\t },\n\n\t _adorn: function (adorner, isActive) {\n\t if (isActive !== undefined && adorner) {\n\t if (isActive) {\n\t this._adorners.push(adorner);\n\t this.adornerLayer.append(adorner.visual);\n\t }\n\t else {\n\t Utils.remove(this._adorners, adorner);\n\t this.adornerLayer.remove(adorner.visual);\n\t }\n\t }\n\t },\n\n\t _showConnectors: function (shape, value) {\n\t if (value) {\n\t this._connectorsAdorner.show(shape);\n\t } else {\n\t this._connectorsAdorner.destroy();\n\t }\n\t },\n\n\t _updateAdorners: function() {\n\t var adorners = this._adorners;\n\n\t for(var i = 0; i < adorners.length; i++) {\n\t var adorner = adorners[i];\n\n\t if (adorner.refreshBounds) {\n\t adorner.refreshBounds();\n\t }\n\t adorner.refresh();\n\t }\n\t },\n\n\t _refresh: function () {\n\t for (var i = 0; i < this.connections.length; i++) {\n\t this.connections[i].refresh();\n\t }\n\t },\n\n\t _destroyToolBar: function() {\n\t if (this.singleToolBar) {\n\t this.singleToolBar.hide();\n\t this.singleToolBar.destroy();\n\t this.singleToolBar = null;\n\t }\n\t },\n\n\t _destroyGlobalToolBar: function() {\n\t if (this.toolBar) {\n\t this.toolBar.hide();\n\t this.toolBar.destroy();\n\t this.toolBar = null;\n\t }\n\t },\n\n\t exportDOMVisual: function() {\n\t var viewBox = this.canvas._viewBox;\n\t var scrollOffset = geom.transform()\n\t .translate(-viewBox.x, -viewBox.y);\n\n\t var viewRect = new geom.Rect([0, 0], [viewBox.width, viewBox.height]);\n\t var clipPath = draw.Path.fromRect(viewRect);\n\t var wrap = new draw.Group({ transform: scrollOffset });\n\t var clipWrap = new draw.Group({ clip: clipPath });\n\t var root = this.canvas.drawingElement.children[0];\n\n\t clipWrap.append(wrap);\n\n\t // Don't reparent the root\n\t wrap.children.push(root);\n\n\t return clipWrap;\n\t },\n\n\t exportVisual: function() {\n\t var scale = geom.transform().scale(1 / this._zoom);\n\t var wrap = new draw.Group({\n\t transform: scale\n\t });\n\n\t var root = this.mainLayer.drawingElement;\n\t wrap.children.push(root);\n\n\t return wrap;\n\t },\n\n\t _syncChanges: function() {\n\t this._syncShapeChanges();\n\t this._syncConnectionChanges();\n\t },\n\n\t _syncShapeChanges: function() {\n\t if (this.dataSource && this._isEditable) {\n\t this.dataSource.sync();\n\t }\n\t },\n\n\t _syncConnectionChanges: function() {\n\t var that = this;\n\t if (that.connectionsDataSource && that._isEditable) {\n\t $.when.apply($, that._deferredConnectionUpdates).then(function() {\n\t that.connectionsDataSource.sync();\n\t });\n\t that.deferredConnectionUpdates = [];\n\t }\n\t }\n\t });\n\n\t dataviz.ExportMixin.extend(Diagram.fn, true);\n\n\t if (kendo.PDFMixin) {\n\t kendo.PDFMixin.extend(Diagram.fn);\n\t }\n\n\t function filterShapeDataItem(dataItem) {\n\t var result = {};\n\n\t dataItem = dataItem || {};\n\n\t if (defined(dataItem.text) && dataItem.text !== null) {\n\t result.text = dataItem.text;\n\t }\n\n\t if (defined(dataItem.x) && dataItem.x !== null) {\n\t result.x = dataItem.x;\n\t }\n\n\t if (defined(dataItem.y) && dataItem.y !== null) {\n\t result.y = dataItem.y;\n\t }\n\n\t if (defined(dataItem.width) && dataItem.width !== null) {\n\t result.width = dataItem.width;\n\t }\n\n\t if (defined(dataItem.height) && dataItem.height !== null) {\n\t result.height = dataItem.height;\n\t }\n\n\t if (defined(dataItem.type) && dataItem.type !== null) {\n\t result.type = dataItem.type;\n\t }\n\n\t return result;\n\t }\n\n\t function filterConnectionDataItem(dataItem) {\n\t var result = {};\n\n\t dataItem = dataItem || {};\n\n\t if (defined(dataItem.text) && dataItem.text !== null) {\n\t result.content = dataItem.text;\n\t }\n\n\t if (defined(dataItem.type) && dataItem.type !== null) {\n\t result.type = dataItem.type;\n\t }\n\n\t if (defined(dataItem.from) && dataItem.from !== null) {\n\t result.from = dataItem.from;\n\t }\n\n\t if (defined(dataItem.fromConnector) && dataItem.fromConnector !== null) {\n\t result.fromConnector = dataItem.fromConnector;\n\t }\n\n\t if (defined(dataItem.fromX) && dataItem.fromX !== null) {\n\t result.fromX = dataItem.fromX;\n\t }\n\n\t if (defined(dataItem.fromY) && dataItem.fromY !== null) {\n\t result.fromY = dataItem.fromY;\n\t }\n\n\t if (defined(dataItem.to) && dataItem.to !== null) {\n\t result.to = dataItem.to;\n\t }\n\n\t if (defined(dataItem.toConnector) && dataItem.toConnector !== null) {\n\t result.toConnector = dataItem.toConnector;\n\t }\n\n\t if (defined(dataItem.toX) && dataItem.toX !== null) {\n\t result.toX = dataItem.toX;\n\t }\n\n\t if (defined(dataItem.toY) && dataItem.toY !== null) {\n\t result.toY = dataItem.toY;\n\t }\n\n\t return result;\n\t }\n\n\n\t var DiagramToolBar = kendo.Observable.extend({\n\t init: function(diagram, options) {\n\t kendo.Observable.fn.init.call(this);\n\t this.diagram = diagram;\n\t this.options = deepExtend({}, this.options, options);\n\t this._tools = [];\n\t this.createToolBar();\n\t this.createTools();\n\t this.appendTools();\n\n\t if (this.options.modal) {\n\t this.createPopup();\n\t }\n\n\t this.bind(this.events, options);\n\t },\n\n\t events: [\"click\"],\n\n\t createPopup: function() {\n\t this.container = $(\"\").append(this.element);\n\t this._popup = this.container.kendoPopup({}).getKendoPopup();\n\t },\n\n\t appendTools: function() {\n\t for (var i = 0; i < this._tools.length; i++) {\n\t var tool = this._tools[i];\n\t if (tool.buttons && tool.buttons.length || !defined(tool.buttons)) {\n\t this._toolBar.add(tool);\n\t }\n\t }\n\t },\n\n\t createToolBar: function() {\n\t this.element = $(\"\");\n\t this._toolBar = this.element\n\t .kendoToolBar({\n\t click: proxy(this.click, this),\n\t resizable: false\n\t }).getKendoToolBar();\n\n\t this.element.css(\"border\", \"none\");\n\t },\n\n\t createTools: function() {\n\t for (var i = 0; i < this.options.tools.length; i++) {\n\t this.createTool(this.options.tools[i]);\n\t }\n\t },\n\n\t createTool: function(tool) {\n\t if (!isPlainObject(tool)) {\n\t tool = {\n\t name: tool\n\t };\n\t }\n\t var toolName = tool.name + \"Tool\";\n\t if (this[toolName]) {\n\t this[toolName](tool);\n\t } else {\n\t this._tools.push(deepExtend({}, tool, {\n\t attributes: this._setAttributes({action: tool.name})\n\t }));\n\t }\n\t },\n\n\t showAt: function(point) {\n\t var popupZIndex = parseInt(this.options.popupZIndex, 10);\n\n\t if (this._popup) {\n\t this._popup.open(point.x, point.y);\n\r\n\t if (popupZIndex) {\r\n\t this._popup.wrapper.css(\"zIndex\", popupZIndex);\r\n\t }\n\t }\n\t },\n\n\t hide: function() {\n\t if (this._popup) {\n\t this._popup.close();\n\t }\n\t },\n\n\t newGroup: function() {\n\t return {\n\t type: \"buttonGroup\",\n\t buttons: []\n\t };\n\t },\n\n\t editTool: function() {\n\t this._tools.push({\n\t icon: \"edit\",\n\t showText: \"overflow\",\n\t type: \"button\",\n\t text: \"Edit\",\n\t attributes: this._setAttributes({ action: \"edit\" })\n\t });\n\t },\n\n\t deleteTool: function() {\n\t this._tools.push({\n\t icon: \"close\",\n\t showText: \"overflow\",\n\t type: \"button\",\n\t text: \"Delete\",\n\t attributes: this._setAttributes({ action: \"delete\" })\n\t });\n\t },\n\n\t rotateAnticlockwiseTool: function(options) {\n\t this._appendGroup(\"rotate\");\n\t this._rotateGroup.buttons.push({\n\t icon: \"rotate-left\",\n\t showText: \"overflow\",\n\t text: \"RotateAnticlockwise\",\n\t group: \"rotate\",\n\t attributes: this._setAttributes({ action: \"rotateAnticlockwise\", step: options.step })\n\t });\n\t },\n\n\t rotateClockwiseTool: function(options) {\n\t this._appendGroup(\"rotate\");\n\t this._rotateGroup.buttons.push({\n\t icon: \"rotate-right\",\n\t attributes: this._setAttributes({ action: \"rotateClockwise\", step: options.step }),\n\t showText: \"overflow\",\n\t text: \"RotateClockwise\",\n\t group: \"rotate\"\n\t });\n\t },\n\n\t createShapeTool: function() {\n\t this._appendGroup(\"create\");\n\t this._createGroup.buttons.push({\n\t icon: \"shape\",\n\t showText: \"overflow\",\n\t text: \"CreateShape\",\n\t group: \"create\",\n\t attributes: this._setAttributes({ action: \"createShape\" })\n\t });\n\t },\n\n\t createConnectionTool: function() {\n\t this._appendGroup(\"create\");\n\t this._createGroup.buttons.push({\n\t icon: \"connector\",\n\t showText: \"overflow\",\n\t text: \"CreateConnection\",\n\t group: \"create\",\n\t attributes: this._setAttributes({ action: \"createConnection\" })\n\t });\n\t },\n\n\t undoTool: function() {\n\t this._appendGroup(\"history\");\n\t this._historyGroup.buttons.push({\n\t icon: \"undo\",\n\t showText: \"overflow\",\n\t text: \"Undo\",\n\t group: \"history\",\n\t attributes: this._setAttributes({ action: \"undo\" })\n\t });\n\t },\n\n\t redoTool: function() {\n\t this._appendGroup(\"history\");\n\t this._historyGroup.buttons.push({\n\t icon: \"redo\",\n\t showText: \"overflow\",\n\t text: \"Redo\",\n\t group: \"history\",\n\t attributes: this._setAttributes({ action: \"redo\" })\n\t });\n\t },\n\n\t _appendGroup: function(name) {\n\t var prop = \"_\" + name + \"Group\";\n\t if (!this[prop]) {\n\t this[prop] = this.newGroup();\n\t this._tools.push(this[prop]);\n\t }\n\t },\n\n\t _setAttributes: function(attributes) {\n\t var attr = {};\n\n\t if (attributes.action) {\n\t attr[kendo.attr(\"action\")] = attributes.action;\n\t }\n\n\t if (attributes.step) {\n\t attr[kendo.attr(\"step\")] = attributes.step;\n\t }\n\n\t return attr;\n\t },\n\n\t _getAttributes: function(element) {\n\t var attr = {};\n\n\t var action = element.attr(kendo.attr(\"action\"));\n\t if (action) {\n\t attr.action = action;\n\t }\n\n\t var step = element.attr(kendo.attr(\"step\"));\n\t if (step) {\n\t attr.step = step;\n\t }\n\n\t return attr;\n\t },\n\n\t click: function(e) {\n\t var attributes = this._getAttributes($(e.target));\n\t var action = attributes.action;\n\n\t if (action && this[action]) {\n\t this[action](attributes);\n\t }\n\n\t this.trigger(\"click\", this.eventData(action, e.target));\n\t },\n\n\t eventData: function(action, target) {\n\t var elements = this.selectedElements(),\n\t length = elements.length,\n\t shapes = [], connections = [], element;\n\n\t for (var idx = 0; idx < 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\n\t return {\n\t shapes: shapes,\n\t connections: connections,\n\t action: action,\n\t target: target\n\t };\n\t },\n\n\t \"delete\": function() {\n\t var diagram = this.diagram;\n\t var toRemove = diagram._triggerRemove(this.selectedElements());\n\t if (toRemove.length) {\n\t this.diagram.remove(toRemove, true);\n\t this.diagram._syncChanges();\n\t }\n\t },\n\n\t edit: function() {\n\t var selectedElemens = this.selectedElements();\n\t if (selectedElemens.length === 1) {\n\t this.diagram.edit(selectedElemens[0]);\n\t }\n\t },\n\n\t rotateClockwise: function(options) {\n\t var angle = parseFloat(options.step || 90);\n\t this._rotate(angle);\n\t },\n\n\t rotateAnticlockwise: function(options) {\n\t var angle = parseFloat(options.step || 90);\n\t this._rotate(-angle);\n\t },\n\n\t _rotate: function(angle) {\n\t var adorner = this.diagram._resizingAdorner;\n\t adorner.angle(adorner.angle() + angle);\n\t adorner.rotate();\n\t },\n\n\t selectedElements: function() {\n\t return this.diagram.select();\n\t },\n\n\t createShape: function() {\n\t this.diagram.createShape();\n\t },\n\n\t createConnection: function() {\n\t this.diagram.createConnection();\n\t },\n\n\t undo: function() {\n\t this.diagram.undo();\n\t },\n\n\t redo: function() {\n\t this.diagram.redo();\n\t },\n\n\t destroy: function() {\n\t this.diagram = null;\n\t this.element = null;\n\t this.options = null;\n\n\t if (this._toolBar) {\n\t this._toolBar.destroy();\n\t }\n\n\t if (this._popup) {\n\t this._popup.destroy();\n\t }\n\t }\n\t });\n\n\t var Editor = kendo.Observable.extend({\n\t init: function(element, options) {\n\t kendo.Observable.fn.init.call(this);\n\n\t this.options = extend(true, {}, this.options, options);\n\t this.element = element;\n\t this.model = this.options.model;\n\t this.fields = this._getFields();\n\t this._initContainer();\n\t this.createEditable();\n\t },\n\n\t options: {\n\t editors: {}\n\t },\n\n\t _initContainer: function() {\n\t this.wrapper = this.element;\n\t },\n\n\t createEditable: function() {\n\t var options = this.options;\n\n\t this.editable = new kendo.ui.Editable(this.wrapper, {\n\t fields: this.fields,\n\t target: options.target,\n\t clearContainer: false,\n\t model: this.model\n\t });\n\t },\n\n\t _isEditable: function(field) {\n\t return this.model.editable && this.model.editable(field);\n\t },\n\n\t _getFields: function() {\n\t var fields = [];\n\t var modelFields = this.model.fields;\n\n\t for (var field in modelFields) {\n\t var result = {};\n\t if (this._isEditable(field)) {\n\t var editor = this.options.editors[field];\n\t if (editor) {\n\t result.editor = editor;\n\t }\n\t result.field = field;\n\t fields.push(result);\n\t }\n\t }\n\n\t return fields;\n\t },\n\n\t end: function() {\n\t return this.editable.end();\n\t },\n\n\t destroy: function() {\n\t this.editable.destroy();\n\t this.editable.element.find(\"[\" + kendo.attr(\"container-for\") + \"]\").empty();\n\t this.model = this.wrapper = this.element = this.columns = this.editable = null;\n\t }\n\t });\n\n\t var PopupEditor = Editor.extend({\n\t init: function(element, options) {\n\t Editor.fn.init.call(this, element, options);\n\t this.bind(this.events, this.options);\n\n\t this.open();\n\t },\n\n\t events: [ \"update\", \"cancel\" ],\n\n\t options: {\n\t window: {\n\t modal: true,\n\t resizable: false,\n\t draggable: true,\n\t title: \"Edit\",\n\t visible: false\n\t }\n\t },\n\n\t _initContainer: function() {\n\t var that = this;\n\t this.wrapper = $('
\" +\r\n\t \"
\", { useWithBlock: false, paramName: \"d\" });\r\n\t }\r\n\r\n\t tooltip.element = $(tooltip.template(tooltip.options));\r\n\r\n\t tooltip.move = proxy(tooltip.move, tooltip);\r\n\t tooltip._mouseleave = proxy(tooltip._mouseleave, tooltip);\r\n\r\n\t var mobileScrollerSelector = kendo.format(\"[{0}='content'],[{0}='scroller']\", kendo.attr(\"role\"));\r\n\t tooltip._mobileScroller = chartElement.closest(mobileScrollerSelector).data(\"kendoMobileScroller\");\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this._clearShowTimeout();\r\n\r\n\t if (this.element) {\r\n\t this.element.off(MOUSELEAVE_NS).remove();\r\n\t this.element = null;\r\n\t }\r\n\t },\r\n\r\n\t setOptions: function(options) {\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t options: {\r\n\t opacity: 1,\r\n\t animation: {\r\n\t duration: TOOLTIP_ANIMATION_DURATION\r\n\t },\r\n\t sharedTemplate:\r\n\t \"| #= categoryText # | \" +\r\n\t \"# for(var i = 0; i < points.length; i++) { #\" +\r\n\t \"# var point = points[i]; #\" +\r\n\t \"||
|---|---|---|
| \" +\r\n\t \"# } #\" +\r\n\t \"# if(nameColumn) { # \" +\r\n\t \" | #if (point.series.name) {# #: point.series.name #: #} else {# #}# | \" +\r\n\t \"# } #\" +\r\n\t \"#= content(point) # | \" +\r\n\t \"
| {4:d} | |
|---|---|
| Open: | {0:C} |
| High: | {1:C} |
| Low: | {2:C} |
| Close: | {3:C} |
| {6:d} | |
|---|---|
| Lower: | {0:C} |
| Q1: | {1:C} |
| Median: | {2:C} |
| Mean: | {5:C} |
| Q3: | {3:C} |
| Upper: | {4:C} |
Target: {1}\"\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(Bullet.prototype, PointEventsMixin);\r\n\tdeepExtend(Bullet.prototype, NoteMixin);\r\n\r\n\tvar BulletChart = CategoricalChart.extend({\r\n\t init: function(plotArea, options) {\r\n\r\n\t wrapData(options);\r\n\r\n\t CategoricalChart.fn.init.call(this, plotArea, options);\r\n\t },\r\n\r\n\t reflowCategories: function(categorySlots) {\r\n\t var children = this.children;\r\n\t var childrenLength = children.length;\r\n\r\n\t for (var i = 0; i < childrenLength; i++) {\r\n\t children[i].reflow(categorySlots[i]);\r\n\t }\r\n\t },\r\n\r\n\t plotRange: function(point) {\r\n\t var series = point.series;\r\n\t var valueAxis = this.seriesValueAxis(series);\r\n\t var axisCrossingValue = this.categoryAxisCrossingValue(valueAxis);\r\n\r\n\t return [ axisCrossingValue, point.value.current || axisCrossingValue ];\r\n\t },\r\n\r\n\t createPoint: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var children = ref.children;\r\n\t var value = data.valueFields;\r\n\r\n\t var bulletOptions = deepExtend({\r\n\t vertical: !options.invertAxes,\r\n\t overlay: series.overlay,\r\n\t categoryIx: categoryIx,\r\n\t invertAxes: options.invertAxes\r\n\t }, series);\r\n\r\n\t var color = data.fields.color || series.color;\r\n\t bulletOptions = this.evalPointOptions(\r\n\t bulletOptions, value, category, categoryIx, series, seriesIx\r\n\t );\r\n\r\n\t if (isFunction(series.color)) {\r\n\t color = bulletOptions.color;\r\n\t }\r\n\r\n\t var bullet = new Bullet(value, bulletOptions);\r\n\t bullet.color = color;\r\n\r\n\t var cluster = children[categoryIx];\r\n\t if (!cluster) {\r\n\t cluster = new ClusterLayout({\r\n\t vertical: options.invertAxes,\r\n\t gap: options.gap,\r\n\t spacing: options.spacing,\r\n\t rtl: !options.invertAxes && (this.chartService || {}).rtl\r\n\t });\r\n\t this.append(cluster);\r\n\t }\r\n\r\n\t cluster.append(bullet);\r\n\r\n\t return bullet;\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t var current = value.current;\r\n\t var target = value.target;\r\n\t var axisName = fields.series.axis;\r\n\t var axisRange = this.valueAxisRanges[axisName];\r\n\r\n\t if (defined(current) && !isNaN(current) && defined(target && !isNaN(target))) {\r\n\t axisRange = this.valueAxisRanges[axisName] =\r\n\t axisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t axisRange.min = Math.min(axisRange.min, current, target);\r\n\t axisRange.max = Math.max(axisRange.max, current, target);\r\n\t }\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t return this.chartService.format.auto(format, point.value.current, point.value.target);\r\n\t },\r\n\r\n\t pointValue: function(data) {\r\n\t return data.valueFields.current;\r\n\t },\r\n\r\n\t aboveAxis: function(point) {\r\n\t var value = point.value.current;\r\n\r\n\t return value > 0;\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t var this$1 = this;\r\n\r\n\t var points = this.points;\r\n\r\n\t this._setAnimationOptions();\r\n\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t var point = points[idx];\r\n\t point.options.animation = this$1.options.animation;\r\n\t point.createAnimation();\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tBulletChart.prototype._setAnimationOptions = BarChart.prototype._setAnimationOptions;\r\n\r\n\tsetDefaultOptions(BulletChart, {\r\n\t animation: {\r\n\t type: BAR\r\n\t }\r\n\t});\r\n\r\n\tfunction wrapData(options) {\r\n\t var series = options.series;\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var seriesItem = series[i];\r\n\t var data = seriesItem.data;\r\n\t if (data && !isArray(data[0]) && !isObject(data[0])) {\r\n\t seriesItem.data = [ data ];\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tvar BaseTooltip = Class.extend({\r\n\t init: function(chartService, options) {\r\n\r\n\t this.chartService = chartService;\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t getStyle: function(options, point) {\r\n\t var background = options.background;\r\n\t var border = options.border.color;\r\n\r\n\t if (point) {\r\n\t var pointColor = point.color || point.options.color;\r\n\t background = valueOrDefault(background, pointColor);\r\n\t border = valueOrDefault(border, pointColor);\r\n\t }\r\n\r\n\t var padding = getSpacing(options.padding || {}, \"auto\");\r\n\r\n\t return {\r\n\t backgroundColor: background,\r\n\t borderColor: border,\r\n\t font: options.font,\r\n\t color: options.color,\r\n\t opacity: options.opacity,\r\n\t borderWidth: styleValue(options.border.width),\r\n\t paddingTop: styleValue(padding.top),\r\n\t paddingBottom: styleValue(padding.bottom),\r\n\t paddingLeft: styleValue(padding.left),\r\n\t paddingRight: styleValue(padding.right)\r\n\t };\r\n\t },\r\n\r\n\t show: function(options, tooltipOptions, point) {\r\n\t options.format = tooltipOptions.format;\r\n\r\n\t var style = this.getStyle(tooltipOptions, point);\r\n\t options.style = style;\r\n\r\n\t if (!defined(tooltipOptions.color) && new Color(style.backgroundColor).percBrightness() > 180) {\r\n\t options.className = \"k-chart-tooltip-inverse\";\r\n\t }\r\n\r\n\t this.chartService.notify(SHOW_TOOLTIP, options);\r\n\t },\r\n\r\n\t hide: function() {\r\n\t if (this.chartService) {\r\n\t this.chartService.notify(HIDE_TOOLTIP);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t delete this.chartService;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BaseTooltip, {\r\n\t border: {\r\n\t width: 1\r\n\t },\r\n\t opacity: 1\r\n\t});\r\n\r\n\tvar CrosshairTooltip = BaseTooltip.extend({\r\n\t init: function(chartService, crosshair, options) {\r\n\t BaseTooltip.fn.init.call(this, chartService, options);\r\n\r\n\t this.crosshair = crosshair;\r\n\t this.formatService = chartService.format;\r\n\t this.initAxisName();\r\n\t },\r\n\r\n\t initAxisName: function() {\r\n\t var axis = this.crosshair.axis;\r\n\t var plotArea = axis.plotArea;\r\n\t var name;\r\n\t if (plotArea.categoryAxis) {\r\n\t name = axis.getCategory ? \"categoryAxis\" : \"valueAxis\";\r\n\t } else {\r\n\t name = axis.options.vertical ? \"yAxis\" : \"xAxis\";\r\n\t }\r\n\t this.axisName = name;\r\n\t },\r\n\r\n\t showAt: function(point) {\r\n\t var ref = this;\r\n\t var axis = ref.crosshair.axis;\r\n\t var options = ref.options;\r\n\t var value = axis[options.stickyMode ? \"getCategory\" : \"getValue\"](point);\r\n\t var formattedValue = value;\r\n\r\n\t if (options.format) {\r\n\t formattedValue = this.formatService.auto(options.format, value);\r\n\t } else if (axis.options.type === DATE) {\r\n\t formattedValue = this.formatService.auto(axis.options.labels.dateFormats[axis.options.baseUnit], value);\r\n\t }\r\n\r\n\t this.show({\r\n\t point: point,\r\n\t anchor: this.getAnchor(),\r\n\t crosshair: this.crosshair,\r\n\t value: formattedValue,\r\n\t axisName: this.axisName,\r\n\t axisIndex: this.crosshair.axis.axisIndex\r\n\t }, this.options);\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this.chartService.notify(HIDE_TOOLTIP, {\r\n\t crosshair: this.crosshair,\r\n\t axisName: this.axisName,\r\n\t axisIndex: this.crosshair.axis.axisIndex\r\n\t });\r\n\t },\r\n\r\n\t getAnchor: function() {\r\n\t var ref = this;\r\n\t var crosshair = ref.crosshair;\r\n\t var ref_options = ref.options;\r\n\t var position = ref_options.position;\r\n\t var padding = ref_options.padding;\r\n\t var vertical = !crosshair.axis.options.vertical;\r\n\t var lineBox = crosshair.line.bbox();\r\n\t var horizontalAlign, verticalAlign, point;\r\n\r\n\t if (vertical) {\r\n\t horizontalAlign = CENTER;\r\n\t if (position === BOTTOM) {\r\n\t verticalAlign = TOP;\r\n\t point = lineBox.bottomLeft().translate(0, padding);\r\n\t } else {\r\n\t verticalAlign = BOTTOM;\r\n\t point = lineBox.topLeft().translate(0, -padding);\r\n\t }\r\n\t } else {\r\n\t verticalAlign = CENTER;\r\n\t if (position === LEFT) {\r\n\t horizontalAlign = RIGHT;\r\n\t point = lineBox.topLeft().translate(-padding, 0);\r\n\t } else {\r\n\t horizontalAlign = LEFT;\r\n\t point = lineBox.topRight().translate(padding, 0);\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t point: point,\r\n\t align: {\r\n\t horizontal: horizontalAlign,\r\n\t vertical: verticalAlign\r\n\t }\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(CrosshairTooltip, {\r\n\t padding: 10\r\n\t});\r\n\r\n\tvar Crosshair = ChartElement.extend({\r\n\t init: function(chartService, axis, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.axis = axis;\r\n\t this.stickyMode = axis instanceof CategoryAxis;\r\n\r\n\t var tooltipOptions = this.options.tooltip;\r\n\r\n\t if (tooltipOptions.visible) {\r\n\t this.tooltip = new CrosshairTooltip(chartService, this,\r\n\t deepExtend({}, tooltipOptions, { stickyMode: this.stickyMode })\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t showAt: function(point) {\r\n\t this.point = point;\r\n\t this.moveLine();\r\n\t this.line.visible(true);\r\n\r\n\t if (this.tooltip) {\r\n\t this.tooltip.showAt(point);\r\n\t }\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this.line.visible(false);\r\n\r\n\t if (this.tooltip) {\r\n\t this.tooltip.hide();\r\n\t }\r\n\t },\r\n\r\n\t moveLine: function() {\r\n\t var ref = this;\r\n\t var axis = ref.axis;\r\n\t var point = ref.point;\r\n\t var vertical = axis.options.vertical;\r\n\t var box = this.getBox();\r\n\t var dim = vertical ? Y : X;\r\n\t var lineStart = new GeometryPoint(box.x1, box.y1);\r\n\t var lineEnd;\r\n\r\n\t if (vertical) {\r\n\t lineEnd = new GeometryPoint(box.x2, box.y1);\r\n\t } else {\r\n\t lineEnd = new GeometryPoint(box.x1, box.y2);\r\n\t }\r\n\r\n\t if (point) {\r\n\t if (this.stickyMode) {\r\n\t var slot = axis.getSlot(axis.pointCategoryIndex(point));\r\n\t lineStart[dim] = lineEnd[dim] = slot.center()[dim];\r\n\t } else {\r\n\t lineStart[dim] = lineEnd[dim] = point[dim];\r\n\t }\r\n\t }\r\n\r\n\t this.box = box;\r\n\r\n\t this.line.moveTo(lineStart).lineTo(lineEnd);\r\n\t },\r\n\r\n\t getBox: function() {\r\n\t var axis = this.axis;\r\n\t var axes = axis.pane.axes;\r\n\t var length = axes.length;\r\n\t var vertical = axis.options.vertical;\r\n\t var box = axis.lineBox().clone();\r\n\t var dim = vertical ? X : Y;\r\n\t var axisLineBox;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var currentAxis = axes[i];\r\n\t if (currentAxis.options.vertical !== vertical) {\r\n\t if (!axisLineBox) {\r\n\t axisLineBox = currentAxis.lineBox().clone();\r\n\t } else {\r\n\t axisLineBox.wrap(currentAxis.lineBox());\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t box[dim + 1] = axisLineBox[dim + 1];\r\n\t box[dim + 2] = axisLineBox[dim + 2];\r\n\r\n\t return box;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var options = this.options;\r\n\t this.line = new Path({\r\n\t stroke: {\r\n\t color: options.color,\r\n\t width: options.width,\r\n\t opacity: options.opacity,\r\n\t dashType: options.dashType\r\n\t },\r\n\t visible: false\r\n\t });\r\n\r\n\t this.moveLine();\r\n\t this.visual.append(this.line);\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t if (this.tooltip) {\r\n\t this.tooltip.destroy();\r\n\t }\r\n\r\n\t ChartElement.fn.destroy.call(this);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Crosshair, {\r\n\t color: BLACK,\r\n\t width: 2,\r\n\t zIndex: -1,\r\n\t tooltip: {\r\n\t visible: false\r\n\t }\r\n\t});\r\n\r\n\tvar ChartContainer = ChartElement.extend({\r\n\t init: function(options, pane) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\t this.pane = pane;\r\n\t },\r\n\r\n\t shouldClip: function() {\r\n\t var children = this.children;\r\n\t var length = children.length;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t if (children[i].options.clip === true) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _clipBox: function() {\r\n\t return this.pane.chartsBox();\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.visual = new Group({\r\n\t zIndex: 0\r\n\t });\r\n\r\n\t if (this.shouldClip()) {\r\n\t var clipBox = this.clipBox = this._clipBox();\r\n\t var clipRect = clipBox.toRect();\r\n\t var clipPath = Path.fromRect(clipRect);\r\n\r\n\t this.visual.clip(clipPath);\r\n\t this.unclipLabels();\r\n\t }\r\n\t },\r\n\r\n\t stackRoot: function() {\r\n\t return this;\r\n\t },\r\n\r\n\t unclipLabels: function() {\r\n\t var ref = this;\r\n\t var charts = ref.children;\r\n\t var clipBox = ref.clipBox;\r\n\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var points = charts[i].points || {};\r\n\t var length = points.length;\r\n\r\n\t for (var j = 0; j < length; j++) {\r\n\t var point = points[j];\r\n\t if (point && point.visible !== false && point.overlapsBox && point.overlapsBox(clipBox)) {\r\n\t if (point.unclipElements) {\r\n\t point.unclipElements();\r\n\t } else {\r\n\t var label = point.label;\r\n\t var note = point.note;\r\n\r\n\t if (label && label.options.visible) {\r\n\t if (label.alignToClipBox) {\r\n\t label.alignToClipBox(clipBox);\r\n\t }\r\n\t label.options.noclip = true;\r\n\t }\r\n\r\n\t if (note && note.options.visible) {\r\n\t note.options.noclip = true;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t ChartElement.fn.destroy.call(this);\r\n\r\n\t delete this.parent;\r\n\t }\r\n\t});\r\n\r\n\tChartContainer.prototype.isStackRoot = true;\r\n\r\n\tvar Pane = BoxElement.extend({\r\n\t init: function(options) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\r\n\t this.id = paneID();\r\n\r\n\t this.createTitle();\r\n\r\n\t this.content = new ChartElement();\r\n\r\n\t this.chartContainer = new ChartContainer({}, this);\r\n\t this.append(this.content);\r\n\r\n\t this.axes = [];\r\n\t this.charts = [];\r\n\t },\r\n\r\n\t createTitle: function() {\r\n\t var titleOptions = this.options.title;\r\n\t if (isObject(titleOptions)) {\r\n\t titleOptions = deepExtend({}, titleOptions, {\r\n\t align: titleOptions.position,\r\n\t position: TOP\r\n\t });\r\n\t }\r\n\r\n\t this.title = dataviz.Title.buildTitle(titleOptions, this, Pane.prototype.options.title);\r\n\t },\r\n\r\n\t appendAxis: function(axis) {\r\n\t this.content.append(axis);\r\n\t this.axes.push(axis);\r\n\t axis.pane = this;\r\n\t },\r\n\r\n\t appendChart: function(chart) {\r\n\t if (this.chartContainer.parent !== this.content) {\r\n\t this.content.append(this.chartContainer);\r\n\t }\r\n\r\n\t this.charts.push(chart);\r\n\t this.chartContainer.append(chart);\r\n\t chart.pane = this;\r\n\t },\r\n\r\n\t empty: function() {\r\n\t var this$1 = this;\r\n\r\n\t var plotArea = this.parent;\r\n\r\n\t if (plotArea) {\r\n\t for (var i = 0; i < this.axes.length; i++) {\r\n\t plotArea.removeAxis(this$1.axes[i]);\r\n\t }\r\n\r\n\t for (var i$1 = 0; i$1 < this.charts.length; i$1++) {\r\n\t plotArea.removeChart(this$1.charts[i$1]);\r\n\t }\r\n\t }\r\n\r\n\t this.axes = [];\r\n\t this.charts = [];\r\n\r\n\t this.content.destroy();\r\n\t this.content.children = [];\r\n\t this.chartContainer.children = [];\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t // Content (such as charts) is rendered, but excluded from reflows\r\n\t var content;\r\n\t if (last(this.children) === this.content) {\r\n\t content = this.children.pop();\r\n\t }\r\n\r\n\t BoxElement.fn.reflow.call(this, targetBox);\r\n\r\n\t if (content) {\r\n\t this.children.push(content);\r\n\t }\r\n\r\n\t if (this.title) {\r\n\t this.contentBox.y1 += this.title.box.height();\r\n\t }\r\n\t },\r\n\r\n\t visualStyle: function() {\r\n\t var style = BoxElement.fn.visualStyle.call(this);\r\n\t style.zIndex = -10;\r\n\r\n\t return style;\r\n\t },\r\n\r\n\t renderComplete: function() {\r\n\t if (this.options.visible) {\r\n\t this.createGridLines();\r\n\t }\r\n\t },\r\n\r\n\t stackRoot: function() {\r\n\t return this;\r\n\t },\r\n\r\n\t clipRoot: function() {\r\n\t return this;\r\n\t },\r\n\r\n\t createGridLines: function() {\r\n\t var axes = this.axes;\r\n\t var allAxes = axes.concat(this.parent.axes);\r\n\t var vGridLines = [];\r\n\t var hGridLines = [];\r\n\r\n\t // TODO\r\n\t // Is full combination really necessary?\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var axis = axes[i];\r\n\t var vertical = axis.options.vertical;\r\n\t var gridLines = vertical ? vGridLines : hGridLines;\r\n\t for (var j = 0; j < allAxes.length; j++) {\r\n\t if (gridLines.length === 0) {\r\n\t var altAxis = allAxes[j];\r\n\t if (vertical !== altAxis.options.vertical) {\r\n\t append(gridLines, axis.createGridLines(altAxis));\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t refresh: function() {\r\n\t this.visual.clear();\r\n\r\n\t this.content.parent = null;\r\n\t this.content.createGradient = this.createGradient.bind(this);\r\n\t this.content.renderVisual();\r\n\t this.content.parent = this;\r\n\r\n\t if (this.title) {\r\n\t this.visual.append(this.title.visual);\r\n\t }\r\n\r\n\t this.visual.append(this.content.visual);\r\n\r\n\t this.renderComplete();\r\n\t },\r\n\r\n\t chartsBox: function() {\r\n\t var axes = this.axes;\r\n\t var length = axes.length;\r\n\t var chartsBox = new Box();\r\n\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t var axis = axes[idx];\r\n\t var axisValueField = axis.options.vertical ? Y : X;\r\n\t var lineBox = axis.lineBox();\r\n\t chartsBox[axisValueField + 1] = lineBox[axisValueField + 1];\r\n\t chartsBox[axisValueField + 2] = lineBox[axisValueField + 2];\r\n\t }\r\n\r\n\t if (chartsBox.x2 === 0) {\r\n\t var allAxes = this.parent.axes;\r\n\t var length$1 = allAxes.length;\r\n\r\n\t for (var idx$1 = 0; idx$1 < length$1; idx$1++) {\r\n\t var axis$1 = allAxes[idx$1];\r\n\t if (!axis$1.options.vertical) {\r\n\t var lineBox$1 = axis$1.lineBox();\r\n\t chartsBox.x1 = lineBox$1.x1;\r\n\t chartsBox.x2 = lineBox$1.x2;\r\n\t }\r\n\t }\r\n\t }\r\n\t return chartsBox;\r\n\t },\r\n\r\n\t clipBox: function() {\r\n\t return this.chartContainer.clipBox;\r\n\t }\r\n\t});\r\n\r\n\tvar ID = 1;\r\n\r\n\tfunction paneID() {\r\n\t return \"pane\" + ID++;\r\n\t}\r\n\r\n\tPane.prototype.isStackRoot = true;\r\n\r\n\tsetDefaultOptions(Pane, {\r\n\t zIndex: -1,\r\n\t shrinkToFit: true,\r\n\t title: {\r\n\t align: LEFT\r\n\t },\r\n\t visible: true\r\n\t});\r\n\r\n\tfunction segmentVisible(series, fields, index) {\r\n\t var visible = fields.visible;\r\n\t if (defined(visible)) {\r\n\t return visible;\r\n\t }\r\n\r\n\t var pointVisibility = series.pointVisibility;\r\n\t if (pointVisibility) {\r\n\t return pointVisibility[index];\r\n\t }\r\n\t}\r\n\r\n\tfunction bindSegments(series) {\r\n\t var data = series.data;\r\n\t var points = [];\r\n\t var sum = 0;\r\n\t var count = 0;\r\n\r\n\t for (var idx = 0; idx < data.length; idx++) {\r\n\t var pointData = SeriesBinder.current.bindPoint(series, idx);\r\n\t var value = pointData.valueFields.value;\r\n\r\n\t if (isString(value)) {\r\n\t value = parseFloat(value);\r\n\t }\r\n\r\n\t if (isNumber(value)) {\r\n\t pointData.visible = segmentVisible(series, pointData.fields, idx) !== false;\r\n\r\n\t pointData.value = Math.abs(value);\r\n\t points.push(pointData);\r\n\r\n\t if (pointData.visible) {\r\n\t sum += pointData.value;\r\n\t }\r\n\r\n\t if (value !== 0) {\r\n\t count++;\r\n\t }\r\n\t } else {\r\n\t points.push(null);\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t total: sum,\r\n\t points: points,\r\n\t count: count\r\n\t };\r\n\t}\r\n\r\n\tfunction equalsIgnoreCase(a, b) {\r\n\t if (a && b) {\r\n\t return a.toLowerCase() === b.toLowerCase();\r\n\t }\r\n\r\n\t return a === b;\r\n\t}\r\n\r\n\tfunction filterSeriesByType(series, types) {\r\n\t var result = [];\r\n\r\n\t var seriesTypes = [].concat(types);\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t var currentSeries = series[idx];\r\n\t if (inArray(currentSeries.type, seriesTypes)) {\r\n\t result.push(currentSeries);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction getDateField(field, row, intlService) {\r\n\t if (row === null) {\r\n\t return row;\r\n\t }\r\n\r\n\t var key = \"_date_\" + field;\r\n\t var value = row[key];\r\n\r\n\t if (!value) {\r\n\t value = parseDate(intlService, getter(field, true)(row));\r\n\t row[key] = value;\r\n\t }\r\n\r\n\t return value;\r\n\t}\r\n\r\n\tfunction isDateAxis(axisOptions, sampleCategory) {\r\n\t var type = axisOptions.type;\r\n\t var dateCategory = sampleCategory instanceof Date;\r\n\r\n\t return (!type && dateCategory) || equalsIgnoreCase(type, DATE);\r\n\t}\r\n\r\n\tfunction singleItemOrArray(array) {\r\n\t return array.length === 1 ? array[0] : array;\r\n\t}\r\n\r\n\tvar PlotAreaBase = ChartElement.extend({\r\n\t init: function(series, options, chartService) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.initFields(series, options);\r\n\t this.series = series;\r\n\t this.initSeries();\r\n\t this.charts = [];\r\n\t this.options.legend.items = [];\r\n\t this.axes = [];\r\n\t this.crosshairs = [];\r\n\t this.chartService = chartService;\r\n\t this.originalOptions = options;\r\n\r\n\t this.createPanes();\r\n\t this.render();\r\n\t this.createCrosshairs();\r\n\t },\r\n\r\n\t initFields: function() { },\r\n\r\n\t initSeries: function() {\r\n\t var series = this.series;\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t series[i].index = i;\r\n\t }\r\n\t },\r\n\r\n\t createPanes: function() {\r\n\t var this$1 = this;\r\n\r\n\t var defaults = { title: { color: (this.options.title || {}).color } };\r\n\t var panes = [];\r\n\t var paneOptions = this.options.panes || [];\r\n\t var panesLength = Math.max(paneOptions.length, 1);\r\n\r\n\t function setTitle(options, defaults) {\r\n\t if (isString(options.title)) {\r\n\t options.title = {\r\n\t text: options.title\r\n\t };\r\n\t }\r\n\r\n\t options.title = deepExtend({}, defaults.title, options.title);\r\n\t }\r\n\r\n\t for (var i = 0; i < panesLength; i++) {\r\n\t var options = paneOptions[i] || {};\r\n\t setTitle(options, defaults);\r\n\r\n\t var currentPane = new Pane(options);\r\n\t currentPane.paneIndex = i;\r\n\r\n\t panes.push(currentPane);\r\n\t this$1.append(currentPane);\r\n\t }\r\n\r\n\t this.panes = panes;\r\n\t },\r\n\r\n\t createCrosshairs: function(panes) {\r\n\t var this$1 = this;\r\n\t if (panes === void 0) { panes = this.panes; }\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var pane = panes[i];\r\n\t for (var j = 0; j < pane.axes.length; j++) {\r\n\t var axis = pane.axes[j];\r\n\t if (axis.options.crosshair && axis.options.crosshair.visible) {\r\n\t var currentCrosshair = new Crosshair(this$1.chartService, axis, axis.options.crosshair);\r\n\r\n\t this$1.crosshairs.push(currentCrosshair);\r\n\t pane.content.append(currentCrosshair);\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t removeCrosshairs: function(pane) {\r\n\t var crosshairs = this.crosshairs;\r\n\t var axes = pane.axes;\r\n\r\n\t for (var i = crosshairs.length - 1; i >= 0; i--) {\r\n\t for (var j = 0; j < axes.length; j++) {\r\n\t if (crosshairs[i].axis === axes[j]) {\r\n\t crosshairs.splice(i, 1);\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t hideCrosshairs: function() {\r\n\t var crosshairs = this.crosshairs;\r\n\t for (var idx = 0; idx < crosshairs.length; idx++) {\r\n\t crosshairs[idx].hide();\r\n\t }\r\n\t },\r\n\r\n\t findPane: function(name) {\r\n\t var panes = this.panes;\r\n\t var matchingPane;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t if (panes[i].options.name === name) {\r\n\t matchingPane = panes[i];\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return matchingPane || panes[0];\r\n\t },\r\n\r\n\t findPointPane: function(point) {\r\n\t var panes = this.panes;\r\n\t var matchingPane;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t if (panes[i].box.containsPoint(point)) {\r\n\t matchingPane = panes[i];\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return matchingPane;\r\n\t },\r\n\r\n\t appendAxis: function(axis) {\r\n\t var pane = this.findPane(axis.options.pane);\r\n\r\n\t pane.appendAxis(axis);\r\n\t this.axes.push(axis);\r\n\t axis.plotArea = this;\r\n\t },\r\n\r\n\t removeAxis: function(axisToRemove) {\r\n\t var this$1 = this;\r\n\r\n\t var filteredAxes = [];\r\n\r\n\t for (var i = 0; i < this.axes.length; i++) {\r\n\t var axis = this$1.axes[i];\r\n\t if (axisToRemove !== axis) {\r\n\t filteredAxes.push(axis);\r\n\t } else {\r\n\t axis.destroy();\r\n\t }\r\n\t }\r\n\r\n\t this.axes = filteredAxes;\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t this.charts.push(chart);\r\n\t if (pane) {\r\n\t pane.appendChart(chart);\r\n\t } else {\r\n\t this.append(chart);\r\n\t }\r\n\t },\r\n\r\n\t removeChart: function(chartToRemove) {\r\n\t var this$1 = this;\r\n\r\n\t var filteredCharts = [];\r\n\r\n\t for (var i = 0; i < this.charts.length; i++) {\r\n\t var chart = this$1.charts[i];\r\n\t if (chart !== chartToRemove) {\r\n\t filteredCharts.push(chart);\r\n\t } else {\r\n\t chart.destroy();\r\n\t }\r\n\t }\r\n\r\n\t this.charts = filteredCharts;\r\n\t },\r\n\r\n\t addToLegend: function(series) {\r\n\t var count = series.length;\r\n\t var legend = this.options.legend;\r\n\t var labels = legend.labels || {};\r\n\t var inactiveItems = legend.inactiveItems || {};\r\n\t var inactiveItemsLabels = inactiveItems.labels || {};\r\n\t var data = [];\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var currentSeries = series[i];\r\n\t var seriesVisible = currentSeries.visible !== false;\r\n\t if (currentSeries.visibleInLegend === false) {\r\n\t continue;\r\n\t }\r\n\r\n\t var text = currentSeries.name;\r\n\t var labelTemplate = seriesVisible ? getTemplate(labels) : getTemplate(inactiveItemsLabels) || getTemplate(labels);\r\n\t if (labelTemplate) {\r\n\t text = labelTemplate({\r\n\t text: hasValue(text) ? text : \"\",\r\n\t series: currentSeries\r\n\t });\r\n\t }\r\n\r\n\t var defaults = currentSeries._defaults;\r\n\t var color = currentSeries.color;\r\n\t if (isFunction(color) && defaults) {\r\n\t color = defaults.color;\r\n\t }\r\n\r\n\t var itemLabelOptions = (void 0), markerColor = (void 0);\r\n\t if (seriesVisible) {\r\n\t itemLabelOptions = {};\r\n\t markerColor = color;\r\n\t } else {\r\n\t itemLabelOptions = {\r\n\t color: inactiveItemsLabels.color,\r\n\t font: inactiveItemsLabels.font\r\n\t };\r\n\t markerColor = inactiveItems.markers.color;\r\n\t }\r\n\r\n\t if (hasValue(text) && text !== \"\") {\r\n\t data.push({\r\n\t text: text,\r\n\t labels: itemLabelOptions,\r\n\t markerColor: markerColor,\r\n\t series: currentSeries,\r\n\t active: seriesVisible\r\n\t });\r\n\t }\r\n\t }\r\n\r\n\t append(legend.items, data);\r\n\t },\r\n\r\n\t groupAxes: function(panes) {\r\n\t var xAxes = [];\r\n\t var yAxes = [];\r\n\r\n\t for (var paneIx = 0; paneIx < panes.length; paneIx++) {\r\n\t var paneAxes = panes[paneIx].axes;\r\n\t for (var axisIx = 0; axisIx < paneAxes.length; axisIx++) {\r\n\t var axis = paneAxes[axisIx];\r\n\t if (axis.options.vertical) {\r\n\t yAxes.push(axis);\r\n\t } else {\r\n\t xAxes.push(axis);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return { x: xAxes, y: yAxes, any: xAxes.concat(yAxes) };\r\n\t },\r\n\r\n\t groupSeriesByPane: function() {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.series;\r\n\t var seriesByPane = {};\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t var pane = this$1.seriesPaneName(currentSeries);\r\n\r\n\t if (seriesByPane[pane]) {\r\n\t seriesByPane[pane].push(currentSeries);\r\n\t } else {\r\n\t seriesByPane[pane] = [ currentSeries ];\r\n\t }\r\n\t }\r\n\r\n\t return seriesByPane;\r\n\t },\r\n\r\n\t filterVisibleSeries: function(series) {\r\n\t var result = [];\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t if (currentSeries.visible !== false) {\r\n\t result.push(currentSeries);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options.plotArea;\r\n\t var panes = this.panes;\r\n\t var margin = getSpacing(options.margin);\r\n\r\n\t this.box = targetBox.clone().unpad(margin);\r\n\t this.reflowPanes();\r\n\r\n\t this.reflowAxes(panes);\r\n\t this.reflowCharts(panes);\r\n\t },\r\n\r\n\t redraw: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var panesArray = [].concat(panes);\r\n\t this.initSeries();\r\n\r\n\t for (var i = 0; i < panesArray.length; i++) {\r\n\t this$1.removeCrosshairs(panesArray[i]);\r\n\t panesArray[i].empty();\r\n\t }\r\n\r\n\t this.render(panesArray);\r\n\t this.reflowAxes(this.panes);\r\n\t this.reflowCharts(panesArray);\r\n\r\n\t this.createCrosshairs(panesArray);\r\n\r\n\t for (var i$1 = 0; i$1 < panesArray.length; i$1++) {\r\n\t panesArray[i$1].refresh();\r\n\t }\r\n\t },\r\n\r\n\t axisCrossingValues: function(axis, crossingAxes) {\r\n\t var options = axis.options;\r\n\t var crossingValues = [].concat(\r\n\t options.axisCrossingValues || options.axisCrossingValue\r\n\t );\r\n\t var valuesToAdd = crossingAxes.length - crossingValues.length;\r\n\t var defaultValue = crossingValues[0] || 0;\r\n\r\n\t for (var i = 0; i < valuesToAdd; i++) {\r\n\t crossingValues.push(defaultValue);\r\n\t }\r\n\r\n\t return crossingValues;\r\n\t },\r\n\r\n\t alignAxisTo: function(axis, targetAxis, crossingValue, targetCrossingValue) {\r\n\t var slot = axis.getSlot(crossingValue, crossingValue, true);\r\n\t var slotEdge = axis.options.reverse ? 2 : 1;\r\n\t var targetSlot = targetAxis.getSlot(targetCrossingValue, targetCrossingValue, true);\r\n\t var targetEdge = targetAxis.options.reverse ? 2 : 1;\r\n\t var axisBox = axis.box.translate(\r\n\t targetSlot[X + targetEdge] - slot[X + slotEdge],\r\n\t targetSlot[Y + targetEdge] - slot[Y + slotEdge]\r\n\t );\r\n\r\n\t if (axis.pane !== targetAxis.pane) {\r\n\t axisBox.translate(0, axis.pane.box.y1 - targetAxis.pane.box.y1);\r\n\t }\r\n\r\n\t axis.reflow(axisBox);\r\n\t },\r\n\r\n\t alignAxes: function(xAxes, yAxes) {\r\n\t var this$1 = this;\r\n\r\n\t var xAnchor = xAxes[0];\r\n\t var yAnchor = yAxes[0];\r\n\t var xAnchorCrossings = this.axisCrossingValues(xAnchor, yAxes);\r\n\t var yAnchorCrossings = this.axisCrossingValues(yAnchor, xAxes);\r\n\t var leftAnchors = {};\r\n\t var rightAnchors = {};\r\n\t var topAnchors = {};\r\n\t var bottomAnchors = {};\r\n\r\n\t for (var i = 0; i < yAxes.length; i++) {\r\n\t var axis = yAxes[i];\r\n\t var pane = axis.pane;\r\n\t var paneId = pane.id;\r\n\t var visible = axis.options.visible !== false;\r\n\r\n\t // Locate pane anchor, if any, and use its axisCrossingValues\r\n\t var anchor = paneAnchor(xAxes, pane) || xAnchor;\r\n\t var anchorCrossings = xAnchorCrossings;\r\n\r\n\t if (anchor !== xAnchor) {\r\n\t anchorCrossings = this$1.axisCrossingValues(anchor, yAxes);\r\n\t }\r\n\r\n\t this$1.alignAxisTo(axis, anchor, yAnchorCrossings[i], anchorCrossings[i]);\r\n\r\n\t if (axis.options._overlap) {\r\n\t continue;\r\n\t }\r\n\r\n\t if (round(axis.lineBox().x1) === round(anchor.lineBox().x1)) {\r\n\t // Push the axis to the left the previous y-axis so they don't overlap\r\n\t if (leftAnchors[paneId]) {\r\n\t axis.reflow(axis.box\r\n\t .alignTo(leftAnchors[paneId].box, LEFT)\r\n\t .translate(-axis.options.margin, 0)\r\n\t );\r\n\t }\r\n\r\n\t if (visible) {\r\n\t leftAnchors[paneId] = axis;\r\n\t }\r\n\t }\r\n\r\n\t if (round(axis.lineBox().x2) === round(anchor.lineBox().x2)) {\r\n\t // Flip the labels on the right if we're at the right end of the pane\r\n\t if (!axis._mirrored) {\r\n\t axis.options.labels.mirror = !axis.options.labels.mirror;\r\n\t axis._mirrored = true;\r\n\t }\r\n\t this$1.alignAxisTo(axis, anchor, yAnchorCrossings[i], anchorCrossings[i]);\r\n\r\n\t // Push the axis to the right the previous y-axis so they don't overlap\r\n\t if (rightAnchors[paneId]) {\r\n\t axis.reflow(axis.box\r\n\t .alignTo(rightAnchors[paneId].box, RIGHT)\r\n\t .translate(axis.options.margin, 0)\r\n\t );\r\n\t }\r\n\r\n\t if (visible) {\r\n\t rightAnchors[paneId] = axis;\r\n\t }\r\n\t }\r\n\r\n\t if (i !== 0 && yAnchor.pane === axis.pane) {\r\n\t axis.alignTo(yAnchor);\r\n\t axis.reflow(axis.box);\r\n\t }\r\n\t }\r\n\r\n\t for (var i$1 = 0; i$1 < xAxes.length; i$1++) {\r\n\t var axis$1 = xAxes[i$1];\r\n\t var pane$1 = axis$1.pane;\r\n\t var paneId$1 = pane$1.id;\r\n\t var visible$1 = axis$1.options.visible !== false;\r\n\r\n\t // Locate pane anchor and use its axisCrossingValues\r\n\t var anchor$1 = paneAnchor(yAxes, pane$1) || yAnchor;\r\n\t var anchorCrossings$1 = yAnchorCrossings;\r\n\t if (anchor$1 !== yAnchor) {\r\n\t anchorCrossings$1 = this$1.axisCrossingValues(anchor$1, xAxes);\r\n\t }\r\n\r\n\t this$1.alignAxisTo(axis$1, anchor$1, xAnchorCrossings[i$1], anchorCrossings$1[i$1]);\r\n\r\n\t if (axis$1.options._overlap) {\r\n\t continue;\r\n\t }\r\n\r\n\t if (round(axis$1.lineBox().y1) === round(anchor$1.lineBox().y1)) {\r\n\t // Flip the labels on top if we're at the top of the pane\r\n\t if (!axis$1._mirrored) {\r\n\t axis$1.options.labels.mirror = !axis$1.options.labels.mirror;\r\n\t axis$1._mirrored = true;\r\n\t }\r\n\t this$1.alignAxisTo(axis$1, anchor$1, xAnchorCrossings[i$1], anchorCrossings$1[i$1]);\r\n\r\n\t // Push the axis above the previous x-axis so they don't overlap\r\n\t if (topAnchors[paneId$1]) {\r\n\t axis$1.reflow(axis$1.box\r\n\t .alignTo(topAnchors[paneId$1].box, TOP)\r\n\t .translate(0, -axis$1.options.margin)\r\n\t );\r\n\t }\r\n\r\n\t if (visible$1) {\r\n\t topAnchors[paneId$1] = axis$1;\r\n\t }\r\n\t }\r\n\r\n\t if (round(axis$1.lineBox().y2, datavizConstants.COORD_PRECISION) === round(anchor$1.lineBox().y2, datavizConstants.COORD_PRECISION)) {\r\n\t // Push the axis below the previous x-axis so they don't overlap\r\n\t if (bottomAnchors[paneId$1]) {\r\n\t axis$1.reflow(axis$1.box\r\n\t .alignTo(bottomAnchors[paneId$1].box, BOTTOM)\r\n\t .translate(0, axis$1.options.margin)\r\n\t );\r\n\t }\r\n\r\n\t if (visible$1) {\r\n\t bottomAnchors[paneId$1] = axis$1;\r\n\t }\r\n\t }\r\n\r\n\t if (i$1 !== 0) {\r\n\t axis$1.alignTo(xAnchor);\r\n\t axis$1.reflow(axis$1.box);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t shrinkAxisWidth: function(panes) {\r\n\t var axes = this.groupAxes(panes).any;\r\n\t var axisBox = axisGroupBox(axes);\r\n\t var overflowX = 0;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var currentPane = panes[i];\r\n\r\n\t if (currentPane.axes.length > 0) {\r\n\t overflowX = Math.max(\r\n\t overflowX,\r\n\t axisBox.width() - currentPane.contentBox.width()\r\n\t );\r\n\t }\r\n\t }\r\n\r\n\t if (overflowX !== 0) {\r\n\t for (var i$1 = 0; i$1 < axes.length; i$1++) {\r\n\t var currentAxis = axes[i$1];\r\n\r\n\t if (!currentAxis.options.vertical) {\r\n\t currentAxis.reflow(currentAxis.box.shrink(overflowX, 0));\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t shrinkAxisHeight: function(panes) {\r\n\t var shrinked;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var currentPane = panes[i];\r\n\t var axes = currentPane.axes;\r\n\t var overflowY = Math.max(0, axisGroupBox(axes).height() - currentPane.contentBox.height());\r\n\r\n\t if (overflowY !== 0) {\r\n\t for (var j = 0; j < axes.length; j++) {\r\n\t var currentAxis = axes[j];\r\n\r\n\t if (currentAxis.options.vertical) {\r\n\t currentAxis.reflow(\r\n\t currentAxis.box.shrink(0, overflowY)\r\n\t );\r\n\t }\r\n\t }\r\n\t shrinked = true;\r\n\t }\r\n\t }\r\n\r\n\t return shrinked;\r\n\t },\r\n\r\n\t fitAxes: function(panes) {\r\n\t var axes = this.groupAxes(panes).any;\r\n\t var offsetX = 0;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var currentPane = panes[i];\r\n\t var paneAxes = currentPane.axes;\r\n\t var paneBox = currentPane.contentBox;\r\n\r\n\t if (paneAxes.length > 0) {\r\n\t var axisBox = axisGroupBox(paneAxes);\r\n\t // OffsetY is calculated and applied per pane\r\n\t var offsetY = Math.max(paneBox.y1 - axisBox.y1, paneBox.y2 - axisBox.y2);\r\n\r\n\t // OffsetX is calculated and applied globally\r\n\t offsetX = Math.max(offsetX, paneBox.x1 - axisBox.x1);\r\n\r\n\t for (var j = 0; j < paneAxes.length; j++) {\r\n\t var currentAxis = paneAxes[j];\r\n\r\n\t currentAxis.reflow(\r\n\t currentAxis.box.translate(0, offsetY)\r\n\t );\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t for (var i$1 = 0; i$1 < axes.length; i$1++) {\r\n\t var currentAxis$1 = axes[i$1];\r\n\r\n\t currentAxis$1.reflow(\r\n\t currentAxis$1.box.translate(offsetX, 0)\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t reflowAxes: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var axes = this.groupAxes(panes);\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t this$1.reflowPaneAxes(panes[i]);\r\n\t }\r\n\r\n\t if (axes.x.length > 0 && axes.y.length > 0) {\r\n\t this.alignAxes(axes.x, axes.y);\r\n\t this.shrinkAxisWidth(panes);\r\n\r\n\t this.autoRotateAxisLabels(axes);\r\n\r\n\t this.alignAxes(axes.x, axes.y);\r\n\t if (this.shrinkAxisWidth(panes)) {\r\n\t this.alignAxes(axes.x, axes.y);\r\n\t }\r\n\r\n\t this.shrinkAxisHeight(panes);\r\n\t this.alignAxes(axes.x, axes.y);\r\n\r\n\t if (this.shrinkAxisHeight(panes)) {\r\n\t this.alignAxes(axes.x, axes.y);\r\n\t }\r\n\r\n\t this.fitAxes(panes);\r\n\t }\r\n\t },\r\n\r\n\t autoRotateAxisLabels: function(groupedAxes) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var axes = ref.axes;\r\n\t var panes = ref.panes;\r\n\t var rotated;\r\n\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t var axis = axes[idx];\r\n\t if (axis.autoRotateLabels()) {\r\n\t rotated = true;\r\n\t }\r\n\t }\r\n\r\n\t if (rotated) {\r\n\t for (var idx$1 = 0; idx$1 < panes.length; idx$1++) {\r\n\t this$1.reflowPaneAxes(panes[idx$1]);\r\n\t }\r\n\r\n\t if (groupedAxes.x.length > 0 && groupedAxes.y.length > 0) {\r\n\t this.alignAxes(groupedAxes.x, groupedAxes.y);\r\n\t this.shrinkAxisWidth(panes);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t reflowPaneAxes: function(pane) {\r\n\t var axes = pane.axes;\r\n\t var length = axes.length;\r\n\r\n\t if (length > 0) {\r\n\t for (var i = 0; i < length; i++) {\r\n\t axes[i].reflow(pane.contentBox);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t reflowCharts: function(panes) {\r\n\t var charts = this.charts;\r\n\t var count = charts.length;\r\n\t var box = this.box;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var chartPane = charts[i].pane;\r\n\t if (!chartPane || inArray(chartPane, panes)) {\r\n\t charts[i].reflow(box);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t reflowPanes: function() {\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var panes = ref.panes;\r\n\t var panesLength = panes.length;\r\n\t var remainingHeight = box.height();\r\n\t var remainingPanes = panesLength;\r\n\t var autoHeightPanes = 0;\r\n\t var top = box.y1;\r\n\r\n\t for (var i = 0; i < panesLength; i++) {\r\n\t var currentPane = panes[i];\r\n\t var height = currentPane.options.height;\r\n\r\n\t currentPane.options.width = box.width();\r\n\r\n\t if (!currentPane.options.height) {\r\n\t autoHeightPanes++;\r\n\t } else {\r\n\t if (height.indexOf && height.indexOf(\"%\")) {\r\n\t var percents = parseInt(height, 10) / 100;\r\n\t currentPane.options.height = percents * box.height();\r\n\t }\r\n\r\n\t currentPane.reflow(box.clone());\r\n\r\n\t remainingHeight -= currentPane.options.height;\r\n\t }\r\n\t }\r\n\r\n\t for (var i$1 = 0; i$1 < panesLength; i$1++) {\r\n\t var currentPane$1 = panes[i$1];\r\n\r\n\t if (!currentPane$1.options.height) {\r\n\t currentPane$1.options.height = remainingHeight / autoHeightPanes;\r\n\t }\r\n\t }\r\n\r\n\t for (var i$2 = 0; i$2 < panesLength; i$2++) {\r\n\t var currentPane$2 = panes[i$2];\r\n\t var paneBox = box\r\n\t .clone()\r\n\t .move(box.x1, top);\r\n\r\n\t currentPane$2.reflow(paneBox);\r\n\r\n\t remainingPanes--;\r\n\t top += currentPane$2.options.height;\r\n\t }\r\n\t },\r\n\r\n\t backgroundBox: function() {\r\n\t var axes = this.axes;\r\n\t var axesCount = axes.length;\r\n\t var box;\r\n\r\n\t for (var i = 0; i < axesCount; i++) {\r\n\t var axisA = axes[i];\r\n\r\n\t for (var j = 0; j < axesCount; j++) {\r\n\t var axisB = axes[j];\r\n\r\n\t if (axisA.options.vertical !== axisB.options.vertical) {\r\n\t var lineBox = axisA.lineBox().clone().wrap(axisB.lineBox());\r\n\r\n\t if (!box) {\r\n\t box = lineBox;\r\n\t } else {\r\n\t box = box.wrap(lineBox);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return box || this.box;\r\n\t },\r\n\r\n\t chartsBoxes: function() {\r\n\t var panes = this.panes;\r\n\t var boxes = [];\r\n\r\n\t for (var idx = 0; idx < panes.length; idx++) {\r\n\t boxes.push(panes[idx].chartsBox());\r\n\t }\r\n\r\n\t return boxes;\r\n\t },\r\n\r\n\t addBackgroundPaths: function(multipath) {\r\n\t var boxes = this.chartsBoxes();\r\n\t for (var idx = 0; idx < boxes.length; idx++) {\r\n\t multipath.paths.push(Path.fromRect(boxes[idx].toRect()));\r\n\t }\r\n\t },\r\n\r\n\t backgroundContainsPoint: function(point) {\r\n\t var boxes = this.chartsBoxes();\r\n\t for (var idx = 0; idx < boxes.length; idx++) {\r\n\t if (boxes[idx].containsPoint(point)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var options = this.options.plotArea;\r\n\t var opacity = options.opacity;\r\n\t var background = options.background;\r\n\t var border = options.border; if (border === void 0) { border = {}; }\r\n\t if (isTransparent(background)) {\r\n\t background = WHITE;\r\n\t opacity = 0;\r\n\t }\r\n\r\n\t var bg = this._bgVisual = new drawing.MultiPath({\r\n\t fill: {\r\n\t color: background,\r\n\t opacity: opacity\r\n\t },\r\n\t stroke: {\r\n\t color: border.width ? border.color : \"\",\r\n\t width: border.width,\r\n\t dashType: border.dashType\r\n\t },\r\n\t zIndex: -1\r\n\t });\r\n\r\n\t this.addBackgroundPaths(bg);\r\n\r\n\t this.appendVisual(bg);\r\n\t },\r\n\r\n\t pointsByCategoryIndex: function(categoryIndex) {\r\n\t var charts = this.charts;\r\n\t var result = [];\r\n\r\n\t if (categoryIndex !== null) {\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var chart = charts[i];\r\n\t if (chart.pane.options.name === \"_navigator\") {\r\n\t continue;\r\n\t }\r\n\r\n\t var points = charts[i].categoryPoints[categoryIndex];\r\n\t if (points && points.length) {\r\n\t for (var j = 0; j < points.length; j++) {\r\n\t var point = points[j];\r\n\t if (point && defined(point.value) && point.value !== null) {\r\n\t result.push(point);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t pointsBySeriesIndex: function(seriesIndex) {\r\n\t return this.filterPoints(function(point) {\r\n\t return point.series.index === seriesIndex;\r\n\t });\r\n\t },\r\n\r\n\t pointsBySeriesName: function(name) {\r\n\t return this.filterPoints(function(point) {\r\n\t return point.series.name === name;\r\n\t });\r\n\t },\r\n\r\n\t filterPoints: function(callback) {\r\n\t var charts = this.charts;\r\n\t var result = [];\r\n\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var chart = charts[i];\r\n\t var points = chart.points;\r\n\t for (var j = 0; j < points.length; j++) {\r\n\t var point = points[j];\r\n\t if (point && callback(point)) {\r\n\t result.push(point);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t findPoint: function(callback) {\r\n\t var charts = this.charts;\r\n\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var chart = charts[i];\r\n\t var points = chart.points;\r\n\t for (var j = 0; j < points.length; j++) {\r\n\t var point = points[j];\r\n\t if (point && callback(point)) {\r\n\t return point;\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t paneByPoint: function(point) {\r\n\t var panes = this.panes;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var pane = panes[i];\r\n\t if (pane.box.containsPoint(point)) {\r\n\t return pane;\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction axisGroupBox(axes) {\r\n\t var length = axes.length;\r\n\t var box;\r\n\r\n\t if (length > 0) {\r\n\t for (var i = 0; i < length; i++) {\r\n\t var axisBox = axes[i].contentBox();\r\n\r\n\t if (!box) {\r\n\t box = axisBox.clone();\r\n\t } else {\r\n\t box.wrap(axisBox);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return box || new Box();\r\n\t}\r\n\r\n\tfunction paneAnchor(axes, pane) {\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var anchor = axes[i];\r\n\t if (anchor && anchor.pane === pane) {\r\n\t return anchor;\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction isTransparent(color) {\r\n\t return color === \"\" || color === null || color === \"none\" || color === \"transparent\" || !defined(color);\r\n\t}\r\n\r\n\tsetDefaultOptions(PlotAreaBase, {\r\n\t series: [],\r\n\t plotArea: {\r\n\t margin: {}\r\n\t },\r\n\t background: \"\",\r\n\t border: {\r\n\t color: BLACK,\r\n\t width: 0\r\n\t },\r\n\t legend: {\r\n\t inactiveItems: {\r\n\t labels: {\r\n\t color: \"#919191\"\r\n\t },\r\n\t markers: {\r\n\t color: \"#919191\"\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar PlotAreaEventsMixin = {\r\n\t hover: function(chart, e) {\r\n\t this._dispatchEvent(chart, e, PLOT_AREA_HOVER);\r\n\t },\r\n\r\n\t click: function(chart, e) {\r\n\t this._dispatchEvent(chart, e, PLOT_AREA_CLICK);\r\n\t }\r\n\t};\r\n\r\n\tvar SeriesAggregator = Class.extend({\r\n\t init: function(series, binder, defaultAggregates) {\r\n\r\n\t var canonicalFields = binder.canonicalFields(series);\r\n\t var valueFields = binder.valueFields(series);\r\n\t var sourceFields = binder.sourceFields(series, canonicalFields);\r\n\t var seriesFields = this._seriesFields = [];\r\n\t var defaults = defaultAggregates.query(series.type);\r\n\t var rootAggregate = series.aggregate || defaults;\r\n\r\n\t this._series = series;\r\n\t this._binder = binder;\r\n\r\n\t for (var i = 0; i < canonicalFields.length; i++) {\r\n\t var field = canonicalFields[i];\r\n\t var fieldAggregate = (void 0);\r\n\r\n\t if (isObject(rootAggregate)) {\r\n\t fieldAggregate = rootAggregate[field];\r\n\t } else if (i === 0 || inArray(field, valueFields)) {\r\n\t fieldAggregate = rootAggregate;\r\n\t } else {\r\n\t break;\r\n\t }\r\n\r\n\t if (fieldAggregate) {\r\n\t seriesFields.push({\r\n\t canonicalName: field,\r\n\t name: sourceFields[i],\r\n\t transform: isFunction(fieldAggregate) ? fieldAggregate : Aggregates[fieldAggregate]\r\n\t });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t aggregatePoints: function(srcPoints, group) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var series = ref._series;\r\n\t var seriesFields = ref._seriesFields;\r\n\t var data = this._bindPoints(srcPoints || []);\r\n\t var firstDataItem = data.dataItems[0];\r\n\t var result = {};\r\n\r\n\t if (firstDataItem && !isNumber(firstDataItem) && !isArray(firstDataItem)) {\r\n\t var fn = function() {};\r\n\t fn.prototype = firstDataItem;\r\n\t result = new fn();\r\n\t }\r\n\r\n\t for (var i = 0; i < seriesFields.length; i++) {\r\n\t var field = seriesFields[i];\r\n\t var srcValues = this$1._bindField(data.values, field.canonicalName);\r\n\t var value = field.transform(srcValues, series, data.dataItems, group);\r\n\r\n\t if (value !== null && isObject(value) && !defined(value.length) && !(value instanceof Date)) {\r\n\t result = value;\r\n\t break;\r\n\t } else {\r\n\t if (defined(value)) {\r\n\t setValue(field.name, result, value);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t _bindPoints: function(points) {\r\n\t var ref = this;\r\n\t var binder = ref._binder;\r\n\t var series = ref._series;\r\n\t var values = [];\r\n\t var dataItems = [];\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var pointIx = points[i];\r\n\r\n\t values.push(binder.bindPoint(series, pointIx));\r\n\t dataItems.push(series.data[pointIx]);\r\n\t }\r\n\r\n\t return {\r\n\t values: values,\r\n\t dataItems: dataItems\r\n\t };\r\n\t },\r\n\r\n\t _bindField: function(data, field) {\r\n\t var values = [];\r\n\t var count = data.length;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var item = data[i];\r\n\t var valueFields = item.valueFields;\r\n\t var value = (void 0);\r\n\r\n\t if (defined(valueFields[field])) {\r\n\t value = valueFields[field];\r\n\t } else {\r\n\t value = item.fields[field];\r\n\t }\r\n\r\n\t values.push(value);\r\n\t }\r\n\r\n\t return values;\r\n\t }\r\n\t});\r\n\r\n\tfunction setValue(fieldName, target, value) {\r\n\t var parentObj = target;\r\n\t var field = fieldName;\r\n\r\n\t if (fieldName.indexOf(\".\") > -1) {\r\n\t var parts = fieldName.split(\".\");\r\n\r\n\t while (parts.length > 1) {\r\n\t field = parts.shift();\r\n\t if (!defined(parentObj[field])) {\r\n\t parentObj[field] = {};\r\n\t }\r\n\t parentObj = parentObj[field];\r\n\t }\r\n\t field = parts.shift();\r\n\t }\r\n\r\n\t parentObj[field] = value;\r\n\t}\r\n\r\n\tvar DefaultAggregates = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._defaults = {};\r\n\t },\r\n\r\n\t register: function(seriesTypes, aggregates) {\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < seriesTypes.length; i++) {\r\n\t this$1._defaults[seriesTypes[i]] = aggregates;\r\n\t }\r\n\t },\r\n\r\n\t query: function(seriesType) {\r\n\t return this._defaults[seriesType];\r\n\t }\r\n\t});\r\n\r\n\tDefaultAggregates.current = new DefaultAggregates();\r\n\r\n\tvar RangeBar = Bar.extend({\r\n\t createLabel: function() {\r\n\t var labels = this.options.labels;\r\n\t var fromOptions = deepExtend({}, labels, labels.from);\r\n\t var toOptions = deepExtend({}, labels, labels.to);\r\n\r\n\t if (fromOptions.visible) {\r\n\t this.labelFrom = this._createLabel(fromOptions);\r\n\t this.append(this.labelFrom);\r\n\t }\r\n\r\n\t if (toOptions.visible) {\r\n\t this.labelTo = this._createLabel(toOptions);\r\n\t this.append(this.labelTo);\r\n\t }\r\n\t },\r\n\r\n\t _createLabel: function(options) {\r\n\t var labelTemplate = getTemplate(options);\r\n\t var labelText;\r\n\r\n\t if (labelTemplate) {\r\n\t labelText = labelTemplate({\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t value: this.value,\r\n\t percentage: this.percentage,\r\n\t runningTotal: this.runningTotal,\r\n\t total: this.total,\r\n\t series: this.series\r\n\t });\r\n\t } else {\r\n\t labelText = this.formatValue(options.format);\r\n\t }\r\n\r\n\t return new BarLabel(labelText,\r\n\t deepExtend({\r\n\t vertical: this.options.vertical\r\n\t },\r\n\t options\r\n\t ));\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t this.render();\r\n\r\n\t var ref = this;\r\n\t var labelFrom = ref.labelFrom;\r\n\t var labelTo = ref.labelTo;\r\n\t var value = ref.value;\r\n\r\n\t this.box = targetBox;\r\n\r\n\t if (labelFrom) {\r\n\t labelFrom.options.aboveAxis = value.from > value.to;\r\n\t labelFrom.reflow(targetBox);\r\n\t }\r\n\r\n\t if (labelTo) {\r\n\t labelTo.options.aboveAxis = value.to > value.from;\r\n\t labelTo.reflow(targetBox);\r\n\t }\r\n\r\n\t if (this.note) {\r\n\t this.note.reflow(targetBox);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tRangeBar.prototype.defaults = deepExtend({}, RangeBar.prototype.defaults, {\r\n\t labels: {\r\n\t format: \"{0} - {1}\"\r\n\t },\r\n\t tooltip: {\r\n\t format: \"{1}\"\r\n\t }\r\n\t});\r\n\r\n\tvar RangeBarChart = BarChart.extend({\r\n\t pointType: function() {\r\n\t return RangeBar;\r\n\t },\r\n\r\n\t pointValue: function(data) {\r\n\t return data.valueFields;\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t if (point.value.from === null && point.value.to === null) {\r\n\t return \"\";\r\n\t }\r\n\r\n\t return this.chartService.format.auto(format, point.value.from, point.value.to);\r\n\t },\r\n\r\n\t plotRange: function(point) {\r\n\t if (!point) {\r\n\t return 0;\r\n\t }\r\n\r\n\t return [ point.value.from, point.value.to ];\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t var axisName = fields.series.axis;\r\n\t var from = value.from;\r\n\t var to = value.to;\r\n\t var axisRange = this.valueAxisRanges[axisName];\r\n\r\n\t if (value !== null && isNumber(from) && isNumber(to)) {\r\n\t axisRange = this.valueAxisRanges[axisName] = axisRange || { min: MAX_VALUE, max: MIN_VALUE };\r\n\r\n\t axisRange.min = Math.min(axisRange.min, from);\r\n\t axisRange.max = Math.max(axisRange.max, from);\r\n\r\n\t axisRange.min = Math.min(axisRange.min, to);\r\n\t axisRange.max = Math.max(axisRange.max, to);\r\n\t }\r\n\t },\r\n\r\n\t aboveAxis: function(point) {\r\n\t var value = point.value;\r\n\t return value.from < value.to;\r\n\t }\r\n\t});\r\n\r\n\tRangeBarChart.prototype.plotLimits = CategoricalChart.prototype.plotLimits;\r\n\r\n\tvar RangeLinePoint = LinePoint.extend({\r\n\t aliasFor: function() {\r\n\t return this.parent;\r\n\t }\r\n\t});\r\n\r\n\tvar AUTO = 'auto';\r\n\tvar DEFAULT_FROM_FORMAT = '{0}';\r\n\tvar DEFAULT_TO_FORMAT = '{1}';\r\n\r\n\tvar RangeAreaPoint = ChartElement.extend({\r\n\t init: function(value, options) {\r\n\t ChartElement.fn.init.call(this);\r\n\r\n\t this.value = value;\r\n\t this.options = options;\r\n\t this.aboveAxis = valueOrDefault(this.options.aboveAxis, true);\r\n\t this.tooltipTracking = true;\r\n\t this.initLabelsFormat();\r\n\t },\r\n\r\n\t render: function() {\r\n\t if (this._rendered) {\r\n\t return;\r\n\t }\r\n\r\n\t this._rendered = true;\r\n\r\n\t var ref = this.options;\r\n\t var markers = ref.markers;\r\n\t var labels = ref.labels;\r\n\t var value = this.value;\r\n\r\n\t var fromPoint = this.fromPoint = new RangeLinePoint(value, deepExtend({}, this.options, {\r\n\t labels: labels.from,\r\n\t markers: markers.from\r\n\t }));\r\n\r\n\t var toPoint = this.toPoint = new RangeLinePoint(value, deepExtend({}, this.options, {\r\n\t labels: labels.to,\r\n\t markers: markers.to\r\n\t }));\r\n\r\n\t this.copyFields(fromPoint);\r\n\t this.copyFields(toPoint);\r\n\r\n\t this.append(fromPoint);\r\n\t this.append(toPoint);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t this.render();\r\n\r\n\t var fromBox = targetBox.from;\r\n\t var toBox = targetBox.to;\r\n\r\n\t this.positionLabels(fromBox, toBox);\r\n\r\n\t this.fromPoint.reflow(fromBox);\r\n\t this.toPoint.reflow(toBox);\r\n\r\n\t this.box = this.fromPoint.markerBox().clone().wrap(this.toPoint.markerBox());\r\n\t },\r\n\r\n\t createHighlight: function() {\r\n\t var group = new Group();\r\n\t group.append(this.fromPoint.createHighlight());\r\n\t group.append(this.toPoint.createHighlight());\r\n\r\n\t return group;\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this.visual;\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t return {\r\n\t options: this.options,\r\n\t from: this.fromPoint.highlightVisualArgs(),\r\n\t to: this.toPoint.highlightVisualArgs()\r\n\t };\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var clipBox = this.owner.pane.clipBox();\r\n\t var showTooltip = !clipBox || clipBox.overlaps(this.box);\r\n\r\n\t if (showTooltip) {\r\n\t var box = this.box;\r\n\t var center = box.center();\r\n\t var horizontalAlign = LEFT;\r\n\t var x, y, verticalAlign;\r\n\r\n\t if (this.options.vertical) {\r\n\t x = center.x;\r\n\t y = box.y1 - TOOLTIP_OFFSET;\r\n\t verticalAlign = BOTTOM;\r\n\t } else {\r\n\t x = box.x2 + TOOLTIP_OFFSET;\r\n\t y = center.y;\r\n\t verticalAlign = CENTER;\r\n\t }\r\n\r\n\t return {\r\n\t point: new Point(x, y),\r\n\t align: {\r\n\t horizontal: horizontalAlign,\r\n\t vertical: verticalAlign\r\n\t }\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t return this.owner.formatPointValue(this, format);\r\n\t },\r\n\r\n\t overlapsBox: function(box) {\r\n\t return this.box.overlaps(box);\r\n\t },\r\n\r\n\t unclipElements: function() {\r\n\t this.fromPoint.unclipElements();\r\n\t this.toPoint.unclipElements();\r\n\t },\r\n\r\n\t initLabelsFormat: function() {\r\n\t var labels = this.options.labels;\r\n\t if (!labels.format) {\r\n\t if (!labels.from || !labels.from.format) {\r\n\t labels.from = $.extend({}, labels.from, {\r\n\t format: DEFAULT_FROM_FORMAT\r\n\t });\r\n\t }\r\n\r\n\t if (!labels.to || !labels.to.format) {\r\n\t labels.to = $.extend({}, labels.to, {\r\n\t format: DEFAULT_TO_FORMAT\r\n\t });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t positionLabels: function(fromBox, toBox) {\r\n\t var ref = this.options;\r\n\t var labels = ref.labels;\r\n\t var vertical = ref.vertical;\r\n\r\n\t if (labels.position === AUTO) {\r\n\t var fromLabelPosition, toLabelPosition;\r\n\t if (vertical) {\r\n\t if (toBox.y1 <= fromBox.y1) {\r\n\t toLabelPosition = ABOVE;\r\n\t fromLabelPosition = BELOW;\r\n\t } else {\r\n\t toLabelPosition = BELOW;\r\n\t fromLabelPosition = ABOVE;\r\n\t }\r\n\t } else {\r\n\t if (toBox.x1 <= fromBox.x1) {\r\n\t toLabelPosition = LEFT;\r\n\t fromLabelPosition = RIGHT;\r\n\t } else {\r\n\t toLabelPosition = RIGHT;\r\n\t fromLabelPosition = LEFT;\r\n\t }\r\n\t }\r\n\r\n\t if (!labels.from || !labels.from.position) {\r\n\t this.fromPoint.options.labels.position = fromLabelPosition;\r\n\t }\r\n\r\n\t if (!labels.to || !labels.to.position) {\r\n\t this.toPoint.options.labels.position = toLabelPosition;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t copyFields: function(point) {\r\n\t point.dataItem = this.dataItem;\r\n\t point.category = this.category;\r\n\t point.series = this.series;\r\n\t point.color = this.color;\r\n\t point.owner = this.owner;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(RangeAreaPoint.prototype, PointEventsMixin);\r\n\tdeepExtend(RangeAreaPoint.prototype, NoteMixin);\r\n\r\n\tRangeAreaPoint.prototype.defaults = {\r\n\t markers: {\r\n\t visible: false,\r\n\t background: WHITE,\r\n\t size: LINE_MARKER_SIZE,\r\n\t type: CIRCLE,\r\n\t border: {\r\n\t width: 2\r\n\t },\r\n\t opacity: 1\r\n\t },\r\n\t labels: {\r\n\t visible: false,\r\n\t margin: getSpacing(3),\r\n\t padding: getSpacing(4),\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: INITIAL_ANIMATION_DURATION\r\n\t },\r\n\t position: AUTO\r\n\t },\r\n\t notes: {\r\n\t label: {}\r\n\t },\r\n\t highlight: {\r\n\t markers: {\r\n\t border: {\r\n\t color: WHITE,\r\n\t width: 2\r\n\t }\r\n\t },\r\n\t zIndex: datavizConstants.HIGHLIGHT_ZINDEX\r\n\t },\r\n\t tooltip: {\r\n\t format: '{0} - {1}'\r\n\t }\r\n\t};\r\n\r\n\tvar RangeAreaSegment = AreaSegment.extend({\r\n\t createStrokeSegments: function() {\r\n\t return this.segmentsFromPoints(this.toGeometryPoints(this.toPoints()));\r\n\t },\r\n\r\n\t stackSegments: function() {\r\n\t var fromSegments = this.fromSegments;\r\n\t if (!this.fromSegments) {\r\n\t fromSegments = this.fromSegments = this.segmentsFromPoints(this.toGeometryPoints(this.fromPoints().reverse()));\r\n\t }\r\n\r\n\t return fromSegments;\r\n\t },\r\n\r\n\t createStroke: function(style) {\r\n\t var toPath = new Path(style);\r\n\t var fromPath = new Path(style);\r\n\r\n\t toPath.segments.push.apply(toPath.segments, this.strokeSegments());\r\n\t fromPath.segments.push.apply(fromPath.segments, this.stackSegments());\r\n\r\n\t this.visual.append(toPath);\r\n\t this.visual.append(fromPath);\r\n\t },\r\n\r\n\t hasStackSegment: function() {\r\n\t return true;\r\n\t },\r\n\r\n\t fromPoints: function() {\r\n\t return this.linePoints.map(function (point) { return point.fromPoint; });\r\n\t },\r\n\r\n\t toPoints: function() {\r\n\t return this.linePoints.map(function (point) { return point.toPoint; });\r\n\t }\r\n\t});\r\n\r\n\tvar SplineRangeAreaSegment = RangeAreaSegment.extend({\r\n\t createStrokeSegments: function() {\r\n\t return this.createCurveSegments(this.toPoints());\r\n\t },\r\n\r\n\t stackSegments: function() {\r\n\t var fromSegments = this.fromSegments;\r\n\t if (!this.fromSegments) {\r\n\t fromSegments = this.fromSegments = this.createCurveSegments(this.fromPoints().reverse());\r\n\t }\r\n\r\n\t return fromSegments;\r\n\t },\r\n\r\n\t createCurveSegments: function(points) {\r\n\t var curveProcessor = new CurveProcessor();\r\n\r\n\t return curveProcessor.process(this.toGeometryPoints(points));\r\n\t }\r\n\t});\r\n\r\n\tvar StepRangeAreaSegment = RangeAreaSegment.extend({\r\n\t createStrokeSegments: function() {\r\n\t return this.segmentsFromPoints(this.calculateStepPoints(this.toPoints()));\r\n\t },\r\n\r\n\t stackSegments: function() {\r\n\t var fromSegments = this.fromSegments;\r\n\t if (!this.fromSegments) {\r\n\t fromSegments = this.fromSegments = this.segmentsFromPoints(this.calculateStepPoints(this.fromPoints()));\r\n\t fromSegments.reverse();\r\n\t }\r\n\r\n\t return fromSegments;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(StepRangeAreaSegment.prototype, StepLineMixin);\r\n\r\n\tvar RangeAreaChart = CategoricalChart.extend({\r\n\t render: function() {\r\n\t CategoricalChart.fn.render.call(this);\r\n\r\n\t this.renderSegments();\r\n\t },\r\n\r\n\t pointType: function() {\r\n\t return RangeAreaPoint;\r\n\t },\r\n\r\n\t createPoint: function(data, fields) {\r\n\t var categoryIx = fields.categoryIx;\r\n\t var category = fields.category;\r\n\t var series = fields.series;\r\n\t var seriesIx = fields.seriesIx;\r\n\t var value = data.valueFields;\r\n\r\n\t if (!hasValue(value.from) && !hasValue(value.to)) {\r\n\t if (this.seriesMissingValues(series) === ZERO) {\r\n\t value = {\r\n\t from: 0,\r\n\t to: 0\r\n\t };\r\n\t } else {\r\n\t return null;\r\n\t }\r\n\t }\r\n\r\n\t var pointOptions = this.pointOptions(series, seriesIx);\r\n\t pointOptions = this.evalPointOptions(\r\n\t pointOptions, value, category, categoryIx, series, seriesIx\r\n\t );\r\n\r\n\t var color = data.fields.color || series.color;\r\n\t if (isFunction(series.color)) {\r\n\t color = pointOptions.color;\r\n\t }\r\n\r\n\t var point = new RangeAreaPoint(value, pointOptions);\r\n\t point.color = color;\r\n\r\n\t this.append(point);\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = (currentSeries.line || {}).style;\r\n\t var segmentType;\r\n\t if (style === \"smooth\") {\r\n\t segmentType = SplineRangeAreaSegment;\r\n\t } else if (style === \"step\") {\r\n\t segmentType = StepRangeAreaSegment;\r\n\t } else {\r\n\t segmentType = RangeAreaSegment;\r\n\t }\r\n\r\n\t return new segmentType(linePoints, currentSeries, seriesIx);\r\n\t },\r\n\r\n\t plotRange: function(point, startValue) {\r\n\t if (!point) {\r\n\t return [ startValue, startValue ];\r\n\t }\r\n\r\n\t return [ point.value.from, point.value.to ];\r\n\t },\r\n\r\n\t valueSlot: function(valueAxis, plotRange) {\r\n\t var fromSlot = valueAxis.getSlot(plotRange[0], plotRange[0], !this.options.clip);\r\n\t var toSlot = valueAxis.getSlot(plotRange[1], plotRange[1], !this.options.clip);\r\n\t if (fromSlot && toSlot) {\r\n\t return {\r\n\t from: fromSlot,\r\n\t to: toSlot\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t pointSlot: function(categorySlot, valueSlot) {\r\n\t var from = valueSlot.from;\r\n\t var to = valueSlot.to;\r\n\t var fromSlot, toSlot;\r\n\r\n\t if (this.options.invertAxes) {\r\n\t fromSlot = new Box(from.x1, categorySlot.y1, from.x2, categorySlot.y2);\r\n\t toSlot = new Box(to.x1, categorySlot.y1, to.x2, categorySlot.y2);\r\n\t } else {\r\n\t fromSlot = new Box(categorySlot.x1, from.y1, categorySlot.x2, from.y2);\r\n\t toSlot = new Box(categorySlot.x1, to.y1, categorySlot.x2, to.y2);\r\n\t }\r\n\r\n\t return {\r\n\t from: fromSlot,\r\n\t to: toSlot\r\n\t };\r\n\t },\r\n\r\n\t addValue: function(data, fields) {\r\n\t var valueFields = data.valueFields;\r\n\t if (!isNumber(valueFields.from)) {\r\n\t valueFields.from = valueFields.to;\r\n\t }\r\n\r\n\t if (!isNumber(valueFields.to)) {\r\n\t valueFields.to = valueFields.from;\r\n\t }\r\n\r\n\t CategoricalChart.fn.addValue.call(this, data, fields);\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t if (value !== null && isNumber(value.from) && isNumber(value.to)) {\r\n\t var axisName = fields.series.axis;\r\n\t var axisRange = this.valueAxisRanges[axisName] = this.valueAxisRanges[axisName] || { min: MAX_VALUE, max: MIN_VALUE };\r\n\t var from = value.from;\r\n\t var to = value.to;\r\n\r\n\t axisRange.min = Math.min(axisRange.min, from, to);\r\n\t axisRange.max = Math.max(axisRange.max, from, to);\r\n\t }\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t var value = point.value;\r\n\r\n\t return this.chartService.format.auto(format, value.from, value.to);\r\n\t },\r\n\r\n\t animationPoints: function() {\r\n\t var points = this.points;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t var point = points[idx];\r\n\t if (point) {\r\n\t result.push((point.fromPoint || {}).marker);\r\n\t result.push((point.toPoint || {}).marker);\r\n\t }\r\n\t }\r\n\r\n\t return result.concat(this._segments);\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(RangeAreaChart.prototype, LineChartMixin, ClipAnimationMixin);\r\n\r\n\tvar OHLCPoint = Candlestick.extend({\r\n\t reflow: function(box) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var value = ref.value;\r\n\t var chart = ref.owner;\r\n\t var valueAxis = chart.seriesValueAxis(options);\r\n\t var oPoints = [];\r\n\t var cPoints = [];\r\n\t var lhPoints = [];\r\n\r\n\t var lhSlot = valueAxis.getSlot(value.low, value.high);\r\n\t var oSlot = valueAxis.getSlot(value.open, value.open);\r\n\t var cSlot = valueAxis.getSlot(value.close, value.close);\r\n\r\n\t oSlot.x1 = cSlot.x1 = lhSlot.x1 = box.x1;\r\n\t oSlot.x2 = cSlot.x2 = lhSlot.x2 = box.x2;\r\n\r\n\t var mid = lhSlot.center().x;\r\n\r\n\t oPoints.push([ oSlot.x1, oSlot.y1 ]);\r\n\t oPoints.push([ mid, oSlot.y1 ]);\r\n\t cPoints.push([ mid, cSlot.y1 ]);\r\n\t cPoints.push([ cSlot.x2, cSlot.y1 ]);\r\n\t lhPoints.push([ mid, lhSlot.y1 ]);\r\n\t lhPoints.push([ mid, lhSlot.y2 ]);\r\n\r\n\t this.lines = [\r\n\t oPoints, cPoints, lhPoints\r\n\t ];\r\n\r\n\t this.box = lhSlot.clone().wrap(oSlot.clone().wrap(cSlot));\r\n\r\n\t this.reflowNote();\r\n\t },\r\n\r\n\t createBody: function() {}\r\n\t});\r\n\r\n\tvar OHLCChart = CandlestickChart.extend({\r\n\t pointType: function() {\r\n\t return OHLCPoint;\r\n\t }\r\n\t});\r\n\r\n\tvar WaterfallSegment = ChartElement.extend({\r\n\t init: function(from, to, series) {\r\n\t ChartElement.fn.init.call(this);\r\n\r\n\t this.from = from;\r\n\t this.to = to;\r\n\t this.series = series;\r\n\t },\r\n\r\n\t linePoints: function() {\r\n\t var from = this.from;\r\n\t var ref = this;\r\n\t var fromBox = ref.from.box;\r\n\t var toBox = ref.to.box;\r\n\t var points = [];\r\n\r\n\t if (from.isVertical) {\r\n\t var y = from.aboveAxis ? fromBox.y1 : fromBox.y2;\r\n\t points.push(\r\n\t [ fromBox.x1, y ],\r\n\t [ toBox.x2, y ]\r\n\t );\r\n\t } else {\r\n\t var x = from.aboveAxis ? fromBox.x2 : fromBox.x1;\r\n\t points.push(\r\n\t [ x, fromBox.y1 ],\r\n\t [ x, toBox.y2 ]\r\n\t );\r\n\t }\r\n\r\n\t return points;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var line = this.series.line || {};\r\n\r\n\t var path = Path.fromPoints(this.linePoints(), {\r\n\t stroke: {\r\n\t color: line.color,\r\n\t width: line.width,\r\n\t opacity: line.opacity,\r\n\t dashType: line.dashType\r\n\t }\r\n\t });\r\n\r\n\t alignPathToPixel(path);\r\n\t this.visual.append(path);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(WaterfallSegment, {\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: INITIAL_ANIMATION_DURATION\r\n\t }\r\n\t});\r\n\r\n\tvar WaterfallChart = BarChart.extend({\r\n\t render: function() {\r\n\t BarChart.fn.render.call(this);\r\n\t this.createSegments();\r\n\t },\r\n\r\n\t traverseDataPoints: function(callback) {\r\n\t var series = this.options.series;\r\n\t var categories = this.categoryAxis.options.categories || [];\r\n\t var totalCategories = categoriesCount(series);\r\n\t var isVertical = !this.options.invertAxes;\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var total = 0;\r\n\t var runningTotal = 0;\r\n\r\n\t for (var categoryIx = 0; categoryIx < totalCategories; categoryIx++) {\r\n\t var data = SeriesBinder.current.bindPoint(currentSeries, categoryIx);\r\n\t var value = data.valueFields.value;\r\n\t var summary = data.fields.summary;\r\n\t var from = total;\r\n\t var to = (void 0);\r\n\r\n\t if (summary) {\r\n\t if (summary.toLowerCase() === \"total\") {\r\n\t data.valueFields.value = total;\r\n\t from = 0;\r\n\t to = total;\r\n\t } else {\r\n\t data.valueFields.value = runningTotal;\r\n\t to = from - runningTotal;\r\n\t runningTotal = 0;\r\n\t }\r\n\t } else if (isNumber(value)) {\r\n\t runningTotal += value;\r\n\t total += value;\r\n\t to = total;\r\n\t }\r\n\r\n\t callback(data, {\r\n\t category: categories[categoryIx],\r\n\t categoryIx: categoryIx,\r\n\t series: currentSeries,\r\n\t seriesIx: seriesIx,\r\n\t total: total,\r\n\t runningTotal: runningTotal,\r\n\t from: from,\r\n\t to: to,\r\n\t isVertical: isVertical\r\n\t });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t updateRange: function(value, fields) {\r\n\t BarChart.fn.updateRange.call(this, { value: fields.to }, fields);\r\n\t },\r\n\r\n\t aboveAxis: function(point) {\r\n\t return point.value >= 0;\r\n\t },\r\n\r\n\t plotRange: function(point) {\r\n\t return [ point.from, point.to ];\r\n\t },\r\n\r\n\t createSegments: function() {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.options.series;\r\n\t var seriesPoints = this.seriesPoints;\r\n\t var segments = this.segments = [];\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var points = seriesPoints[seriesIx];\r\n\r\n\t if (points) {\r\n\t var prevPoint = (void 0);\r\n\t for (var pointIx = 0; pointIx < points.length; pointIx++) {\r\n\t var point = points[pointIx];\r\n\r\n\t if (point && prevPoint) {\r\n\t var segment = new WaterfallSegment(prevPoint, point, currentSeries);\r\n\t segments.push(segment);\r\n\t this$1.append(segment);\r\n\t }\r\n\r\n\t prevPoint = point;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction appendIfNotNull(array, element) {\r\n\t if (element !== null) {\r\n\t array.push(element);\r\n\t }\r\n\t}\r\n\r\n\tvar AREA_SERIES = [ AREA, VERTICAL_AREA, RANGE_AREA, VERTICAL_RANGE_AREA ];\r\n\tvar OUT_OF_RANGE_SERIES = [ LINE, VERTICAL_LINE ].concat(AREA_SERIES);\r\n\r\n\tvar CategoricalPlotArea = PlotAreaBase.extend({\r\n\t initFields: function(series) {\r\n\t var this$1 = this;\r\n\r\n\t this.namedCategoryAxes = {};\r\n\t this.namedValueAxes = {};\r\n\t this.valueAxisRangeTracker = new AxisGroupRangeTracker();\r\n\r\n\t if (series.length > 0) {\r\n\t this.invertAxes = inArray(\r\n\t series[0].type, [ BAR, BULLET, VERTICAL_LINE, VERTICAL_AREA, VERTICAL_RANGE_AREA,\r\n\t RANGE_BAR, HORIZONTAL_WATERFALL, VERTICAL_BOX_PLOT ]\r\n\t );\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var stack = series[i].stack;\r\n\t if (stack && stack.type === \"100%\") {\r\n\t this$1.stack100 = true;\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t },\r\n\r\n\t render: function(panes) {\r\n\t if (panes === void 0) { panes = this.panes; }\r\n\r\n\t this.createCategoryAxes(panes);\r\n\t this.aggregateCategories(panes);\r\n\t this.createCategoryAxesLabels(panes);\r\n\t this.createCharts(panes);\r\n\t this.createValueAxes(panes);\r\n\t },\r\n\r\n\t removeAxis: function(axis) {\r\n\t var axisName = axis.options.name;\r\n\r\n\t PlotAreaBase.fn.removeAxis.call(this, axis);\r\n\r\n\t if (axis instanceof CategoryAxis) {\r\n\t delete this.namedCategoryAxes[axisName];\r\n\t } else {\r\n\t this.valueAxisRangeTracker.reset(axisName);\r\n\t delete this.namedValueAxes[axisName];\r\n\t }\r\n\r\n\t if (axis === this.categoryAxis) {\r\n\t delete this.categoryAxis;\r\n\t }\r\n\r\n\t if (axis === this.valueAxis) {\r\n\t delete this.valueAxis;\r\n\t }\r\n\t },\r\n\r\n\t createCharts: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var seriesByPane = this.groupSeriesByPane();\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var pane = panes[i];\r\n\t var paneSeries = seriesByPane[pane.options.name || \"default\"] || [];\r\n\t this$1.addToLegend(paneSeries);\r\n\r\n\t var visibleSeries = this$1.filterVisibleSeries(paneSeries);\r\n\t if (!visibleSeries) {\r\n\t continue;\r\n\t }\r\n\r\n\t var groups = this$1.groupSeriesByCategoryAxis(visibleSeries);\r\n\t for (var groupIx = 0; groupIx < groups.length; groupIx++) {\r\n\t this$1.createChartGroup(groups[groupIx], pane);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createChartGroup: function(series, pane) {\r\n\t this.createAreaChart(\r\n\t filterSeriesByType(series, [ AREA, VERTICAL_AREA ]), pane\r\n\t );\r\n\r\n\t this.createRangeAreaChart(\r\n\t filterSeriesByType(series, [ RANGE_AREA, VERTICAL_RANGE_AREA ]), pane\r\n\t );\r\n\r\n\t this.createBarChart(\r\n\t filterSeriesByType(series, [ COLUMN, BAR ]), pane\r\n\t );\r\n\r\n\t this.createRangeBarChart(\r\n\t filterSeriesByType(series, [ RANGE_COLUMN, RANGE_BAR ]), pane\r\n\t );\r\n\r\n\t this.createBulletChart(\r\n\t filterSeriesByType(series, [ BULLET, VERTICAL_BULLET ]), pane\r\n\t );\r\n\r\n\t this.createCandlestickChart(\r\n\t filterSeriesByType(series, CANDLESTICK), pane\r\n\t );\r\n\r\n\t this.createBoxPlotChart(\r\n\t filterSeriesByType(series, [ BOX_PLOT, VERTICAL_BOX_PLOT ]), pane\r\n\t );\r\n\r\n\t this.createOHLCChart(\r\n\t filterSeriesByType(series, OHLC), pane\r\n\t );\r\n\r\n\t this.createWaterfallChart(\r\n\t filterSeriesByType(series, [ WATERFALL, HORIZONTAL_WATERFALL ]), pane\r\n\t );\r\n\r\n\t this.createLineChart(\r\n\t filterSeriesByType(series, [ LINE, VERTICAL_LINE ]), pane\r\n\t );\r\n\t },\r\n\r\n\t aggregateCategories: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.srcSeries || this.series;\r\n\t var processedSeries = [];\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t var categoryAxis = this$1.seriesCategoryAxis(currentSeries);\r\n\t var axisPane = this$1.findPane(categoryAxis.options.pane);\r\n\t var dateAxis = equalsIgnoreCase(categoryAxis.options.type, DATE);\r\n\r\n\t if ((dateAxis || currentSeries.categoryField) && inArray(axisPane, panes)) {\r\n\t currentSeries = this$1.aggregateSeries(currentSeries, categoryAxis);\r\n\t } else if (isNumber(categoryAxis.options.min) || isNumber(categoryAxis.options.max)) {\r\n\t currentSeries = this$1.filterSeries(currentSeries, categoryAxis);\r\n\t }\r\n\r\n\t processedSeries.push(currentSeries);\r\n\t }\r\n\r\n\t this.srcSeries = series;\r\n\t this.series = processedSeries;\r\n\t },\r\n\r\n\t filterSeries: function(series, categoryAxis) {\r\n\t var range = categoryAxis.totalRangeIndices();\r\n\t var justified = categoryAxis.options.justified;\r\n\t var outOfRangePoints = inArray(series.type, OUT_OF_RANGE_SERIES);\r\n\r\n\t range.min = isNumber(categoryAxis.options.min) ? Math.floor(range.min) : 0;\r\n\t if (isNumber(categoryAxis.options.max)) {\r\n\t range.max = justified ? Math.floor(range.max) + 1 : Math.ceil(range.max);\r\n\t } else {\r\n\t range.max = series.data.length;\r\n\t }\r\n\r\n\t var currentSeries = deepExtend({}, series);\r\n\r\n\t if (outOfRangePoints) {\r\n\t var minCategory = range.min - 1;\r\n\t var srcCategories = categoryAxis.options.srcCategories || [];\r\n\t if (minCategory >= 0 && minCategory < currentSeries.data.length) {\r\n\t currentSeries._outOfRangeMinPoint = {\r\n\t item: currentSeries.data[minCategory],\r\n\t category: srcCategories[minCategory],\r\n\t categoryIx: -1\r\n\t };\r\n\t }\r\n\r\n\t if (range.max < currentSeries.data.length) {\r\n\t currentSeries._outOfRangeMaxPoint = {\r\n\t item: currentSeries.data[range.max],\r\n\t category: srcCategories[range.max],\r\n\t categoryIx: range.max - range.min\r\n\t };\r\n\t }\r\n\t }\r\n\r\n\t categoryAxis._seriesMax = Math.max(categoryAxis._seriesMax || 0, currentSeries.data.length);\r\n\r\n\t currentSeries.data = (currentSeries.data || []).slice(range.min, range.max);\r\n\r\n\t return currentSeries;\r\n\t },\r\n\r\n\t aggregateSeries: function(series, categoryAxis) {\r\n\t var this$1 = this;\r\n\r\n\t var outOfRangePoints = inArray(series.type, OUT_OF_RANGE_SERIES);\r\n\t var ref = categoryAxis.options;\r\n\t var categories = ref.categories;\r\n\t var srcCategories = ref.srcCategories; if (srcCategories === void 0) { srcCategories = categories; }\r\n\t var dataItems = ref.dataItems; if (dataItems === void 0) { dataItems = []; }\r\n\t var dateAxis = equalsIgnoreCase(categoryAxis.options.type, DATE);\r\n\t var aggregatorSeries = deepExtend({}, series);\r\n\t var result = deepExtend({}, series);\r\n\t var srcData = series.data;\r\n\t var srcPoints = [];\r\n\t var outOfRangeMinIdx = MIN_VALUE;\r\n\t var outOfRangeMaxIdx = MAX_VALUE;\r\n\t var getFn = getField;\r\n\t var outOfRangeMinCategory, outOfRangeMaxCategory;\r\n\r\n\t if (dateAxis) {\r\n\t getFn = getDateField;\r\n\t }\r\n\r\n\t for (var i = 0; i < srcData.length; i++) {\r\n\t var category = (void 0);\r\n\t if (series.categoryField) {\r\n\t category = getFn(series.categoryField, srcData[i], this$1.chartService.intl);\r\n\t } else {\r\n\t category = srcCategories[i];\r\n\t }\r\n\r\n\t if (defined(category)) {\r\n\t var categoryIx = categoryAxis.categoryIndex(category);\r\n\t if (0 <= categoryIx && categoryIx < categories.length) {\r\n\t srcPoints[categoryIx] = srcPoints[categoryIx] || [];\r\n\t srcPoints[categoryIx].push(i);\r\n\t } else if (outOfRangePoints) {\r\n\t if (categoryIx < 0) {\r\n\t if (categoryIx === outOfRangeMinIdx) {\r\n\t outOfRangeMinCategory.points.push(i);\r\n\t } else if (categoryIx > outOfRangeMinIdx) {\r\n\t outOfRangeMinIdx = categoryIx;\r\n\t outOfRangeMinCategory = {\r\n\t category: category,\r\n\t points: [ i ]\r\n\t };\r\n\t }\r\n\t } else if (categoryIx >= categories.length) {\r\n\t if (categoryIx === outOfRangeMaxIdx) {\r\n\t outOfRangeMaxCategory.points.push(i);\r\n\t } else if (categoryIx < outOfRangeMaxIdx) {\r\n\t outOfRangeMaxIdx = categoryIx;\r\n\t outOfRangeMaxCategory = {\r\n\t category: category,\r\n\t points: [ i ]\r\n\t };\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t var aggregator = new SeriesAggregator(aggregatorSeries, SeriesBinder.current, DefaultAggregates.current);\r\n\t var data = result.data = [];\r\n\t for (var i$1 = 0; i$1 < categories.length; i$1++) {\r\n\t data[i$1] = aggregator.aggregatePoints(\r\n\t srcPoints[i$1], categories[i$1]\r\n\t );\r\n\t if (srcPoints[i$1]) {\r\n\t dataItems[i$1] = data[i$1];\r\n\t }\r\n\t }\r\n\r\n\t if (outOfRangeMinCategory && data.length) {\r\n\t result._outOfRangeMinPoint = {\r\n\t item: aggregator.aggregatePoints(\r\n\t outOfRangeMinCategory.points, outOfRangeMinCategory.category\r\n\t ),\r\n\t categoryIx: outOfRangeMinIdx,\r\n\t category: outOfRangeMinCategory.category\r\n\t };\r\n\t }\r\n\r\n\t if (outOfRangeMaxCategory && data.length) {\r\n\t result._outOfRangeMaxPoint = {\r\n\t item: aggregator.aggregatePoints(\r\n\t outOfRangeMaxCategory.points, outOfRangeMaxCategory.category\r\n\t ),\r\n\t categoryIx: outOfRangeMaxIdx,\r\n\t category: outOfRangeMaxCategory.category\r\n\t };\r\n\t }\r\n\t categoryAxis.options.dataItems = dataItems;\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t var series = chart.options.series;\r\n\t var categoryAxis = this.seriesCategoryAxis(series[0]);\r\n\t var categories = categoryAxis.options.categories;\r\n\t var categoriesToAdd = Math.max(0, categoriesCount(series) - categories.length);\r\n\r\n\t while (categoriesToAdd--) {\r\n\t categories.push(\"\");\r\n\t }\r\n\r\n\t this.valueAxisRangeTracker.update(chart.valueAxisRanges);\r\n\r\n\t PlotAreaBase.fn.appendChart.call(this, chart, pane);\r\n\t },\r\n\r\n\t seriesPaneName: function(series) {\r\n\t var options = this.options;\r\n\t var axisName = series.axis;\r\n\t var axisOptions = [].concat(options.valueAxis);\r\n\t var axis = grep(axisOptions, function(a) { return a.name === axisName; })[0];\r\n\t var panes = options.panes || [ {} ];\r\n\t var defaultPaneName = (panes[0] || {}).name || \"default\";\r\n\t var paneName = (axis || {}).pane || defaultPaneName;\r\n\r\n\t return paneName;\r\n\t },\r\n\r\n\t seriesCategoryAxis: function(series) {\r\n\t var axisName = series.categoryAxis;\r\n\t var axis = axisName ? this.namedCategoryAxes[axisName] : this.categoryAxis;\r\n\r\n\t if (!axis) {\r\n\t throw new Error(\"Unable to locate category axis with name \" + axisName);\r\n\t }\r\n\r\n\t return axis;\r\n\t },\r\n\r\n\t stackableChartOptions: function(firstSeries, pane) {\r\n\t var stack = firstSeries.stack;\r\n\t var isStacked100 = stack && stack.type === \"100%\";\r\n\t var clip = pane.options.clip;\r\n\r\n\t return {\r\n\t isStacked: stack,\r\n\t isStacked100: isStacked100,\r\n\t clip: clip\r\n\t };\r\n\t },\r\n\r\n\t groupSeriesByCategoryAxis: function(series) {\r\n\t var categoryAxes = [];\r\n\t var unique = {};\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t var name = series[idx].categoryAxis || \"$$default$$\";\r\n\t if (!unique.hasOwnProperty(name)) {\r\n\t unique[name] = true;\r\n\t categoryAxes.push(name);\r\n\t }\r\n\t }\r\n\r\n\t var groups = [];\r\n\t for (var axisIx = 0; axisIx < categoryAxes.length; axisIx++) {\r\n\t var axis = categoryAxes[axisIx];\r\n\t var axisSeries = groupSeries(series, axis, axisIx);\r\n\t if (axisSeries.length === 0) {\r\n\t continue;\r\n\t }\r\n\r\n\t groups.push(axisSeries);\r\n\t }\r\n\r\n\t return groups;\r\n\t },\r\n\r\n\t createBarChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var barChart = new BarChart(this, $.extend({\r\n\t series: series,\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t spacing: firstSeries.spacing\r\n\t }, this.stackableChartOptions(firstSeries, pane)));\r\n\r\n\t this.appendChart(barChart, pane);\r\n\t },\r\n\r\n\t createRangeBarChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var rangeColumnChart = new RangeBarChart(this, {\r\n\t series: series,\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t spacing: firstSeries.spacing\r\n\t });\r\n\r\n\t this.appendChart(rangeColumnChart, pane);\r\n\t },\r\n\r\n\t createBulletChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var bulletChart = new BulletChart(this, {\r\n\t series: series,\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t spacing: firstSeries.spacing,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(bulletChart, pane);\r\n\t },\r\n\r\n\t createLineChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var lineChart = new LineChart(this, $.extend({\r\n\t invertAxes: this.invertAxes,\r\n\t series: series\r\n\t }, this.stackableChartOptions(firstSeries, pane)));\r\n\r\n\t this.appendChart(lineChart, pane);\r\n\t },\r\n\r\n\t createAreaChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var areaChart = new AreaChart(this, $.extend({\r\n\t invertAxes: this.invertAxes,\r\n\t series: series\r\n\t }, this.stackableChartOptions(firstSeries, pane)));\r\n\r\n\t this.appendChart(areaChart, pane);\r\n\t },\r\n\r\n\t createRangeAreaChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var rangeAreaChart = new RangeAreaChart(this, {\r\n\t invertAxes: this.invertAxes,\r\n\t series: series,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(rangeAreaChart, pane);\r\n\t },\r\n\r\n\t createOHLCChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var chart = new OHLCChart(this, {\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t series: series,\r\n\t spacing: firstSeries.spacing,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(chart, pane);\r\n\t },\r\n\r\n\t createCandlestickChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var chart = new CandlestickChart(this, {\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t series: series,\r\n\t spacing: firstSeries.spacing,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(chart, pane);\r\n\t },\r\n\r\n\t createBoxPlotChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var chart = new BoxPlotChart(this, {\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t series: series,\r\n\t spacing: firstSeries.spacing,\r\n\t clip: pane.options.clip\r\n\t });\r\n\r\n\t this.appendChart(chart, pane);\r\n\t },\r\n\r\n\t createWaterfallChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var waterfallChart = new WaterfallChart(this, {\r\n\t series: series,\r\n\t invertAxes: this.invertAxes,\r\n\t gap: firstSeries.gap,\r\n\t spacing: firstSeries.spacing\r\n\t });\r\n\r\n\t this.appendChart(waterfallChart, pane);\r\n\t },\r\n\r\n\t axisRequiresRounding: function(categoryAxisName, categoryAxisIndex) {\r\n\t var this$1 = this;\r\n\r\n\t var centeredSeries = filterSeriesByType(this.series, EQUALLY_SPACED_SERIES);\r\n\r\n\t for (var seriesIx = 0; seriesIx < this.series.length; seriesIx++) {\r\n\t var currentSeries = this$1.series[seriesIx];\r\n\t if (inArray(currentSeries.type, AREA_SERIES)) {\r\n\t var line = currentSeries.line;\r\n\t if (line && line.style === STEP) {\r\n\t centeredSeries.push(currentSeries);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t for (var seriesIx$1 = 0; seriesIx$1 < centeredSeries.length; seriesIx$1++) {\r\n\t var seriesAxis = centeredSeries[seriesIx$1].categoryAxis || \"\";\r\n\t if (seriesAxis === categoryAxisName || (!seriesAxis && categoryAxisIndex === 0)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t aggregatedAxis: function(categoryAxisName, categoryAxisIndex) {\r\n\t var series = this.series;\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var seriesAxis = series[seriesIx].categoryAxis || \"\";\r\n\t if ((seriesAxis === categoryAxisName || (!seriesAxis && categoryAxisIndex === 0)) && series[seriesIx].categoryField) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createCategoryAxesLabels: function() {\r\n\t var axes = this.axes;\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t if (axes[i] instanceof CategoryAxis) {\r\n\t axes[i].createLabels();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createCategoryAxes: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var invertAxes = this.invertAxes;\r\n\t var definitions = [].concat(this.options.categoryAxis);\r\n\t var axes = [];\r\n\r\n\t for (var i = 0; i < definitions.length; i++) {\r\n\t var axisOptions = definitions[i];\r\n\t var axisPane = this$1.findPane(axisOptions.pane);\r\n\r\n\t if (inArray(axisPane, panes)) {\r\n\t var name = axisOptions.name;\r\n\t var categories = axisOptions.categories; if (categories === void 0) { categories = []; }\r\n\t axisOptions = deepExtend({\r\n\t vertical: invertAxes,\r\n\t reverse: !invertAxes && this$1.chartService.rtl,\r\n\t axisCrossingValue: invertAxes ? MAX_VALUE : 0\r\n\t }, axisOptions);\r\n\r\n\t if (!defined(axisOptions.justified)) {\r\n\t axisOptions.justified = this$1.isJustified();\r\n\t }\r\n\r\n\t if (this$1.axisRequiresRounding(name, i)) {\r\n\t axisOptions.justified = false;\r\n\t }\r\n\r\n\t var categoryAxis = (void 0);\r\n\r\n\t if (isDateAxis(axisOptions, categories[0])) {\r\n\t categoryAxis = new DateCategoryAxis(axisOptions, this$1.chartService);\r\n\t } else {\r\n\t categoryAxis = new CategoryAxis(axisOptions, this$1.chartService);\r\n\t }\r\n\r\n\t if (name) {\r\n\t if (this$1.namedCategoryAxes[name]) {\r\n\t throw new Error((\"Category axis with name \" + name + \" is already defined\"));\r\n\t }\r\n\t this$1.namedCategoryAxes[name] = categoryAxis;\r\n\t }\r\n\r\n\t categoryAxis.axisIndex = i;\r\n\t axes.push(categoryAxis);\r\n\t this$1.appendAxis(categoryAxis);\r\n\t }\r\n\t }\r\n\r\n\t var primaryAxis = this.categoryAxis || axes[0];\r\n\t this.categoryAxis = primaryAxis;\r\n\r\n\t if (invertAxes) {\r\n\t this.axisY = primaryAxis;\r\n\t } else {\r\n\t this.axisX = primaryAxis;\r\n\t }\r\n\t },\r\n\r\n\t isJustified: function() {\r\n\t var series = this.series;\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t if (!inArray(currentSeries.type, AREA_SERIES)) {\r\n\t return false;\r\n\t }\r\n\t }\r\n\r\n\t return true;\r\n\t },\r\n\r\n\t createValueAxes: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var tracker = this.valueAxisRangeTracker;\r\n\t var defaultRange = tracker.query();\r\n\t var definitions = [].concat(this.options.valueAxis);\r\n\t var invertAxes = this.invertAxes;\r\n\t var baseOptions = { vertical: !invertAxes, reverse: invertAxes && this.chartService.rtl };\r\n\t var axes = [];\r\n\r\n\t if (this.stack100) {\r\n\t baseOptions.roundToMajorUnit = false;\r\n\t baseOptions.labels = { format: \"P0\" };\r\n\t }\r\n\r\n\t for (var i = 0; i < definitions.length; i++) {\r\n\t var axisOptions = definitions[i];\r\n\t var axisPane = this$1.findPane(axisOptions.pane);\r\n\r\n\t if (inArray(axisPane, panes)) {\r\n\t var name = axisOptions.name;\r\n\t var defaultAxisRange = equalsIgnoreCase(axisOptions.type, LOGARITHMIC) ? { min: 0.1, max: 1 } : { min: 0, max: 1 };\r\n\t var range = tracker.query(name) || defaultRange || defaultAxisRange;\r\n\r\n\t if (i === 0 && range && defaultRange) {\r\n\t range.min = Math.min(range.min, defaultRange.min);\r\n\t range.max = Math.max(range.max, defaultRange.max);\r\n\t }\r\n\r\n\t var axisType = (void 0);\r\n\t if (equalsIgnoreCase(axisOptions.type, LOGARITHMIC)) {\r\n\t axisType = dataviz.LogarithmicAxis;\r\n\t } else {\r\n\t axisType = dataviz.NumericAxis;\r\n\t }\r\n\r\n\t var valueAxis = new axisType(range.min, range.max,\r\n\t deepExtend({}, baseOptions, axisOptions),\r\n\t this$1.chartService\r\n\t );\r\n\r\n\t if (name) {\r\n\t if (this$1.namedValueAxes[name]) {\r\n\t throw new Error((\"Value axis with name \" + name + \" is already defined\"));\r\n\t }\r\n\t this$1.namedValueAxes[name] = valueAxis;\r\n\t }\r\n\t valueAxis.axisIndex = i;\r\n\r\n\t axes.push(valueAxis);\r\n\t this$1.appendAxis(valueAxis);\r\n\t }\r\n\t }\r\n\r\n\t var primaryAxis = this.valueAxis || axes[0];\r\n\t this.valueAxis = primaryAxis;\r\n\r\n\t if (invertAxes) {\r\n\t this.axisX = primaryAxis;\r\n\t } else {\r\n\t this.axisY = primaryAxis;\r\n\t }\r\n\t },\r\n\r\n\t _dispatchEvent: function(chart, e, eventType) {\r\n\t var coords = chart._eventCoordinates(e);\r\n\t var point = new Point(coords.x, coords.y);\r\n\t var pane = this.pointPane(point);\r\n\t var categories = [];\r\n\t var values = [];\r\n\r\n\t if (!pane) {\r\n\t return;\r\n\t }\r\n\r\n\t var allAxes = pane.axes;\r\n\t for (var i = 0; i < allAxes.length; i++) {\r\n\t var axis = allAxes[i];\r\n\t if (axis.getValue) {\r\n\t appendIfNotNull(values, axis.getValue(point));\r\n\t } else {\r\n\t appendIfNotNull(categories, axis.getCategory(point));\r\n\t }\r\n\t }\r\n\r\n\t if (categories.length === 0) {\r\n\t appendIfNotNull(categories, this.categoryAxis.getCategory(point));\r\n\t }\r\n\r\n\t if (categories.length > 0 && values.length > 0) {\r\n\t chart.trigger(eventType, {\r\n\t element: eventElement(e),\r\n\t originalEvent: e,\r\n\t category: singleItemOrArray(categories),\r\n\t value: singleItemOrArray(values)\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t pointPane: function(point) {\r\n\t var panes = this.panes;\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var currentPane = panes[i];\r\n\t if (currentPane.contentBox.containsPoint(point)) {\r\n\t return currentPane;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t updateAxisOptions: function(axis, options) {\r\n\t updateAxisOptions(this.options, axis, options);\r\n\t updateAxisOptions(this.originalOptions, axis, options);\r\n\t }\r\n\t});\r\n\r\n\tfunction updateAxisOptions(targetOptions, axis, options) {\r\n\t var axesOptions = axis instanceof CategoryAxis ? [].concat(targetOptions.categoryAxis) : [].concat(targetOptions.valueAxis);\r\n\t deepExtend(axesOptions[axis.axisIndex], options);\r\n\t}\r\n\r\n\tfunction groupSeries(series, axis, axisIx) {\r\n\t return grep(series, function(s) {\r\n\t return (axisIx === 0 && !s.categoryAxis) || (s.categoryAxis === axis);\r\n\t });\r\n\t}\r\n\r\n\tsetDefaultOptions(CategoricalPlotArea, {\r\n\t categoryAxis: {\r\n\t categories: []\r\n\t },\r\n\t valueAxis: {}\r\n\t});\r\n\r\n\tdeepExtend(CategoricalPlotArea.prototype, PlotAreaEventsMixin);\r\n\r\n\tvar Highlight = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._points = [];\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this._points = [];\r\n\t },\r\n\r\n\t show: function(points) {\r\n\t var this$1 = this;\r\n\r\n\t var arrayPoints = [].concat(points);\r\n\t this.hide();\r\n\r\n\t for (var i = 0; i < arrayPoints.length; i++) {\r\n\t var point = arrayPoints[i];\r\n\t if (point && point.toggleHighlight && point.hasHighlight()) {\r\n\t this$1.togglePointHighlight(point, true);\r\n\t this$1._points.push(point);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t togglePointHighlight: function(point, show) {\r\n\t var toggleHandler = (point.options.highlight || {}).toggle;\r\n\t if (toggleHandler) {\r\n\t var eventArgs = {\r\n\t category: point.category,\r\n\t series: point.series,\r\n\t dataItem: point.dataItem,\r\n\t value: point.value,\r\n\t stackValue: point.stackValue,\r\n\t preventDefault: preventDefault,\r\n\t visual: point.highlightVisual(),\r\n\t show: show\r\n\t };\r\n\t toggleHandler(eventArgs);\r\n\t if (!eventArgs._defaultPrevented) {\r\n\t point.toggleHighlight(show);\r\n\t }\r\n\t } else {\r\n\t point.toggleHighlight(show);\r\n\t }\r\n\t },\r\n\r\n\t hide: function() {\r\n\t var this$1 = this;\r\n\r\n\t var points = this._points;\r\n\t while (points.length) {\r\n\t this$1.togglePointHighlight(points.pop(), false);\r\n\t }\r\n\t },\r\n\r\n\t isHighlighted: function(element) {\r\n\t var points = this._points;\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var point = points[i];\r\n\t if (element === point) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\r\n\t return false;\r\n\t }\r\n\t});\r\n\r\n\tfunction preventDefault() {\r\n\t this._defaultPrevented = true;\r\n\t}\r\n\r\n\tfunction acceptKey(e, mouseKey) {\r\n\t var key = (mouseKey || \"\").toLowerCase();\r\n\t var event = e.event;\r\n\t var accept = (key === \"none\" && !(event.ctrlKey || event.shiftKey || event.altKey)) || event[key + \"Key\"];\r\n\r\n\t return accept;\r\n\t}\r\n\r\n\tfunction toChartAxisRanges(axisRanges) {\r\n\t var ranges = {};\r\n\t for (var idx = 0; idx < axisRanges.length; idx++) {\r\n\t var axisRange = axisRanges[idx];\r\n\t if (axisRange.axis.options.name) {\r\n\t ranges[axisRange.axis.options.name] = {\r\n\t min: axisRange.range.min,\r\n\t max: axisRange.range.max\r\n\t };\r\n\t }\r\n\t }\r\n\t return ranges;\r\n\t}\r\n\r\n\tvar Pannable = Class.extend({\r\n\t init: function(plotArea, options) {\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t start: function(e) {\r\n\t this._active = acceptKey(e, this.options.key);\r\n\t return this._active;\r\n\t },\r\n\r\n\t move: function(e) {\r\n\t if (this._active) {\r\n\t var axisRanges = this.axisRanges = this._panAxes(e, X).concat(this._panAxes(e, Y));\r\n\t if (axisRanges.length) {\r\n\t this.axisRanges = axisRanges;\r\n\t return toChartAxisRanges(axisRanges);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t end: function() {\r\n\t var active = this._active;\r\n\t this._active = false;\r\n\r\n\t return active;\r\n\t },\r\n\r\n\t pan: function() {\r\n\t var ref = this;\r\n\t var plotArea = ref.plotArea;\r\n\t var axisRanges = ref.axisRanges;\r\n\t if (axisRanges.length) {\r\n\t for (var idx = 0; idx < axisRanges.length; idx++) {\r\n\t var range = axisRanges[idx];\r\n\t plotArea.updateAxisOptions(range.axis, range.range);\r\n\t }\r\n\t plotArea.redraw(plotArea.panes);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t delete this.plotArea;\r\n\t },\r\n\r\n\t _panAxes: function(e, position) {\r\n\t var plotArea = this.plotArea;\r\n\t var delta = -e[position].delta;\r\n\t var lock = (this.options.lock || \"\").toLowerCase();\r\n\t var updatedAxes = [];\r\n\r\n\t if (delta !== 0 && (lock || \"\").toLowerCase() !== position) {\r\n\t var axes = plotArea.axes;\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t var axis = axes[idx];\r\n\r\n\t if (position === X && !axis.options.vertical || position === Y && axis.options.vertical) {\r\n\t var range = axis.pan(delta);\r\n\r\n\t if (range) {\r\n\t range.limitRange = true;\r\n\t updatedAxes.push({\r\n\t axis: axis,\r\n\t range: range\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return updatedAxes;\r\n\t }\r\n\t});\r\n\r\n\tPannable.prototype.options = {\r\n\t key: \"none\",\r\n\t lock: \"none\"\r\n\t};\r\n\r\n\tvar ZoomSelection = Class.extend({\r\n\t init: function(chart, options) {\r\n\r\n\t this.chart = chart;\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t this.createElement();\r\n\t },\r\n\r\n\t createElement: function() {\r\n\t var marquee = this._marquee = document.createElement(\"div\");\r\n\t marquee.className = \"k-marquee\";\r\n\t var marqueeColor = document.createElement(\"div\");\r\n\t marqueeColor.className = \"k-marquee-color\";\r\n\t marquee.appendChild(marqueeColor);\r\n\t },\r\n\r\n\t removeElement: function() {\r\n\t if (this._marquee.parentNode) {\r\n\t this._marquee.parentNode.removeChild(this._marquee);\r\n\t }\r\n\t },\r\n\r\n\t setStyles: function(styles) {\r\n\t elementStyles(this._marquee, styles);\r\n\t },\r\n\r\n\t start: function(e) {\r\n\t if (acceptKey(e, this.options.key)) {\r\n\t var chart = this.chart;\r\n\t var point = chart._eventCoordinates(e);\r\n\t var zoomPane = this._zoomPane = chart._plotArea.paneByPoint(point);\r\n\t if (zoomPane && zoomPane.clipBox()) {\r\n\t var clipBox = zoomPane.clipBox().clone();\r\n\t var offset = this._elementOffset();\r\n\r\n\t clipBox.translate(offset.left, offset.top);\r\n\t this._zoomPaneClipBox = clipBox;\r\n\r\n\t document.body.appendChild(this._marquee);\r\n\t this.setStyles({\r\n\t left: e.pageX + 1,\r\n\t top: e.pageY + 1,\r\n\t width: 0,\r\n\t height: 0\r\n\t });\r\n\r\n\t return true;\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _elementOffset: function() {\r\n\t var chartElement = this.chart.element;\r\n\t var ref = elementStyles(chartElement, [ \"paddingLeft\", \"paddingTop\" ]);\r\n\t var paddingLeft = ref.paddingLeft;\r\n\t var paddingTop = ref.paddingTop;\r\n\t var offset = dataviz.elementOffset(chartElement);\r\n\r\n\t return {\r\n\t left: paddingLeft + offset.left,\r\n\t top: paddingTop + offset.top\r\n\t };\r\n\t },\r\n\r\n\t move: function(e) {\r\n\t var zoomPane = this._zoomPane;\r\n\t if (zoomPane) {\r\n\t this.setStyles(this._selectionPosition(e));\r\n\t }\r\n\t },\r\n\r\n\t end: function(e) {\r\n\t var zoomPane = this._zoomPane;\r\n\t if (zoomPane) {\r\n\t var elementOffset$$1 = this._elementOffset();\r\n\t var selectionPosition = this._selectionPosition(e);\r\n\t selectionPosition.left -= elementOffset$$1.left;\r\n\t selectionPosition.top -= elementOffset$$1.top;\r\n\r\n\t var start = { x: selectionPosition.left, y: selectionPosition.top };\r\n\t var end = { x: selectionPosition.left + selectionPosition.width, y: selectionPosition.top + selectionPosition.height };\r\n\t this._updateAxisRanges(start, end);\r\n\r\n\t this.removeElement();\r\n\t delete this._zoomPane;\r\n\r\n\t return toChartAxisRanges(this.axisRanges);\r\n\t }\r\n\t },\r\n\r\n\t zoom: function() {\r\n\t var axisRanges = this.axisRanges;\r\n\t if (axisRanges && axisRanges.length) {\r\n\t var plotArea = this.chart._plotArea;\r\n\t for (var idx = 0; idx < axisRanges.length; idx++) {\r\n\t var axisRange = axisRanges[idx];\r\n\t plotArea.updateAxisOptions(axisRange.axis, axisRange.range);\r\n\t }\r\n\t plotArea.redraw(plotArea.panes);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this.removeElement();\r\n\t delete this._marquee;\r\n\t delete this.chart;\r\n\t },\r\n\r\n\t _updateAxisRanges: function(start, end) {\r\n\t var lock = (this.options.lock || \"\").toLowerCase();\r\n\t var axisRanges = [];\r\n\r\n\t var axes = this._zoomPane.axes;\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t var axis = axes[idx];\r\n\t var vertical = axis.options.vertical;\r\n\t if (!(lock === X && !vertical) && !(lock === Y && vertical)) {\r\n\t var range = axis.pointsRange(start, end);\r\n\t if (range) {\r\n\t axisRanges.push({\r\n\t axis: axis,\r\n\t range: range\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t this.axisRanges = axisRanges;\r\n\t },\r\n\r\n\t _selectionPosition: function(e) {\r\n\t var clipBox = this._zoomPaneClipBox;\r\n\t var startLocation = {\r\n\t x: e.x.startLocation,\r\n\t y: e.y.startLocation\r\n\t };\r\n\t var pageX = e.x.location;\r\n\t var pageY = e.y.location;\r\n\t var lock = (this.options.lock || \"\").toLowerCase();\r\n\t var left = Math.min(startLocation.x, pageX);\r\n\t var top = Math.min(startLocation.y, pageY);\r\n\t var width = Math.abs(startLocation.x - pageX);\r\n\t var height = Math.abs(startLocation.y - pageY);\r\n\r\n\t if (lock === X) {\r\n\t left = clipBox.x1;\r\n\t width = clipBox.width();\r\n\t }\r\n\t if (lock === Y) {\r\n\t top = clipBox.y1;\r\n\t height = clipBox.height();\r\n\t }\r\n\r\n\t if (pageX > clipBox.x2) {\r\n\t width = clipBox.x2 - startLocation.x;\r\n\t }\r\n\r\n\t if (pageX < clipBox.x1) {\r\n\t width = startLocation.x - clipBox.x1;\r\n\t }\r\n\r\n\t if (pageY > clipBox.y2) {\r\n\t height = clipBox.y2 - startLocation.y;\r\n\t }\r\n\r\n\t if (pageY < clipBox.y1) {\r\n\t height = startLocation.y - clipBox.y1;\r\n\t }\r\n\r\n\t return {\r\n\t left: Math.max(left, clipBox.x1),\r\n\t top: Math.max(top, clipBox.y1),\r\n\t width: width,\r\n\t height: height\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tZoomSelection.prototype.options = {\r\n\t key: \"shift\",\r\n\t lock: \"none\"\r\n\t};\r\n\r\n\tvar MousewheelZoom = Class.extend({\r\n\t init: function(chart, options) {\r\n\r\n\t this.chart = chart;\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t updateRanges: function(delta) {\r\n\t var lock = (this.options.lock || \"\").toLowerCase();\r\n\t var axisRanges = [];\r\n\t var axes = this.chart._plotArea.axes;\r\n\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t var axis = axes[idx];\r\n\t var vertical = axis.options.vertical;\r\n\r\n\t if (!(lock === X && !vertical) && !(lock === Y && vertical)) {\r\n\t var range = axis.zoomRange(-delta);\r\n\r\n\t if (range) {\r\n\t axisRanges.push({\r\n\t axis: axis,\r\n\t range: range\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t this.axisRanges = axisRanges;\r\n\t return toChartAxisRanges(axisRanges);\r\n\t },\r\n\r\n\t zoom: function() {\r\n\t var axisRanges = this.axisRanges;\r\n\t if (axisRanges && axisRanges.length) {\r\n\t var plotArea = this.chart._plotArea;\r\n\t for (var idx = 0; idx < axisRanges.length; idx++) {\r\n\t var axisRange = axisRanges[idx];\r\n\t plotArea.updateAxisOptions(axisRange.axis, axisRange.range);\r\n\t }\r\n\t plotArea.redraw(plotArea.panes);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t delete this.chart;\r\n\t }\r\n\t});\r\n\r\n\tvar LegendLayout = ChartElement.extend({\r\n\t init: function(options, chartService) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.chartService = chartService;\r\n\t },\r\n\r\n\t render: function() {\r\n\t var ref = this;\r\n\t var children = ref.children;\r\n\t var options = ref.options;\r\n\t var vertical = options.vertical;\r\n\r\n\t this.visual = new drawing.Layout(null, {\r\n\t spacing: vertical ? 0 : options.spacing,\r\n\t lineSpacing: vertical ? options.spacing : 0,\r\n\t orientation: vertical ? \"vertical\" : \"horizontal\",\r\n\t reverse: options.rtl,\r\n\t alignItems: vertical ? \"start\" : \"center\"\r\n\t });\r\n\r\n\t for (var idx = 0; idx < children.length; idx++) {\r\n\t var legendItem = children[idx];\r\n\t legendItem.reflow(new Box());\r\n\t legendItem.renderVisual();\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t this.visual.rect(box.toRect());\r\n\t this.visual.reflow();\r\n\t var bbox = this.visual.clippedBBox();\r\n\r\n\t if (bbox) {\r\n\t this.box = dataviz.rectToBox(bbox);\r\n\t } else {\r\n\t this.box = new Box();\r\n\t }\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t this.addVisual();\r\n\t },\r\n\r\n\t createVisual: function() {}\r\n\t});\r\n\r\n\tvar LegendItem = BoxElement.extend({\r\n\t init: function(options) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\r\n\t this.createContainer();\r\n\t if (!options.rtl) {\r\n\t this.createMarker();\r\n\t this.createLabel();\r\n\t } else {\r\n\t this.createLabel();\r\n\t this.createMarker();\r\n\t }\r\n\t },\r\n\r\n\t createContainer: function() {\r\n\t this.container = new dataviz.FloatElement({ vertical: false, wrap: false, align: CENTER, spacing: this.options.spacing });\r\n\t this.append(this.container);\r\n\t },\r\n\r\n\t createMarker: function() {\r\n\t this.container.append(new ShapeElement(this.markerOptions()));\r\n\t },\r\n\r\n\t markerOptions: function() {\r\n\t var options = this.options;\r\n\t var markerColor = options.markerColor;\r\n\t return deepExtend({}, options.markers, {\r\n\t background: markerColor,\r\n\t border: {\r\n\t color: markerColor\r\n\t }\r\n\t });\r\n\t },\r\n\r\n\t createLabel: function() {\r\n\t var options = this.options;\r\n\t var labelOptions = deepExtend({}, options.labels);\r\n\r\n\t this.container.append(new TextBox(options.text, labelOptions));\r\n\t },\r\n\r\n\t renderComplete: function() {\r\n\t BoxElement.fn.renderComplete.call(this);\r\n\r\n\t var cursor = this.options.cursor || {};\r\n\t var eventSink = this._itemOverlay = Path.fromRect(this.container.box.toRect(), {\r\n\t fill: {\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t },\r\n\t stroke: null,\r\n\t cursor: cursor.style || cursor\r\n\t });\r\n\r\n\t this.appendVisual(eventSink);\r\n\t },\r\n\r\n\t click: function(widget, e) {\r\n\t var args = this.eventArgs(e);\r\n\r\n\t if (!widget.trigger(LEGEND_ITEM_CLICK, args)) {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t hover: function(widget, e) {\r\n\t var args = this.eventArgs(e);\r\n\r\n\t if (!widget.trigger(LEGEND_ITEM_HOVER, args)) {\r\n\t e.preventDefault();\r\n\t widget._legendItemHover(args.seriesIndex, args.pointIndex);\r\n\t }\r\n\r\n\t // Don't trigger point hover for legend items\r\n\t return true;\r\n\t },\r\n\r\n\t leave: function(widget) {\r\n\t widget._unsetActivePoint();\r\n\t },\r\n\r\n\t eventArgs: function(e) {\r\n\t var options = this.options;\r\n\r\n\t return {\r\n\t element: eventElement(e),\r\n\t text: options.text,\r\n\t series: options.series,\r\n\t seriesIndex: options.series.index,\r\n\t pointIndex: options.pointIndex\r\n\t };\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var customVisual = options.visual;\r\n\r\n\t if (customVisual) {\r\n\t this.visual = customVisual({\r\n\t active: options.active,\r\n\t series: options.series,\r\n\t sender: this.getSender(),\r\n\t pointIndex: options.pointIndex,\r\n\t options: {\r\n\t markers: this.markerOptions(),\r\n\t labels: options.labels\r\n\t },\r\n\t createVisual: function () {\r\n\t this$1.createVisual();\r\n\t this$1.renderChildren();\r\n\t this$1.renderComplete();\r\n\r\n\t var defaultVisual = this$1.visual;\r\n\r\n\t delete this$1.visual;\r\n\r\n\t return defaultVisual;\r\n\t }\r\n\t });\r\n\t this.addVisual();\r\n\t } else {\r\n\t BoxElement.fn.renderVisual.call(this);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar HORIZONTAL = \"horizontal\";\r\n\tvar POINTER = \"pointer\";\r\n\tvar CUSTOM = \"custom\";\r\n\r\n\tvar Legend = ChartElement.extend({\r\n\t init: function(options, chartService) {\r\n\t if (chartService === void 0) { chartService = {}; }\r\n\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.chartService = chartService;\r\n\r\n\t if (!inArray(this.options.position, [ TOP, RIGHT, BOTTOM, LEFT, CUSTOM ])) {\r\n\t this.options.position = RIGHT;\r\n\t }\r\n\r\n\t this.createContainer();\r\n\r\n\t this.createItems();\r\n\t },\r\n\r\n\t createContainer: function() {\r\n\t var options = this.options;\r\n\t var position = options.position;\r\n\t var userAlign = options.align;\r\n\t var align = position;\r\n\t var vAlign = CENTER;\r\n\r\n\t if (position === CUSTOM) {\r\n\t align = LEFT;\r\n\t } else if (inArray(position, [ TOP, BOTTOM ])) {\r\n\t if (userAlign === \"start\") {\r\n\t align = LEFT;\r\n\t } else if (userAlign === \"end\") {\r\n\t align = RIGHT;\r\n\t } else {\r\n\t align = CENTER;\r\n\t }\r\n\t vAlign = position;\r\n\t } else if (userAlign) {\r\n\t if (userAlign === \"start\") {\r\n\t vAlign = TOP;\r\n\t } else if (userAlign === \"end\") {\r\n\t vAlign = BOTTOM;\r\n\t }\r\n\t }\r\n\r\n\t this.container = new BoxElement({\r\n\t margin: options.margin,\r\n\t padding: options.padding,\r\n\t background: options.background,\r\n\t border: options.border,\r\n\t vAlign: vAlign,\r\n\t align: align,\r\n\t zIndex: options.zIndex,\r\n\t shrinkToFit: true\r\n\t });\r\n\r\n\t this.append(this.container);\r\n\t },\r\n\r\n\t createItems: function() {\r\n\t var chartService = this.getService();\r\n\t var options = this.options;\r\n\t var vertical = this.isVertical();\r\n\t var innerElement = new LegendLayout({\r\n\t vertical: vertical,\r\n\t spacing: options.spacing,\r\n\t rtl: chartService.rtl\r\n\t }, chartService);\r\n\t var items = options.items;\r\n\r\n\t if (options.reverse) {\r\n\t items = items.slice(0).reverse();\r\n\t }\r\n\r\n\t var count = items.length;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var item = items[i];\r\n\r\n\t innerElement.append(new LegendItem(deepExtend({}, {\r\n\t markers: options.markers,\r\n\t labels: options.labels,\r\n\t rtl: chartService.rtl\r\n\t }, options.item, item)));\r\n\t }\r\n\r\n\t innerElement.render();\r\n\r\n\t this.container.append(innerElement);\r\n\t },\r\n\r\n\t isVertical: function() {\r\n\t var ref = this.options;\r\n\t var orientation = ref.orientation;\r\n\t var position = ref.position;\r\n\t var vertical = (position === CUSTOM && orientation !== HORIZONTAL) ||\r\n\t (defined(orientation) ? orientation !== HORIZONTAL : inArray(position, [ LEFT, RIGHT ]));\r\n\r\n\t return vertical;\r\n\t },\r\n\r\n\t hasItems: function() {\r\n\t return this.container.children[0].children.length > 0;\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options;\r\n\t var legendBox = targetBox.clone();\r\n\r\n\t if (!this.hasItems()) {\r\n\t this.box = legendBox;\r\n\t return;\r\n\t }\r\n\r\n\t if (options.position === CUSTOM) {\r\n\t this.containerCustomReflow(legendBox);\r\n\t this.box = legendBox;\r\n\t } else {\r\n\t this.containerReflow(legendBox);\r\n\t }\r\n\t },\r\n\r\n\t containerReflow: function(targetBox) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var container = ref.container;\r\n\t var position = options.position;\r\n\t var width = options.width;\r\n\t var height = options.height;\r\n\t var pos = position === TOP || position === BOTTOM ? X : Y;\r\n\t var vertical = this.isVertical();\r\n\t var alignTarget = targetBox.clone();\r\n\t var containerBox = targetBox.clone();\r\n\r\n\t if (position === LEFT || position === RIGHT) {\r\n\t containerBox.y1 = alignTarget.y1 = 0;\r\n\t }\r\n\r\n\t if (vertical && height) {\r\n\t containerBox.y2 = containerBox.y1 + height;\r\n\t containerBox.align(alignTarget, Y, container.options.vAlign);\r\n\t } else if (!vertical && width) {\r\n\t containerBox.x2 = containerBox.x1 + width;\r\n\t containerBox.align(alignTarget, X, container.options.align);\r\n\t }\r\n\r\n\t container.reflow(containerBox);\r\n\t containerBox = container.box;\r\n\r\n\t var box = containerBox.clone();\r\n\r\n\t if (options.offsetX || options.offsetY) {\r\n\t containerBox.translate(options.offsetX, options.offsetY);\r\n\t this.container.reflow(containerBox);\r\n\t }\r\n\r\n\t box[pos + 1] = targetBox[pos + 1];\r\n\t box[pos + 2] = targetBox[pos + 2];\r\n\r\n\t this.box = box;\r\n\t },\r\n\r\n\t containerCustomReflow: function(targetBox) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var container = ref.container;\r\n\t var offsetX = options.offsetX;\r\n\t var offsetY = options.offsetY;\r\n\t var width = options.width;\r\n\t var height = options.height;\r\n\t var vertical = this.isVertical();\r\n\t var containerBox = targetBox.clone();\r\n\r\n\t if (vertical && height) {\r\n\t containerBox.y2 = containerBox.y1 + height;\r\n\t } else if (!vertical && width) {\r\n\t containerBox.x2 = containerBox.x1 + width;\r\n\t }\r\n\t container.reflow(containerBox);\r\n\t containerBox = container.box;\r\n\r\n\t container.reflow(new Box(\r\n\t offsetX, offsetY,\r\n\t offsetX + containerBox.width(), offsetY + containerBox.height()\r\n\t ));\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t if (this.hasItems()) {\r\n\t ChartElement.fn.renderVisual.call(this);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Legend, {\r\n\t position: RIGHT,\r\n\t items: [],\r\n\t offsetX: 0,\r\n\t offsetY: 0,\r\n\t margin: getSpacing(5),\r\n\t padding: getSpacing(5),\r\n\t border: {\r\n\t color: BLACK,\r\n\t width: 0\r\n\t },\r\n\t item: {\r\n\t cursor: POINTER,\r\n\t spacing: 6\r\n\t },\r\n\t spacing: 6,\r\n\t background: \"\",\r\n\t zIndex: 1,\r\n\t markers: {\r\n\t border: {\r\n\t width: 0\r\n\t },\r\n\t width: 15,\r\n\t height: 3,\r\n\t type: \"rect\",\r\n\t align: LEFT,\r\n\t vAlign: CENTER\r\n\t }\r\n\t});\r\n\r\n\tvar PlotAreaFactory = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._registry = [];\r\n\t },\r\n\r\n\t register: function(type, seriesTypes) {\r\n\t this._registry.push({\r\n\t type: type,\r\n\t seriesTypes: seriesTypes\r\n\t });\r\n\t },\r\n\r\n\t create: function(srcSeries, options, chartService) {\r\n\t var registry = this._registry;\r\n\t var match = registry[0];\r\n\t var series;\r\n\r\n\t for (var idx = 0; idx < registry.length; idx++) {\r\n\t var entry = registry[idx];\r\n\t series = filterSeriesByType(srcSeries, entry.seriesTypes);\r\n\r\n\t if (series.length > 0) {\r\n\t match = entry;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return new match.type(series, options, chartService);\r\n\t }\r\n\t});\r\n\r\n\tPlotAreaFactory.current = new PlotAreaFactory();\r\n\r\n\tvar ZOOM_ACCELERATION = 3;\r\n\tvar SELECTOR_HEIGHT_ADJUST = 0.1;\r\n\r\n\tfunction createDiv(className) {\r\n\t var element = document.createElement(\"div\");\r\n\t if (className) {\r\n\t element.className = className;\r\n\t }\r\n\r\n\t return element;\r\n\t}\r\n\r\n\tfunction closestHandle(element) {\r\n\t var current = element;\r\n\t while (current && !hasClasses(current, \"k-handle\")) {\r\n\t current = current.parentNode;\r\n\t }\r\n\r\n\t return current;\r\n\t}\r\n\r\n\tvar Selection = Class.extend({\r\n\t init: function(chart, categoryAxis, options, observer) {\r\n\r\n\t var chartElement = chart.element;\r\n\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t this.chart = chart;\r\n\t this.observer = observer;\r\n\t this.chartElement = chartElement;\r\n\t this.categoryAxis = categoryAxis;\r\n\t this._dateAxis = this.categoryAxis instanceof DateCategoryAxis;\r\n\r\n\t this.initOptions();\r\n\r\n\t if (this.options.visible) {\r\n\t this.createElements();\r\n\r\n\t this.set(this._index(this.options.from), this._index(this.options.to));\r\n\r\n\t this.bindEvents();\r\n\t }\r\n\t },\r\n\r\n\t createElements: function() {\r\n\t var options = this.options;\r\n\t var wrapper = this.wrapper = createDiv(\"k-selector\");\r\n\t elementStyles(wrapper, {\r\n\t top: options.offset.top,\r\n\t left: options.offset.left,\r\n\t width: options.width,\r\n\t height: options.height,\r\n\t direction: 'ltr'\r\n\t });\r\n\t var selection = this.selection = createDiv(\"k-selection\");\r\n\t this.leftMask = createDiv(\"k-mask\");\r\n\t this.rightMask = createDiv(\"k-mask\");\r\n\r\n\t wrapper.appendChild(this.leftMask);\r\n\t wrapper.appendChild(this.rightMask);\r\n\t wrapper.appendChild(selection);\r\n\r\n\t selection.appendChild(createDiv(\"k-selection-bg\"));\r\n\r\n\t var leftHandle = this.leftHandle = createDiv(\"k-handle k-left-handle\");\r\n\t var rightHandle = this.rightHandle = createDiv(\"k-handle k-right-handle\");\r\n\t leftHandle.appendChild(createDiv());\r\n\t rightHandle.appendChild(createDiv());\r\n\r\n\t selection.appendChild(leftHandle);\r\n\t selection.appendChild(rightHandle);\r\n\r\n\t this.chartElement.appendChild(wrapper);\r\n\t var selectionStyles = elementStyles(selection, [ \"borderLeftWidth\", \"borderRightWidth\", \"height\" ]);\r\n\t var leftHandleHeight = elementStyles(leftHandle, \"height\").height;\r\n\t var rightHandleHeight = elementStyles(rightHandle, \"height\").height;\r\n\r\n\t options.selection = {\r\n\t border: {\r\n\t left: selectionStyles.borderLeftWidth,\r\n\t right: selectionStyles.borderRightWidth\r\n\t }\r\n\t };\r\n\r\n\t elementStyles(leftHandle, {\r\n\t top: (selectionStyles.height - leftHandleHeight) / 2\r\n\t });\r\n\r\n\t elementStyles(rightHandle, {\r\n\t top: (selectionStyles.height - rightHandleHeight) / 2\r\n\t });\r\n\r\n\t wrapper.style.cssText = wrapper.style.cssText;\r\n\t },\r\n\r\n\t bindEvents: function() {\r\n\t this._mousewheelHandler = this.options.mousewheel !== false ? this._mousewheel.bind(this) : stopPropagation;\r\n\r\n\t var obj;\r\n\t bindEvents(this.wrapper, ( obj = {}, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj ));\r\n\r\n\t this._domEvents = services.DomEventsBuilder.create(this.wrapper, {\r\n\t start: this._start.bind(this),\r\n\t move: this._move.bind(this),\r\n\t end: this._end.bind(this),\r\n\t tap: this._tap.bind(this),\r\n\t press: this._press.bind(this),\r\n\t gesturestart: this._gesturestart.bind(this),\r\n\t gesturechange: this._gesturechange.bind(this),\r\n\t gestureend: this._gestureend.bind(this)\r\n\t });\r\n\t },\r\n\r\n\t initOptions: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var categoryAxis = ref.categoryAxis;\r\n\t var box = categoryAxis.pane.chartsBox();\r\n\t var intlService = this.chart.chartService.intl;\r\n\r\n\t if (this._dateAxis) {\r\n\t deepExtend(options, {\r\n\t min: parseDate(intlService, options.min),\r\n\t max: parseDate(intlService, options.max),\r\n\t from: parseDate(intlService, options.from),\r\n\t to: parseDate(intlService, options.to)\r\n\t });\r\n\t }\r\n\r\n\t var ref$1 = elementStyles(this.chartElement, [ \"paddingLeft\", \"paddingTop\" ]);\r\n\t var paddingLeft = ref$1.paddingLeft;\r\n\t var paddingTop = ref$1.paddingTop;\r\n\r\n\t this.options = deepExtend({}, {\r\n\t width: box.width(),\r\n\t height: box.height() + SELECTOR_HEIGHT_ADJUST, //workaround for sub-pixel hover on the paths in chrome\r\n\t padding: {\r\n\t left: paddingLeft,\r\n\t top: paddingTop\r\n\t },\r\n\t offset: {\r\n\t left: box.x1 + paddingLeft,\r\n\t top: box.y1 + paddingTop\r\n\t },\r\n\t from: options.min,\r\n\t to: options.max\r\n\t }, options);\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t if (this._domEvents) {\r\n\t this._domEvents.destroy();\r\n\t delete this._domEvents;\r\n\t }\r\n\r\n\t clearTimeout(this._mwTimeout);\r\n\t this._state = null;\r\n\r\n\t if (this.wrapper) {\r\n\t var obj;\r\n\t unbindEvents(this.wrapper, ( obj = {}, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj ));\r\n\t this.chartElement.removeChild(this.wrapper);\r\n\t }\r\n\t },\r\n\r\n\t _rangeEventArgs: function(range) {\r\n\r\n\t return {\r\n\t axis: this.categoryAxis.options,\r\n\t from: this._value(range.from),\r\n\t to: this._value(range.to)\r\n\t };\r\n\t },\r\n\r\n\t _start: function(e) {\r\n\t var options = this.options;\r\n\t var target = eventElement(e);\r\n\r\n\t if (this._state || !target) {\r\n\t return;\r\n\t }\r\n\r\n\t this.chart._unsetActivePoint();\r\n\t this._state = {\r\n\t moveTarget: closestHandle(target) || target,\r\n\t startLocation: e.x ? e.x.location : 0,\r\n\t range: {\r\n\t from: this._index(options.from),\r\n\t to: this._index(options.to)\r\n\t }\r\n\t };\r\n\r\n\t var args = this._rangeEventArgs({\r\n\t from: this._index(options.from),\r\n\t to: this._index(options.to)\r\n\t });\r\n\r\n\t if (this.trigger(SELECT_START, args)) {\r\n\t this._state = null;\r\n\t }\r\n\t },\r\n\r\n\t _press: function(e) {\r\n\t var handle;\r\n\t if (this._state) {\r\n\t handle = this._state.moveTarget;\r\n\t } else {\r\n\t handle = closestHandle(eventElement(e));\r\n\t }\r\n\t if (handle) {\r\n\t dataviz.addClass(handle, \"k-handle-active\");\r\n\t }\r\n\t },\r\n\r\n\t _move: function(e) {\r\n\t if (!this._state) {\r\n\t return;\r\n\t }\r\n\r\n\t var ref = this;\r\n\t var state = ref._state;\r\n\t var options = ref.options;\r\n\t var axisOptions = ref.categoryAxis.options;\r\n\t var range = state.range;\r\n\t var target = state.moveTarget;\r\n\t var reverse = axisOptions.reverse;\r\n\t var from = this._index(options.from);\r\n\t var to = this._index(options.to);\r\n\t var min = this._index(options.min);\r\n\t var max = this._index(options.max);\r\n\t var delta = state.startLocation - e.x.location;\r\n\t var oldRange = { from: range.from, to: range.to };\r\n\t var span = range.to - range.from;\r\n\t var scale = elementStyles(this.wrapper, \"width\").width / (axisOptions.categories.length - 1);\r\n\t var offset = Math.round(delta / scale) * (reverse ? -1 : 1);\r\n\r\n\t if (!target) {\r\n\t return;\r\n\t }\r\n\r\n\t var leftHandle = hasClasses(target, \"k-left-handle\");\r\n\t var rightHandle = hasClasses(target, \"k-right-handle\");\r\n\r\n\t if (hasClasses(target, \"k-selection k-selection-bg\")) {\r\n\t range.from = Math.min(\r\n\t Math.max(min, from - offset),\r\n\t max - span\r\n\t );\r\n\t range.to = Math.min(\r\n\t range.from + span,\r\n\t max\r\n\t );\r\n\t } else if ((leftHandle && !reverse) || (rightHandle && reverse)) {\r\n\t range.from = Math.min(\r\n\t Math.max(min, from - offset),\r\n\t max - 1\r\n\t );\r\n\t range.to = Math.max(range.from + 1, range.to);\r\n\t } else if ((leftHandle && reverse) || (rightHandle && !reverse)) {\r\n\t range.to = Math.min(\r\n\t Math.max(min + 1, to - offset),\r\n\t max\r\n\t );\r\n\t range.from = Math.min(range.to - 1, range.from);\r\n\t }\r\n\r\n\t if (range.from !== oldRange.from || range.to !== oldRange.to) {\r\n\t this.move(range.from, range.to);\r\n\t this.trigger(SELECT, this._rangeEventArgs(range));\r\n\t }\r\n\t },\r\n\r\n\t _end: function() {\r\n\t if (this._state) {\r\n\t var moveTarget = this._state.moveTarget;\r\n\t if (moveTarget) {\r\n\t dataviz.removeClass(moveTarget, \"k-handle-active\");\r\n\t }\r\n\r\n\t var range = this._state.range;\r\n\t this.set(range.from, range.to);\r\n\t this.trigger(SELECT_END, this._rangeEventArgs(range));\r\n\r\n\t delete this._state;\r\n\t }\r\n\t },\r\n\r\n\t _tap: function(e) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var categoryAxis = ref.categoryAxis;\r\n\t var coords = this.chart._eventCoordinates(e);\r\n\t var categoryIx = categoryAxis.pointCategoryIndex(new Point(coords.x, categoryAxis.box.y1));\r\n\t var from = this._index(options.from);\r\n\t var to = this._index(options.to);\r\n\t var min = this._index(options.min);\r\n\t var max = this._index(options.max);\r\n\t var span = to - from;\r\n\t var mid = from + span / 2;\r\n\t var range = {};\r\n\t var rightClick = e.event.which === 3;\r\n\t var offset = Math.round(mid - categoryIx);\r\n\r\n\t if (this._state || rightClick) {\r\n\t return;\r\n\t }\r\n\r\n\t this.chart._unsetActivePoint();\r\n\r\n\t if (!categoryAxis.options.justified) {\r\n\t offset--;\r\n\t }\r\n\r\n\t range.from = Math.min(\r\n\t Math.max(min, from - offset),\r\n\t max - span\r\n\t );\r\n\r\n\t range.to = Math.min(range.from + span, max);\r\n\r\n\t this._start(e);\r\n\t if (this._state) {\r\n\t this._state.range = range;\r\n\t this.trigger(SELECT, this._rangeEventArgs(range));\r\n\t this._end();\r\n\t }\r\n\t },\r\n\r\n\t _mousewheel: function(e) {\r\n\t var this$1 = this;\r\n\r\n\t var delta = dataviz.mousewheelDelta(e);\r\n\r\n\t this._start({ target: this.selection });\r\n\r\n\t if (this._state) {\r\n\t var range = this._state.range;\r\n\r\n\t e.preventDefault();\r\n\t e.stopPropagation();\r\n\r\n\t if (Math.abs(delta) > 1) {\r\n\t delta *= ZOOM_ACCELERATION;\r\n\t }\r\n\r\n\t if (this.options.mousewheel.reverse) {\r\n\t delta *= -1;\r\n\t }\r\n\r\n\t if (this.expand(delta)) {\r\n\t this.trigger(SELECT, {\r\n\t axis: this.categoryAxis.options,\r\n\t delta: delta,\r\n\t originalEvent: e,\r\n\t from: this._value(range.from),\r\n\t to: this._value(range.to)\r\n\t });\r\n\t }\r\n\r\n\t if (this._mwTimeout) {\r\n\t clearTimeout(this._mwTimeout);\r\n\t }\r\n\r\n\t this._mwTimeout = setTimeout(function () {\r\n\t this$1._end();\r\n\t }, MOUSEWHEEL_DELAY);\r\n\t }\r\n\t },\r\n\r\n\t _gesturestart: function(e) {\r\n\t var options = this.options;\r\n\r\n\t this._state = {\r\n\t range: {\r\n\t from: this._index(options.from),\r\n\t to: this._index(options.to)\r\n\t }\r\n\t };\r\n\t var args = this._rangeEventArgs(this._state.range);\r\n\r\n\t if (this.trigger(SELECT_START, args)) {\r\n\t this._state = null;\r\n\t } else {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t _gestureend: function() {\r\n\t if (this._state) {\r\n\t this.trigger(SELECT_END, this._rangeEventArgs(this._state.range));\r\n\t delete this._state;\r\n\t }\r\n\t },\r\n\r\n\t _gesturechange: function(e) {\r\n\t var ref = this;\r\n\t var chart = ref.chart;\r\n\t var state = ref._state;\r\n\t var options = ref.options;\r\n\t var categoryAxis = ref.categoryAxis;\r\n\t var range = state.range;\r\n\t var p0 = chart._toModelCoordinates(e.touches[0].x.location).x;\r\n\t var p1 = chart._toModelCoordinates(e.touches[1].x.location).x;\r\n\t var left = Math.min(p0, p1);\r\n\t var right = Math.max(p0, p1);\r\n\r\n\t e.preventDefault();\r\n\r\n\t range.from = categoryAxis.pointCategoryIndex(new Point(left)) || options.min;\r\n\r\n\t range.to = categoryAxis.pointCategoryIndex(new Point(right)) || options.max;\r\n\r\n\t this.move(range.from, range.to);\r\n\r\n\t this.trigger(SELECT, this._rangeEventArgs(range));\r\n\t },\r\n\r\n\t _index: function(value) {\r\n\t var index = value;\r\n\r\n\t if (value instanceof Date) {\r\n\t index = this.categoryAxis.categoryIndex(value);\r\n\t }\r\n\r\n\t return index;\r\n\t },\r\n\r\n\t _value: function(index) {\r\n\t var categories = this.categoryAxis.options.categories;\r\n\t var value = index;\r\n\r\n\t if (this._dateAxis) {\r\n\t if (index > categories.length - 1) {\r\n\t value = this.options.max;\r\n\t } else {\r\n\t value = categories[Math.ceil(index)];\r\n\t }\r\n\t }\r\n\r\n\t return value;\r\n\t },\r\n\r\n\t _slot: function(value) {\r\n\t var categoryAxis = this.categoryAxis;\r\n\t var index = this._index(value);\r\n\r\n\t return categoryAxis.getSlot(index, index, true);\r\n\t },\r\n\r\n\t move: function(from, to) {\r\n\t var options = this.options;\r\n\t var reverse = this.categoryAxis.options.reverse;\r\n\t var offset = options.offset;\r\n\t var padding = options.padding;\r\n\t var border = options.selection.border;\r\n\t var left = reverse ? to : from;\r\n\t var right = reverse ? from : to;\r\n\t var edge = 'x' + (reverse ? 2 : 1);\r\n\r\n\t var box = this._slot(left);\r\n\t var leftMaskWidth = round(box[edge] - offset.left + padding.left);\r\n\r\n\t elementStyles(this.leftMask, {\r\n\t width: leftMaskWidth\r\n\t });\r\n\t elementStyles(this.selection, {\r\n\t left: leftMaskWidth\r\n\t });\r\n\r\n\t box = this._slot(right);\r\n\r\n\t var rightMaskWidth = round(options.width - (box[edge] - offset.left + padding.left));\r\n\t elementStyles(this.rightMask, {\r\n\t width: rightMaskWidth\r\n\t });\r\n\r\n\t var distance = options.width - rightMaskWidth;\r\n\t if (distance !== options.width) {\r\n\t distance += border.right;\r\n\t }\r\n\r\n\t elementStyles(this.rightMask, {\r\n\t left: distance\r\n\t });\r\n\t elementStyles(this.selection, {\r\n\t width: Math.max(options.width - (leftMaskWidth + rightMaskWidth) - border.right, 0)\r\n\t });\r\n\t },\r\n\r\n\t set: function(from, to) {\r\n\t var options = this.options;\r\n\t var min = this._index(options.min);\r\n\t var max = this._index(options.max);\r\n\t var fromValue = limitValue(this._index(from), min, max);\r\n\t var toValue = limitValue(this._index(to), fromValue + 1, max);\r\n\r\n\t if (options.visible) {\r\n\t this.move(fromValue, toValue);\r\n\t }\r\n\r\n\t options.from = this._value(fromValue);\r\n\t options.to = this._value(toValue);\r\n\t },\r\n\r\n\t expand: function(delta) {\r\n\t var options = this.options;\r\n\t var min = this._index(options.min);\r\n\t var max = this._index(options.max);\r\n\t var zDir = options.mousewheel.zoom;\r\n\t var from = this._index(options.from);\r\n\t var to = this._index(options.to);\r\n\t var range = { from: from, to: to };\r\n\t var oldRange = deepExtend({}, range);\r\n\r\n\t if (this._state) {\r\n\t range = this._state.range;\r\n\t }\r\n\r\n\t if (zDir !== RIGHT) {\r\n\t range.from = limitValue(\r\n\t limitValue(from - delta, 0, to - 1),\r\n\t min, max\r\n\t );\r\n\t }\r\n\r\n\t if (zDir !== LEFT) {\r\n\t range.to = limitValue(\r\n\t limitValue(to + delta, range.from + 1, max),\r\n\t min,\r\n\t max\r\n\t );\r\n\t }\r\n\r\n\t if (range.from !== oldRange.from || range.to !== oldRange.to) {\r\n\t this.set(range.from, range.to);\r\n\t return true;\r\n\t }\r\n\t },\r\n\r\n\t trigger: function(name, args) {\r\n\t return (this.observer || this.chart).trigger(name, args);\r\n\t }\r\n\t});\r\n\r\n\tfunction stopPropagation(e) {\r\n\t e.stopPropagation();\r\n\t}\r\n\r\n\tsetDefaultOptions(Selection, {\r\n\t visible: true,\r\n\t mousewheel: {\r\n\t zoom: \"both\"\r\n\t },\r\n\t min: MIN_VALUE,\r\n\t max: MAX_VALUE\r\n\t});\r\n\r\n\tvar Tooltip = BaseTooltip.extend({\r\n\t show: function(point) {\r\n\t if (!point || !point.tooltipAnchor || (this._current && this._current === point)) {\r\n\t return;\r\n\t }\r\n\r\n\t var options = deepExtend({}, this.options, point.options.tooltip);\r\n\t var anchor = point.tooltipAnchor();\r\n\r\n\t if (anchor) {\r\n\t this._current = point;\r\n\t BaseTooltip.fn.show.call(this, {\r\n\t point: point,\r\n\t anchor: anchor\r\n\t }, options, point);\r\n\t } else {\r\n\t this.hide();\r\n\t }\r\n\t },\r\n\r\n\t hide: function() {\r\n\t delete this._current;\r\n\t BaseTooltip.fn.hide.call(this);\r\n\t }\r\n\t});\r\n\r\n\tvar SharedTooltip = BaseTooltip.extend({\r\n\t init: function(plotArea, options) {\r\n\t BaseTooltip.fn.init.call(this, plotArea.chartService, options);\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.formatService = plotArea.chartService.format;\r\n\t },\r\n\r\n\t showAt: function(points, coords) {\r\n\t var tooltipPoints = grep(points, function(point) {\r\n\t var tooltip = point.series.tooltip;\r\n\t var excluded = tooltip && tooltip.visible === false;\r\n\r\n\t return !excluded;\r\n\t });\r\n\r\n\t if (tooltipPoints.length > 0) {\r\n\t var point = tooltipPoints[0];\r\n\t var slot = this.plotArea.categoryAxis.getSlot(point.categoryIx);\r\n\r\n\t var anchor = coords ? this._slotAnchor(coords, slot) : this._defaultAnchor(point, slot);\r\n\r\n\t this.show({\r\n\t anchor: anchor,\r\n\t shared: true,\r\n\t points: points,\r\n\t category: point.category,\r\n\t categoryText: this.formatService.auto(this.options.categoryFormat, point.category),\r\n\t series: this.plotArea.series\r\n\t }, this.options);\r\n\t }\r\n\t },\r\n\r\n\t _slotAnchor: function(point, slot) {\r\n\t var axis = this.plotArea.categoryAxis;\r\n\t var align = {\r\n\t horizontal: \"left\",\r\n\t vertical: \"center\"\r\n\t };\r\n\r\n\t if (!axis.options.vertical) {\r\n\t point.x = slot.center().x;\r\n\t }\r\n\r\n\t return {\r\n\t point: point,\r\n\t align: align\r\n\t };\r\n\t },\r\n\r\n\t _defaultAnchor: function(point, slot) {\r\n\t var box = point.owner.pane.chartsBox();\r\n\t var vertical = this.plotArea.categoryAxis.options.vertical;\r\n\t var center = box.center();\r\n\t var slotCenter = slot.center();\r\n\t var align = {\r\n\t horizontal: \"center\",\r\n\t vertical: \"center\"\r\n\t };\r\n\r\n\t var centerPoint;\r\n\t if (vertical) {\r\n\t centerPoint = new Point(center.x, slotCenter.y);\r\n\t } else {\r\n\t centerPoint = new Point(slotCenter.x, center.y);\r\n\t }\r\n\r\n\t return {\r\n\t point: centerPoint,\r\n\t align: align\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(SharedTooltip, {\r\n\t categoryFormat: '{0:d}'\r\n\t});\r\n\r\n\tvar BarChartAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t var ref = this;\r\n\t var element = ref.element;\r\n\t var options = ref.options;\r\n\t var bbox = element.bbox();\r\n\r\n\t if (bbox) {\r\n\t this.origin = options.origin;\r\n\t var axis = options.vertical ? Y : X;\r\n\r\n\t var fromScale = this.fromScale = new GeometryPoint(1, 1);\r\n\t fromScale[axis] = START_SCALE;\r\n\r\n\t element.transform(transform()\r\n\t .scale(fromScale.x, fromScale.y)\r\n\t );\r\n\t } else {\r\n\t this.abort();\r\n\t }\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t var scaleX = dataviz.interpolateValue(this.fromScale.x, 1, pos);\r\n\t var scaleY = dataviz.interpolateValue(this.fromScale.y, 1, pos);\r\n\r\n\t this.element.transform(transform()\r\n\t .scale(scaleX, scaleY, this.origin)\r\n\t );\r\n\t },\r\n\r\n\t abort: function() {\r\n\t Animation.fn.abort.call(this);\r\n\t this.element.transform(null);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BarChartAnimation, {\r\n\t duration: INITIAL_ANIMATION_DURATION\r\n\t});\r\n\r\n\tAnimationFactory.current.register(BAR, BarChartAnimation);\r\n\r\n\tvar BubbleAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t var center = this.center = this.element.bbox().center();\r\n\t this.element.transform(transform()\r\n\t .scale(START_SCALE, START_SCALE, center)\r\n\t );\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t this.element.transform(transform()\r\n\t .scale(pos, pos, this.center)\r\n\t );\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BubbleAnimation, {\r\n\t easing: \"easeOutElastic\"\r\n\t});\r\n\r\n\tAnimationFactory.current.register(BUBBLE, BubbleAnimation);\r\n\r\n\tvar FadeInAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t this.fadeTo = this.element.opacity();\r\n\t this.element.opacity(0);\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t this.element.opacity(pos * this.fadeTo);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(FadeInAnimation, {\r\n\t duration: 200,\r\n\t easing: \"linear\"\r\n\t});\r\n\r\n\tAnimationFactory.current.register(FADEIN, FadeInAnimation);\r\n\r\n\tvar PieAnimation = Animation.extend({\r\n\t setup: function() {\r\n\t this.element.transform(transform()\r\n\t .scale(START_SCALE, START_SCALE, this.options.center)\r\n\t );\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t this.element.transform(transform()\r\n\t .scale(pos, pos, this.options.center)\r\n\t );\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(PieAnimation, {\r\n\t easing: \"easeOutElastic\",\r\n\t duration: INITIAL_ANIMATION_DURATION\r\n\t});\r\n\r\n\tAnimationFactory.current.register(PIE, PieAnimation);\r\n\r\n\tvar ScatterLineChart = ScatterChart.extend({\r\n\t render: function() {\r\n\t ScatterChart.fn.render.call(this);\r\n\r\n\t this.renderSegments();\r\n\t },\r\n\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = currentSeries.style;\r\n\t var pointType;\r\n\r\n\t if (style === SMOOTH) {\r\n\t pointType = SplineSegment;\r\n\t } else {\r\n\t pointType = LineSegment;\r\n\t }\r\n\r\n\t return new pointType(linePoints, currentSeries, seriesIx);\r\n\t },\r\n\r\n\t animationPoints: function() {\r\n\t var points = ScatterChart.fn.animationPoints.call(this);\r\n\t return points.concat(this._segments);\r\n\t },\r\n\r\n\t createMissingValue: function(value, missingValues) {\r\n\t if (missingValues === ZERO) {\r\n\t var missingValue = {\r\n\t x: value.x,\r\n\t y: value.y\r\n\t };\r\n\t if (!hasValue(missingValue.x)) {\r\n\t missingValue.x = 0;\r\n\t }\r\n\t if (!hasValue(missingValue.y)) {\r\n\t missingValue.y = 0;\r\n\t }\r\n\t return missingValue;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(ScatterLineChart.prototype, LineChartMixin);\r\n\r\n\tvar XYPlotArea = PlotAreaBase.extend({\r\n\t initFields: function() {\r\n\t this.namedXAxes = {};\r\n\t this.namedYAxes = {};\r\n\r\n\t this.xAxisRangeTracker = new AxisGroupRangeTracker();\r\n\t this.yAxisRangeTracker = new AxisGroupRangeTracker();\r\n\t },\r\n\r\n\t render: function(panes) {\r\n\t var this$1 = this;\r\n\t if (panes === void 0) { panes = this.panes; }\r\n\r\n\t var seriesByPane = this.groupSeriesByPane();\r\n\r\n\t for (var i = 0; i < panes.length; i++) {\r\n\t var pane = panes[i];\r\n\t var paneSeries = seriesByPane[pane.options.name || \"default\"] || [];\r\n\t this$1.addToLegend(paneSeries);\r\n\t var filteredSeries = this$1.filterVisibleSeries(paneSeries);\r\n\r\n\t if (!filteredSeries) {\r\n\t continue;\r\n\t }\r\n\r\n\t this$1.createScatterChart(\r\n\t filterSeriesByType(filteredSeries, SCATTER),\r\n\t pane\r\n\t );\r\n\r\n\t this$1.createScatterLineChart(\r\n\t filterSeriesByType(filteredSeries, SCATTER_LINE),\r\n\t pane\r\n\t );\r\n\r\n\t this$1.createBubbleChart(\r\n\t filterSeriesByType(filteredSeries, BUBBLE),\r\n\t pane\r\n\t );\r\n\t }\r\n\r\n\t this.createAxes(panes);\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t this.xAxisRangeTracker.update(chart.xAxisRanges);\r\n\t this.yAxisRangeTracker.update(chart.yAxisRanges);\r\n\r\n\t PlotAreaBase.fn.appendChart.call(this, chart, pane);\r\n\t },\r\n\r\n\t removeAxis: function(axis) {\r\n\t var axisName = axis.options.name;\r\n\r\n\t PlotAreaBase.fn.removeAxis.call(this, axis);\r\n\r\n\t if (axis.options.vertical) {\r\n\t this.yAxisRangeTracker.reset(axisName);\r\n\t delete this.namedYAxes[axisName];\r\n\t } else {\r\n\t this.xAxisRangeTracker.reset(axisName);\r\n\t delete this.namedXAxes[axisName];\r\n\t }\r\n\r\n\t if (axis === this.axisX) {\r\n\t delete this.axisX;\r\n\t }\r\n\r\n\t if (axis === this.axisY) {\r\n\t delete this.axisY;\r\n\t }\r\n\t },\r\n\r\n\t seriesPaneName: function(series) {\r\n\t var options = this.options;\r\n\t var xAxisName = series.xAxis;\r\n\t var xAxisOptions = [].concat(options.xAxis);\r\n\t var xAxis = grep(xAxisOptions, function(a) { return a.name === xAxisName; })[0];\r\n\t var yAxisName = series.yAxis;\r\n\t var yAxisOptions = [].concat(options.yAxis);\r\n\t var yAxis = grep(yAxisOptions, function(a) { return a.name === yAxisName; })[0];\r\n\t var panes = options.panes || [ {} ];\r\n\t var defaultPaneName = panes[0].name || \"default\";\r\n\t var paneName = (xAxis || {}).pane || (yAxis || {}).pane || defaultPaneName;\r\n\r\n\t return paneName;\r\n\t },\r\n\r\n\t createScatterChart: function(series, pane) {\r\n\t if (series.length > 0) {\r\n\t this.appendChart(\r\n\t new ScatterChart(this, { series: series, clip: pane.options.clip }),\r\n\t pane\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t createScatterLineChart: function(series, pane) {\r\n\t if (series.length > 0) {\r\n\t this.appendChart(\r\n\t new ScatterLineChart(this, { series: series, clip: pane.options.clip }),\r\n\t pane\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t createBubbleChart: function(series, pane) {\r\n\t if (series.length > 0) {\r\n\t this.appendChart(\r\n\t new BubbleChart(this, { series: series, clip: pane.options.clip }),\r\n\t pane\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t createXYAxis: function(options, vertical, axisIndex) {\r\n\t var axisName = options.name;\r\n\t var namedAxes = vertical ? this.namedYAxes : this.namedXAxes;\r\n\t var tracker = vertical ? this.yAxisRangeTracker : this.xAxisRangeTracker;\r\n\t var axisOptions = deepExtend({ reverse: !vertical && this.chartService.rtl }, options, { vertical: vertical });\r\n\t var isLog = equalsIgnoreCase(axisOptions.type, LOGARITHMIC);\r\n\t var defaultRange = tracker.query();\r\n\t var defaultAxisRange = isLog ? { min: 0.1, max: 1 } : { min: 0, max: 1 };\r\n\t var range = tracker.query(axisName) || defaultRange || defaultAxisRange;\r\n\t var typeSamples = [ axisOptions.min, axisOptions.max ];\r\n\t var series = this.series;\r\n\r\n\t for (var seriesIx = 0; seriesIx < series.length; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var seriesAxisName = currentSeries[vertical ? \"yAxis\" : \"xAxis\"];\r\n\t if ((seriesAxisName === axisOptions.name) || (axisIndex === 0 && !seriesAxisName)) {\r\n\t var firstPointValue = SeriesBinder.current.bindPoint(currentSeries, 0).valueFields;\r\n\t typeSamples.push(firstPointValue[vertical ? \"y\" : \"x\"]);\r\n\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t if (axisIndex === 0 && defaultRange) {\r\n\t range.min = Math.min(range.min, defaultRange.min);\r\n\t range.max = Math.max(range.max, defaultRange.max);\r\n\t }\r\n\r\n\t var inferredDate;\r\n\r\n\t for (var i = 0; i < typeSamples.length; i++) {\r\n\t if (typeSamples[i] instanceof Date) {\r\n\t inferredDate = true;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t var axisType;\r\n\t if (equalsIgnoreCase(axisOptions.type, DATE) || (!axisOptions.type && inferredDate)) {\r\n\t axisType = dataviz.DateValueAxis;\r\n\t } else if (isLog) {\r\n\t axisType = dataviz.LogarithmicAxis;\r\n\t } else {\r\n\t axisType = dataviz.NumericAxis;\r\n\t }\r\n\r\n\t var axis = new axisType(range.min, range.max, axisOptions, this.chartService);\r\n\t axis.axisIndex = axisIndex;\r\n\r\n\t if (axisName) {\r\n\t if (namedAxes[axisName]) {\r\n\t throw new Error(((vertical ? \"Y\" : \"X\") + \" axis with name \" + axisName + \" is already defined\"));\r\n\t }\r\n\t namedAxes[axisName] = axis;\r\n\t }\r\n\r\n\t this.appendAxis(axis);\r\n\r\n\t return axis;\r\n\t },\r\n\r\n\t createAxes: function(panes) {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var xAxesOptions = [].concat(options.xAxis);\r\n\t var xAxes = [];\r\n\t var yAxesOptions = [].concat(options.yAxis);\r\n\t var yAxes = [];\r\n\r\n\t for (var idx = 0; idx < xAxesOptions.length; idx++) {\r\n\t var axisPane = this$1.findPane(xAxesOptions[idx].pane);\r\n\t if (inArray(axisPane, panes)) {\r\n\t xAxes.push(this$1.createXYAxis(xAxesOptions[idx], false, idx));\r\n\t }\r\n\t }\r\n\r\n\t for (var idx$1 = 0; idx$1 < yAxesOptions.length; idx$1++) {\r\n\t var axisPane$1 = this$1.findPane(yAxesOptions[idx$1].pane);\r\n\t if (inArray(axisPane$1, panes)) {\r\n\t yAxes.push(this$1.createXYAxis(yAxesOptions[idx$1], true, idx$1));\r\n\t }\r\n\t }\r\n\r\n\t this.axisX = this.axisX || xAxes[0];\r\n\t this.axisY = this.axisY || yAxes[0];\r\n\t },\r\n\r\n\t _dispatchEvent: function(chart, e, eventType) {\r\n\t var coords = chart._eventCoordinates(e);\r\n\t var point = new Point(coords.x, coords.y);\r\n\t var allAxes = this.axes;\r\n\t var length = allAxes.length;\r\n\t var xValues = [];\r\n\t var yValues = [];\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var axis = allAxes[i];\r\n\t var values = axis.options.vertical ? yValues : xValues;\r\n\t var currentValue = axis.getValue(point);\r\n\t if (currentValue !== null) {\r\n\t values.push(currentValue);\r\n\t }\r\n\t }\r\n\r\n\t if (xValues.length > 0 && yValues.length > 0) {\r\n\t chart.trigger(eventType, {\r\n\t element: eventElement(e),\r\n\t originalEvent: e,\r\n\t x: singleItemOrArray(xValues),\r\n\t y: singleItemOrArray(yValues)\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t updateAxisOptions: function(axis, options) {\r\n\t var vertical = axis.options.vertical;\r\n\t var axes = this.groupAxes(this.panes);\r\n\t var index = (vertical ? axes.y : axes.x).indexOf(axis);\r\n\r\n\t updateAxisOptions$1(this.options, index, vertical, options);\r\n\t updateAxisOptions$1(this.originalOptions, index, vertical, options);\r\n\t }\r\n\t});\r\n\r\n\tfunction updateAxisOptions$1(targetOptions, axisIndex, vertical, options) {\r\n\t var axisOptions = ([].concat(vertical ? targetOptions.yAxis : targetOptions.xAxis))[axisIndex];\r\n\t deepExtend(axisOptions, options);\r\n\t}\r\n\r\n\tsetDefaultOptions(XYPlotArea, {\r\n\t xAxis: {},\r\n\t yAxis: {}\r\n\t});\r\n\r\n\tdeepExtend(XYPlotArea.prototype, PlotAreaEventsMixin);\r\n\r\n\tvar PieSegment = ChartElement.extend({\r\n\t init: function(value, sector, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.value = value;\r\n\t this.sector = sector;\r\n\t },\r\n\r\n\t render: function() {\r\n\t var labels = this.options.labels;\r\n\t var chartService = this.owner.chartService;\r\n\t var labelText = this.value;\r\n\r\n\t if (this._rendered || this.visible === false) {\r\n\t return;\r\n\t }\r\n\t this._rendered = true;\r\n\r\n\t var labelTemplate = getTemplate(labels);\r\n\t if (labelTemplate) {\r\n\t labelText = labelTemplate({\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t value: this.value,\r\n\t series: this.series,\r\n\t percentage: this.percentage\r\n\t });\r\n\t } else if (labels.format) {\r\n\t labelText = chartService.format.auto(labels.format, labelText);\r\n\t }\r\n\r\n\t if (labels.visible && (labelText || labelText === 0)) {\r\n\t if (labels.position === CENTER || labels.position === INSIDE_END) {\r\n\t if (!labels.color) {\r\n\t var brightnessValue = new Color(this.options.color).percBrightness();\r\n\t if (brightnessValue > 180) {\r\n\t labels.color = BLACK;\r\n\t } else {\r\n\t labels.color = WHITE;\r\n\t }\r\n\t }\r\n\t if (!labels.background) {\r\n\t labels.background = this.options.color;\r\n\t }\r\n\t } else {\r\n\t var themeLabels = chartService.theme.seriesDefaults.labels;\r\n\t labels.color = labels.color || themeLabels.color;\r\n\t labels.background = labels.background || themeLabels.background;\r\n\t }\r\n\r\n\t this.label = new TextBox(labelText, deepExtend({}, labels, {\r\n\t align: CENTER,\r\n\t vAlign: \"\",\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: this.animationDelay\r\n\t }\r\n\t }));\r\n\r\n\t this.append(this.label);\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t this.render();\r\n\t this.box = targetBox;\r\n\t this.reflowLabel();\r\n\t },\r\n\r\n\t reflowLabel: function() {\r\n\t var ref = this;\r\n\t var labelsOptions = ref.options.labels;\r\n\t var label = ref.label;\r\n\t var sector = this.sector.clone();\r\n\t var labelsDistance = labelsOptions.distance;\r\n\t var angle = sector.middle();\r\n\r\n\t if (label) {\r\n\t var labelHeight = label.box.height();\r\n\t var labelWidth = label.box.width();\r\n\t var lp;\r\n\r\n\t if (labelsOptions.position === CENTER) {\r\n\t sector.radius = Math.abs((sector.radius - labelHeight) / 2) + labelHeight;\r\n\t lp = sector.point(angle);\r\n\t label.reflow(new Box(lp.x, lp.y - labelHeight / 2, lp.x, lp.y));\r\n\t } else if (labelsOptions.position === INSIDE_END) {\r\n\t sector.radius = sector.radius - labelHeight / 2;\r\n\t lp = sector.point(angle);\r\n\t label.reflow(new Box(lp.x, lp.y - labelHeight / 2, lp.x, lp.y));\r\n\t } else {\r\n\t var x1;\r\n\t lp = sector.clone().expand(labelsDistance).point(angle);\r\n\t if (lp.x >= sector.center.x) {\r\n\t x1 = lp.x + labelWidth;\r\n\t label.orientation = RIGHT;\r\n\t } else {\r\n\t x1 = lp.x - labelWidth;\r\n\t label.orientation = LEFT;\r\n\t }\r\n\t label.reflow(new Box(x1, lp.y - labelHeight, lp.x, lp.y));\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var sector = ref.sector;\r\n\t var options = ref.options;\r\n\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t if (this.value) {\r\n\t if (options.visual) {\r\n\t var startAngle = (sector.startAngle + 180) % 360;\r\n\t var visual = options.visual({\r\n\t category: this.category,\r\n\t dataItem: this.dataItem,\r\n\t value: this.value,\r\n\t series: this.series,\r\n\t percentage: this.percentage,\r\n\t center: new GeometryPoint(sector.center.x, sector.center.y),\r\n\t radius: sector.radius,\r\n\t innerRadius: sector.innerRadius,\r\n\t startAngle: startAngle,\r\n\t endAngle: startAngle + sector.angle,\r\n\t options: options,\r\n\t sender: this.getSender(),\r\n\t createVisual: function () {\r\n\t var group = new Group();\r\n\t this$1.createSegmentVisual(group);\r\n\r\n\t return group;\r\n\t }\r\n\t });\r\n\r\n\t if (visual) {\r\n\t this.visual.append(visual);\r\n\t }\r\n\t } else {\r\n\t this.createSegmentVisual(this.visual);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createSegmentVisual: function(group) {\r\n\t var ref = this;\r\n\t var sector = ref.sector;\r\n\t var options = ref.options;\r\n\t var borderOptions = options.border || {};\r\n\t var border = borderOptions.width > 0 ? {\r\n\t stroke: {\r\n\t color: borderOptions.color,\r\n\t width: borderOptions.width,\r\n\t opacity: borderOptions.opacity,\r\n\t dashType: borderOptions.dashType\r\n\t }\r\n\t } : {};\r\n\t var color = options.color;\r\n\t var fill = {\r\n\t color: color,\r\n\t opacity: options.opacity\r\n\t };\r\n\t var visual = this.createSegment(sector, deepExtend({\r\n\t fill: fill,\r\n\t stroke: {\r\n\t opacity: options.opacity\r\n\t },\r\n\t zIndex: options.zIndex\r\n\t }, border));\r\n\r\n\t group.append(visual);\r\n\r\n\t if (hasGradientOverlay(options)) {\r\n\t group.append(this.createGradientOverlay(visual, {\r\n\t baseColor: color,\r\n\t fallbackFill: fill\r\n\t }, deepExtend({\r\n\t center: [ sector.center.x, sector.center.y ],\r\n\t innerRadius: sector.innerRadius,\r\n\t radius: sector.radius,\r\n\t userSpace: true\r\n\t }, options.overlay)));\r\n\t }\r\n\t },\r\n\r\n\t createSegment: function(sector, options) {\r\n\t if (options.singleSegment) {\r\n\t return new drawing.Circle(new geometry.Circle(new GeometryPoint(sector.center.x, sector.center.y), sector.radius), options);\r\n\t }\r\n\r\n\t return dataviz.ShapeBuilder.current.createRing(sector, options);\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var center = ref.sector.center;\r\n\r\n\t deepExtend(options, {\r\n\t animation: {\r\n\t center: [ center.x, center.y ],\r\n\t delay: this.animationDelay\r\n\t }\r\n\t });\r\n\r\n\t ChartElement.fn.createAnimation.call(this);\r\n\t },\r\n\r\n\t createHighlight: function(options) {\r\n\t var highlight = this.options.highlight || {};\r\n\t var border = highlight.border || {};\r\n\r\n\t return this.createSegment(this.sector, deepExtend({}, options, {\r\n\t fill: {\r\n\t color: highlight.color,\r\n\t opacity: highlight.opacity\r\n\t },\r\n\t stroke: {\r\n\t opacity: border.opacity,\r\n\t width: border.width,\r\n\t color: border.color\r\n\t }\r\n\t }));\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this.visual.children[0];\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t var sector = this.sector;\r\n\r\n\t return {\r\n\t options: this.options,\r\n\t radius: sector.radius,\r\n\t innerRadius: sector.innerRadius,\r\n\t center: new GeometryPoint(sector.center.x, sector.center.y),\r\n\t startAngle: sector.startAngle,\r\n\t endAngle: sector.angle + sector.startAngle,\r\n\t visual: this.visual\r\n\t };\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var sector = this.sector.clone().expand(TOOLTIP_OFFSET);\r\n\t var midAndle = sector.middle();\r\n\t var midPoint = sector.point(midAndle);\r\n\r\n\t return {\r\n\t point: midPoint,\r\n\t align: tooltipAlignment(midAndle + 180)\r\n\t };\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t return this.owner.formatPointValue(this, format);\r\n\t }\r\n\t});\r\n\r\n\tvar RAD_30 = round(dataviz.rad(30), DEFAULT_PRECISION);\r\n\tvar RAD_60 = round(dataviz.rad(60), DEFAULT_PRECISION);\r\n\r\n\tfunction tooltipAlignment(angle) {\r\n\t var radians = dataviz.rad(angle);\r\n\t var sine = round(Math.sin(radians), DEFAULT_PRECISION);\r\n\t var cosine = round(Math.cos(radians), DEFAULT_PRECISION);\r\n\r\n\t var horizontal;\r\n\t if (Math.abs(sine) > RAD_60) {\r\n\t horizontal = CENTER;\r\n\t } else if (cosine < 0) {\r\n\t horizontal = RIGHT;\r\n\t } else {\r\n\t horizontal = LEFT;\r\n\t }\r\n\r\n\t var vertical;\r\n\t if (Math.abs(sine) < RAD_30) {\r\n\t vertical = CENTER;\r\n\t } else if (sine < 0) {\r\n\t vertical = BOTTOM;\r\n\t } else {\r\n\t vertical = TOP;\r\n\t }\r\n\r\n\t return {\r\n\t horizontal: horizontal,\r\n\t vertical: vertical\r\n\t };\r\n\t}\r\n\r\n\tsetDefaultOptions(PieSegment, {\r\n\t color: WHITE,\r\n\t overlay: {\r\n\t gradient: \"roundedBevel\"\r\n\t },\r\n\t border: {\r\n\t width: 0.5\r\n\t },\r\n\t labels: {\r\n\t visible: false,\r\n\t distance: 35,\r\n\t font: datavizConstants.DEFAULT_FONT,\r\n\t margin: getSpacing(0.5),\r\n\t align: CIRCLE,\r\n\t zIndex: 1,\r\n\t position: OUTSIDE_END\r\n\t },\r\n\t animation: {\r\n\t type: PIE\r\n\t },\r\n\t highlight: {\r\n\t visible: true,\r\n\t border: {\r\n\t width: 1\r\n\t }\r\n\t },\r\n\t visible: true\r\n\t});\r\n\r\n\tdeepExtend(PieSegment.prototype, PointEventsMixin);\r\n\r\n\tvar PieChartMixin = {\r\n\t createLegendItem: function(value, point, options) {\r\n\t var legendOptions = this.options.legend || {};\r\n\t var labelsOptions = legendOptions.labels || {};\r\n\t var inactiveItems = legendOptions.inactiveItems || {};\r\n\t var inactiveItemsLabels = inactiveItems.labels || {};\r\n\r\n\t if (options && options.visibleInLegend !== false) {\r\n\t var pointVisible = options.visible !== false;\r\n\t var labelTemplate = pointVisible ? getTemplate(labelsOptions) :\r\n\t getTemplate(inactiveItemsLabels) || getTemplate(labelsOptions);\r\n\t var text = options.category;\r\n\r\n\t if (labelTemplate) {\r\n\t text = labelTemplate({\r\n\t text: text,\r\n\t series: options.series,\r\n\t dataItem: options.dataItem,\r\n\t percentage: options.percentage,\r\n\t value: value\r\n\t });\r\n\t }\r\n\r\n\t var itemLabelOptions, markerColor;\r\n\t if (pointVisible) {\r\n\t itemLabelOptions = {};\r\n\t markerColor = point.color;\r\n\t } else {\r\n\t itemLabelOptions = {\r\n\t color: inactiveItemsLabels.color,\r\n\t font: inactiveItemsLabels.font\r\n\t };\r\n\t markerColor = (inactiveItems.markers || {}).color;\r\n\t }\r\n\r\n\t if (hasValue(text) && text !== \"\") {\r\n\t this.legendItems.push({\r\n\t pointIndex: options.index,\r\n\t text: text,\r\n\t series: options.series,\r\n\t markerColor: markerColor,\r\n\t labels: itemLabelOptions\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\t};\r\n\r\n\tvar PIE_SECTOR_ANIM_DELAY = 70;\r\n\r\n\tvar PieChart = ChartElement.extend({\r\n\t init: function(plotArea, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.chartService = plotArea.chartService;\r\n\t this.points = [];\r\n\t this.legendItems = [];\r\n\t this.render();\r\n\t },\r\n\r\n\t render: function() {\r\n\t this.traverseDataPoints(this.addValue.bind(this));\r\n\t },\r\n\r\n\t traverseDataPoints: function(callback) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var seriesColors = ref.plotArea.options.seriesColors; if (seriesColors === void 0) { seriesColors = []; }\r\n\t var colorsCount = seriesColors.length;\r\n\t var series = options.series;\r\n\t var seriesCount = series.length;\r\n\r\n\t for (var seriesIx = 0; seriesIx < seriesCount; seriesIx++) {\r\n\t var currentSeries = series[seriesIx];\r\n\t var data = currentSeries.data;\r\n\t var ref$1 = bindSegments(currentSeries);\r\n\t var total = ref$1.total;\r\n\t var points = ref$1.points;\r\n\t var count = ref$1.count;\r\n\t var anglePerValue = 360 / total;\r\n\t var constantAngle = (void 0);\r\n\t if (!isFinite(anglePerValue)) {\r\n\t constantAngle = 360 / count;\r\n\t }\r\n\t var currentAngle = (void 0);\r\n\r\n\t if (defined(currentSeries.startAngle)) {\r\n\t currentAngle = currentSeries.startAngle;\r\n\t } else {\r\n\t currentAngle = options.startAngle;\r\n\t }\r\n\r\n\t if (seriesIx !== seriesCount - 1) {\r\n\t if (currentSeries.labels.position === OUTSIDE_END) {\r\n\t currentSeries.labels.position = CENTER;\r\n\t }\r\n\t }\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var pointData = points[i];\r\n\t if (!pointData) {\r\n\t continue;\r\n\t }\r\n\r\n\t var fields = pointData.fields;\r\n\t var value = pointData.value;\r\n\t var visible = pointData.visible;\r\n\t var angle = value !== 0 ? (constantAngle || (value * anglePerValue)) : 0;\r\n\t var explode = data.length !== 1 && Boolean(fields.explode);\r\n\r\n\t if (!isFunction(currentSeries.color)) {\r\n\t currentSeries.color = fields.color || seriesColors[i % colorsCount];\r\n\t }\r\n\r\n\t callback(pointData.valueFields.value, new dataviz.Ring(null, 0, 0, currentAngle, angle), {\r\n\t owner: this$1,\r\n\t category: defined(fields.category) ? fields.category : \"\",\r\n\t index: i,\r\n\t series: currentSeries,\r\n\t seriesIx: seriesIx,\r\n\t dataItem: data[i],\r\n\t percentage: total !== 0 ? value / total : 0,\r\n\t explode: explode,\r\n\t visibleInLegend: fields.visibleInLegend,\r\n\t visible: visible,\r\n\t zIndex: seriesCount - seriesIx,\r\n\t animationDelay: this$1.animationDelay(i, seriesIx, seriesCount)\r\n\t });\r\n\r\n\t if (visible !== false) {\r\n\t currentAngle += angle;\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t evalSegmentOptions: function(options, value, fields) {\r\n\t var series = fields.series;\r\n\r\n\t evalOptions(options, {\r\n\t value: value,\r\n\t series: series,\r\n\t dataItem: fields.dataItem,\r\n\t category: fields.category,\r\n\t percentage: fields.percentage\r\n\t }, { defaults: series._defaults, excluded: [ \"data\", \"content\", \"template\", \"visual\", \"toggle\" ] });\r\n\t },\r\n\r\n\t addValue: function(value, sector, fields) {\r\n\t var segmentOptions = deepExtend({}, fields.series, { index: fields.index });\r\n\t this.evalSegmentOptions(segmentOptions, value, fields);\r\n\r\n\t this.createLegendItem(value, segmentOptions, fields);\r\n\r\n\t if (fields.visible === false) {\r\n\t return;\r\n\t }\r\n\r\n\t var segment = new PieSegment(value, sector, segmentOptions);\r\n\t $.extend(segment, fields);\r\n\t this.append(segment);\r\n\t this.points.push(segment);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var points = ref.points;\r\n\t var seriesConfigs = ref.seriesConfigs; if (seriesConfigs === void 0) { seriesConfigs = []; }\r\n\t var count = points.length;\r\n\t var box = targetBox.clone();\r\n\t var space = 5;\r\n\t var minWidth = Math.min(box.width(), box.height());\r\n\t var halfMinWidth = minWidth / 2;\r\n\t var defaultPadding = minWidth - minWidth * 0.85;\r\n\t var newBox = new Box(box.x1, box.y1, box.x1 + minWidth, box.y1 + minWidth);\r\n\t var newBoxCenter = newBox.center();\r\n\t var boxCenter = box.center();\r\n\t var seriesCount = options.series.length;\r\n\t var leftSideLabels = [];\r\n\t var rightSideLabels = [];\r\n\t var padding = valueOrDefault(options.padding, defaultPadding);\r\n\r\n\t padding = padding > halfMinWidth - space ? halfMinWidth - space : padding;\r\n\t newBox.translate(boxCenter.x - newBoxCenter.x, boxCenter.y - newBoxCenter.y);\r\n\r\n\t var radius = halfMinWidth - padding;\r\n\t var center = new Point(\r\n\t radius + newBox.x1 + padding,\r\n\t radius + newBox.y1 + padding\r\n\t );\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var segment = points[i];\r\n\t var sector = segment.sector;\r\n\t var seriesIndex = segment.seriesIx;\r\n\t sector.radius = radius;\r\n\t sector.center = center;\r\n\r\n\t if (seriesConfigs.length) {\r\n\t var seriesConfig = seriesConfigs[seriesIndex];\r\n\t sector.innerRadius = seriesConfig.innerRadius;\r\n\t sector.radius = seriesConfig.radius;\r\n\t }\r\n\r\n\t if (seriesIndex === seriesCount - 1 && segment.explode) {\r\n\t sector.center = sector.clone().setRadius(sector.radius * 0.15).point(sector.middle());\r\n\t }\r\n\r\n\t segment.reflow(newBox);\r\n\r\n\t var label = segment.label;\r\n\t if (label) {\r\n\t if (label.options.position === OUTSIDE_END) {\r\n\t if (seriesIndex === seriesCount - 1) {\r\n\t if (label.orientation === RIGHT) {\r\n\t rightSideLabels.push(label);\r\n\t } else {\r\n\t leftSideLabels.push(label);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (leftSideLabels.length > 0) {\r\n\t leftSideLabels.sort(this.labelComparator(true));\r\n\t this.leftLabelsReflow(leftSideLabels);\r\n\t }\r\n\r\n\t if (rightSideLabels.length > 0) {\r\n\t rightSideLabels.sort(this.labelComparator(false));\r\n\t this.rightLabelsReflow(rightSideLabels);\r\n\t }\r\n\r\n\t this.box = newBox;\r\n\t },\r\n\r\n\t leftLabelsReflow: function(labels) {\r\n\t var distances = this.distanceBetweenLabels(labels);\r\n\r\n\t this.distributeLabels(distances, labels);\r\n\t },\r\n\r\n\t rightLabelsReflow: function(labels) {\r\n\t var distances = this.distanceBetweenLabels(labels);\r\n\r\n\t this.distributeLabels(distances, labels);\r\n\t },\r\n\r\n\t distanceBetweenLabels: function(labels) {\r\n\t var segment = last(this.points);\r\n\t var sector = segment.sector;\r\n\t var count = labels.length - 1;\r\n\t var lr = sector.radius + segment.options.labels.distance;\r\n\t var distances = [];\r\n\t var firstBox = labels[0].box;\r\n\t var distance = round(firstBox.y1 - (sector.center.y - lr - firstBox.height() - firstBox.height() / 2));\r\n\r\n\t distances.push(distance);\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var secondBox = labels[i + 1].box;\r\n\r\n\t firstBox = labels[i].box;\r\n\t distance = round(secondBox.y1 - firstBox.y2);\r\n\t distances.push(distance);\r\n\t }\r\n\t distance = round(sector.center.y + lr - labels[count].box.y2 - labels[count].box.height() / 2);\r\n\t distances.push(distance);\r\n\r\n\t return distances;\r\n\t },\r\n\r\n\t distributeLabels: function(distances, labels) {\r\n\t var this$1 = this;\r\n\r\n\t var count = distances.length;\r\n\t var left, right, remaining;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t remaining = -distances[i];\r\n\t left = right = i;\r\n\r\n\t while (remaining > 0 && (left >= 0 || right < count)) {\r\n\t remaining = this$1._takeDistance(distances, i, --left, remaining);\r\n\t remaining = this$1._takeDistance(distances, i, ++right, remaining);\r\n\t }\r\n\t }\r\n\r\n\t this.reflowLabels(distances, labels);\r\n\t },\r\n\r\n\t _takeDistance: function(distances, anchor, position, amount) {\r\n\t var result = amount;\r\n\t if (distances[position] > 0) {\r\n\t var available = Math.min(distances[position], result);\r\n\t result -= available;\r\n\t distances[position] -= available;\r\n\t distances[anchor] += available;\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t reflowLabels: function(distances, labels) {\r\n\t var this$1 = this;\r\n\r\n\t var segment = last(this.points);\r\n\t var sector = segment.sector;\r\n\t var labelOptions = segment.options.labels;\r\n\t var labelsCount = labels.length;\r\n\t var labelDistance = labelOptions.distance;\r\n\t var boxY = sector.center.y - (sector.radius + labelDistance) - labels[0].box.height();\r\n\t var boxX;\r\n\r\n\t distances[0] += 2;\r\n\t for (var i = 0; i < labelsCount; i++) {\r\n\t var label = labels[i];\r\n\t var box = label.box;\r\n\r\n\t boxY += distances[i];\r\n\t boxX = this$1.hAlignLabel(\r\n\t box.x2,\r\n\t sector.clone().expand(labelDistance),\r\n\t boxY,\r\n\t boxY + box.height(),\r\n\t label.orientation === RIGHT);\r\n\r\n\t if (label.orientation === RIGHT) {\r\n\t if (labelOptions.align !== CIRCLE) {\r\n\t boxX = sector.radius + sector.center.x + labelDistance;\r\n\t }\r\n\t label.reflow(new Box(boxX + box.width(), boxY, boxX, boxY));\r\n\t } else {\r\n\t if (labelOptions.align !== CIRCLE) {\r\n\t boxX = sector.center.x - sector.radius - labelDistance;\r\n\t }\r\n\t label.reflow(new Box(boxX - box.width(), boxY, boxX, boxY));\r\n\t }\r\n\r\n\t boxY += box.height();\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var connectors = ref.options.connectors;\r\n\t var points = ref.points;\r\n\t var count = points.length;\r\n\t var space = 4;\r\n\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t this._connectorLines = [];\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var segment = points[i];\r\n\t var sector = segment.sector;\r\n\t var label = segment.label;\r\n\t var angle = sector.middle();\r\n\t var connectorsColor = (segment.options.connectors || {}).color || connectors.color;\r\n\r\n\t if (label) {\r\n\t var connectorLine = new Path({\r\n\t stroke: {\r\n\t color: connectorsColor,\r\n\t width: connectors.width\r\n\t },\r\n\t animation: {\r\n\t type: FADEIN,\r\n\t delay: segment.animationDelay\r\n\t }\r\n\t });\r\n\r\n\t if (label.options.position === OUTSIDE_END) {\r\n\t var box = label.box;\r\n\t var centerPoint = sector.center;\r\n\t var start = sector.point(angle);\r\n\t var middle = new Point(box.x1, box.center().y);\r\n\t var sr = (void 0), end = (void 0), crossing = (void 0);\r\n\r\n\t start = sector.clone().expand(connectors.padding).point(angle);\r\n\t connectorLine.moveTo(start.x, start.y);\r\n\t // TODO: Extract into a method to remove duplication\r\n\t if (label.orientation === RIGHT) {\r\n\t end = new Point(box.x1 - connectors.padding, box.center().y);\r\n\t crossing = intersection(centerPoint, start, middle, end);\r\n\t middle = new Point(end.x - space, end.y);\r\n\t crossing = crossing || middle;\r\n\t crossing.x = Math.min(crossing.x, middle.x);\r\n\r\n\t if (this$1.pointInCircle(crossing, sector.center, sector.radius + space) ||\r\n\t crossing.x < sector.center.x) {\r\n\t sr = sector.center.x + sector.radius + space;\r\n\t if (segment.options.labels.align !== COLUMN) {\r\n\t if (sr < middle.x) {\r\n\t connectorLine.lineTo(sr, start.y);\r\n\t } else {\r\n\t connectorLine.lineTo(start.x + space * 2, start.y);\r\n\t }\r\n\t } else {\r\n\t connectorLine.lineTo(sr, start.y);\r\n\t }\r\n\t connectorLine.lineTo(middle.x, end.y);\r\n\t } else {\r\n\t crossing.y = end.y;\r\n\t connectorLine.lineTo(crossing.x, crossing.y);\r\n\t }\r\n\t } else {\r\n\t end = new Point(box.x2 + connectors.padding, box.center().y);\r\n\t crossing = intersection(centerPoint, start, middle, end);\r\n\t middle = new Point(end.x + space, end.y);\r\n\t crossing = crossing || middle;\r\n\t crossing.x = Math.max(crossing.x, middle.x);\r\n\r\n\t if (this$1.pointInCircle(crossing, sector.center, sector.radius + space) ||\r\n\t crossing.x > sector.center.x) {\r\n\t sr = sector.center.x - sector.radius - space;\r\n\t if (segment.options.labels.align !== COLUMN) {\r\n\t if (sr > middle.x) {\r\n\t connectorLine.lineTo(sr, start.y);\r\n\t } else {\r\n\t connectorLine.lineTo(start.x - space * 2, start.y);\r\n\t }\r\n\t } else {\r\n\t connectorLine.lineTo(sr, start.y);\r\n\t }\r\n\t connectorLine.lineTo(middle.x, end.y);\r\n\t } else {\r\n\t crossing.y = end.y;\r\n\t connectorLine.lineTo(crossing.x, crossing.y);\r\n\t }\r\n\t }\r\n\r\n\t connectorLine.lineTo(end.x, end.y);\r\n\r\n\t this$1._connectorLines.push(connectorLine);\r\n\t this$1.visual.append(connectorLine);\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t labelComparator: function(reverse) {\r\n\t var reverseValue = reverse ? -1 : 1;\r\n\r\n\t return function(a, b) {\r\n\t var first = (a.parent.sector.middle() + 270) % 360;\r\n\t var second = (b.parent.sector.middle() + 270) % 360;\r\n\t return (first - second) * reverseValue;\r\n\t };\r\n\t },\r\n\r\n\t hAlignLabel: function(originalX, sector, y1, y2, direction) {\r\n\t var radius = sector.radius;\r\n\t var sector_center = sector.center;\r\n\t var cx = sector_center.x;\r\n\t var cy = sector_center.y;\r\n\t var t = Math.min(Math.abs(cy - y1), Math.abs(cy - y2));\r\n\r\n\t if (t > radius) {\r\n\t return originalX;\r\n\t }\r\n\r\n\t return cx + Math.sqrt((radius * radius) - (t * t)) * (direction ? 1 : -1);\r\n\t },\r\n\r\n\t pointInCircle: function(point, center, radius) {\r\n\t return Math.pow(center.x - point.x, 2) + Math.pow(center.y - point.y, 2) < Math.pow(radius, 2);\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t return this.chartService.format.auto(format, point.value);\r\n\t },\r\n\r\n\t animationDelay: function(categoryIndex) {\r\n\t return categoryIndex * PIE_SECTOR_ANIM_DELAY;\r\n\t }\r\n\t});\r\n\r\n\tfunction intersection(a1, a2, b1, b2) {\r\n\t var uat = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x);\r\n\t var ub = (b2.y - b1.y) * (a2.x - a1.x) - (b2.x - b1.x) * (a2.y - a1.y);\r\n\r\n\t var result;\r\n\t if (ub !== 0) {\r\n\t var ua = (uat / ub);\r\n\r\n\t result = new Point(\r\n\t a1.x + ua * (a2.x - a1.x),\r\n\t a1.y + ua * (a2.y - a1.y)\r\n\t );\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tsetDefaultOptions(PieChart, {\r\n\t startAngle: 90,\r\n\t connectors: {\r\n\t width: 2,\r\n\t color: \"#939393\",\r\n\t padding: 8\r\n\t },\r\n\t inactiveItems: {\r\n\t markers: {},\r\n\t labels: {}\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(PieChart.prototype, PieChartMixin);\r\n\r\n\tvar PiePlotArea = PlotAreaBase.extend({\r\n\t render: function() {\r\n\t this.createPieChart(this.series);\r\n\t },\r\n\r\n\t createPieChart: function(series) {\r\n\t var firstSeries = series[0];\r\n\t var pieChart = new PieChart(this, {\r\n\t series: series,\r\n\t padding: firstSeries.padding,\r\n\t startAngle: firstSeries.startAngle,\r\n\t connectors: firstSeries.connectors,\r\n\t legend: this.options.legend\r\n\t });\r\n\r\n\t this.appendChart(pieChart);\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t PlotAreaBase.fn.appendChart.call(this, chart, pane);\r\n\t append(this.options.legend.items, chart.legendItems);\r\n\t }\r\n\t});\r\n\r\n\tvar DonutSegment = PieSegment.extend({\r\n\t reflowLabel: function() {\r\n\t var ref = this;\r\n\t var labelsOptions = ref.options.labels;\r\n\t var label = ref.label;\r\n\t var sector = this.sector.clone();\r\n\t var angle = sector.middle();\r\n\r\n\t if (label) {\r\n\t var labelHeight = label.box.height();\r\n\t if (labelsOptions.position === CENTER) {\r\n\t sector.radius -= (sector.radius - sector.innerRadius) / 2;\r\n\r\n\t var lp = sector.point(angle);\r\n\r\n\t label.reflow(new Box(lp.x, lp.y - labelHeight / 2, lp.x, lp.y));\r\n\t } else {\r\n\t PieSegment.fn.reflowLabel.call(this);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createSegment: function(sector, options) {\r\n\t return dataviz.ShapeBuilder.current.createRing(sector, options);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(DonutSegment, {\r\n\t overlay: {\r\n\t gradient: \"roundedGlass\"\r\n\t },\r\n\t labels: {\r\n\t position: CENTER\r\n\t },\r\n\t animation: {\r\n\t type: PIE\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(DonutSegment.prototype, PointEventsMixin);\r\n\r\n\tvar DONUT_SECTOR_ANIM_DELAY = 50;\r\n\r\n\tvar DonutChart = PieChart.extend({\r\n\t addValue: function(value, sector, fields) {\r\n\t var segmentOptions = deepExtend({}, fields.series, { index: fields.index });\r\n\t this.evalSegmentOptions(segmentOptions, value, fields);\r\n\r\n\t this.createLegendItem(value, segmentOptions, fields);\r\n\r\n\t if (!value || fields.visible === false) {\r\n\t return;\r\n\t }\r\n\r\n\t var segment = new DonutSegment(value, sector, segmentOptions);\r\n\r\n\t $.extend(segment, fields);\r\n\t this.append(segment);\r\n\t this.points.push(segment);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var box = targetBox.clone();\r\n\t var space = 5;\r\n\t var minWidth = Math.min(box.width(), box.height());\r\n\t var halfMinWidth = minWidth / 2;\r\n\t var defaultPadding = minWidth - minWidth * 0.85;\r\n\t var series = options.series;\r\n\t var seriesCount = series.length;\r\n\r\n\t var padding = valueOrDefault(options.padding, defaultPadding);\r\n\t padding = padding > halfMinWidth - space ? halfMinWidth - space : padding;\r\n\r\n\t var totalSize = halfMinWidth - padding;\r\n\t var seriesWithoutSize = 0;\r\n\t var holeSize;\r\n\r\n\t for (var i = 0; i < seriesCount; i++) {\r\n\t var currentSeries = series[i];\r\n\t if (i === 0) {\r\n\t if (defined(currentSeries.holeSize)) {\r\n\t holeSize = currentSeries.holeSize;\r\n\t totalSize -= currentSeries.holeSize;\r\n\t }\r\n\t }\r\n\r\n\t if (defined(currentSeries.size)) {\r\n\t totalSize -= currentSeries.size;\r\n\t } else {\r\n\t seriesWithoutSize++;\r\n\t }\r\n\r\n\t if (defined(currentSeries.margin) && i !== seriesCount - 1) {\r\n\t totalSize -= currentSeries.margin;\r\n\t }\r\n\t }\r\n\r\n\t if (!defined(holeSize)) {\r\n\t var currentSize = (halfMinWidth - padding) / (seriesCount + 0.75);\r\n\t holeSize = currentSize * 0.75;\r\n\t totalSize -= holeSize;\r\n\t }\r\n\r\n\t var innerRadius = holeSize;\r\n\t var margin = 0;\r\n\t var size, radius;\r\n\r\n\t this.seriesConfigs = [];\r\n\r\n\t for (var i$1 = 0; i$1 < seriesCount; i$1++) {\r\n\t var currentSeries$1 = series[i$1];\r\n\t size = valueOrDefault(currentSeries$1.size, totalSize / seriesWithoutSize);\r\n\t innerRadius += margin;\r\n\t radius = innerRadius + size;\r\n\t this$1.seriesConfigs.push({ innerRadius: innerRadius, radius: radius });\r\n\t margin = currentSeries$1.margin || 0;\r\n\t innerRadius = radius;\r\n\t }\r\n\r\n\t PieChart.fn.reflow.call(this, targetBox);\r\n\t },\r\n\r\n\t animationDelay: function(categoryIndex, seriesIndex, seriesCount) {\r\n\t return categoryIndex * DONUT_SECTOR_ANIM_DELAY +\r\n\t (INITIAL_ANIMATION_DURATION * (seriesIndex + 1) / (seriesCount + 1));\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(DonutChart, {\r\n\t startAngle: 90,\r\n\t connectors: {\r\n\t width: 2,\r\n\t color: \"#939393\",\r\n\t padding: 8\r\n\t }\r\n\t});\r\n\r\n\tvar DonutPlotArea = PiePlotArea.extend({\r\n\t render: function() {\r\n\t this.createDonutChart(this.series);\r\n\t },\r\n\r\n\t createDonutChart: function(series) {\r\n\t var firstSeries = series[0];\r\n\t var donutChart = new DonutChart(this, {\r\n\t series: series,\r\n\t padding: firstSeries.padding,\r\n\t connectors: firstSeries.connectors,\r\n\t legend: this.options.legend\r\n\t });\r\n\r\n\t this.appendChart(donutChart);\r\n\t }\r\n\t});\r\n\r\n\tvar DEFAULT_PADDING = 0.15;\r\n\r\n\tvar PolarPlotAreaBase = PlotAreaBase.extend({\r\n\t initFields: function() {\r\n\t this.valueAxisRangeTracker = new AxisGroupRangeTracker();\r\n\t },\r\n\r\n\t render: function() {\r\n\t this.addToLegend(this.series);\r\n\t this.createPolarAxis();\r\n\t this.createCharts();\r\n\t this.createValueAxis();\r\n\t },\r\n\r\n\t alignAxes: function() {\r\n\t var axis = this.valueAxis;\r\n\t var range = axis.range();\r\n\t var crossingValue = axis.options.reverse ? range.max : range.min;\r\n\t var slot = axis.getSlot(crossingValue);\r\n\t var center = this.polarAxis.getSlot(0).center;\r\n\t var axisBox = axis.box.translate(\r\n\t center.x - slot.x1,\r\n\t center.y - slot.y1\r\n\t );\r\n\r\n\t axis.reflow(axisBox);\r\n\t },\r\n\r\n\t createValueAxis: function() {\r\n\t var tracker = this.valueAxisRangeTracker;\r\n\t var defaultRange = tracker.query();\r\n\t var axisOptions = this.valueAxisOptions({\r\n\t roundToMajorUnit: false,\r\n\t zIndex: -1\r\n\t });\r\n\t var axisType, axisDefaultRange;\r\n\r\n\t if (axisOptions.type === LOGARITHMIC) {\r\n\t axisType = dataviz.RadarLogarithmicAxis;\r\n\t axisDefaultRange = { min: 0.1, max: 1 };\r\n\t } else {\r\n\t axisType = dataviz.RadarNumericAxis;\r\n\t axisDefaultRange = { min: 0, max: 1 };\r\n\t }\r\n\r\n\t var range = tracker.query(name) || defaultRange || axisDefaultRange;\r\n\r\n\t if (range && defaultRange) {\r\n\t range.min = Math.min(range.min, defaultRange.min);\r\n\t range.max = Math.max(range.max, defaultRange.max);\r\n\t }\r\n\r\n\t var valueAxis = new axisType(\r\n\t range.min, range.max,\r\n\t axisOptions,\r\n\t this.chartService\r\n\t );\r\n\r\n\t this.valueAxis = valueAxis;\r\n\t this.appendAxis(valueAxis);\r\n\t },\r\n\r\n\t reflowAxes: function() {\r\n\t var ref = this;\r\n\t var options = ref.options.plotArea;\r\n\t var valueAxis = ref.valueAxis;\r\n\t var polarAxis = ref.polarAxis;\r\n\t var box = ref.box;\r\n\t var defaultPadding = Math.min(box.width(), box.height()) * DEFAULT_PADDING;\r\n\t var padding = getSpacing(options.padding || {}, defaultPadding);\r\n\t var paddingBox = box.clone().unpad(padding);\r\n\t var axisBox = paddingBox.clone();\r\n\r\n\t axisBox.y2 = axisBox.y1 + Math.min(axisBox.width(), axisBox.height());\r\n\t axisBox.align(paddingBox, Y, CENTER);\r\n\r\n\t var valueAxisBox = axisBox.clone().shrink(0, axisBox.height() / 2);\r\n\r\n\t polarAxis.reflow(axisBox);\r\n\t valueAxis.reflow(valueAxisBox);\r\n\t var heightDiff = valueAxis.lineBox().height() - valueAxis.box.height();\r\n\t valueAxis.reflow(valueAxis.box.unpad({ top: heightDiff }));\r\n\r\n\t this.axisBox = axisBox;\r\n\t this.alignAxes(axisBox);\r\n\t },\r\n\r\n\t backgroundBox: function() {\r\n\t return this.box;\r\n\t }\r\n\t});\r\n\r\n\tvar PolarScatterChart = ScatterChart.extend({\r\n\t pointSlot: function(slotX, slotY) {\r\n\t var valueRadius = slotX.center.y - slotY.y1;\r\n\t var slot = Point.onCircle(slotX.center, slotX.startAngle, valueRadius);\r\n\r\n\t return new Box(slot.x, slot.y, slot.x, slot.y);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(PolarScatterChart, {\r\n\t clip: false\r\n\t});\r\n\r\n\tvar PolarLineChart = ScatterLineChart.extend({\r\n\r\n\t});\r\n\r\n\tPolarLineChart.prototype.pointSlot = PolarScatterChart.prototype.pointSlot;\r\n\r\n\tsetDefaultOptions(PolarLineChart, {\r\n\t clip: false\r\n\t});\r\n\r\n\tvar SplinePolarAreaSegment = SplineAreaSegment.extend({\r\n\t fillToAxes: function(fillPath) {\r\n\t var center = this._polarAxisCenter();\r\n\t fillPath.lineTo(center.x, center.y);\r\n\t },\r\n\r\n\t _polarAxisCenter: function() {\r\n\t var polarAxis = this.parent.plotArea.polarAxis;\r\n\t var center = polarAxis.box.center();\r\n\t return center;\r\n\t },\r\n\r\n\t strokeSegments: function() {\r\n\t var segments = this._strokeSegments;\r\n\r\n\t if (!segments) {\r\n\t var center = this._polarAxisCenter();\r\n\t var curveProcessor = new CurveProcessor(false);\r\n\t var linePoints = this.points();\r\n\r\n\t linePoints.push(center);\r\n\t segments = this._strokeSegments = curveProcessor.process(linePoints);\r\n\t segments.pop();\r\n\t }\r\n\r\n\t return segments;\r\n\t }\r\n\t});\r\n\r\n\tvar PolarAreaSegment = AreaSegment.extend({\r\n\t fillToAxes: function(fillPath) {\r\n\t var polarAxis = this.parent.plotArea.polarAxis;\r\n\t var center = polarAxis.box.center();\r\n\t var centerSegment = new geometry.Segment([ center.x, center.y ]);\r\n\r\n\t fillPath.segments.unshift(centerSegment);\r\n\t fillPath.segments.push(centerSegment);\r\n\t }\r\n\t});\r\n\r\n\tvar PolarAreaChart = PolarLineChart.extend({\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = (currentSeries.line || {}).style;\r\n\t var segment;\r\n\r\n\t if (style === SMOOTH) {\r\n\t segment = new SplinePolarAreaSegment(linePoints, currentSeries, seriesIx);\r\n\t } else {\r\n\t segment = new PolarAreaSegment(linePoints, currentSeries, seriesIx);\r\n\t }\r\n\t return segment;\r\n\t },\r\n\r\n\t createMissingValue: function(value, missingValues) {\r\n\t var missingValue;\r\n\r\n\t if (hasValue(value.x) && missingValues !== INTERPOLATE) {\r\n\t missingValue = {\r\n\t x: value.x,\r\n\t y: value.y\r\n\t };\r\n\t if (missingValues === ZERO) {\r\n\t missingValue.y = 0;\r\n\t }\r\n\t }\r\n\r\n\t return missingValue;\r\n\t },\r\n\r\n\t seriesMissingValues: function(series) {\r\n\t return series.missingValues || ZERO;\r\n\t },\r\n\r\n\t _hasMissingValuesGap: function() {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.options.series;\r\n\r\n\t for (var idx = 0; idx < series.length; idx++) {\r\n\t if (this$1.seriesMissingValues(series[idx]) === GAP) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t sortPoints: function(points) {\r\n\t var this$1 = this;\r\n\r\n\t points.sort(xComparer);\r\n\r\n\t if (this._hasMissingValuesGap()) {\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t var point = points[idx];\r\n\t if (point) {\r\n\t var value = point.value;\r\n\t if (!hasValue(value.y) && this$1.seriesMissingValues(point.series) === GAP) {\r\n\t delete points[idx];\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return points;\r\n\t }\r\n\t});\r\n\r\n\tfunction xComparer(a, b) {\r\n\t return a.value.x - b.value.x;\r\n\t}\r\n\r\n\tvar PolarPlotArea = PolarPlotAreaBase.extend({\r\n\t createPolarAxis: function() {\r\n\t var polarAxis = new dataviz.PolarAxis(this.options.xAxis, this.chartService);\r\n\r\n\t this.polarAxis = polarAxis;\r\n\t this.axisX = polarAxis;\r\n\t this.appendAxis(polarAxis);\r\n\t },\r\n\r\n\t valueAxisOptions: function(defaults) {\r\n\t return deepExtend(defaults, {\r\n\t majorGridLines: { type: ARC },\r\n\t minorGridLines: { type: ARC }\r\n\t }, this.options.yAxis);\r\n\t },\r\n\r\n\t createValueAxis: function() {\r\n\t PolarPlotAreaBase.fn.createValueAxis.call(this);\r\n\t this.axisY = this.valueAxis;\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t this.valueAxisRangeTracker.update(chart.yAxisRanges);\r\n\r\n\t PlotAreaBase.prototype.appendChart.call(this, chart, pane);\r\n\t },\r\n\r\n\t createCharts: function() {\r\n\t var series = this.filterVisibleSeries(this.series);\r\n\t var pane = this.panes[0];\r\n\r\n\t this.createLineChart(\r\n\t filterSeriesByType(series, [ POLAR_LINE ]),\r\n\t pane\r\n\t );\r\n\r\n\t this.createScatterChart(\r\n\t filterSeriesByType(series, [ POLAR_SCATTER ]),\r\n\t pane\r\n\t );\r\n\r\n\t this.createAreaChart(\r\n\t filterSeriesByType(series, [ POLAR_AREA ]),\r\n\t pane\r\n\t );\r\n\t },\r\n\r\n\t createLineChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var lineChart = new PolarLineChart(this, { series: series });\r\n\r\n\t this.appendChart(lineChart, pane);\r\n\t },\r\n\r\n\t createScatterChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var scatterChart = new PolarScatterChart(this, { series: series });\r\n\r\n\t this.appendChart(scatterChart, pane);\r\n\t },\r\n\r\n\t createAreaChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var areaChart = new PolarAreaChart(this, { series: series });\r\n\r\n\t this.appendChart(areaChart, pane);\r\n\t },\r\n\r\n\t _dispatchEvent: function(chart, e, eventType) {\r\n\t var coords = chart._eventCoordinates(e);\r\n\t var point = new Point(coords.x, coords.y);\r\n\t var xValue = this.axisX.getValue(point);\r\n\t var yValue = this.axisY.getValue(point);\r\n\r\n\t if (xValue !== null && yValue !== null) {\r\n\t chart.trigger(eventType, {\r\n\t element: eventElement(e),\r\n\t x: xValue,\r\n\t y: yValue\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t createCrosshairs: function() {}\r\n\t});\r\n\r\n\tsetDefaultOptions(PolarPlotArea, {\r\n\t xAxis: {},\r\n\t yAxis: {}\r\n\t});\r\n\r\n\tdeepExtend(PolarPlotArea.prototype, PlotAreaEventsMixin);\r\n\r\n\tvar RadarLineChart = LineChart.extend({\r\n\t pointSlot: function(categorySlot, valueSlot) {\r\n\t var valueRadius = categorySlot.center.y - valueSlot.y1;\r\n\t var slot = Point.onCircle(categorySlot.center, categorySlot.middle(), valueRadius);\r\n\r\n\t return new Box(slot.x, slot.y, slot.x, slot.y);\r\n\t },\r\n\r\n\t createSegment: function(linePoints, currentSeries, seriesIx) {\r\n\t var style = currentSeries.style;\r\n\t var pointType;\r\n\r\n\t if (style === SMOOTH) {\r\n\t pointType = SplineSegment;\r\n\t } else {\r\n\t pointType = LineSegment;\r\n\t }\r\n\r\n\t var segment = new pointType(linePoints, currentSeries, seriesIx);\r\n\r\n\t if (linePoints.length === currentSeries.data.length) {\r\n\t segment.options.closed = true;\r\n\t }\r\n\r\n\t return segment;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarLineChart, {\r\n\t clip: false,\r\n\t limitPoints: false\r\n\t});\r\n\r\n\tvar SplineRadarAreaSegment = SplineAreaSegment.extend({\r\n\t fillToAxes: function() {}\r\n\t});\r\n\r\n\tvar RadarAreaSegment = AreaSegment.extend({\r\n\t fillToAxes: function() {}\r\n\t});\r\n\r\n\tvar RadarAreaChart = RadarLineChart.extend({\r\n\t createSegment: function(linePoints, currentSeries, seriesIx, prevSegment) {\r\n\t var isStacked = this.options.isStacked;\r\n\t var style = (currentSeries.line || {}).style;\r\n\t var previousSegment;\r\n\t var stackPoints;\r\n\t var segment;\r\n\r\n\t if (isStacked && seriesIx > 0 && prevSegment) {\r\n\t stackPoints = prevSegment.linePoints.slice(0);\r\n\t previousSegment = prevSegment;\r\n\t }\r\n\r\n\t if (style === SMOOTH) {\r\n\t segment = new SplineRadarAreaSegment(linePoints, currentSeries, seriesIx, previousSegment, stackPoints);\r\n\t segment.options.closed = true;\r\n\t } else {\r\n\t linePoints.push(linePoints[0]);\r\n\t segment = new RadarAreaSegment(linePoints, currentSeries, seriesIx, previousSegment, stackPoints);\r\n\t }\r\n\r\n\t return segment;\r\n\t },\r\n\r\n\t seriesMissingValues: function(series) {\r\n\t return series.missingValues || ZERO;\r\n\t }\r\n\t});\r\n\r\n\tvar RadarSegment = DonutSegment.extend({\r\n\t init: function(value, options) {\r\n\t DonutSegment.fn.init.call(this, value, null, options);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarSegment, {\r\n\t overlay: {\r\n\t gradient: \"none\"\r\n\t },\r\n\t labels: {\r\n\t distance: 10\r\n\t }\r\n\t});\r\n\r\n\tvar RadarClusterLayout = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.forEach = options.rtl ? forEachReverse : forEach;\r\n\t },\r\n\r\n\t reflow: function(sector) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var children = ref.children;\r\n\t var gap = options.gap;\r\n\t var spacing = options.spacing;\r\n\t var count = children.length;\r\n\t var slots = count + gap + (spacing * (count - 1));\r\n\t var slotAngle = sector.angle / slots;\r\n\t var angle = sector.startAngle + slotAngle * (gap / 2);\r\n\r\n\t this.forEach(children, function (child) {\r\n\t var slotSector = sector.clone();\r\n\t slotSector.startAngle = angle;\r\n\t slotSector.angle = slotAngle;\r\n\r\n\t if (child.sector) {\r\n\t slotSector.radius = child.sector.radius;\r\n\t }\r\n\r\n\t child.reflow(slotSector);\r\n\t child.sector = slotSector;\r\n\r\n\t angle += slotAngle + (slotAngle * spacing);\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarClusterLayout, {\r\n\t gap: 1,\r\n\t spacing: 0\r\n\t});\r\n\r\n\tvar RadarStackLayout = ChartElement.extend({\r\n\t reflow: function(sector) {\r\n\t var ref = this;\r\n\t var reverse = ref.options.reverse;\r\n\t var children = ref.children;\r\n\t var childrenCount = children.length;\r\n\t var first = reverse ? childrenCount - 1 : 0;\r\n\t var step = reverse ? -1 : 1;\r\n\r\n\t this.box = new Box();\r\n\r\n\t for (var i = first; i >= 0 && i < childrenCount; i += step) {\r\n\t var childSector = children[i].sector;\r\n\t childSector.startAngle = sector.startAngle;\r\n\t childSector.angle = sector.angle;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar RadarBarChart = BarChart.extend({\r\n\t pointType: function() {\r\n\t return RadarSegment;\r\n\t },\r\n\r\n\t clusterType: function() {\r\n\t return RadarClusterLayout;\r\n\t },\r\n\r\n\t stackType: function() {\r\n\t return RadarStackLayout;\r\n\t },\r\n\r\n\t categorySlot: function(categoryAxis, categoryIx) {\r\n\t return categoryAxis.getSlot(categoryIx);\r\n\t },\r\n\r\n\t pointSlot: function(categorySlot, valueSlot) {\r\n\t var slot = categorySlot.clone();\r\n\t var y = categorySlot.center.y;\r\n\r\n\t slot.radius = y - valueSlot.y1;\r\n\t slot.innerRadius = y - valueSlot.y2;\r\n\r\n\t return slot;\r\n\t },\r\n\r\n\t reflowPoint: function(point, pointSlot) {\r\n\t point.sector = pointSlot;\r\n\t point.reflow();\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t this.options.animation.center = this.box.toRect().center();\r\n\t BarChart.fn.createAnimation.call(this);\r\n\t }\r\n\t});\r\n\r\n\tRadarBarChart.prototype.reflow = CategoricalChart.prototype.reflow;\r\n\r\n\tsetDefaultOptions(RadarBarChart, {\r\n\t clip: false,\r\n\t limitPoints: false,\r\n\t animation: {\r\n\t type: \"pie\"\r\n\t }\r\n\t});\r\n\r\n\tvar RadarPlotArea = PolarPlotAreaBase.extend({\r\n\t createPolarAxis: function() {\r\n\t var categoryAxis = new dataviz.RadarCategoryAxis(this.options.categoryAxis, this.chartService);\r\n\r\n\t this.polarAxis = categoryAxis;\r\n\t this.categoryAxis = categoryAxis;\r\n\t this.appendAxis(categoryAxis);\r\n\t this.aggregateCategories();\r\n\t this.createCategoryAxesLabels();\r\n\t },\r\n\r\n\t valueAxisOptions: function(defaults) {\r\n\t if (this._hasBarCharts) {\r\n\t deepExtend(defaults, {\r\n\t majorGridLines: { type: ARC },\r\n\t minorGridLines: { type: ARC }\r\n\t });\r\n\t }\r\n\r\n\t if (this._isStacked100) {\r\n\t deepExtend(defaults, {\r\n\t roundToMajorUnit: false,\r\n\t labels: { format: \"P0\" }\r\n\t });\r\n\t }\r\n\r\n\t return deepExtend(defaults, this.options.valueAxis);\r\n\t },\r\n\r\n\t aggregateCategories: function() {\r\n\t // No separate panes in radar charts\r\n\t CategoricalPlotArea.prototype.aggregateCategories.call(this, this.panes);\r\n\t },\r\n\r\n\t createCategoryAxesLabels: function() {\r\n\t CategoricalPlotArea.prototype.createCategoryAxesLabels.call(this, this.panes);\r\n\t },\r\n\r\n\t filterSeries: function(currentSeries) {\r\n\t // Not supported for radar charts\r\n\t return currentSeries;\r\n\t },\r\n\r\n\t createCharts: function() {\r\n\t var series = this.filterVisibleSeries(this.series);\r\n\t var pane = this.panes[0];\r\n\r\n\t this.createAreaChart(\r\n\t filterSeriesByType(series, [ RADAR_AREA ]),\r\n\t pane\r\n\t );\r\n\r\n\t this.createLineChart(\r\n\t filterSeriesByType(series, [ RADAR_LINE ]),\r\n\t pane\r\n\t );\r\n\r\n\t this.createBarChart(\r\n\t filterSeriesByType(series, [ RADAR_COLUMN ]),\r\n\t pane\r\n\t );\r\n\t },\r\n\r\n\t chartOptions: function(series) {\r\n\t var options = { series: series };\r\n\t var firstSeries = series[0];\r\n\t if (firstSeries) {\r\n\t var filteredSeries = this.filterVisibleSeries(series);\r\n\t var stack = firstSeries.stack;\r\n\t options.isStacked = stack && filteredSeries.length > 1;\r\n\t options.isStacked100 = stack && stack.type === \"100%\" && filteredSeries.length > 1;\r\n\r\n\t if (options.isStacked100) {\r\n\t this._isStacked100 = true;\r\n\t }\r\n\t }\r\n\r\n\t return options;\r\n\t },\r\n\r\n\t createAreaChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var areaChart = new RadarAreaChart(this, this.chartOptions(series));\r\n\t this.appendChart(areaChart, pane);\r\n\t },\r\n\r\n\t createLineChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var lineChart = new RadarLineChart(this, this.chartOptions(series));\r\n\t this.appendChart(lineChart, pane);\r\n\t },\r\n\r\n\t createBarChart: function(series, pane) {\r\n\t if (series.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var firstSeries = series[0];\r\n\t var options = this.chartOptions(series);\r\n\t options.gap = firstSeries.gap;\r\n\t options.spacing = firstSeries.spacing;\r\n\r\n\t var barChart = new RadarBarChart(this, options);\r\n\t this.appendChart(barChart, pane);\r\n\r\n\t this._hasBarCharts = true;\r\n\t },\r\n\r\n\t seriesCategoryAxis: function() {\r\n\t return this.categoryAxis;\r\n\t },\r\n\r\n\t _dispatchEvent: function(chart, e, eventType) {\r\n\t var coords = chart._eventCoordinates(e);\r\n\t var point = new Point(coords.x, coords.y);\r\n\t var category = this.categoryAxis.getCategory(point);\r\n\t var value = this.valueAxis.getValue(point);\r\n\r\n\t if (category !== null && value !== null) {\r\n\t chart.trigger(eventType, {\r\n\t element: eventElement(e),\r\n\t category: category,\r\n\t value: value\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t createCrosshairs: function() {}\r\n\t});\r\n\r\n\tdeepExtend(RadarPlotArea.prototype, PlotAreaEventsMixin, {\r\n\t appendChart: CategoricalPlotArea.prototype.appendChart,\r\n\t aggregateSeries: CategoricalPlotArea.prototype.aggregateSeries\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarPlotArea, {\r\n\t categoryAxis: {\r\n\t categories: []\r\n\t },\r\n\t valueAxis: {}\r\n\t});\r\n\r\n\tvar FunnelSegment = ChartElement.extend({\r\n\t init: function(value, options, segmentOptions) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.value = value;\r\n\t this.options.index = segmentOptions.index;\r\n\t },\r\n\r\n\t reflow: function(chartBox) {\r\n\t var points = this.points;\r\n\t var label = this.children[0];\r\n\r\n\t this.box = new Box(points[0].x, points[0].y, points[1].x, points[2].y);\r\n\r\n\t if (label) {\r\n\t label.reflow(new Box(chartBox.x1, points[0].y, chartBox.x2, points[2].y));\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var visual;\r\n\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t if (options.visual) {\r\n\t visual = options.visual({\r\n\t category: this.category,\r\n\t dataItem: this.dataItem,\r\n\t value: this.value,\r\n\t series: this.series,\r\n\t percentage: this.percentage,\r\n\t points: this.points,\r\n\t options: options,\r\n\t sender: this.getSender(),\r\n\t createVisual: function () { return this$1.createPath(); }\r\n\t });\r\n\t } else {\r\n\t visual = this.createPath();\r\n\t }\r\n\r\n\t if (visual) {\r\n\t this.visual.append(visual);\r\n\t }\r\n\t },\r\n\r\n\t createPath: function() {\r\n\t var options = this.options;\r\n\t var border = options.border;\r\n\t var path = Path.fromPoints(this.points, {\r\n\t fill: {\r\n\t color: options.color,\r\n\t opacity: options.opacity\r\n\t },\r\n\t stroke: {\r\n\t color: border.color,\r\n\t opacity: border.opacity,\r\n\t width: border.width\r\n\t }\r\n\t }).close();\r\n\r\n\t return path;\r\n\t },\r\n\r\n\t createHighlight: function(style) {\r\n\t return Path.fromPoints(this.points, style);\r\n\t },\r\n\r\n\t highlightVisual: function() {\r\n\t return this.visual.children[0];\r\n\t },\r\n\r\n\t highlightVisualArgs: function() {\r\n\t var path = Path.fromPoints(this.points).close();\r\n\r\n\t return {\r\n\t options: this.options,\r\n\t path: path\r\n\t };\r\n\t },\r\n\r\n\t tooltipAnchor: function() {\r\n\t var box = this.box;\r\n\t return {\r\n\t point: new Point(box.center().x, box.y1),\r\n\t align: {\r\n\t horizontal: \"center\",\r\n\t vertical: \"top\"\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t formatValue: function(format) {\r\n\t var point = this;\r\n\t return point.owner.formatPointValue(point, format);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(FunnelSegment, {\r\n\t color: WHITE,\r\n\t border: {\r\n\t width: 1\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(FunnelSegment.prototype, PointEventsMixin);\r\n\r\n\tvar FunnelChart = ChartElement.extend({\r\n\t init: function(plotArea, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.plotArea = plotArea;\r\n\t this.points = [];\r\n\t this.labels = [];\r\n\t this.legendItems = [];\r\n\t this.render();\r\n\t },\r\n\r\n\t formatPointValue: function(point, format) {\r\n\t return this.chartService.format.auto(format,point.value);\r\n\t },\r\n\r\n\t render: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var seriesColors = ref.plotArea.options.seriesColors; if (seriesColors === void 0) { seriesColors = []; }\r\n\t var series = options.series[0];\r\n\t var data = series.data;\r\n\r\n\t if (!data) {\r\n\t return;\r\n\t }\r\n\r\n\t var ref$1 = bindSegments(series);\r\n\t var total = ref$1.total;\r\n\t var points = ref$1.points;\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var pointData = points[i];\r\n\r\n\t if (!pointData) {\r\n\t continue;\r\n\t }\r\n\r\n\t var fields = pointData.fields;\r\n\r\n\t if (!isFunction(series.color)) {\r\n\t series.color = fields.color || seriesColors[i % seriesColors.length];\r\n\t }\r\n\r\n\t fields = deepExtend({\r\n\t index: i,\r\n\t owner: this$1,\r\n\t series: series,\r\n\t dataItem: data[i],\r\n\t percentage: pointData.value / total\r\n\t }, fields, { visible: pointData.visible });\r\n\r\n\t var value = pointData.valueFields.value;\r\n\t var segment = this$1.createSegment(value, fields);\r\n\t var label = this$1.createLabel(value, fields);\r\n\r\n\t if (segment && label) {\r\n\t segment.append(label);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t evalSegmentOptions: function(options, value, fields) {\r\n\t var series = fields.series;\r\n\r\n\t evalOptions(options, {\r\n\t value: value,\r\n\t series: series,\r\n\t dataItem: fields.dataItem,\r\n\t index: fields.index\r\n\t }, { defaults: series._defaults, excluded: [ \"data\", \"content\", \"template\", \"toggle\", \"visual\" ] });\r\n\t },\r\n\r\n\t createSegment: function(value, fields) {\r\n\t var seriesOptions = deepExtend({}, fields.series);\r\n\t this.evalSegmentOptions(seriesOptions, value, fields);\r\n\r\n\t this.createLegendItem(value, seriesOptions, fields);\r\n\r\n\t if (fields.visible !== false) {\r\n\r\n\t var segment = new FunnelSegment(value, seriesOptions, fields);\r\n\t $.extend(segment, fields);\r\n\r\n\t this.append(segment);\r\n\t this.points.push(segment);\r\n\r\n\t return segment;\r\n\t }\r\n\t },\r\n\r\n\t createLabel: function(value, fields) {\r\n\t var series = fields.series;\r\n\t var dataItem = fields.dataItem;\r\n\t var labels = deepExtend({}, this.options.labels, series.labels);\r\n\t var text = value;\r\n\r\n\t if (labels.visible) {\r\n\t var labelTemplate = getTemplate(labels);\r\n\t if (labelTemplate) {\r\n\t text = labelTemplate({\r\n\t dataItem: dataItem,\r\n\t value: value,\r\n\t percentage: fields.percentage,\r\n\t category: fields.category,\r\n\t series: series\r\n\t });\r\n\t } else if (labels.format) {\r\n\t text = this.plotArea.chartService.format.auto(labels.format, text);\r\n\t }\r\n\r\n\t if (!labels.color) {\r\n\t var brightnessValue = new Color(series.color).percBrightness();\r\n\t if (brightnessValue > 180) {\r\n\t labels.color = BLACK;\r\n\t } else {\r\n\t labels.color = WHITE;\r\n\t }\r\n\t if (!labels.background) {\r\n\t labels.background = series.color;\r\n\t }\r\n\t }\r\n\r\n\t this.evalSegmentOptions(labels, value, fields);\r\n\t var textBox = new TextBox(text, deepExtend({\r\n\t vAlign: labels.position\r\n\t }, labels));\r\n\r\n\t this.labels.push(textBox);\r\n\r\n\t return textBox;\r\n\t }\r\n\t },\r\n\r\n\t labelPadding: function() {\r\n\t var labels = this.labels;\r\n\t var padding = { left: 0, right: 0 };\r\n\r\n\t for (var i = 0; i < labels.length; i++) {\r\n\t var label = labels[i];\r\n\t var align = label.options.align;\r\n\t if (align !== CENTER) {\r\n\t var width = labels[i].box.width();\r\n\r\n\t if (align === LEFT) {\r\n\t padding.left = Math.max(padding.left, width);\r\n\t } else {\r\n\t padding.right = Math.max(padding.right, width);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return padding;\r\n\t },\r\n\r\n\t dynamicSlopeReflow: function(box, width, totalHeight) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var segments = ref.points;\r\n\t var count = segments.length;\r\n\t var firstSegment = segments[0];\r\n\t var maxSegment = firstSegment;\r\n\r\n\t for (var idx = 0; idx < segments.length; idx++) {\r\n\t if (segments[idx].percentage > maxSegment.percentage) {\r\n\t maxSegment = segments[idx];\r\n\t }\r\n\t }\r\n\r\n\t var lastUpperSide = (firstSegment.percentage / maxSegment.percentage) * width;\r\n\t var previousOffset = (width - lastUpperSide) / 2;\r\n\t var previousHeight = 0;\r\n\r\n\t for (var idx$1 = 0; idx$1 < count; idx$1++) {\r\n\t var percentage = segments[idx$1].percentage;\r\n\t var nextSegment = segments[idx$1 + 1];\r\n\t var nextPercentage = (nextSegment ? nextSegment.percentage : percentage);\r\n\t var points = segments[idx$1].points = [];\r\n\t var height = (options.dynamicHeight) ? (totalHeight * percentage) : (totalHeight / count);\r\n\t var offset = (void 0);\r\n\r\n\t if (!percentage) {\r\n\t offset = nextPercentage ? 0 : width / 2;\r\n\t } else {\r\n\t offset = (width - lastUpperSide * (nextPercentage / percentage)) / 2;\r\n\t }\r\n\r\n\t offset = limitValue(offset, 0, width);\r\n\r\n\t points.push(new GeometryPoint(box.x1 + previousOffset, box.y1 + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + width - previousOffset, box.y1 + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + width - offset, box.y1 + height + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + offset, box.y1 + height + previousHeight));\r\n\r\n\t previousOffset = offset;\r\n\t previousHeight += height + options.segmentSpacing;\r\n\t lastUpperSide = limitValue(width - 2 * offset, 0, width);\r\n\t }\r\n\t },\r\n\r\n\t constantSlopeReflow: function(box, width, totalHeight) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var segments = ref.points;\r\n\t var count = segments.length;\r\n\t var decreasingWidth = options.neckRatio <= 1;\r\n\t var neckRatio = decreasingWidth ? options.neckRatio * width : width;\r\n\t var previousOffset = decreasingWidth ? 0 : (width - width / options.neckRatio) / 2;\r\n\t var topMostWidth = decreasingWidth ? width : width - previousOffset * 2;\r\n\t var finalNarrow = (topMostWidth - neckRatio) / 2;\r\n\t var previousHeight = 0;\r\n\r\n\t for (var idx = 0; idx < count; idx++) {\r\n\t var points = segments[idx].points = [];\r\n\t var percentage = segments[idx].percentage;\r\n\t var offset = (options.dynamicHeight) ? (finalNarrow * percentage) : (finalNarrow / count);\r\n\t var height = (options.dynamicHeight) ? (totalHeight * percentage) : (totalHeight / count);\r\n\r\n\t points.push(new GeometryPoint(box.x1 + previousOffset, box.y1 + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + width - previousOffset, box.y1 + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + width - previousOffset - offset, box.y1 + height + previousHeight));\r\n\t points.push(new GeometryPoint(box.x1 + previousOffset + offset,box.y1 + height + previousHeight));\r\n\t previousOffset += offset;\r\n\t previousHeight += height + options.segmentSpacing;\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(chartBox) {\r\n\t var points = this.points;\r\n\t var count = points.length;\r\n\r\n\t if (!count) {\r\n\t return;\r\n\t }\r\n\r\n\t var options = this.options;\r\n\t var box = chartBox.clone().unpad(this.labelPadding());\r\n\t var totalHeight = box.height() - options.segmentSpacing * (count - 1);\r\n\t var width = box.width();\r\n\r\n\t if (options.dynamicSlope) {\r\n\t this.dynamicSlopeReflow(box, width, totalHeight);\r\n\t } else {\r\n\t this.constantSlopeReflow(box, width, totalHeight);\r\n\t }\r\n\r\n\t for (var idx = 0; idx < count; idx++) {\r\n\t points[idx].reflow(chartBox);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(FunnelChart, {\r\n\t neckRatio: 0.3,\r\n\t width: 300,\r\n\t dynamicSlope: false,\r\n\t dynamicHeight: true,\r\n\t segmentSpacing: 0,\r\n\t labels: {\r\n\t visible: false,\r\n\t align: CENTER,\r\n\t position: CENTER,\r\n\t zIndex: 1\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(FunnelChart.prototype, PieChartMixin);\r\n\r\n\tvar FunnelPlotArea = PlotAreaBase.extend({\r\n\t render: function() {\r\n\t this.createFunnelChart(this.series);\r\n\t },\r\n\r\n\t createFunnelChart: function(series) {\r\n\t var firstSeries = series[0];\r\n\t var funnelChart = new FunnelChart(this, {\r\n\t series: series,\r\n\t legend: this.options.legend,\r\n\t neckRatio: firstSeries.neckRatio,\r\n\t dynamicHeight: firstSeries.dynamicHeight,\r\n\t dynamicSlope: firstSeries.dynamicSlope,\r\n\t segmentSpacing: firstSeries.segmentSpacing,\r\n\t highlight: firstSeries.highlight\r\n\t });\r\n\r\n\t this.appendChart(funnelChart);\r\n\t },\r\n\r\n\t appendChart: function(chart, pane) {\r\n\t PlotAreaBase.fn.appendChart.call(this, chart, pane);\r\n\t append(this.options.legend.items, chart.legendItems);\r\n\t }\r\n\t});\r\n\r\n\tvar COLOR = \"color\";\r\n\tvar FIRST = \"first\";\r\n\tvar FROM = \"from\";\r\n\tvar MAX = \"max\";\r\n\tvar MIN = \"min\";\r\n\tvar NOTE_TEXT = \"noteText\";\r\n\tvar SUMMARY_FIELD = \"summary\";\r\n\tvar TO = \"to\";\r\n\r\n\tPlotAreaFactory.current.register(CategoricalPlotArea, [\r\n\t BAR, COLUMN, LINE, VERTICAL_LINE, AREA, VERTICAL_AREA,\r\n\t CANDLESTICK, OHLC, BULLET, VERTICAL_BULLET, BOX_PLOT, VERTICAL_BOX_PLOT,\r\n\t RANGE_COLUMN, RANGE_BAR, WATERFALL, HORIZONTAL_WATERFALL, RANGE_AREA, VERTICAL_RANGE_AREA\r\n\t]);\r\n\r\n\tPlotAreaFactory.current.register(XYPlotArea, [\r\n\t SCATTER, SCATTER_LINE, BUBBLE\r\n\t]);\r\n\r\n\tPlotAreaFactory.current.register(PiePlotArea, [ PIE ]);\r\n\tPlotAreaFactory.current.register(DonutPlotArea, [ DONUT ]);\r\n\tPlotAreaFactory.current.register(FunnelPlotArea, [ FUNNEL ]);\r\n\r\n\tPlotAreaFactory.current.register(PolarPlotArea, [ POLAR_AREA, POLAR_LINE, POLAR_SCATTER ]);\r\n\tPlotAreaFactory.current.register(RadarPlotArea, [ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ]);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ BAR, COLUMN, LINE, VERTICAL_LINE, AREA, VERTICAL_AREA ],\r\n\t [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, ERROR_LOW_FIELD, ERROR_HIGH_FIELD ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ RANGE_COLUMN, RANGE_BAR, RANGE_AREA, VERTICAL_RANGE_AREA ],\r\n\t [ FROM, TO ], [ CATEGORY, COLOR, NOTE_TEXT ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ WATERFALL, HORIZONTAL_WATERFALL ],\r\n\t [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, SUMMARY_FIELD ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register([ POLAR_AREA, POLAR_LINE, POLAR_SCATTER ], [ X, Y ], [ COLOR ]);\r\n\tSeriesBinder.current.register([ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ], [ VALUE ], [ COLOR ]);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ FUNNEL ],\r\n\t [ VALUE ], [ CATEGORY, COLOR, \"visibleInLegend\", \"visible\" ]\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ BAR, COLUMN, LINE, VERTICAL_LINE, AREA, VERTICAL_AREA, WATERFALL, HORIZONTAL_WATERFALL ],\r\n\t { value: MAX, color: FIRST, noteText: FIRST, errorLow: MIN, errorHigh: MAX }\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ RANGE_COLUMN, RANGE_BAR, RANGE_AREA, VERTICAL_RANGE_AREA ],\r\n\t { from: MIN, to: MAX, color: FIRST, noteText: FIRST }\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ],\r\n\t { value: MAX, color: FIRST }\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ SCATTER, SCATTER_LINE, BUBBLE ],\r\n\t [ X, Y ], [ COLOR, NOTE_TEXT, X_ERROR_LOW_FIELD, X_ERROR_HIGH_FIELD, Y_ERROR_LOW_FIELD, Y_ERROR_HIGH_FIELD ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ BUBBLE ], [ X, Y, \"size\" ], [ COLOR, CATEGORY, NOTE_TEXT ]\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ CANDLESTICK, OHLC ],\r\n\t [ \"open\", \"high\", \"low\", \"close\" ], [ CATEGORY, COLOR, \"downColor\", NOTE_TEXT ]\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ CANDLESTICK, OHLC ],\r\n\t { open: MAX, high: MAX, low: MIN, close: MAX,\r\n\t color: FIRST, downColor: FIRST, noteText: FIRST }\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ BOX_PLOT, VERTICAL_BOX_PLOT ],\r\n\t [ \"lower\", \"q1\", \"median\", \"q3\", \"upper\", \"mean\", \"outliers\" ], [ CATEGORY, COLOR, NOTE_TEXT ]\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ BOX_PLOT, VERTICAL_BOX_PLOT ],\r\n\t { lower: MAX, q1: MAX, median: MAX, q3: MAX, upper: MAX, mean: MAX, outliers: FIRST,\r\n\t color: FIRST, noteText: FIRST }\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ BULLET, VERTICAL_BULLET ],\r\n\t [ \"current\", \"target\" ], [ CATEGORY, COLOR, \"visibleInLegend\", NOTE_TEXT ]\r\n\t);\r\n\r\n\tDefaultAggregates.current.register(\r\n\t [ BULLET, VERTICAL_BULLET ],\r\n\t { current: MAX, target: MAX, color: FIRST, noteText: FIRST }\r\n\t);\r\n\r\n\tSeriesBinder.current.register(\r\n\t [ PIE, DONUT ],\r\n\t [ VALUE ], [ CATEGORY, COLOR, \"explode\", \"visibleInLegend\", \"visible\" ]\r\n\t);\r\n\r\n\tvar AXIS_NAMES = [ CATEGORY, VALUE, X, Y ];\r\n\r\n\tvar MOUSEMOVE = \"mousemove\";\r\n\tvar CONTEXTMENU = \"contextmenu\";\r\n\tvar MOUSEMOVE_DELAY = 20;\r\n\r\n\tvar Chart = Class.extend({\r\n\t init: function(element, userOptions, themeOptions, context) {\r\n\t var this$1 = this;\r\n\t if (context === void 0) { context = {}; }\r\n\r\n\t this.observers = [];\r\n\t this.addObserver(context.observer);\r\n\t this.chartService = new services.ChartService(this, context);\r\n\t this.chartService.theme = themeOptions;\r\n\r\n\t this._initElement(element);\r\n\r\n\t var options = deepExtend({}, this.options, userOptions);\r\n\t this._originalOptions = deepExtend({}, options);\r\n\t this._theme = themeOptions;\r\n\t this._initTheme(options, themeOptions);\r\n\r\n\t this._initSurface();\r\n\r\n\t this._initHandlers();\r\n\r\n\t this.bindCategories();\r\n\t dataviz.FontLoader.preloadFonts(userOptions, function () {\r\n\t if (!this$1._destroyed) {\r\n\t this$1.trigger('init');\r\n\t this$1._redraw();\r\n\t this$1._attachEvents();\r\n\t }\r\n\t });\r\n\t },\r\n\r\n\t _initElement: function(element) {\r\n\t this._setElementClass(element);\r\n\t element.style.position = \"relative\";\r\n\t while (element.firstChild) {\r\n\t element.removeChild(element.firstChild);\r\n\t }\r\n\t this.element = element;\r\n\t },\r\n\r\n\t _setElementClass: function(element) {\r\n\t dataviz.addClass(element, \"k-chart\");\r\n\t },\r\n\r\n\t _initTheme: function(options, themeOptions) {\r\n\t var seriesCopies = [];\r\n\t var series = options.series || [];\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t seriesCopies.push($.extend({}, series[i]));\r\n\t }\r\n\t options.series = seriesCopies;\r\n\r\n\t resolveAxisAliases(options);\r\n\t this.applyDefaults(options, themeOptions);\r\n\r\n\t // Clean up default if not overriden by data attributes\r\n\t if (options.seriesColors === null) {\r\n\t delete options.seriesColors;\r\n\t }\r\n\r\n\t this.options = deepExtend({}, themeOptions, options);\r\n\t this.applySeriesColors();\r\n\t },\r\n\r\n\t getSize: function() {\r\n\t return { width: this.element.offsetWidth, height: this.element.offsetHeight };\r\n\t // return kendo.dimensions(this.element);\r\n\t },\r\n\r\n\t resize: function(force) {\r\n\t var size = this.getSize();\r\n\t var currentSize = this._size;\r\n\r\n\t if (force || (size.width > 0 || size.height > 0) && (!currentSize || size.width !== currentSize.width || size.height !== currentSize.height)) {\r\n\t this._size = size;\r\n\t this._resize(size, force);\r\n\t this.trigger(\"resize\", size);\r\n\t }\r\n\t },\r\n\r\n\t _resize: function() {\r\n\t this._noTransitionsRedraw();\r\n\t },\r\n\r\n\t redraw: function(paneName) {\r\n\t this.applyDefaults(this.options);\r\n\t this.applySeriesColors();\r\n\r\n\t if (paneName) {\r\n\t var plotArea = this._model._plotArea;\r\n\t var pane = plotArea.findPane(paneName);\r\n\t plotArea.redraw(pane);\r\n\t } else {\r\n\t this._redraw();\r\n\t }\r\n\t },\r\n\r\n\t getAxis: function(name) {\r\n\t var axes = this._plotArea.axes;\r\n\r\n\t for (var idx = 0; idx < axes.length; idx++) {\r\n\t if (axes[idx].options.name === name) {\r\n\t return new ChartAxis(axes[idx]);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t findAxisByName: function(name) {\r\n\t return this.getAxis(name);\r\n\t },\r\n\r\n\t findPaneByName: function(name) {\r\n\t var panes = this._plotArea.panes;\r\n\r\n\t for (var idx = 0; idx < panes.length; idx++) {\r\n\t if (panes[idx].options.name === name) {\r\n\t return new ChartPane(panes[idx]);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t findPaneByIndex: function(idx) {\r\n\t var panes = this._plotArea.panes;\r\n\t if (panes[idx]) {\r\n\t return new ChartPane(panes[idx]);\r\n\t }\r\n\t },\r\n\r\n\t plotArea: function() {\r\n\t return new ChartPlotArea(this._plotArea);\r\n\t },\r\n\r\n\t toggleHighlight: function(show, filter) {\r\n\t var plotArea = this._plotArea;\r\n\t var firstSeries = (plotArea.srcSeries || plotArea.series || [])[0];\r\n\t var points;\r\n\r\n\t if (isFunction(filter)) {\r\n\t points = plotArea.filterPoints(filter);\r\n\t } else {\r\n\t var seriesName, categoryName;\r\n\t if (isObject(filter)) {\r\n\t seriesName = filter.series;\r\n\t categoryName = filter.category;\r\n\t } else {\r\n\t seriesName = categoryName = filter;\r\n\t }\r\n\r\n\t if (firstSeries.type === DONUT) {\r\n\t points = pointByCategoryName(plotArea.pointsBySeriesName(seriesName), categoryName);\r\n\t } else if (firstSeries.type === PIE || firstSeries.type === FUNNEL) {\r\n\t points = pointByCategoryName((plotArea.charts[0] || {}).points, categoryName);\r\n\t } else {\r\n\t points = plotArea.pointsBySeriesName(seriesName);\r\n\t }\r\n\t }\r\n\r\n\t if (points) {\r\n\t this.togglePointsHighlight(show, points);\r\n\t }\r\n\t },\r\n\r\n\t togglePointsHighlight: function(show, points) {\r\n\t var highlight = this._highlight;\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t highlight.togglePointHighlight(points[idx], show);\r\n\t }\r\n\t },\r\n\r\n\t showTooltip: function(filter) {\r\n\t var shared = this._sharedTooltip();\r\n\t var ref = this;\r\n\t var tooltip = ref._tooltip;\r\n\t var plotArea = ref._plotArea;\r\n\t var point, categoryIndex;\r\n\r\n\t if (isFunction(filter)) {\r\n\t point = plotArea.findPoint(filter);\r\n\t if (point && shared) {\r\n\t categoryIndex = point.categoryIx;\r\n\t }\r\n\t } else if (shared && defined(filter)) {\r\n\t categoryIndex = plotArea.categoryAxis.categoryIndex(filter);\r\n\t }\r\n\r\n\t if (shared) {\r\n\t if (categoryIndex >= 0) {\r\n\t var points = this._plotArea.pointsByCategoryIndex(categoryIndex);\r\n\t tooltip.showAt(points);\r\n\t }\r\n\t } else if (point) {\r\n\t tooltip.show(point);\r\n\t }\r\n\t },\r\n\r\n\t hideTooltip: function() {\r\n\t this._tooltip.hide();\r\n\t },\r\n\r\n\t _initSurface: function() {\r\n\t var surface = this.surface;\r\n\t var wrap = this._surfaceWrap();\r\n\r\n\t var chartArea = this.options.chartArea;\r\n\t if (chartArea.width) {\r\n\t dataviz.elementSize(wrap, { width: chartArea.width });\r\n\t }\r\n\t if (chartArea.height) {\r\n\t dataviz.elementSize(wrap, { height: chartArea.height });\r\n\t }\r\n\r\n\t if (!surface || surface.options.type !== this.options.renderAs) {\r\n\t if (surface) {\r\n\t surface.destroy();\r\n\t }\r\n\r\n\t this.surface = drawing.Surface.create(wrap, {\r\n\t type: this.options.renderAs\r\n\t });\r\n\r\n\t } else {\r\n\t this.surface.clear();\r\n\t this.surface.resize();\r\n\t }\r\n\t },\r\n\r\n\t _surfaceWrap: function() {\r\n\t return this.element;\r\n\t },\r\n\r\n\t _redraw: function() {\r\n\t var model = this._getModel();\r\n\r\n\t this._destroyView();\r\n\r\n\t this._model = model;\r\n\t this._plotArea = model._plotArea;\r\n\r\n\t model.renderVisual();\r\n\r\n\t if (this.options.transitions !== false) {\r\n\t model.traverse(function(element) {\r\n\t if (element.animation) {\r\n\t element.animation.setup();\r\n\t }\r\n\t });\r\n\t }\r\n\r\n\t this._initSurface();\r\n\t this.surface.draw(model.visual);\r\n\r\n\t if (this.options.transitions !== false) {\r\n\t model.traverse(function(element) {\r\n\t if (element.animation) {\r\n\t element.animation.play();\r\n\t }\r\n\t });\r\n\t }\r\n\r\n\t this._tooltip = this._createTooltip();\r\n\t this._highlight = new Highlight();\r\n\t this._setupSelection();\r\n\t this._createPannable();\r\n\t this._createZoomSelection();\r\n\t this._createMousewheelZoom();\r\n\r\n\t this.trigger(RENDER);\r\n\r\n\t if (!this._navState) {\r\n\t this._cancelDomEvents();\r\n\t }\r\n\t },\r\n\r\n\t exportVisual: function(exportOptions) {\r\n\t var visual;\r\n\t if (exportOptions && (exportOptions.width || exportOptions.height || exportOptions.options)) {\r\n\t var currentOptions = this.options;\r\n\t var options = deepExtend({}, exportOptions.options, {\r\n\t chartArea: {\r\n\t width: exportOptions.width,\r\n\t height: exportOptions.height\r\n\t }\r\n\t });\r\n\r\n\t clearMissingValues(this._originalOptions, options);\r\n\t this.options = deepExtend({}, this._originalOptions, options);\r\n\t this._initTheme(this.options, this._theme);\r\n\t this.bindCategories();\r\n\r\n\t var model = this._getModel();\r\n\r\n\t model.renderVisual();\r\n\t visual = model.visual;\r\n\r\n\t this.options = currentOptions;\r\n\t } else {\r\n\t visual = this.surface.exportVisual();\r\n\t }\r\n\r\n\t return visual;\r\n\t },\r\n\r\n\t _sharedTooltip: function() {\r\n\t return this._plotArea instanceof CategoricalPlotArea && this.options.tooltip.shared;\r\n\t },\r\n\r\n\t _createPannable: function() {\r\n\t var options = this.options;\r\n\t if (options.pannable !== false) {\r\n\t this._pannable = new Pannable(this._plotArea, options.pannable);\r\n\t }\r\n\t },\r\n\r\n\t _createZoomSelection: function() {\r\n\t var zoomable = this.options.zoomable;\r\n\t var selection = (zoomable || {}).selection;\r\n\t if (zoomable !== false && selection !== false) {\r\n\t this._zoomSelection = new ZoomSelection(this, selection);\r\n\t }\r\n\t },\r\n\r\n\t _toggleDomDrag: function() {\r\n\t if (!this.domEvents || !this.domEvents.toggleDrag) {\r\n\t return;\r\n\t }\r\n\r\n\t var pannable = this.options.pannable;\r\n\t var zoomable = this.options.zoomable;\r\n\t var selection = (zoomable || {}).selection;\r\n\t if (!pannable && (zoomable === false || selection === false) && !this.requiresHandlers([ DRAG_START, DRAG, DRAG_END ])) {\r\n\t this.domEvents.toggleDrag(false);\r\n\t } else {\r\n\t this.domEvents.toggleDrag(true);\r\n\t }\r\n\t },\r\n\r\n\t _createMousewheelZoom: function() {\r\n\t var zoomable = this.options.zoomable;\r\n\t var mousewheel = (zoomable || {}).mousewheel;\r\n\t if (zoomable !== false && mousewheel !== false) {\r\n\t this._mousewheelZoom = new MousewheelZoom(this, mousewheel);\r\n\t }\r\n\t },\r\n\r\n\t _toggleDomZoom: function() {\r\n\t if (!this.domEvents || !this.domEvents.toggleZoom) {\r\n\t return;\r\n\t }\r\n\r\n\t var zoomable = this.options.zoomable;\r\n\t var mousewheel = (zoomable || {}).mousewheel;\r\n\t if ((zoomable === false || mousewheel === false) && !this.requiresHandlers([ ZOOM_START, ZOOM, ZOOM_END ])) {\r\n\t this.domEvents.toggleZoom(false);\r\n\t } else {\r\n\t this.domEvents.toggleZoom(true);\r\n\t }\r\n\t },\r\n\r\n\t _createTooltip: function() {\r\n\t var ref = this;\r\n\t var tooltipOptions = ref.options.tooltip;\r\n\t var tooltip;\r\n\r\n\t if (this._sharedTooltip()) {\r\n\t tooltip = this._createSharedTooltip(tooltipOptions);\r\n\t } else {\r\n\t tooltip = new Tooltip(this.chartService, tooltipOptions);\r\n\t }\r\n\r\n\t return tooltip;\r\n\t },\r\n\r\n\t _createSharedTooltip: function(options) {\r\n\t return new SharedTooltip(this._plotArea, options);\r\n\t },\r\n\r\n\t applyDefaults: function(options, themeOptions) {\r\n\t applyAxisDefaults(options, themeOptions);\r\n\t applySeriesDefaults(options, themeOptions);\r\n\t },\r\n\r\n\t applySeriesColors: function() {\r\n\t var options = this.options;\r\n\t var series = options.series;\r\n\t var colors = options.seriesColors || [];\r\n\r\n\t for (var i = 0; i < series.length; i++) {\r\n\t var currentSeries = series[i];\r\n\t var seriesColor = colors[i % colors.length];\r\n\t var defaults = currentSeries._defaults;\r\n\r\n\t currentSeries.color = currentSeries.color || seriesColor;\r\n\t if (defaults) {\r\n\t defaults.color = defaults.color || seriesColor;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _getModel: function() {\r\n\t var options = this.options;\r\n\t var plotArea = this._createPlotArea();\r\n\t var model = new dataviz.RootElement(this._modelOptions());\r\n\t model.chart = this;\r\n\t model._plotArea = plotArea;\r\n\r\n\t dataviz.Title.buildTitle(options.title, model);\r\n\r\n\t if (options.legend.visible) {\r\n\t model.append(new Legend(plotArea.options.legend, this.chartService));\r\n\t }\r\n\t model.append(plotArea);\r\n\t model.reflow();\r\n\r\n\t return model;\r\n\t },\r\n\r\n\t _modelOptions: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var element = ref.element;\r\n\t var size = dataviz.elementSize(element);\r\n\r\n\t this._size = null;\r\n\r\n\t return deepExtend({\r\n\t width: Math.floor(size.width) || datavizConstants.DEFAULT_WIDTH,\r\n\t height: Math.floor(size.height) || datavizConstants.DEFAULT_HEIGHT,\r\n\t transitions: options.transitions\r\n\t }, options.chartArea);\r\n\t },\r\n\r\n\t _createPlotArea: function(skipSeries) {\r\n\t var options = this.options;\r\n\r\n\t var plotArea = PlotAreaFactory.current.create(skipSeries ? [] : options.series, options, this.chartService);\r\n\r\n\t return plotArea;\r\n\t },\r\n\r\n\t _hasSelection: function() {\r\n\t return this._selections && this._selections.length;\r\n\t },\r\n\r\n\t _setupSelection: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var axes = ref._plotArea.axes;\r\n\t var selections = this._selections = [];\r\n\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var axis = axes[i];\r\n\t var options = axis.options;\r\n\t if (axis instanceof CategoryAxis && options.select && !options.vertical) {\r\n\t var min = 0;\r\n\t var max = options.categories.length - 1;\r\n\r\n\t if (axis instanceof DateCategoryAxis) {\r\n\t min = options.categories[min];\r\n\t max = options.categories[max];\r\n\t }\r\n\r\n\t if (!options.justified) {\r\n\t if (axis instanceof DateCategoryAxis) {\r\n\t max = dataviz.addDuration(max, 1, options.baseUnit, options.weekStartDay);\r\n\t } else {\r\n\t max++;\r\n\t }\r\n\t }\r\n\r\n\t var selection = new Selection(this$1, axis,\r\n\t deepExtend({ min: min, max: max }, options.select)\r\n\t );\r\n\r\n\t selections.push(selection);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _selectStart: function(e) {\r\n\t return this.trigger(SELECT_START, e);\r\n\t },\r\n\r\n\t _select: function(e) {\r\n\t return this.trigger(SELECT, e);\r\n\t },\r\n\r\n\t _selectEnd: function(e) {\r\n\t return this.trigger(SELECT_END, e);\r\n\t },\r\n\r\n\t _initHandlers: function() {\r\n\t this._clickHandler = this._click.bind(this);\r\n\t this._mousewheelHandler = this._mousewheel.bind(this);\r\n\t this._surfaceMouseenterHandler = this._mouseover.bind(this);\r\n\t this._surfaceMouseleaveHandler = this._mouseout.bind(this);\r\n\r\n\t this._mousemove = kendo.throttle(\r\n\t this._mousemove.bind(this),\r\n\t MOUSEMOVE_DELAY\r\n\t );\r\n\t },\r\n\r\n\t addObserver: function(observer) {\r\n\t if (observer) {\r\n\t this.observers.push(observer);\r\n\t }\r\n\t },\r\n\r\n\t removeObserver: function(observer) {\r\n\t var index = this.observers.indexOf(observer);\r\n\t if (index >= 0) {\r\n\t this.observers.splice(index, 1);\r\n\t }\r\n\t },\r\n\r\n\t requiresHandlers: function(eventNames) {\r\n\t var observers = this.observers;\r\n\t for (var idx = 0; idx < observers.length; idx++) {\r\n\t if (observers[idx].requiresHandlers(eventNames)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t trigger: function(name, args) {\r\n\t if (args === void 0) { args = {}; }\r\n\r\n\t if (name === SHOW_TOOLTIP) {\r\n\t args.anchor.point = this._toDocumentCoordinates(args.anchor.point);\r\n\t }\r\n\t args.sender = this;\r\n\r\n\t var observers = this.observers;\r\n\t var isDefaultPrevented = false;\r\n\t for (var idx = 0; idx < observers.length; idx++) {\r\n\t if (observers[idx].trigger(name, args)) {\r\n\t isDefaultPrevented = true;\r\n\t }\r\n\t }\r\n\r\n\t return isDefaultPrevented;\r\n\t },\r\n\r\n\t _attachEvents: function() {\r\n\t var ref = this;\r\n\t var element = ref.element;\r\n\t var surface = ref.surface;\r\n\r\n\t surface.bind(\"mouseenter\", this._surfaceMouseenterHandler);\r\n\t surface.bind(\"mouseleave\", this._surfaceMouseleaveHandler);\r\n\t var obj;\r\n\t bindEvents(element, ( obj = {}, obj[ CONTEXTMENU ] = this._clickHandler, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj ));\r\n\r\n\t if (this._shouldAttachMouseMove()) {\r\n\t var obj$1;\r\n\t bindEvents(element, ( obj$1 = {}, obj$1[ MOUSEMOVE ] = this._mousemove, obj$1 ));\r\n\t }\r\n\r\n\t this.domEvents = services.DomEventsBuilder.create(this.element, {\r\n\t start: this._start.bind(this),\r\n\t move: this._move.bind(this),\r\n\t end: this._end.bind(this),\r\n\t tap: this._tap.bind(this),\r\n\t gesturestart: this._gesturestart.bind(this),\r\n\t gesturechange: this._gesturechange.bind(this),\r\n\t gestureend: this._gestureend.bind(this)\r\n\t });\r\n\r\n\t this._toggleDomDrag();\r\n\t this._toggleDomZoom();\r\n\t },\r\n\r\n\t _cancelDomEvents: function() {\r\n\t if (this.domEvents && this.domEvents.cancel) {\r\n\t this.domEvents.cancel();\r\n\t }\r\n\t },\r\n\r\n\t _gesturestart: function(e) {\r\n\t if (this._mousewheelZoom && !this._stopDragEvent(e)) {\r\n\t this._gestureDistance = e.distance;\r\n\t this._unsetActivePoint();\r\n\t this.surface.suspendTracking();\r\n\t }\r\n\t },\r\n\r\n\t _gestureend: function(e) {\r\n\t if (this._zooming && !this._stopDragEvent(e)) {\r\n\t if (this.surface) {\r\n\t this.surface.resumeTracking();\r\n\t }\r\n\t this._zooming = false;\r\n\t this.trigger(ZOOM_END, {});\r\n\t }\r\n\t },\r\n\r\n\t _gesturechange: function(e) {\r\n\t var mousewheelZoom = this._mousewheelZoom;\r\n\r\n\t if (mousewheelZoom && !this._stopDragEvent(e)) {\r\n\t e.preventDefault();\r\n\t var previousGestureDistance = this._gestureDistance;\r\n\t var scaleDelta = -e.distance / previousGestureDistance + 1;\r\n\r\n\t if (Math.abs(scaleDelta) >= 0.1) {\r\n\t scaleDelta = Math.round(scaleDelta * 10);\r\n\r\n\t this._gestureDistance = e.distance;\r\n\t var args = { delta: scaleDelta, axisRanges: axisRanges(this._plotArea.axes), originalEvent: e };\r\n\t if (this._zooming || !this.trigger(ZOOM_START, args)) {\r\n\r\n\t if (!this._zooming) {\r\n\t this._zooming = true;\r\n\t }\r\n\r\n\t var ranges = args.axisRanges = mousewheelZoom.updateRanges(scaleDelta);\r\n\t if (ranges && !this.trigger(ZOOM, args)) {\r\n\t mousewheelZoom.zoom();\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _mouseout: function(e) {\r\n\t if (e.element) {\r\n\t var element = this._drawingChartElement(e.element, e);\r\n\r\n\t if (element && element.leave) {\r\n\t element.leave(this, e.originalEvent);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _start: function(e) {\r\n\t var coords = this._eventCoordinates(e);\r\n\r\n\t if (this._stopDragEvent(e) || !this._plotArea.backgroundContainsPoint(coords)) {\r\n\t return;\r\n\t }\r\n\r\n\t if (this.requiresHandlers([ DRAG_START, DRAG, DRAG_END ])) {\r\n\t this._startNavigation(e, coords, DRAG_START);\r\n\t }\r\n\r\n\t if (this._pannable && this._pannable.start(e)) {\r\n\t this.surface.suspendTracking();\r\n\t this._unsetActivePoint();\r\n\t this._suppressHover = true;\r\n\t }\r\n\r\n\t if (this._zoomSelection) {\r\n\t if (this._zoomSelection.start(e)) {\r\n\t this.trigger(ZOOM_START, { axisRanges: axisRanges(this._plotArea.axes), originalEvent: e });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _move: function(e) {\r\n\t var ref = this;\r\n\t var state = ref._navState;\r\n\t var pannable = ref._pannable;\r\n\r\n\t if (this._stopDragEvent(e)) {\r\n\t return;\r\n\t }\r\n\r\n\t if (pannable) {\r\n\t var ranges = pannable.move(e);\r\n\r\n\t if (ranges && !this.trigger(DRAG, { axisRanges: ranges, originalEvent: e })) {\r\n\t pannable.pan();\r\n\t }\r\n\t } else if (state) {\r\n\t var ranges$1 = {};\r\n\t var axes = state.axes;\r\n\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var currentAxis = axes[i];\r\n\t var axisName = currentAxis.options.name;\r\n\t if (axisName) {\r\n\t var axis = currentAxis.options.vertical ? e.y : e.x;\r\n\t var delta = axis.startLocation - axis.location;\r\n\r\n\t if (delta !== 0) {\r\n\t ranges$1[currentAxis.options.name] = currentAxis.translateRange(delta);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t state.axisRanges = ranges$1;\r\n\t this.trigger(DRAG, {\r\n\t axisRanges: ranges$1,\r\n\t originalEvent: e\r\n\t });\r\n\t }\r\n\r\n\t if (this._zoomSelection) {\r\n\t this._zoomSelection.move(e);\r\n\t }\r\n\t },\r\n\r\n\t _end: function(e) {\r\n\t if (this._stopDragEvent(e)) {\r\n\t return;\r\n\t }\r\n\r\n\t var pannable = this._pannable;\r\n\t if (pannable && pannable.end(e)) {\r\n\t this.surface.resumeTracking();\r\n\t this.trigger(DRAG_END, {\r\n\t axisRanges: axisRanges(this._plotArea.axes),\r\n\t originalEvent: e\r\n\t });\r\n\t this._suppressHover = false;\r\n\t } else {\r\n\t this._endNavigation(e, DRAG_END);\r\n\t }\r\n\r\n\t if (this._zoomSelection) {\r\n\t var ranges = this._zoomSelection.end(e);\r\n\t if (ranges && !this.trigger(ZOOM, { axisRanges: ranges, originalEvent: e })) {\r\n\t this._zoomSelection.zoom();\r\n\t this.trigger(ZOOM_END, { axisRanges: ranges, originalEvent: e });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _stopDragEvent: function() {\r\n\t return this._hasSelection();\r\n\t },\r\n\r\n\t _mousewheel: function(e) {\r\n\t var this$1 = this;\r\n\r\n\t var delta = dataviz.mousewheelDelta(e);\r\n\t var mousewheelZoom = this._mousewheelZoom;\r\n\t var coords = this._eventCoordinates(e);\r\n\r\n\t if (!this._plotArea.backgroundContainsPoint(coords)) {\r\n\t return;\r\n\t }\r\n\r\n\t if (mousewheelZoom) {\r\n\t var args = { delta: delta, axisRanges: axisRanges(this._plotArea.axes), originalEvent: e };\r\n\t if (this._zooming || !this.trigger(ZOOM_START, args)) {\r\n\t e.preventDefault();\r\n\r\n\t if (!this._zooming) {\r\n\t this._unsetActivePoint();\r\n\t this.surface.suspendTracking();\r\n\t this._zooming = true;\r\n\t }\r\n\r\n\t if (this._mwTimeout) {\r\n\t clearTimeout(this._mwTimeout);\r\n\t }\r\n\r\n\t args.axisRanges = mousewheelZoom.updateRanges(delta);\r\n\t if (args.axisRanges && !this.trigger(ZOOM, args)) {\r\n\t mousewheelZoom.zoom();\r\n\t }\r\n\r\n\t this._mwTimeout = setTimeout(function () {\r\n\t this$1.trigger(ZOOM_END, args);\r\n\t this$1._zooming = false;\r\n\t if (this$1.surface) {\r\n\t this$1.surface.resumeTracking();\r\n\t }\r\n\t }, MOUSEWHEEL_DELAY);\r\n\t }\r\n\t } else {\r\n\t var state = this._navState;\r\n\t if (!state) {\r\n\t var prevented = this._startNavigation(e, coords, ZOOM_START);\r\n\t if (!prevented) {\r\n\t state = this._navState;\r\n\t }\r\n\t }\r\n\r\n\t if (state) {\r\n\t var totalDelta = state.totalDelta || delta;\r\n\t state.totalDelta = totalDelta + delta;\r\n\r\n\t var axes = this._navState.axes;\r\n\t var ranges = {};\r\n\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var currentAxis = axes[i];\r\n\t var axisName = currentAxis.options.name;\r\n\t if (axisName) {\r\n\t ranges[axisName] = currentAxis.scaleRange(-totalDelta);\r\n\t }\r\n\t }\r\n\r\n\t this.trigger(ZOOM, {\r\n\t delta: delta,\r\n\t axisRanges: ranges,\r\n\t originalEvent: e\r\n\t });\r\n\r\n\t if (this._mwTimeout) {\r\n\t clearTimeout(this._mwTimeout);\r\n\t }\r\n\r\n\t this._mwTimeout = setTimeout(function () {\r\n\t this$1._endNavigation(e, ZOOM_END);\r\n\t }, MOUSEWHEEL_DELAY);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _startNavigation: function(e, coords, chartEvent) {\r\n\t var plotArea = this._model._plotArea;\r\n\t var pane = plotArea.findPointPane(coords);\r\n\t var axes = plotArea.axes.slice(0);\r\n\r\n\t if (!pane) {\r\n\t return;\r\n\t }\r\n\r\n\t var ranges = axisRanges(axes);\r\n\r\n\t var prevented = this.trigger(chartEvent, {\r\n\t axisRanges: ranges,\r\n\t originalEvent: e\r\n\t });\r\n\r\n\t if (prevented) {\r\n\t this._cancelDomEvents();\r\n\t } else {\r\n\t this._suppressHover = true;\r\n\t this._unsetActivePoint();\r\n\t this._navState = {\r\n\t axisRanges: ranges,\r\n\t pane: pane,\r\n\t axes: axes\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t _endNavigation: function(e, chartEvent) {\r\n\t if (this._navState) {\r\n\t this.trigger(chartEvent, {\r\n\t axisRanges: this._navState.axisRanges,\r\n\t originalEvent: e\r\n\t });\r\n\t this._suppressHover = false;\r\n\t this._navState = null;\r\n\t }\r\n\t },\r\n\r\n\t _getChartElement: function(e, match) {\r\n\t var element = this.surface.eventTarget(e);\r\n\t if (element) {\r\n\t return this._drawingChartElement(element, e, match);\r\n\t }\r\n\t },\r\n\r\n\t _drawingChartElement: function(element, e, match) {\r\n\t var current = element;\r\n\t var chartElement;\r\n\t while (current && !chartElement) {\r\n\t chartElement = current.chartElement;\r\n\t current = current.parent;\r\n\t }\r\n\r\n\t if (chartElement) {\r\n\t if (chartElement.aliasFor) {\r\n\t chartElement = chartElement.aliasFor(e, this._eventCoordinates(e));\r\n\t }\r\n\r\n\t if (match) {\r\n\t chartElement = chartElement.closest(match);\r\n\t if (chartElement && chartElement.aliasFor) {\r\n\t chartElement = chartElement.aliasFor();\r\n\t }\r\n\t }\r\n\r\n\t return chartElement;\r\n\t }\r\n\t },\r\n\r\n\t _eventCoordinates: function(e) {\r\n\t var coordinates = dataviz.eventCoordinates(e);\r\n\t return this._toModelCoordinates(coordinates.x, coordinates.y);\r\n\t },\r\n\r\n\t _elementPadding: function() {\r\n\t if (!this._padding) {\r\n\t var ref = elementStyles(this.element, [ \"paddingLeft\", \"paddingTop\" ]);\r\n\t var paddingLeft = ref.paddingLeft;\r\n\t var paddingTop = ref.paddingTop;\r\n\t this._padding = {\r\n\t top: paddingTop,\r\n\t left: paddingLeft\r\n\t };\r\n\t }\r\n\r\n\t return this._padding;\r\n\t },\r\n\r\n\t _toDocumentCoordinates: function(point) {\r\n\t var padding = this._elementPadding();\r\n\t var offset = dataviz.elementOffset(this.element);\r\n\r\n\t return {\r\n\t left: round(point.x + padding.left + offset.left),\r\n\t top: round(point.y + padding.top + offset.top)\r\n\t };\r\n\t },\r\n\r\n\t _toModelCoordinates: function(clientX, clientY) {\r\n\t var element = this.element;\r\n\t var offset = dataviz.elementOffset(element);\r\n\t var padding = this._elementPadding();\r\n\r\n\t return new Point(\r\n\t clientX - offset.left - padding.left,\r\n\t clientY - offset.top - padding.top\r\n\t );\r\n\t },\r\n\r\n\t _tap: function(e) {\r\n\t var this$1 = this;\r\n\r\n\t var drawingElement = this.surface.eventTarget(e);\r\n\t var element = this._drawingChartElement(drawingElement, e);\r\n\r\n\t if (this._activePoint === element) {\r\n\t this._propagateClick(element, e);\r\n\t } else {\r\n\t if (!this._startHover(drawingElement, e)) {\r\n\t this._unsetActivePoint();\r\n\t }\r\n\r\n\t this._propagateClick(element, e);\r\n\t }\r\n\r\n\t //part of fix for hover issue on windows touch\r\n\t this.handlingTap = true;\r\n\t setTimeout(function () {\r\n\t this$1.handlingTap = false;\r\n\t }, 0);\r\n\t },\r\n\r\n\t _click: function(e) {\r\n\t var element = this._getChartElement(e);\r\n\t this._propagateClick(element, e);\r\n\t },\r\n\r\n\t _propagateClick: function(element, e) {\r\n\t var this$1 = this;\r\n\r\n\t var current = element;\r\n\t while (current) {\r\n\t if (current.click) {\r\n\t current.click(this$1, e);\r\n\t }\r\n\r\n\t current = current.parent;\r\n\t }\r\n\t },\r\n\r\n\t _startHover: function(element, e) {\r\n\t var chartElement = this._drawingChartElement(element, e);\r\n\t var ref = this;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\r\n\t if (this._suppressHover || !highlight || highlight.isHighlighted(chartElement) || this._sharedTooltip()) {\r\n\t return false;\r\n\t }\r\n\r\n\t var point = this._drawingChartElement(element, e, function(element) {\r\n\t return element.hover && !(element instanceof PlotAreaBase);\r\n\t });\r\n\r\n\t if (point && !point.hover(this, e)) {\r\n\t this._activePoint = point;\r\n\r\n\t var tooltipOptions = deepExtend({}, tooltipOptions, point.options.tooltip);\r\n\t if (tooltipOptions.visible) {\r\n\t tooltip.show(point);\r\n\t }\r\n\r\n\t highlight.show(point);\r\n\r\n\t return point;\r\n\t }\r\n\t },\r\n\r\n\t _mouseover: function(e) {\r\n\t var point = this._startHover(e.element, e.originalEvent);\r\n\r\n\t if (point && point.tooltipTracking) {\r\n\t this._mouseMoveTrackHandler = this._mouseMoveTrackHandler || this._mouseMoveTracking.bind(this);\r\n\t var obj;\r\n\t bindEvents(document, ( obj = {}, obj[ MOUSEMOVE ] = this._mouseMoveTrackHandler, obj ));\r\n\t }\r\n\t },\r\n\r\n\t _mouseMoveTracking: function(e) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\t var point = ref._activePoint;\r\n\t var coords = this._eventCoordinates(e);\r\n\r\n\t if (this._plotArea.box.containsPoint(coords)) {\r\n\t if (point && point.tooltipTracking && point.series && point.parent.getNearestPoint) {\r\n\t var seriesPoint = point.parent.getNearestPoint(coords.x, coords.y, point.seriesIx);\r\n\t if (seriesPoint && seriesPoint !== point) {\r\n\t seriesPoint.hover(this, e);\r\n\t this._activePoint = seriesPoint;\r\n\r\n\t var tooltipOptions = deepExtend({}, options.tooltip, point.options.tooltip);\r\n\t if (tooltipOptions.visible) {\r\n\t tooltip.show(seriesPoint);\r\n\t }\r\n\r\n\t highlight.show(seriesPoint);\r\n\t }\r\n\t }\r\n\t } else {\r\n\t var obj;\r\n\t unbindEvents(document, ( obj = {}, obj[ MOUSEMOVE ] = this._mouseMoveTrackHandler, obj ));\r\n\t this._unsetActivePoint();\r\n\t }\r\n\t },\r\n\r\n\t _mousemove: function(e) {\r\n\t var coords = this._eventCoordinates(e);\r\n\r\n\t this._trackCrosshairs(coords);\r\n\r\n\t if (this._plotArea.hover) {\r\n\t this._plotArea.hover(this, e);\r\n\t }\r\n\r\n\t if (this._sharedTooltip()) {\r\n\t this._trackSharedTooltip(coords, e);\r\n\t }\r\n\t },\r\n\r\n\t _trackCrosshairs: function(coords) {\r\n\t var crosshairs = this._plotArea.crosshairs;\r\n\r\n\t for (var i = 0; i < crosshairs.length; i++) {\r\n\t var current = crosshairs[i];\r\n\r\n\t if (current.box.containsPoint(coords)) {\r\n\t current.showAt(coords);\r\n\t } else {\r\n\t current.hide();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _trackSharedTooltip: function(coords, e) {\r\n\t var ref = this;\r\n\t var tooltipOptions = ref.options.tooltip;\r\n\t var plotArea = ref._plotArea;\r\n\t var categoryAxis = ref._plotArea.categoryAxis;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\r\n\t if (plotArea.box.containsPoint(coords)) {\r\n\t var index = categoryAxis.pointCategoryIndex(coords);\r\n\t if (index !== this._tooltipCategoryIx) {\r\n\t var points = plotArea.pointsByCategoryIndex(index);\r\n\r\n\t var pointArgs = points.map(function(point) {\r\n\t return point.eventArgs(e);\r\n\t });\r\n\r\n\t var hoverArgs = pointArgs[0] || {};\r\n\t hoverArgs.categoryPoints = pointArgs;\r\n\r\n\t if (points.length > 0 && !this.trigger(SERIES_HOVER, hoverArgs)) {\r\n\t if (tooltipOptions.visible) {\r\n\t tooltip.showAt(points, coords);\r\n\t }\r\n\r\n\t highlight.show(points);\r\n\t } else {\r\n\t tooltip.hide();\r\n\t }\r\n\r\n\t this._tooltipCategoryIx = index;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t hideElements: function() {\r\n\t var ref = this;\r\n\t var plotArea = ref._plotArea;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\t this._mousemove.cancel();\r\n\r\n\t plotArea.hideCrosshairs();\r\n\r\n\t highlight.hide();\r\n\r\n\t tooltip.hide();\r\n\r\n\t delete this._tooltipCategoryIx;\r\n\t },\r\n\r\n\t _unsetActivePoint: function() {\r\n\t var ref = this;\r\n\t var tooltip = ref._tooltip;\r\n\t var highlight = ref._highlight;\r\n\r\n\t this._activePoint = null;\r\n\r\n\t if (tooltip) {\r\n\t tooltip.hide();\r\n\t }\r\n\r\n\t if (highlight) {\r\n\t highlight.hide();\r\n\t }\r\n\t },\r\n\r\n\t _deferRedraw: function() {\r\n\t this._redraw();\r\n\t },\r\n\r\n\t _clearRedrawTimeout: function() {\r\n\t if (this._redrawTimeout) {\r\n\t clearInterval(this._redrawTimeout);\r\n\t this._redrawTimeout = null;\r\n\t }\r\n\t },\r\n\r\n\t bindCategories: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var definitions = [].concat(options.categoryAxis);\r\n\r\n\t for (var axisIx = 0; axisIx < definitions.length; axisIx++) {\r\n\t var axis = definitions[axisIx];\r\n\t if (axis.autoBind !== false) {\r\n\t this$1.bindCategoryAxisFromSeries(axis, axisIx);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t bindCategoryAxisFromSeries: function(axis, axisIx) {\r\n\t var this$1 = this;\r\n\r\n\t var series = this.options.series;\r\n\t var seriesLength = series.length;\r\n\t var uniqueCategories = {};\r\n\t var items = [];\r\n\t var dateAxis;\r\n\r\n\t for (var seriesIx = 0; seriesIx < seriesLength; seriesIx++) {\r\n\t var s = series[seriesIx];\r\n\t var onAxis = s.categoryAxis === axis.name || (!s.categoryAxis && axisIx === 0);\r\n\t var data = s.data;\r\n\t var dataLength = data.length;\r\n\r\n\t if (s.categoryField && onAxis && dataLength > 0) {\r\n\t dateAxis = isDateAxis(axis, getField(s.categoryField, data[0]));\r\n\r\n\t var getFn = dateAxis ? getDateField : getField;\r\n\r\n\t for (var dataIx = 0; dataIx < dataLength; dataIx++) {\r\n\t var dataRow = data[dataIx];\r\n\t var category = getFn(s.categoryField, dataRow, this$1.chartService.intl);\r\n\r\n\t if (dateAxis || !uniqueCategories[category]) {\r\n\t items.push([ category, dataRow ]);\r\n\r\n\t if (!dateAxis) {\r\n\t uniqueCategories[category] = true;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (items.length > 0) {\r\n\t if (dateAxis) {\r\n\t items = uniqueDates(items, function(a, b) {\r\n\t return dataviz.dateComparer(a[0], b[0]);\r\n\t });\r\n\t }\r\n\r\n\t var result = transpose(items);\r\n\t axis.categories = result[0];\r\n\t }\r\n\t },\r\n\r\n\t _isBindable: function(series) {\r\n\t var valueFields = SeriesBinder.current.valueFields(series);\r\n\t var result = true;\r\n\r\n\t for (var i = 0; i < valueFields.length; i++) {\r\n\t var field = valueFields[i];\r\n\t if (field === VALUE) {\r\n\t field = \"field\";\r\n\t } else {\r\n\t field = field + \"Field\";\r\n\t }\r\n\r\n\t if (!defined(series[field])) {\r\n\t result = false;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t _noTransitionsRedraw: function() {\r\n\t var options = this.options;\r\n\t var transitionsState;\r\n\r\n\t if (options.transitions) {\r\n\t options.transitions = false;\r\n\t transitionsState = true;\r\n\t }\r\n\r\n\t this._redraw();\r\n\r\n\t if (transitionsState) {\r\n\t options.transitions = true;\r\n\t }\r\n\t },\r\n\r\n\t _legendItemHover: function(seriesIndex, pointIndex) {\r\n\t var ref = this;\r\n\t var plotArea = ref._plotArea;\r\n\t var highlight = ref._highlight;\r\n\t var currentSeries = (plotArea.srcSeries || plotArea.series)[seriesIndex];\r\n\t var items;\r\n\r\n\t if (inArray(currentSeries.type, [ PIE, DONUT, FUNNEL ])) {\r\n\t items = plotArea.findPoint(function(point) {\r\n\t return point.series.index === seriesIndex && point.index === pointIndex;\r\n\t });\r\n\t } else {\r\n\t items = plotArea.pointsBySeriesIndex(seriesIndex);\r\n\t }\r\n\r\n\t highlight.show(items);\r\n\t },\r\n\r\n\t _shouldAttachMouseMove: function() {\r\n\t return this._plotArea.crosshairs.length || (this._tooltip && this._sharedTooltip()) || this.requiresHandlers([ PLOT_AREA_HOVER ]);\r\n\t },\r\n\r\n\t updateMouseMoveHandler: function() {\r\n\t var obj;\r\n\t unbindEvents(this.element, ( obj = {}, obj[ MOUSEMOVE ] = this._mousemove, obj ));\r\n\r\n\t if (this._shouldAttachMouseMove()) {\r\n\t var obj$1;\r\n\t bindEvents(this.element, ( obj$1 = {}, obj$1[ MOUSEMOVE ] = this._mousemove, obj$1 ));\r\n\t }\r\n\t },\r\n\r\n\t applyOptions: function(options, theme) {\r\n\t clearMissingValues(this._originalOptions, options);\r\n\t this._originalOptions = deepExtend(this._originalOptions, options);\r\n\t this.options = deepExtend({}, this._originalOptions);\r\n\r\n\t if (theme) {\r\n\t this._theme = theme;\r\n\t this.chartService.theme = theme;\r\n\t }\r\n\t this._initTheme(this.options, this._theme);\r\n\t },\r\n\r\n\t setOptions: function(options, theme) {\r\n\t this.applyOptions(options, theme);\r\n\t this.bindCategories();\r\n\t this.redraw();\r\n\t this.updateMouseMoveHandler();\r\n\r\n\t this._toggleDomDrag();\r\n\t this._toggleDomZoom();\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this._destroyed = true;\r\n\r\n\t var obj;\r\n\t unbindEvents(this.element, ( obj = {}, obj[ CONTEXTMENU ] = this._clickHandler, obj[ MOUSEWHEEL ] = this._mousewheelHandler, obj[ MOUSEMOVE ] = this._mousemove, obj ));\r\n\r\n\t if (this.domEvents) {\r\n\t this.domEvents.destroy();\r\n\t delete this.domEvents;\r\n\t }\r\n\r\n\t var obj$1;\r\n\t unbindEvents(document, ( obj$1 = {}, obj$1[ MOUSEMOVE ] = this._mouseMoveTrackHandler, obj$1 ));\r\n\r\n\t this._destroyView();\r\n\r\n\t if (this.surface) {\r\n\t this.surface.destroy();\r\n\t this.surface = null;\r\n\t }\r\n\r\n\t this._clearRedrawTimeout();\r\n\t },\r\n\r\n\t _destroyView: function() {\r\n\t var ref = this;\r\n\t var model = ref._model;\r\n\t var selections = ref._selections;\r\n\r\n\t if (model) {\r\n\t model.destroy();\r\n\t this._model = null;\r\n\t }\r\n\r\n\t if (selections) {\r\n\t while (selections.length > 0) {\r\n\t selections.shift().destroy();\r\n\t }\r\n\t }\r\n\r\n\t this._unsetActivePoint();\r\n\r\n\t if (this._tooltip) {\r\n\t this._tooltip.destroy();\r\n\t }\r\n\r\n\t if (this._highlight) {\r\n\t this._highlight.destroy();\r\n\t }\r\n\r\n\t if (this._zoomSelection) {\r\n\t this._zoomSelection.destroy();\r\n\t delete this._zoomSelection;\r\n\t }\r\n\r\n\t if (this._pannable) {\r\n\t this._pannable.destroy();\r\n\t delete this._pannable;\r\n\t }\r\n\r\n\t if (this._mousewheelZoom) {\r\n\t this._mousewheelZoom.destroy();\r\n\t delete this._mousewheelZoom;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction resolveAxisAliases(options) {\r\n\t var aliases = AXIS_NAMES;\r\n\r\n\t for (var idx = 0; idx < aliases.length; idx++) {\r\n\t var alias = aliases[idx] + \"Axes\";\r\n\t if (options[alias]) {\r\n\t options[aliases[idx] + \"Axis\"] = options[alias];\r\n\t delete options[alias];\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction pointByCategoryName(points, name) {\r\n\t if (points) {\r\n\t for (var idx = 0; idx < points.length; idx++) {\r\n\t if (points[idx].category === name) {\r\n\t return [ points[idx] ];\r\n\t }\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction applyAxisDefaults(options, themeOptions) {\r\n\t var themeAxisDefaults = ((themeOptions || {}).axisDefaults) || {};\r\n\t var axisName, axisDefaults, axes;\r\n\r\n\t function mapAxisOptions(axisOptions) {\r\n\t var axisColor = (axisOptions || {}).color || axisDefaults.color;\r\n\t var result = deepExtend({},\r\n\t themeAxisDefaults,\r\n\t themeAxisDefaults[axisName],\r\n\t axisDefaults,\r\n\t axisDefaults[axisName], {\r\n\t line: { color: axisColor },\r\n\t labels: { color: axisColor },\r\n\t title: { color: axisColor }\r\n\t },\r\n\t axisOptions\r\n\t );\r\n\r\n\t delete result[axisName];\r\n\r\n\t return result;\r\n\t }\r\n\r\n\t for (var idx = 0; idx < AXIS_NAMES.length; idx++) {\r\n\t axisName = AXIS_NAMES[idx] + \"Axis\";\r\n\t axisDefaults = options.axisDefaults || {};\r\n\t axes = [].concat(options[axisName]);\r\n\r\n\t axes = axes.map(mapAxisOptions);\r\n\r\n\t options[axisName] = axes.length > 1 ? axes : axes[0];\r\n\t }\r\n\t}\r\n\r\n\tfunction applySeriesDefaults(options, themeOptions) {\r\n\t var series = options.series;\r\n\t var seriesLength = series.length;\r\n\t var seriesDefaults = options.seriesDefaults;\r\n\t var commonDefaults = deepExtend({}, options.seriesDefaults);\r\n\t var themeSeriesDefaults = themeOptions ? deepExtend({}, themeOptions.seriesDefaults) : {};\r\n\t var commonThemeDefaults = deepExtend({}, themeSeriesDefaults);\r\n\r\n\t cleanupNestedSeriesDefaults(commonDefaults);\r\n\t cleanupNestedSeriesDefaults(commonThemeDefaults);\r\n\r\n\t for (var i = 0; i < seriesLength; i++) {\r\n\t var seriesType = series[i].type || options.seriesDefaults.type;\r\n\r\n\t var baseOptions = deepExtend(\r\n\t { data: [] },\r\n\t commonThemeDefaults,\r\n\t themeSeriesDefaults[seriesType],\r\n\t { tooltip: options.tooltip },\r\n\t commonDefaults,\r\n\t seriesDefaults[seriesType]\r\n\t );\r\n\r\n\t series[i]._defaults = baseOptions;\r\n\t series[i] = deepExtend({}, baseOptions, series[i]);\r\n\t }\r\n\t}\r\n\r\n\tfunction cleanupNestedSeriesDefaults(seriesDefaults) {\r\n\t delete seriesDefaults.bar;\r\n\t delete seriesDefaults.column;\r\n\t delete seriesDefaults.rangeColumn;\r\n\t delete seriesDefaults.line;\r\n\t delete seriesDefaults.verticalLine;\r\n\t delete seriesDefaults.pie;\r\n\t delete seriesDefaults.donut;\r\n\t delete seriesDefaults.area;\r\n\t delete seriesDefaults.verticalArea;\r\n\t delete seriesDefaults.scatter;\r\n\t delete seriesDefaults.scatterLine;\r\n\t delete seriesDefaults.bubble;\r\n\t delete seriesDefaults.candlestick;\r\n\t delete seriesDefaults.ohlc;\r\n\t delete seriesDefaults.boxPlot;\r\n\t delete seriesDefaults.bullet;\r\n\t delete seriesDefaults.verticalBullet;\r\n\t delete seriesDefaults.polarArea;\r\n\t delete seriesDefaults.polarLine;\r\n\t delete seriesDefaults.radarArea;\r\n\t delete seriesDefaults.radarLine;\r\n\t delete seriesDefaults.waterfall;\r\n\t}\r\n\r\n\tfunction axisRanges(axes) {\r\n\t var ranges = {};\r\n\r\n\t for (var i = 0; i < axes.length; i++) {\r\n\t var axis = axes[i];\r\n\t var axisName = axis.options.name;\r\n\t if (axisName) {\r\n\t ranges[axisName] = axis.range();\r\n\t }\r\n\t }\r\n\r\n\t return ranges;\r\n\t}\r\n\r\n\tfunction sortDates(dates, comparer) {\r\n\t if (comparer === void 0) { comparer = dataviz.dateComparer; }\r\n\r\n\t for (var i = 1, length = dates.length; i < length; i++) {\r\n\t if (comparer(dates[i], dates[i - 1]) < 0) {\r\n\t dates.sort(comparer);\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return dates;\r\n\t}\r\n\r\n\tfunction uniqueDates(srcDates, comparer) {\r\n\t if (comparer === void 0) { comparer = dataviz.dateComparer; }\r\n\r\n\t var dates = sortDates(srcDates, comparer);\r\n\t var length = dates.length;\r\n\t var result = length > 0 ? [ dates[0] ] : [];\r\n\r\n\t for (var i = 1; i < length; i++) {\r\n\t if (comparer(dates[i], last(result)) !== 0) {\r\n\t result.push(dates[i]);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction transpose(rows) {\r\n\t var rowCount = rows.length;\r\n\t var result = [];\r\n\r\n\t for (var rowIx = 0; rowIx < rowCount; rowIx++) {\r\n\t var row = rows[rowIx];\r\n\t var colCount = row.length;\r\n\r\n\t for (var colIx = 0; colIx < colCount; colIx++) {\r\n\t result[colIx] = result[colIx] || [];\r\n\t result[colIx].push(row[colIx]);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction clearMissingValues(originalOptions, options) {\r\n\t for (var field in options) {\r\n\t var fieldValue = options[field];\r\n\t var originalValue = originalOptions[field];\r\n\t if (defined(originalValue)) {\r\n\t var nullValue = fieldValue === null;\r\n\t if ((nullValue || !defined(fieldValue))) {\r\n\t delete originalOptions[field];\r\n\t if (nullValue) {\r\n\t delete options[field];\r\n\t }\r\n\t } else if (originalValue && isObject(fieldValue)) {\r\n\t if (isObject(originalValue)) {\r\n\t clearMissingValues(originalValue, fieldValue);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tsetDefaultOptions(Chart, {\r\n\t renderAs: \"\",\r\n\t chartArea: {},\r\n\t legend: {\r\n\t visible: true,\r\n\t labels: {}\r\n\t },\r\n\t categoryAxis: {},\r\n\t seriesDefaults: {\r\n\t type: COLUMN,\r\n\t data: [],\r\n\t highlight: {\r\n\t visible: true\r\n\t },\r\n\t labels: {},\r\n\t negativeValues: {\r\n\t visible: false\r\n\t }\r\n\t },\r\n\t series: [],\r\n\t seriesColors: null,\r\n\t tooltip: {\r\n\t visible: false\r\n\t },\r\n\t transitions: true,\r\n\t valueAxis: {},\r\n\t plotArea: {},\r\n\t title: {},\r\n\t xAxis: {},\r\n\t yAxis: {},\r\n\t panes: [ {} ],\r\n\t pannable: false,\r\n\t zoomable: false\r\n\t});\r\n\r\n\tkendo.deepExtend(kendo.dataviz, {\r\n\t constants: constants,\r\n\t Aggregates: Aggregates,\r\n\t AreaChart: AreaChart,\r\n\t AreaSegment: AreaSegment,\r\n\t AxisGroupRangeTracker: AxisGroupRangeTracker,\r\n\t Bar: Bar,\r\n\t BarChart: BarChart,\r\n\t BarLabel: BarLabel,\r\n\t BoxPlotChart: BoxPlotChart,\r\n\t BoxPlot: BoxPlot,\r\n\t BubbleChart: BubbleChart,\r\n\t Bullet: Bullet,\r\n\t BulletChart: BulletChart,\r\n\t CandlestickChart: CandlestickChart,\r\n\t Candlestick: Candlestick,\r\n\t CategoricalChart: CategoricalChart,\r\n\t CategoricalErrorBar: CategoricalErrorBar,\r\n\t CategoricalPlotArea: CategoricalPlotArea,\r\n\t Chart: Chart,\r\n\t ChartContainer: ChartContainer,\r\n\t ClipAnimation: ClipAnimation,\r\n\t ClusterLayout: ClusterLayout,\r\n\t Crosshair: Crosshair,\r\n\t CrosshairTooltip: CrosshairTooltip,\r\n\t DefaultAggregates: DefaultAggregates,\r\n\t DonutChart: DonutChart,\r\n\t DonutPlotArea: DonutPlotArea,\r\n\t DonutSegment: DonutSegment,\r\n\t ErrorBarBase: ErrorBarBase,\r\n\t ErrorRangeCalculator: ErrorRangeCalculator,\r\n\t Highlight: Highlight,\r\n\t SharedTooltip: SharedTooltip,\r\n\t Legend: Legend,\r\n\t LegendItem: LegendItem,\r\n\t LegendLayout: LegendLayout,\r\n\t LineChart: LineChart,\r\n\t LinePoint: LinePoint,\r\n\t LineSegment: LineSegment,\r\n\t Pane: Pane,\r\n\t PieAnimation: PieAnimation,\r\n\t PieChart: PieChart,\r\n\t PieChartMixin: PieChartMixin,\r\n\t PiePlotArea: PiePlotArea,\r\n\t PieSegment: PieSegment,\r\n\t PlotAreaBase: PlotAreaBase,\r\n\t PlotAreaEventsMixin: PlotAreaEventsMixin,\r\n\t PlotAreaFactory: PlotAreaFactory,\r\n\t PointEventsMixin: PointEventsMixin,\r\n\t RangeBar: RangeBar,\r\n\t RangeBarChart: RangeBarChart,\r\n\t RangeAreaPoint: RangeAreaPoint,\r\n\t RangeAreaChart: RangeAreaChart,\r\n\t ScatterChart: ScatterChart,\r\n\t ScatterErrorBar: ScatterErrorBar,\r\n\t ScatterLineChart: ScatterLineChart,\r\n\t Selection: Selection,\r\n\t SeriesAggregator: SeriesAggregator,\r\n\t SeriesBinder: SeriesBinder,\r\n\t SplineSegment: SplineSegment,\r\n\t SplineAreaSegment: SplineAreaSegment,\r\n\t StackWrap: StackWrap,\r\n\t Tooltip: Tooltip,\r\n\t OHLCChart: OHLCChart,\r\n\t OHLCPoint: OHLCPoint,\r\n\t WaterfallChart: WaterfallChart,\r\n\t WaterfallSegment: WaterfallSegment,\r\n\t XYPlotArea: XYPlotArea,\r\n\t MousewheelZoom: MousewheelZoom,\r\n\t ZoomSelection: ZoomSelection,\r\n\t Pannable: Pannable,\r\n\t ChartAxis: ChartAxis,\r\n\t ChartPane: ChartPane,\r\n\t ChartPlotArea: ChartPlotArea,\r\n\t anyHasZIndex: anyHasZIndex,\r\n\t appendIfNotNull: areNumbers,\r\n\t areNumbers: areNumbers,\r\n\t bindSegments: bindSegments,\r\n\t categoriesCount: categoriesCount,\r\n\t countNumbers: countNumbers,\r\n\t equalsIgnoreCase: equalsIgnoreCase,\r\n\t evalOptions: evalOptions,\r\n\t filterSeriesByType: filterSeriesByType,\r\n\t getDateField: getDateField,\r\n\t getField: getField,\r\n\t hasGradientOverlay: hasGradientOverlay,\r\n\t hasValue: hasValue,\r\n\t isDateAxis: isDateAxis,\r\n\t segmentVisible: segmentVisible,\r\n\t singleItemOrArray: singleItemOrArray\r\n\t});\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\n\n/***/ }),\n\n/***/ 855:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 856:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.color\");\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__(857);\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/***/ 857:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(858)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\r\n\t var dataviz = kendo.dataviz;\r\n\t var services = dataviz.services;\r\n\t var draw = kendo.drawing;\r\n\r\n\t dataviz.ExportMixin = {\r\n\t extend: function(proto, skipLegacy) {\r\n\t if (!proto.exportVisual) {\r\n\t throw new Error(\"Mixin target has no exportVisual method defined.\");\r\n\t }\r\n\r\n\t proto.exportSVG = this.exportSVG;\r\n\t proto.exportImage = this.exportImage;\r\n\t proto.exportPDF = this.exportPDF;\r\n\r\n\t if (!skipLegacy) {\r\n\t proto.svg = this.svg;\r\n\t proto.imageDataURL = this.imageDataURL;\r\n\t }\r\n\t },\r\n\r\n\t exportSVG: function(options) {\r\n\t return draw.exportSVG(this.exportVisual(), options);\r\n\t },\r\n\r\n\t exportImage: function(options) {\r\n\t return draw.exportImage(this.exportVisual(options), options);\r\n\t },\r\n\r\n\t exportPDF: function(options) {\r\n\t return draw.exportPDF(this.exportVisual(), options);\r\n\t },\r\n\r\n\t svg: function() {\r\n\t if (draw.svg.Surface) {\r\n\t return draw.svg.exportGroup(this.exportVisual());\r\n\t } else {\r\n\t throw new Error(\"SVG Export failed. Unable to export instantiate kendo.drawing.svg.Surface\");\r\n\t }\r\n\t },\r\n\r\n\t imageDataURL: function() {\r\n\t if (!kendo.support.canvas) {\r\n\t return null;\r\n\t }\r\n\r\n\t if (draw.canvas.Surface) {\r\n\t var container = $(\"\").css({\r\n\t display: \"none\",\r\n\t width: this.element.width(),\r\n\t height: this.element.height()\r\n\t }).appendTo(document.body);\r\n\r\n\t var surface = new draw.canvas.Surface(container[0]);\r\n\t surface.draw(this.exportVisual());\r\n\t var image = surface._rootElement.toDataURL();\r\n\r\n\t surface.destroy();\r\n\t container.remove();\r\n\r\n\t return image;\r\n\t } else {\r\n\t throw new Error(\"Image Export failed. Unable to export instantiate kendo.drawing.canvas.Surface\");\r\n\t }\r\n\t }\r\n\t };\r\n\r\n\t services.IntlService.register({\r\n\t format: function(format) {\r\n\t return kendo.format.apply(null, [format].concat(Array.prototype.slice.call(arguments, 1)));\r\n\t },\r\n\t toString: kendo.toString,\r\n\t parseDate: kendo.parseDate\r\n\t });\r\n\r\n\t services.TemplateService.register({\r\n\t compile: kendo.template\r\n\t });\r\n\r\n\t dataviz.Point2D = dataviz.Point;\r\n\t dataviz.Box2D = dataviz.Box;\r\n\t dataviz.mwDelta = function(e) {\r\n\t return dataviz.mousewheelDelta(e.originalEvent);\r\n\t };\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\n\n/***/ }),\n\n/***/ 858:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./kendo-core\");\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__(859);\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/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 855:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 859:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(855),\r\n\t __webpack_require__(852)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\t/* jshint curly:false */\r\n\r\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\r\n\tvar drawing = kendo.drawing;\r\n\tvar util = drawing.util;\r\n\tvar Path = drawing.Path;\r\n\tvar Group = drawing.Group;\r\n\tvar Class = kendo.Class;\r\n\tvar geometry = kendo.geometry;\r\n\tvar Rect = geometry.Rect;\r\n\tvar Circle = geometry.Circle;\r\n\tvar geometryTransform = geometry.transform;\r\n\tvar Segment = geometry.Segment;\r\n\tvar dataviz = kendo.dataviz;\r\n\r\n\tvar deepExtend = kendo.deepExtend;\r\n\tvar isFunction = kendo.isFunction;\r\n\tvar __common_getter_js = kendo.getter;\r\n\r\n\tvar X = \"x\";\r\n\tvar Y = \"y\";\r\n\tvar TOP = \"top\";\r\n\tvar BOTTOM = \"bottom\";\r\n\tvar LEFT = \"left\";\r\n\tvar RIGHT = \"right\";\r\n\tvar CENTER = \"center\";\r\n\tvar WIDTH = \"width\";\r\n\tvar HEIGHT = \"height\";\r\n\tvar COORD_PRECISION = 3;\r\n\tvar MAX_VALUE = Number.MAX_VALUE;\r\n\tvar MIN_VALUE = -Number.MAX_VALUE;\r\n\tvar DEFAULT_WIDTH = 600;\r\n\tvar DEFAULT_HEIGHT = 400;\r\n\tvar WHITE = \"#fff\";\r\n\tvar BLACK = \"#000\";\r\n\tvar DEFAULT_FONT = \"12px sans-serif\";\r\n\tvar DEFAULT_PRECISION = 10;\r\n\tvar AXIS_LABEL_CLICK = \"axisLabelClick\";\r\n\tvar NOTE_CLICK = \"noteClick\";\r\n\tvar NOTE_HOVER = \"noteHover\";\r\n\tvar OUTSIDE = \"outside\";\r\n\tvar NONE = \"none\";\r\n\tvar CIRCLE = \"circle\";\r\n\tvar TRIANGLE = \"triangle\";\r\n\tvar CROSS = \"cross\";\r\n\tvar ARC = \"arc\";\r\n\tvar INSIDE = \"inside\";\r\n\tvar VALUE = \"value\";\r\n\tvar STRING = \"string\";\r\n\tvar OBJECT = \"object\";\r\n\tvar DATE = \"date\";\r\n\tvar FORMAT_REGEX = /\\{\\d+:?/;\r\n\tvar HIGHLIGHT_ZINDEX = 100;\r\n\r\n\tvar constants = {\r\n\t\tX: X,\r\n\t\tY: Y,\r\n\t\tWIDTH: WIDTH,\r\n\t\tHEIGHT: HEIGHT,\r\n\t\tDEFAULT_HEIGHT: DEFAULT_HEIGHT,\r\n\t\tDEFAULT_WIDTH: DEFAULT_WIDTH,\r\n\t\tTOP: TOP,\r\n\t\tLEFT: LEFT,\r\n\t\tBOTTOM: BOTTOM,\r\n\t\tRIGHT: RIGHT,\r\n\t\tCENTER: CENTER,\r\n\t\tCOORD_PRECISION: COORD_PRECISION,\r\n\t\tDEFAULT_PRECISION: DEFAULT_PRECISION,\r\n\t\tCIRCLE: CIRCLE,\r\n\t\tTRIANGLE: TRIANGLE,\r\n\t\tCROSS: CROSS,\r\n\t\tMAX_VALUE: MAX_VALUE,\r\n\t\tMIN_VALUE: MIN_VALUE,\r\n\t\tWHITE: WHITE,\r\n\t\tBLACK: BLACK,\r\n\t\tDEFAULT_FONT: DEFAULT_FONT,\r\n\t\tAXIS_LABEL_CLICK: AXIS_LABEL_CLICK,\r\n\t\tOUTSIDE: OUTSIDE,\r\n\t\tINSIDE: INSIDE,\r\n\t\tNONE: NONE,\r\n\t\tNOTE_CLICK: NOTE_CLICK,\r\n\t\tNOTE_HOVER: NOTE_HOVER,\r\n\t\tVALUE: VALUE,\r\n\t\tSTRING: STRING,\r\n\t\tOBJECT: OBJECT,\r\n\t\tDATE: DATE,\r\n\t\tARC: ARC,\r\n\t\tFORMAT_REGEX: FORMAT_REGEX,\r\n\t\tHIGHLIGHT_ZINDEX: HIGHLIGHT_ZINDEX\r\n\t};\r\n\r\n\tfunction isArray(value) {\r\n\t return Array.isArray(value);\r\n\t}\r\n\r\n\tfunction addClass(element, classes) {\r\n\t var classArray = isArray(classes) ? classes : [ classes ];\r\n\r\n\t for (var idx = 0; idx < classArray.length; idx++) {\r\n\t var className = classArray[idx];\r\n\t if (element.className.indexOf(className) === -1) {\r\n\t element.className += \" \" + className;\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tvar SPACE_REGEX = /\\s+/g;\r\n\r\n\tfunction removeClass(element, className) {\r\n\t if (element && element.className) {\r\n\t element.className = element.className.replace(className, \"\").replace(SPACE_REGEX, \" \");\r\n\t }\r\n\t}\r\n\r\n\tfunction alignPathToPixel(path) {\r\n\t var offset = 0.5;\r\n\t if (path.options.stroke && kendo.drawing.util.defined(path.options.stroke.width)) {\r\n\t if (path.options.stroke.width % 2 === 0) {\r\n\t offset = 0;\r\n\t }\r\n\t }\r\n\r\n\t for (var i = 0; i < path.segments.length; i++) {\r\n\t path.segments[i].anchor().round(0).translate(offset, offset);\r\n\t }\r\n\r\n\t return path;\r\n\t}\r\n\r\n\tfunction clockwise(angle1, angle2) {\r\n\t // True if angle2 is clockwise of angle1\r\n\t // assuming angles grow in clock-wise direction\r\n\t // (as in the pie and radar charts)\r\n\t return -angle1.x * angle2.y + angle1.y * angle2.x < 0;\r\n\t}\r\n\r\n\tfunction isNumber(value) {\r\n\t return typeof value === \"number\" && !isNaN(value);\r\n\t}\r\n\r\n\tfunction isString(value) {\r\n\t return typeof value === STRING;\r\n\t}\r\n\r\n\tfunction convertableToNumber(value) {\r\n\t return isNumber(value) || (isString(value) && isFinite(value));\r\n\t}\r\n\r\n\tfunction isObject(value) {\r\n\t return typeof value === \"object\";\r\n\t}\r\n\r\n\tfunction styleValue(value) {\r\n\t if (isNumber(value)) {\r\n\t return value + \"px\";\r\n\t }\r\n\t return value;\r\n\t}\r\n\r\n\tvar SIZE_STYLES_REGEX = /width|height|top|left|bottom|right/i;\r\n\r\n\tfunction isSizeField(field) {\r\n\t return SIZE_STYLES_REGEX.test(field);\r\n\t}\r\n\r\n\tfunction elementStyles(element, styles) {\r\n\t var stylesArray = isString(styles) ? [ styles ] : styles;\r\n\r\n\t if (isArray(stylesArray)) {\r\n\t var result = {};\r\n\t var style = window.getComputedStyle(element);\r\n\r\n\t for (var idx = 0; idx < stylesArray.length; idx++) {\r\n\t var field = stylesArray[idx];\r\n\t result[field] = isSizeField(field) ? parseFloat(style[field]) : style[field];\r\n\t }\r\n\r\n\t return result;\r\n\t } else if (isObject(styles)) {\r\n\t for (var field$1 in styles) {\r\n\t element.style[field$1] = styleValue(styles[field$1]);\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction getSpacing(value, defaultSpacing) {\r\n\t if (defaultSpacing === void 0) { defaultSpacing = 0; }\r\n\r\n\t var spacing = { top: 0, right: 0, bottom: 0, left: 0 };\r\n\r\n\t if (typeof(value) === \"number\") {\r\n\t spacing[TOP] = spacing[RIGHT] = spacing[BOTTOM] = spacing[LEFT] = value;\r\n\t } else {\r\n\t spacing[TOP] = value[TOP] || defaultSpacing;\r\n\t spacing[RIGHT] = value[RIGHT] || defaultSpacing;\r\n\t spacing[BOTTOM] = value[BOTTOM] || defaultSpacing;\r\n\t spacing[LEFT] = value[LEFT] || defaultSpacing;\r\n\t }\r\n\r\n\t return spacing;\r\n\t}\r\n\r\n\tvar defaultImplementation = {\r\n\t format: function (format, value) { return value; },\r\n\r\n\t toString: function (value) { return value; },\r\n\r\n\t parseDate: function (value) { return new Date(value); }\r\n\t};\r\n\r\n\tvar current = defaultImplementation;\r\n\r\n\tvar IntlService = Class.extend({\r\n\r\n\t});\r\n\r\n\tIntlService.register = function(userImplementation) {\r\n\t current = userImplementation;\r\n\t};\r\n\r\n\tif (Object.defineProperties) {\r\n\t Object.defineProperties(IntlService, {\r\n\t implementation: {\r\n\t get: function() {\r\n\t return current;\r\n\t }\r\n\t }\r\n\t });\r\n\t}\r\n\r\n\tvar FORMAT_REPLACE_REGEX = /\\{(\\d+)(:[^\\}]+)?\\}/g;\r\n\r\n\tvar FormatService = Class.extend({\r\n\t init: function(intlService) {\r\n\t this._intlService = intlService;\r\n\t },\r\n\r\n\t auto: function(formatString) {\r\n\t var values = [], len = arguments.length - 1;\r\n\t while ( len-- > 0 ) values[ len ] = arguments[ len + 1 ];\r\n\r\n\t var intl = this.intlService;\r\n\r\n\t if (isString(formatString) && formatString.match(FORMAT_REGEX)) {\r\n\t return intl.format.apply(intl, [ formatString ].concat( values ));\r\n\t }\r\n\r\n\t return intl.toString(values[0], formatString);\r\n\t },\r\n\r\n\t localeAuto: function(formatString, values, locale) {\r\n\t var intl = this.intlService;\r\n\t var result;\r\n\r\n\t if (isString(formatString) && formatString.match(FORMAT_REGEX)) {\r\n\t result = formatString.replace(FORMAT_REPLACE_REGEX, function(match, index, placeholderFormat) {\r\n\t var value = values[parseInt(index, 10)];\r\n\r\n\t return intl.toString(value, placeholderFormat ? placeholderFormat.substring(1) : \"\", locale);\r\n\t });\r\n\t } else {\r\n\t result = intl.toString(values[0], formatString, locale);\r\n\t }\r\n\r\n\t return result;\r\n\t }\r\n\t});\r\n\r\n\tif (Object.defineProperties) {\r\n\t Object.defineProperties(FormatService.fn, {\r\n\t intlService: {\r\n\t get: function() {\r\n\t return this._intlService || IntlService.implementation;\r\n\t }\r\n\t }\r\n\t });\r\n\t}\r\n\r\n\tvar ChartService = Class.extend({\r\n\t init: function(chart, context) {\r\n\t if (context === void 0) { context = {}; }\r\n\r\n\t this._intlService = context.intlService;\r\n\t this.sender = context.sender || chart;\r\n\t this.format = new FormatService(context.intlService);\r\n\t this.chart = chart;\r\n\t this.rtl = context.rtl;\r\n\t },\r\n\r\n\t notify: function(name, args) {\r\n\t this.chart.trigger(name, args);\r\n\t }\r\n\t});\r\n\r\n\tif (Object.defineProperties) {\r\n\t Object.defineProperties(ChartService.fn, {\r\n\t intl: {\r\n\t get: function() {\r\n\t return this._intlService || IntlService.implementation;\r\n\t }\r\n\t }\r\n\t });\r\n\t}\r\n\r\n\tvar current$1;\r\n\r\n\tvar DomEventsBuilder = Class.extend({\r\n\r\n\t});\r\n\r\n\tDomEventsBuilder.register = function(userImplementation) {\r\n\t current$1 = userImplementation;\r\n\t};\r\n\r\n\tDomEventsBuilder.create = function(element, events) {\r\n\t if (current$1) {\r\n\t return current$1.create(element, events);\r\n\t }\r\n\t};\r\n\r\n\tvar current$2 = {\r\n\t compile: function(template) {\r\n\t return template;\r\n\t }\r\n\t};\r\n\r\n\tvar TemplateService = Class.extend({\r\n\r\n\t});\r\n\r\n\tTemplateService.register = function(userImplementation) {\r\n\t current$2 = userImplementation;\r\n\t};\r\n\r\n\tTemplateService.compile = function(template) {\r\n\t return current$2.compile(template);\r\n\t};\r\n\r\n\tvar services = {\r\n\t\tChartService: ChartService,\r\n\t\tDomEventsBuilder: DomEventsBuilder,\r\n\t\tFormatService: FormatService,\r\n\t\tIntlService: IntlService,\r\n\t\tTemplateService: TemplateService\r\n\t};\r\n\r\n\tfunction getTemplate(options) {\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t var template;\r\n\t if (options.template) {\r\n\t options.template = template = TemplateService.compile(options.template);\r\n\t } else if (isFunction(options.content)) {\r\n\t template = options.content;\r\n\t }\r\n\r\n\t return template;\r\n\t}\r\n\r\n\tfunction grep(array, callback) {\r\n\t var length = array.length;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (callback(array[idx])) {\r\n\t result .push(array[idx]);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction hasClasses(element, classNames) {\r\n\t if (element.className) {\r\n\t var names = classNames.split(\" \");\r\n\t for (var idx = 0; idx < names.length; idx++) {\r\n\t if (element.className.indexOf(names[idx]) !== -1) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction inArray(value, array) {\r\n\t if (array) {\r\n\t return array.indexOf(value) !== -1;\r\n\t }\r\n\t}\r\n\r\n\tfunction interpolateValue(start, end, progress) {\r\n\t return kendo.drawing.util.round(start + (end - start) * progress, COORD_PRECISION);\r\n\t}\r\n\r\n\tvar TRIGGER = 'trigger';\r\n\r\n\tvar InstanceObserver = Class.extend({\r\n\t init: function(observer, handlers) {\r\n\t this.observer = observer;\r\n\t this.handlerMap = deepExtend({}, this.handlerMap, handlers);\r\n\t },\r\n\r\n\t trigger: function(name, args) {\r\n\t var ref = this;\r\n\t var observer = ref.observer;\r\n\t var handlerMap = ref.handlerMap;\r\n\t var isDefaultPrevented;\r\n\t if (handlerMap[name]) {\r\n\t isDefaultPrevented = this.callObserver(handlerMap[name], args);\r\n\t } else if (observer[TRIGGER]) {\r\n\t isDefaultPrevented = this.callObserver(TRIGGER, name, args);\r\n\t }\r\n\r\n\t return isDefaultPrevented;\r\n\t },\r\n\r\n\t callObserver: function(fnName) {\r\n\t var args = [], len = arguments.length - 1;\r\n\t while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];\r\n\r\n\t return this.observer[fnName].apply(this.observer, args);\r\n\t },\r\n\r\n\t requiresHandlers: function(names) {\r\n\t var this$1 = this;\r\n\r\n\t if (this.observer.requiresHandlers) {\r\n\t return this.observer.requiresHandlers(names);\r\n\t }\r\n\r\n\t for (var idx = 0; idx < names.length; idx++) {\r\n\t if (this$1.handlerMap[names[idx]]) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction map(array, callback) {\r\n\t var length = array.length;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t var value = callback(array[idx]);\r\n\t if (kendo.drawing.util.defined(value)) {\r\n\t result.push(value);\r\n\t }\r\n\t }\r\n\t return result;\r\n\t}\r\n\r\n\tfunction mousewheelDelta(e) {\r\n\t var delta = 0;\r\n\r\n\t if (e.wheelDelta) {\r\n\t delta = -e.wheelDelta / 120;\r\n\t delta = delta > 0 ? Math.ceil(delta) : Math.floor(delta);\r\n\t }\r\n\r\n\t if (e.detail) {\r\n\t delta = kendo.drawing.util.round(e.detail / 3);\r\n\t }\r\n\r\n\t return delta;\r\n\t}\r\n\r\n\tvar ref = kendo.drawing.util;\r\n\tvar append = ref.append;\r\n\tvar bindEvents = ref.bindEvents;\r\n\tvar defined = ref.defined;\r\n\tvar deg = ref.deg;\r\n\tvar elementOffset = ref.elementOffset;\r\n\tvar elementSize = ref.elementSize;\r\n\tvar eventElement = ref.eventElement;\r\n\tvar eventCoordinates = ref.eventCoordinates;\r\n\tvar last = ref.last;\r\n\tvar limitValue = ref.limitValue;\r\n\tvar objectKey = ref.objectKey;\r\n\tvar rad = ref.rad;\r\n\tvar round = ref.round;\r\n\tvar unbindEvents = ref.unbindEvents;\r\n\tvar valueOrDefault = ref.valueOrDefault;\r\n\r\n\tvar FontLoader = Class.extend({\r\n\r\n\t});\r\n\r\n\tFontLoader.fetchFonts = function(options, fonts, state) {\r\n\t if (state === void 0) { state = { depth: 0 }; }\r\n\r\n\t var MAX_DEPTH = 5;\r\n\r\n\t if (!options || state.depth > MAX_DEPTH || !document.fonts) {\r\n\t return;\r\n\t }\r\n\r\n\t Object.keys(options).forEach(function(key) {\r\n\t var value = options[key];\r\n\t if (key === \"dataSource\" || key[0] === \"$\" || !value) {\r\n\t return;\r\n\t }\r\n\r\n\t if (key === \"font\") {\r\n\t fonts.push(value);\r\n\t } else if (typeof value === \"object\") {\r\n\t state.depth++;\r\n\t FontLoader.fetchFonts(value, fonts, state);\r\n\t state.depth--;\r\n\t }\r\n\t });\r\n\t};\r\n\r\n\tFontLoader.loadFonts = function(fonts, callback) {\r\n\t var promises = [];\r\n\r\n\t if (fonts.length > 0 && document.fonts) {\r\n\t try {\r\n\t promises = fonts.map(function(font) {\r\n\t return document.fonts.load(font);\r\n\t });\r\n\t } catch (e) {\r\n\t // Silence font-loading errors\r\n\t kendo.logToConsole(e);\r\n\t }\r\n\r\n\t Promise.all(promises).then(callback, callback);\r\n\t } else {\r\n\t callback();\r\n\t }\r\n\t};\r\n\r\n\tFontLoader.preloadFonts = function(options, callback) {\r\n\t var fonts = [];\r\n\t FontLoader.fetchFonts(options, fonts);\r\n\r\n\t FontLoader.loadFonts(fonts, callback);\r\n\t};\r\n\r\n\tfunction setDefaultOptions(type, options) {\r\n\t var proto = type.prototype;\r\n\t if (proto.options) {\r\n\t proto.options = deepExtend({}, proto.options, options);\r\n\t } else {\r\n\t proto.options = options;\r\n\t }\r\n\t}\r\n\r\n\tfunction sparseArrayLimits(arr) {\r\n\t var min = MAX_VALUE;\r\n\t var max = MIN_VALUE;\r\n\r\n\t for (var idx = 0, length = arr.length; idx < length; idx++) {\r\n\t var value = arr[idx];\r\n\t if (value !== null && isFinite(value)) {\r\n\t min = Math.min(min, value);\r\n\t max = Math.max(max, value);\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t min: min === MAX_VALUE ? undefined : min,\r\n\t max: max === MIN_VALUE ? undefined : max\r\n\t };\r\n\t}\r\n\r\n\tvar Point = Class.extend({\r\n\t init: function(x, y) {\r\n\r\n\t this.x = x || 0;\r\n\t this.y = y || 0;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Point(this.x, this.y);\r\n\t },\r\n\r\n\t equals: function(point) {\r\n\t return point && this.x === point.x && this.y === point.y;\r\n\t },\r\n\r\n\t rotate: function(center, degrees) {\r\n\t var theta = rad(degrees);\r\n\t var cosT = Math.cos(theta);\r\n\t var sinT = Math.sin(theta);\r\n\t var cx = center.x;\r\n\t var cy = center.y;\r\n\t var ref = this;\r\n\t var x = ref.x;\r\n\t var y = ref.y;\r\n\r\n\t this.x = round(\r\n\t cx + (x - cx) * cosT + (y - cy) * sinT,\r\n\t COORD_PRECISION\r\n\t );\r\n\r\n\t this.y = round(\r\n\t cy + (y - cy) * cosT - (x - cx) * sinT,\r\n\t COORD_PRECISION\r\n\t );\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t multiply: function(a) {\r\n\r\n\t this.x *= a;\r\n\t this.y *= a;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t distanceTo: function(point) {\r\n\t var dx = this.x - point.x;\r\n\t var dy = this.y - point.y;\r\n\r\n\t return Math.sqrt(dx * dx + dy * dy);\r\n\t }\r\n\t});\r\n\r\n\tPoint.onCircle = function(center, angle, radius) {\r\n\t var radians = rad(angle);\r\n\r\n\t return new Point(\r\n\t center.x - radius * Math.cos(radians),\r\n\t center.y - radius * Math.sin(radians)\r\n\t );\r\n\t};\r\n\r\n\tvar Box = Class.extend({\r\n\t init: function(x1, y1, x2, y2) {\r\n\r\n\t this.x1 = x1 || 0;\r\n\t this.y1 = y1 || 0;\r\n\t this.x2 = x2 || 0;\r\n\t this.y2 = y2 || 0;\r\n\t },\r\n\r\n\t equals: function(box) {\r\n\t return this.x1 === box.x1 && this.x2 === box.x2 &&\r\n\t this.y1 === box.y1 && this.y2 === box.y2;\r\n\t },\r\n\r\n\t width: function() {\r\n\t return this.x2 - this.x1;\r\n\t },\r\n\r\n\t height: function() {\r\n\t return this.y2 - this.y1;\r\n\t },\r\n\r\n\t translate: function(dx, dy) {\r\n\t this.x1 += dx;\r\n\t this.x2 += dx;\r\n\t this.y1 += dy;\r\n\t this.y2 += dy;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t move: function(x, y) {\r\n\t var height = this.height();\r\n\t var width = this.width();\r\n\r\n\t if (defined(x)) {\r\n\t this.x1 = x;\r\n\t this.x2 = this.x1 + width;\r\n\t }\r\n\r\n\t if (defined(y)) {\r\n\t this.y1 = y;\r\n\t this.y2 = this.y1 + height;\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t wrap: function(targetBox) {\r\n\t this.x1 = Math.min(this.x1, targetBox.x1);\r\n\t this.y1 = Math.min(this.y1, targetBox.y1);\r\n\t this.x2 = Math.max(this.x2, targetBox.x2);\r\n\t this.y2 = Math.max(this.y2, targetBox.y2);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t wrapPoint: function(point) {\r\n\t var arrayPoint = isArray(point);\r\n\t var x = arrayPoint ? point[0] : point.x;\r\n\t var y = arrayPoint ? point[1] : point.y;\r\n\t this.wrap(new Box(x, y, x, y));\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t snapTo: function(targetBox, axis) {\r\n\r\n\t if (axis === X || !axis) {\r\n\t this.x1 = targetBox.x1;\r\n\t this.x2 = targetBox.x2;\r\n\t }\r\n\r\n\t if (axis === Y || !axis) {\r\n\t this.y1 = targetBox.y1;\r\n\t this.y2 = targetBox.y2;\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t alignTo: function(targetBox, anchor) {\r\n\t var height = this.height();\r\n\t var width = this.width();\r\n\t var axis = anchor === TOP || anchor === BOTTOM ? Y : X;\r\n\t var offset = axis === Y ? height : width;\r\n\r\n\t if (anchor === CENTER) {\r\n\t var targetCenter = targetBox.center();\r\n\t var center = this.center();\r\n\r\n\t this.x1 += targetCenter.x - center.x;\r\n\t this.y1 += targetCenter.y - center.y;\r\n\t } else if (anchor === TOP || anchor === LEFT) {\r\n\t this[axis + 1] = targetBox[axis + 1] - offset;\r\n\t } else {\r\n\t this[axis + 1] = targetBox[axis + 2];\r\n\t }\r\n\r\n\t this.x2 = this.x1 + width;\r\n\t this.y2 = this.y1 + height;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t shrink: function(dw, dh) {\r\n\r\n\t this.x2 -= dw;\r\n\t this.y2 -= dh;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t expand: function(dw, dh) {\r\n\t this.shrink(-dw, -dh);\r\n\t return this;\r\n\t },\r\n\r\n\t pad: function(padding) {\r\n\t var spacing = getSpacing(padding);\r\n\r\n\t this.x1 -= spacing.left;\r\n\t this.x2 += spacing.right;\r\n\t this.y1 -= spacing.top;\r\n\t this.y2 += spacing.bottom;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t unpad: function(padding) {\r\n\t var spacing = getSpacing(padding);\r\n\r\n\t spacing.left = -spacing.left;\r\n\t spacing.top = -spacing.top;\r\n\t spacing.right = -spacing.right;\r\n\t spacing.bottom = -spacing.bottom;\r\n\r\n\t return this.pad(spacing);\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Box(this.x1, this.y1, this.x2, this.y2);\r\n\t },\r\n\r\n\t center: function() {\r\n\t return new Point(\r\n\t this.x1 + this.width() / 2,\r\n\t this.y1 + this.height() / 2\r\n\t );\r\n\t },\r\n\r\n\t containsPoint: function(point) {\r\n\r\n\t return point.x >= this.x1 && point.x <= this.x2 &&\r\n\t point.y >= this.y1 && point.y <= this.y2;\r\n\t },\r\n\r\n\t points: function() {\r\n\t return [\r\n\t new Point(this.x1, this.y1),\r\n\t new Point(this.x2, this.y1),\r\n\t new Point(this.x2, this.y2),\r\n\t new Point(this.x1, this.y2)\r\n\t ];\r\n\t },\r\n\r\n\t getHash: function() {\r\n\t return [ this.x1, this.y1, this.x2, this.y2 ].join(\",\");\r\n\t },\r\n\r\n\t overlaps: function(box) {\r\n\t return !(box.y2 < this.y1 || this.y2 < box.y1 || box.x2 < this.x1 || this.x2 < box.x1);\r\n\t },\r\n\r\n\t rotate: function(rotation) {\r\n\t var width = this.width();\r\n\t var height = this.height();\r\n\t var ref = this.center();\r\n\t var cx = ref.x;\r\n\t var cy = ref.y;\r\n\r\n\t var r1 = rotatePoint(0, 0, cx, cy, rotation);\r\n\t var r2 = rotatePoint(width, 0, cx, cy, rotation);\r\n\t var r3 = rotatePoint(width, height, cx, cy, rotation);\r\n\t var r4 = rotatePoint(0, height, cx, cy, rotation);\r\n\r\n\t width = Math.max(r1.x, r2.x, r3.x, r4.x) - Math.min(r1.x, r2.x, r3.x, r4.x);\r\n\t height = Math.max(r1.y, r2.y, r3.y, r4.y) - Math.min(r1.y, r2.y, r3.y, r4.y);\r\n\r\n\t this.x2 = this.x1 + width;\r\n\t this.y2 = this.y1 + height;\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t toRect: function() {\r\n\t return new Rect([ this.x1, this.y1 ], [ this.width(), this.height() ]);\r\n\t },\r\n\r\n\t hasSize: function() {\r\n\t return this.width() !== 0 && this.height() !== 0;\r\n\t },\r\n\r\n\t align: function(targetBox, axis, alignment) {\r\n\t var c1 = axis + 1;\r\n\t var c2 = axis + 2;\r\n\t var sizeFunc = axis === X ? WIDTH : HEIGHT;\r\n\t var size = this[sizeFunc]();\r\n\r\n\t if (inArray(alignment, [ LEFT, TOP ])) {\r\n\t this[c1] = targetBox[c1];\r\n\t this[c2] = this[c1] + size;\r\n\t } else if (inArray(alignment, [ RIGHT, BOTTOM ])) {\r\n\t this[c2] = targetBox[c2];\r\n\t this[c1] = this[c2] - size;\r\n\t } else if (alignment === CENTER) {\r\n\t this[c1] = targetBox[c1] + (targetBox[sizeFunc]() - size) / 2;\r\n\t this[c2] = this[c1] + size;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tfunction rotatePoint(x, y, cx, cy, angle) {\r\n\t var theta = rad(angle);\r\n\r\n\t return new Point(\r\n\t cx + (x - cx) * Math.cos(theta) + (y - cy) * Math.sin(theta),\r\n\t cy - (x - cx) * Math.sin(theta) + (y - cy) * Math.cos(theta)\r\n\t );\r\n\t}\r\n\r\n\tvar Ring = Class.extend({\r\n\t init: function(center, innerRadius, radius, startAngle, angle) {\r\n\r\n\t this.center = center;\r\n\t this.innerRadius = innerRadius;\r\n\t this.radius = radius;\r\n\t this.startAngle = startAngle;\r\n\t this.angle = angle;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Ring(this.center, this.innerRadius, this.radius, this.startAngle, this.angle);\r\n\t },\r\n\r\n\t middle: function() {\r\n\t return this.startAngle + this.angle / 2;\r\n\t },\r\n\r\n\t setRadius: function(newRadius, innerRadius) {\r\n\t if (innerRadius) {\r\n\t this.innerRadius = newRadius;\r\n\t } else {\r\n\t this.radius = newRadius;\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t point: function(angle, innerRadius) {\r\n\t var radianAngle = rad(angle);\r\n\t var ax = Math.cos(radianAngle);\r\n\t var ay = Math.sin(radianAngle);\r\n\t var radius = innerRadius ? this.innerRadius : this.radius;\r\n\t var x = round(this.center.x - (ax * radius), COORD_PRECISION);\r\n\t var y = round(this.center.y - (ay * radius), COORD_PRECISION);\r\n\r\n\t return new Point(x, y);\r\n\t },\r\n\r\n\t adjacentBox: function(distance, width, height) {\r\n\t var sector = this.clone().expand(distance);\r\n\t var midAndle = sector.middle();\r\n\t var midPoint = sector.point(midAndle);\r\n\t var hw = width / 2;\r\n\t var hh = height / 2;\r\n\t var sa = Math.sin(rad(midAndle));\r\n\t var ca = Math.cos(rad(midAndle));\r\n\t var x = midPoint.x - hw;\r\n\t var y = midPoint.y - hh;\r\n\r\n\t if (Math.abs(sa) < 0.9) {\r\n\t x += hw * -ca / Math.abs(ca);\r\n\t }\r\n\r\n\t if (Math.abs(ca) < 0.9) {\r\n\t y += hh * -sa / Math.abs(sa);\r\n\t }\r\n\r\n\t return new Box(x, y, x + width, y + height);\r\n\t },\r\n\r\n\t containsPoint: function(p) {\r\n\t var center = this.center;\r\n\t var innerRadius = this.innerRadius;\r\n\t var radius = this.radius;\r\n\t var startAngle = this.startAngle;\r\n\t var endAngle = this.startAngle + this.angle;\r\n\t var dx = p.x - center.x;\r\n\t var dy = p.y - center.y;\r\n\t var vector = new Point(dx, dy);\r\n\t var startPoint = this.point(startAngle);\r\n\t var startVector = new Point(startPoint.x - center.x, startPoint.y - center.y);\r\n\t var endPoint = this.point(endAngle);\r\n\t var endVector = new Point(endPoint.x - center.x, endPoint.y - center.y);\r\n\t var dist = round(dx * dx + dy * dy, COORD_PRECISION);\r\n\r\n\t return (startVector.equals(vector) || clockwise(startVector, vector)) &&\r\n\t !clockwise(endVector, vector) &&\r\n\t dist >= innerRadius * innerRadius && dist <= radius * radius;\r\n\t },\r\n\r\n\t getBBox: function() {\r\n\t var this$1 = this;\r\n\r\n\t var box = new Box(MAX_VALUE, MAX_VALUE, MIN_VALUE, MIN_VALUE);\r\n\t var startAngle = round(this.startAngle % 360);\r\n\t var endAngle = round((startAngle + this.angle) % 360);\r\n\t var innerRadius = this.innerRadius;\r\n\t var allAngles = [ 0, 90, 180, 270, startAngle, endAngle ].sort(numericComparer);\r\n\t var startAngleIndex = allAngles.indexOf(startAngle);\r\n\t var endAngleIndex = allAngles.indexOf(endAngle);\r\n\t var angles;\r\n\r\n\t if (startAngle === endAngle) {\r\n\t angles = allAngles;\r\n\t } else {\r\n\t if (startAngleIndex < endAngleIndex) {\r\n\t angles = allAngles.slice(startAngleIndex, endAngleIndex + 1);\r\n\t } else {\r\n\t angles = [].concat(\r\n\t allAngles.slice(0, endAngleIndex + 1),\r\n\t allAngles.slice(startAngleIndex, allAngles.length)\r\n\t );\r\n\t }\r\n\t }\r\n\r\n\t for (var i = 0; i < angles.length; i++) {\r\n\t var point = this$1.point(angles[i]);\r\n\t box.wrapPoint(point);\r\n\t box.wrapPoint(point, innerRadius);\r\n\t }\r\n\r\n\t if (!innerRadius) {\r\n\t box.wrapPoint(this.center);\r\n\t }\r\n\r\n\t return box;\r\n\t },\r\n\r\n\t expand: function(value) {\r\n\t this.radius += value;\r\n\t return this;\r\n\t }\r\n\t});\r\n\r\n\tfunction numericComparer(a, b) {\r\n\t return a - b;\r\n\t}\r\n\r\n\tvar Sector = Ring.extend({\r\n\t init: function(center, radius, startAngle, angle) {\r\n\t Ring.fn.init.call(this, center, 0, radius, startAngle, angle);\r\n\t },\r\n\r\n\t expand: function(value) {\r\n\t return Ring.fn.expand.call(this, value);\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Sector(this.center, this.radius, this.startAngle, this.angle);\r\n\t },\r\n\r\n\t setRadius: function(newRadius) {\r\n\t this.radius = newRadius;\r\n\r\n\t return this;\r\n\t }\r\n\t});\r\n\r\n\tvar DIRECTION_ANGLE = 0.001; //any value that will make the endAngle bigger than the start angle will work here.\r\n\r\n\tvar ShapeBuilder = Class.extend({\r\n\t createRing: function(sector, options) {\r\n\t var startAngle = sector.startAngle + 180;\r\n\t var endAngle = sector.angle + startAngle;\r\n\r\n\t //required in order to avoid reversing the arc direction in cases like 0.000000000000001 + 100 === 100\r\n\t if (sector.angle > 0 && startAngle === endAngle) {\r\n\t endAngle += DIRECTION_ANGLE;\r\n\t }\r\n\r\n\t var center = new geometry.Point(sector.center.x, sector.center.y);\r\n\t var radius = Math.max(sector.radius, 0);\r\n\t var innerRadius = Math.max(sector.innerRadius, 0);\r\n\t var arc = new geometry.Arc(center, {\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle,\r\n\t radiusX: radius,\r\n\t radiusY: radius\r\n\t });\r\n\t var path = Path.fromArc(arc, options).close();\r\n\r\n\t if (innerRadius) {\r\n\t arc.radiusX = arc.radiusY = innerRadius;\r\n\t var innerEnd = arc.pointAt(endAngle);\r\n\t path.lineTo(innerEnd.x, innerEnd.y);\r\n\t path.arc(endAngle, startAngle, innerRadius, innerRadius, true);\r\n\t } else {\r\n\t path.lineTo(center.x, center.y);\r\n\t }\r\n\r\n\t return path;\r\n\t }\r\n\t});\r\n\r\n\tShapeBuilder.current = new ShapeBuilder();\r\n\r\n\tvar ChartElement = Class.extend({\r\n\t init: function(options) {\r\n\r\n\t this.children = [];\r\n\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var children = this.children;\r\n\t var box;\r\n\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t var currentChild = children[i];\r\n\t currentChild.reflow(targetBox);\r\n\r\n\t box = box ? box.wrap(currentChild.box) : currentChild.box.clone();\r\n\t }\r\n\r\n\t this.box = box || targetBox;\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t var children = this.children;\r\n\r\n\t if (this.animation) {\r\n\t this.animation.destroy();\r\n\t }\r\n\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t children[i].destroy();\r\n\t }\r\n\t },\r\n\r\n\t getRoot: function() {\r\n\t var parent = this.parent;\r\n\r\n\t return parent ? parent.getRoot() : null;\r\n\t },\r\n\r\n\t getSender: function() {\r\n\t var service = this.getService();\r\n\t if (service) {\r\n\t return service.sender;\r\n\t }\r\n\t },\r\n\r\n\t getService: function() {\r\n\t var element = this;\r\n\t while (element) {\r\n\t if (element.chartService) {\r\n\t return element.chartService;\r\n\t }\r\n\t element = element.parent;\r\n\t }\r\n\t },\r\n\r\n\t translateChildren: function(dx, dy) {\r\n\t var children = this.children;\r\n\t var childrenCount = children.length;\r\n\r\n\t for (var i = 0; i < childrenCount; i++) {\r\n\t children[i].box.translate(dx, dy);\r\n\t }\r\n\t },\r\n\r\n\t append: function() {\r\n\t var arguments$1 = arguments;\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < arguments.length; i++) {\r\n\t var item = arguments$1[i];\r\n\t this$1.children.push(item);\r\n\t item.parent = this$1;\r\n\t }\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t if (this.options.visible === false) {\r\n\t return;\r\n\t }\r\n\r\n\t this.createVisual();\r\n\r\n\t this.addVisual();\r\n\r\n\t this.renderChildren();\r\n\r\n\t this.createAnimation();\r\n\t this.renderComplete();\r\n\t },\r\n\r\n\t addVisual: function() {\r\n\t if (this.visual) {\r\n\t this.visual.chartElement = this;\r\n\r\n\t if (this.parent) {\r\n\t this.parent.appendVisual(this.visual);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t renderChildren: function() {\r\n\t var children = this.children;\r\n\t var length = children.length;\r\n\t for (var i = 0; i < length; i++) {\r\n\t children[i].renderVisual();\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.visual = new Group({\r\n\t zIndex: this.options.zIndex,\r\n\t visible: valueOrDefault(this.options.visible, true)\r\n\t });\r\n\t },\r\n\r\n\t createAnimation: function() {\r\n\t if (this.visual) {\r\n\t this.animation = drawing.Animation.create(\r\n\t this.visual, this.options.animation\r\n\t );\r\n\t }\r\n\t },\r\n\r\n\t appendVisual: function(childVisual) {\r\n\t if (!childVisual.chartElement) {\r\n\t childVisual.chartElement = this;\r\n\t }\r\n\r\n\t if (childVisual.options.noclip) {\r\n\t this.clipRoot().visual.append(childVisual);\r\n\t } else if (defined(childVisual.options.zIndex)) {\r\n\t this.stackRoot().stackVisual(childVisual);\r\n\t } else if (this.isStackRoot) {\r\n\t this.stackVisual(childVisual);\r\n\t } else if (this.visual) {\r\n\t this.visual.append(childVisual);\r\n\t } else {\r\n\t // Allow chart elements without visuals to\r\n\t // pass through child visuals\r\n\t this.parent.appendVisual(childVisual);\r\n\t }\r\n\t },\r\n\r\n\t clipRoot: function() {\r\n\t if (this.parent) {\r\n\t return this.parent.clipRoot();\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t stackRoot: function() {\r\n\t if (this.parent) {\r\n\t return this.parent.stackRoot();\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t stackVisual: function(childVisual) {\r\n\t var zIndex = childVisual.options.zIndex || 0;\r\n\t var visuals = this.visual.children;\r\n\t var length = visuals.length;\r\n\t var pos;\r\n\r\n\t for (pos = 0; pos < length; pos++) {\r\n\t var sibling = visuals[pos];\r\n\t var here = valueOrDefault(sibling.options.zIndex, 0);\r\n\t if (here > zIndex) {\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t this.visual.insert(pos, childVisual);\r\n\t },\r\n\r\n\t traverse: function(callback) {\r\n\t var children = this.children;\r\n\t var length = children.length;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var child = children[i];\r\n\r\n\t callback(child);\r\n\t if (child.traverse) {\r\n\t child.traverse(callback);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t closest: function(match) {\r\n\t var element = this;\r\n\t var matched = false;\r\n\r\n\t while (element && !matched) {\r\n\t matched = match(element);\r\n\r\n\t if (!matched) {\r\n\t element = element.parent;\r\n\t }\r\n\t }\r\n\r\n\t if (matched) {\r\n\t return element;\r\n\t }\r\n\t },\r\n\r\n\t renderComplete: function() {},\r\n\r\n\t hasHighlight: function() {\r\n\t var options = (this.options || {}).highlight;\r\n\t return !(!this.createHighlight || (options && options.visible === false));\r\n\t },\r\n\r\n\t toggleHighlight: function(show) {\r\n\t var this$1 = this;\r\n\r\n\t var options = (this.options || {}).highlight || {};\r\n\t var customVisual = options.visual;\r\n\t var highlight = this._highlight;\r\n\r\n\t if (!highlight) {\r\n\t var highlightOptions = {\r\n\t fill: {\r\n\t color: WHITE,\r\n\t opacity: 0.2\r\n\t },\r\n\t stroke: {\r\n\t color: WHITE,\r\n\t width: 1,\r\n\t opacity: 0.2\r\n\t }\r\n\t };\r\n\r\n\t if (customVisual) {\r\n\t highlight = this._highlight = customVisual(\r\n\t $.extend(this.highlightVisualArgs(), {\r\n\t createVisual: function () { return this$1.createHighlight(highlightOptions); },\r\n\t sender: this.getSender(),\r\n\t series: this.series,\r\n\t dataItem: this.dataItem,\r\n\t category: this.category,\r\n\t value: this.value,\r\n\t percentage: this.percentage,\r\n\t runningTotal: this.runningTotal,\r\n\t total: this.total\r\n\t }\r\n\t ));\r\n\r\n\t if (!highlight) {\r\n\t return;\r\n\t }\r\n\t } else {\r\n\t highlight = this._highlight = this.createHighlight(highlightOptions);\r\n\t }\r\n\r\n\t if (!defined(highlight.options.zIndex)) {\r\n\t highlight.options.zIndex = valueOrDefault(options.zIndex, this.options.zIndex);\r\n\t }\r\n\r\n\t this.appendVisual(highlight);\r\n\t }\r\n\r\n\t highlight.visible(show);\r\n\t },\r\n\r\n\t createGradientOverlay: function(element, options, gradientOptions) {\r\n\t var overlay = new Path($.extend({\r\n\t stroke: {\r\n\t color: \"none\"\r\n\t },\r\n\t fill: this.createGradient(gradientOptions),\r\n\t closed: element.options.closed\r\n\t }, options));\r\n\r\n\t overlay.segments.elements(element.segments.elements());\r\n\r\n\t return overlay;\r\n\t },\r\n\r\n\t createGradient: function(options) {\r\n\t if (this.parent) {\r\n\t return this.parent.createGradient(options);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tChartElement.prototype.options = { };\r\n\r\n\tvar BoxElement = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.options.margin = getSpacing(this.options.margin);\r\n\t this.options.padding = getSpacing(this.options.padding);\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var width = options.width;\r\n\t var height = options.height;\r\n\t var shrinkToFit = options.shrinkToFit;\r\n\t var hasSetSize = width && height;\r\n\t var margin = options.margin;\r\n\t var padding = options.padding;\r\n\t var borderWidth = options.border.width;\r\n\t var box;\r\n\r\n\t var reflowPaddingBox = function () {\r\n\t this$1.align(targetBox, X, options.align);\r\n\t this$1.align(targetBox, Y, options.vAlign);\r\n\t this$1.paddingBox = box.clone().unpad(margin).unpad(borderWidth);\r\n\t };\r\n\r\n\t var contentBox = targetBox.clone();\r\n\t if (hasSetSize) {\r\n\t contentBox.x2 = contentBox.x1 + width;\r\n\t contentBox.y2 = contentBox.y1 + height;\r\n\t }\r\n\r\n\t if (shrinkToFit) {\r\n\t contentBox.unpad(margin).unpad(borderWidth).unpad(padding);\r\n\t }\r\n\r\n\t ChartElement.fn.reflow.call(this, contentBox);\r\n\r\n\t if (hasSetSize) {\r\n\t box = this.box = new Box(0, 0, width, height);\r\n\t } else {\r\n\t box = this.box;\r\n\t }\r\n\r\n\t if (shrinkToFit && hasSetSize) {\r\n\t reflowPaddingBox();\r\n\t contentBox = this.contentBox = this.paddingBox.clone().unpad(padding);\r\n\t } else {\r\n\t contentBox = this.contentBox = box.clone();\r\n\t box.pad(padding).pad(borderWidth).pad(margin);\r\n\t reflowPaddingBox();\r\n\t }\r\n\r\n\t this.translateChildren(\r\n\t box.x1 - contentBox.x1 + margin.left + borderWidth + padding.left,\r\n\t box.y1 - contentBox.y1 + margin.top + borderWidth + padding.top\r\n\t );\r\n\r\n\t var children = this.children;\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t var item = children[i];\r\n\t item.reflow(item.box);\r\n\t }\r\n\t },\r\n\r\n\t align: function(targetBox, axis, alignment) {\r\n\t this.box.align(targetBox, axis, alignment);\r\n\t },\r\n\r\n\t hasBox: function() {\r\n\t var options = this.options;\r\n\t return options.border.width || options.background;\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t var options = this.options;\r\n\t if (options.visible && this.hasBox()) {\r\n\t this.visual.append(Path.fromRect(\r\n\t this.paddingBox.toRect(),\r\n\t this.visualStyle()\r\n\t ));\r\n\t }\r\n\t },\r\n\r\n\t visualStyle: function() {\r\n\t var options = this.options;\r\n\t var border = options.border || {};\r\n\r\n\t return {\r\n\t stroke: {\r\n\t width: border.width,\r\n\t color: border.color,\r\n\t opacity: valueOrDefault(border.opacity, options.opacity),\r\n\t dashType: border.dashType\r\n\t },\r\n\t fill: {\r\n\t color: options.background,\r\n\t opacity: options.opacity\r\n\t },\r\n\t cursor: options.cursor\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(BoxElement, {\r\n\t align: LEFT,\r\n\t vAlign: TOP,\r\n\t margin: {},\r\n\t padding: {},\r\n\t border: {\r\n\t color: BLACK,\r\n\t width: 0\r\n\t },\r\n\t background: \"\",\r\n\t shrinkToFit: false,\r\n\t width: 0,\r\n\t height: 0,\r\n\t visible: true\r\n\t});\r\n\r\n\tvar ShapeElement = BoxElement.extend({\r\n\t init: function(options, pointData) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\r\n\t this.pointData = pointData;\r\n\t },\r\n\r\n\t getElement: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.paddingBox;\r\n\t var type = options.type;\r\n\t var rotation = options.rotation;\r\n\t var center = box.center();\r\n\t var halfWidth = box.width() / 2;\r\n\r\n\t if (!options.visible || !this.hasBox()) {\r\n\t return null;\r\n\t }\r\n\r\n\t var style = this.visualStyle();\r\n\t var element;\r\n\r\n\t if (type === CIRCLE) {\r\n\t element = new drawing.Circle(\r\n\t new Circle([\r\n\t round(box.x1 + halfWidth, COORD_PRECISION),\r\n\t round(box.y1 + box.height() / 2, COORD_PRECISION)\r\n\t ], halfWidth),\r\n\t style\r\n\t );\r\n\t } else if (type === TRIANGLE) {\r\n\t element = Path.fromPoints([\r\n\t [ box.x1 + halfWidth, box.y1 ],\r\n\t [ box.x1, box.y2 ],\r\n\t [ box.x2, box.y2 ]\r\n\t ], style).close();\r\n\t } else if (type === CROSS) {\r\n\t element = new drawing.MultiPath(style);\r\n\r\n\t element.moveTo(box.x1, box.y1).lineTo(box.x2, box.y2);\r\n\t element.moveTo(box.x1, box.y2).lineTo(box.x2, box.y1);\r\n\t } else {\r\n\t element = Path.fromRect(box.toRect(), style);\r\n\t }\r\n\r\n\t if (rotation) {\r\n\t element.transform(geometryTransform()\r\n\t .rotate(-rotation, [ center.x, center.y ])\r\n\t );\r\n\t }\r\n\r\n\t element.options.zIndex = options.zIndex;\r\n\t return element;\r\n\t },\r\n\r\n\t createElement: function() {\r\n\t var this$1 = this;\r\n\r\n\t var customVisual = this.options.visual;\r\n\t var pointData = this.pointData || {};\r\n\t var visual;\r\n\r\n\t if (customVisual) {\r\n\t visual = customVisual({\r\n\t value: pointData.value,\r\n\t dataItem: pointData.dataItem,\r\n\t sender: this.getSender(),\r\n\t series: pointData.series,\r\n\t category: pointData.category,\r\n\t rect: this.paddingBox.toRect(),\r\n\t options: this.visualOptions(),\r\n\t createVisual: function () { return this$1.getElement(); }\r\n\t });\r\n\t } else {\r\n\t visual = this.getElement();\r\n\t }\r\n\r\n\t return visual;\r\n\t },\r\n\r\n\t visualOptions: function() {\r\n\t var options = this.options;\r\n\t return {\r\n\t background: options.background,\r\n\t border: options.border,\r\n\t margin: options.margin,\r\n\t padding: options.padding,\r\n\t type: options.type,\r\n\t size: options.width,\r\n\t visible: options.visible\r\n\t };\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.visual = this.createElement();\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(ShapeElement, {\r\n\t type: CIRCLE,\r\n\t align: CENTER,\r\n\t vAlign: CENTER\r\n\t});\r\n\r\n\tvar LINEAR = \"linear\";\r\n\tvar RADIAL = \"radial\";\r\n\r\n\tvar GRADIENTS = {\r\n\t glass: {\r\n\t type: LINEAR,\r\n\t rotation: 0,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t }, {\r\n\t offset: 0.25,\r\n\t color: WHITE,\r\n\t opacity: 0.3\r\n\t }, {\r\n\t offset: 1,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t } ]\r\n\t },\r\n\t sharpBevel: {\r\n\t type: RADIAL,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: WHITE,\r\n\t opacity: 0.55\r\n\t }, {\r\n\t offset: 0.65,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t }, {\r\n\t offset: 0.95,\r\n\t color: WHITE,\r\n\t opacity: 0.25\r\n\t } ]\r\n\t },\r\n\t roundedBevel: {\r\n\t type: RADIAL,\r\n\t stops: [ {\r\n\t offset: 0.33,\r\n\t color: WHITE,\r\n\t opacity: 0.06\r\n\t }, {\r\n\t offset: 0.83,\r\n\t color: WHITE,\r\n\t opacity: 0.2\r\n\t }, {\r\n\t offset: 0.95,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t } ]\r\n\t },\r\n\t roundedGlass: {\r\n\t type: RADIAL,\r\n\t supportVML: false,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t }, {\r\n\t offset: 0.5,\r\n\t color: WHITE,\r\n\t opacity: 0.3\r\n\t }, {\r\n\t offset: 0.99,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t } ]\r\n\t },\r\n\t sharpGlass: {\r\n\t type: RADIAL,\r\n\t supportVML: false,\r\n\t stops: [ {\r\n\t offset: 0,\r\n\t color: WHITE,\r\n\t opacity: 0.2\r\n\t }, {\r\n\t offset: 0.15,\r\n\t color: WHITE,\r\n\t opacity: 0.15\r\n\t }, {\r\n\t offset: 0.17,\r\n\t color: WHITE,\r\n\t opacity: 0.35\r\n\t }, {\r\n\t offset: 0.85,\r\n\t color: WHITE,\r\n\t opacity: 0.05\r\n\t }, {\r\n\t offset: 0.87,\r\n\t color: WHITE,\r\n\t opacity: 0.15\r\n\t }, {\r\n\t offset: 0.99,\r\n\t color: WHITE,\r\n\t opacity: 0\r\n\t } ]\r\n\t },\r\n\t bubbleShadow: {\r\n\t type: RADIAL,\r\n\t center: [ 0.5, 0.5 ],\r\n\t radius: 0.5\r\n\t }\r\n\t};\r\n\r\n\tfunction boxDiff(r, s) {\r\n\t if (r.x1 === s.x1 && r.y1 === s.y1 && r.x2 === s.x2 && r.y2 === s.y2) {\r\n\t return s;\r\n\t }\r\n\r\n\t var a = Math.min(r.x1, s.x1);\r\n\t var b = Math.max(r.x1, s.x1);\r\n\t var c = Math.min(r.x2, s.x2);\r\n\t var d = Math.max(r.x2, s.x2);\r\n\t var e = Math.min(r.y1, s.y1);\r\n\t var f = Math.max(r.y1, s.y1);\r\n\t var g = Math.min(r.y2, s.y2);\r\n\t var h = Math.max(r.y2, s.y2);\r\n\t var boxes = [];\r\n\r\n\t // X = intersection, 0-7 = possible difference areas\r\n\t // h +-+-+-+\r\n\t // . |5|6|7|\r\n\t // g +-+-+-+\r\n\t // . |3|X|4|\r\n\t // f +-+-+-+\r\n\t // . |0|1|2|\r\n\t // e +-+-+-+\r\n\t // . a b c d\r\n\r\n\t // we'll always have rectangles 1, 3, 4 and 6\r\n\t boxes[0] = new Box(b, e, c, f);\r\n\t boxes[1] = new Box(a, f, b, g);\r\n\t boxes[2] = new Box(c, f, d, g);\r\n\t boxes[3] = new Box(b, g, c, h);\r\n\r\n\t // decide which corners\r\n\t if (r.x1 === a && r.y1 === e || s.x1 === a && s.y1 === e) { // corners 0 and 7\r\n\t boxes[4] = new Box(a, e, b, f);\r\n\t boxes[5] = new Box(c, g, d, h);\r\n\t } else { // corners 2 and 5\r\n\t boxes[4] = new Box(c, e, d, f);\r\n\t boxes[5] = new Box(a, g, b, h);\r\n\t }\r\n\r\n\t return grep(boxes, function(box) {\r\n\t return box.height() > 0 && box.width() > 0;\r\n\t })[0];\r\n\t}\r\n\r\n\tvar RootElement = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t var rootOptions = this.options;\r\n\t rootOptions.width = parseInt(rootOptions.width, 10);\r\n\t rootOptions.height = parseInt(rootOptions.height, 10);\r\n\r\n\t this.gradients = {};\r\n\t },\r\n\r\n\t reflow: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var children = ref.children;\r\n\t var currentBox = new Box(0, 0, options.width, options.height);\r\n\r\n\t this.box = currentBox.unpad(options.margin);\r\n\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t children[i].reflow(currentBox);\r\n\t currentBox = boxDiff(currentBox, children[i].box) || new Box();\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t this.visual = new Group();\r\n\t this.createBackground();\r\n\t },\r\n\r\n\t createBackground: function() {\r\n\t var options = this.options;\r\n\t var border = options.border || {};\r\n\t var box = this.box.clone().pad(options.margin).unpad(border.width);\r\n\r\n\t var background = Path.fromRect(box.toRect(), {\r\n\t stroke: {\r\n\t color: border.width ? border.color : \"\",\r\n\t width: border.width,\r\n\t dashType: border.dashType\r\n\t },\r\n\t fill: {\r\n\t color: options.background,\r\n\t opacity: options.opacity\r\n\t },\r\n\t zIndex: -10\r\n\t });\r\n\r\n\t this.visual.append(background);\r\n\t },\r\n\r\n\t getRoot: function() {\r\n\t return this;\r\n\t },\r\n\r\n\t createGradient: function(options) {\r\n\t var gradients = this.gradients;\r\n\t var hashCode = objectKey(options);\r\n\t var gradient = GRADIENTS[options.gradient];\r\n\t var drawingGradient;\r\n\r\n\t if (gradients[hashCode]) {\r\n\t drawingGradient = gradients[hashCode];\r\n\t } else {\r\n\t var gradientOptions = $.extend({}, gradient, options);\r\n\t if (gradient.type === \"linear\") {\r\n\t drawingGradient = new drawing.LinearGradient(gradientOptions);\r\n\t } else {\r\n\t if (options.innerRadius) {\r\n\t gradientOptions.stops = innerRadialStops(gradientOptions);\r\n\t }\r\n\t drawingGradient = new drawing.RadialGradient(gradientOptions);\r\n\t drawingGradient.supportVML = gradient.supportVML !== false;\r\n\t }\r\n\t gradients[hashCode] = drawingGradient;\r\n\t }\r\n\r\n\t return drawingGradient;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RootElement, {\r\n\t width: DEFAULT_WIDTH,\r\n\t height: DEFAULT_HEIGHT,\r\n\t background: WHITE,\r\n\t border: {\r\n\t color: BLACK,\r\n\t width: 0\r\n\t },\r\n\t margin: getSpacing(5),\r\n\t zIndex: -2\r\n\t});\r\n\r\n\tfunction innerRadialStops(options) {\r\n\t var stops = options.stops;\r\n\t var usedSpace = ((options.innerRadius / options.radius) * 100);\r\n\t var length = stops.length;\r\n\t var currentStops = [];\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var currentStop = $.extend({}, stops[i]);\r\n\t currentStop.offset = (currentStop.offset * (100 - usedSpace) + usedSpace) / 100;\r\n\t currentStops.push(currentStop);\r\n\t }\r\n\r\n\t return currentStops;\r\n\t}\r\n\r\n\tvar FloatElement = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\t this._initDirection();\r\n\t },\r\n\r\n\t _initDirection: function() {\r\n\t var options = this.options;\r\n\t if (options.vertical) {\r\n\t this.groupAxis = X;\r\n\t this.elementAxis = Y;\r\n\t this.groupSizeField = WIDTH;\r\n\t this.elementSizeField = HEIGHT;\r\n\t this.groupSpacing = options.spacing;\r\n\t this.elementSpacing = options.vSpacing;\r\n\t } else {\r\n\t this.groupAxis = Y;\r\n\t this.elementAxis = X;\r\n\t this.groupSizeField = HEIGHT;\r\n\t this.elementSizeField = WIDTH;\r\n\t this.groupSpacing = options.vSpacing;\r\n\t this.elementSpacing = options.spacing;\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t this.box = targetBox.clone();\r\n\t this.reflowChildren();\r\n\t },\r\n\r\n\t reflowChildren: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var elementAxis = ref.elementAxis;\r\n\t var groupAxis = ref.groupAxis;\r\n\t var elementSizeField = ref.elementSizeField;\r\n\t var groupSizeField = ref.groupSizeField;\r\n\t var ref$1 = this.groupOptions();\r\n\t var groups = ref$1.groups;\r\n\t var groupsSize = ref$1.groupsSize;\r\n\t var maxGroupElementsSize = ref$1.maxGroupElementsSize;\r\n\t var groupsCount = groups.length;\r\n\t var groupsStart = box[groupAxis + 1] + this.alignStart(groupsSize, box[groupSizeField]());\r\n\r\n\t if (groupsCount) {\r\n\t var groupStart = groupsStart;\r\n\r\n\t for (var groupIdx = 0; groupIdx < groupsCount; groupIdx++) {\r\n\t var group = groups[groupIdx];\r\n\t var groupElements = group.groupElements;\r\n\t var elementStart = box[elementAxis + 1];\r\n\t var groupElementsCount = groupElements.length;\r\n\r\n\t for (var idx = 0; idx < groupElementsCount; idx++) {\r\n\t var element = groupElements[idx];\r\n\t var elementSize$$1 = this$1.elementSize(element);\r\n\t var groupElementStart = groupStart + this$1.alignStart(elementSize$$1[groupSizeField], group.groupSize);\r\n\r\n\t var elementBox = new Box();\r\n\t elementBox[groupAxis + 1] = groupElementStart;\r\n\t elementBox[groupAxis + 2] = groupElementStart + elementSize$$1[groupSizeField];\r\n\t elementBox[elementAxis + 1] = elementStart;\r\n\t elementBox[elementAxis + 2] = elementStart + elementSize$$1[elementSizeField];\r\n\r\n\t element.reflow(elementBox);\r\n\r\n\t elementStart += elementSize$$1[elementSizeField] + this$1.elementSpacing;\r\n\t }\r\n\t groupStart += group.groupSize + this$1.groupSpacing;\r\n\t }\r\n\t box[groupAxis + 1] = groupsStart;\r\n\t box[groupAxis + 2] = groupsStart + groupsSize;\r\n\t box[elementAxis + 2] = box[elementAxis + 1] + maxGroupElementsSize;\r\n\t }\r\n\t },\r\n\r\n\t alignStart: function(size, maxSize) {\r\n\t var start = 0;\r\n\t var align = this.options.align;\r\n\t if (align === RIGHT || align === BOTTOM) {\r\n\t start = maxSize - size;\r\n\t } else if (align === CENTER) {\r\n\t start = (maxSize - size) / 2;\r\n\t }\r\n\t return start;\r\n\t },\r\n\r\n\t groupOptions: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var children = ref.children;\r\n\t var elementSizeField = ref.elementSizeField;\r\n\t var groupSizeField = ref.groupSizeField;\r\n\t var elementSpacing = ref.elementSpacing;\r\n\t var groupSpacing = ref.groupSpacing;\r\n\t var maxSize = round(box[elementSizeField]());\r\n\t var childrenCount = children.length;\r\n\t var groups = [];\r\n\r\n\t var groupSize = 0;\r\n\t var groupElementsSize = 0;\r\n\t var groupsSize = 0;\r\n\t var maxGroupElementsSize = 0;\r\n\t var groupElements = [];\r\n\r\n\t for (var idx = 0; idx < childrenCount; idx++) {\r\n\t var element = children[idx];\r\n\t if (!element.box) {\r\n\t element.reflow(box);\r\n\t }\r\n\r\n\t var elementSize$$1 = this$1.elementSize(element);\r\n\t if (this$1.options.wrap && round(groupElementsSize + elementSpacing + elementSize$$1[elementSizeField]) > maxSize) {\r\n\t groups.push({\r\n\t groupElements: groupElements,\r\n\t groupSize: groupSize,\r\n\t groupElementsSize: groupElementsSize\r\n\t });\r\n\t maxGroupElementsSize = Math.max(maxGroupElementsSize, groupElementsSize);\r\n\t groupsSize += groupSpacing + groupSize;\r\n\t groupSize = 0;\r\n\t groupElementsSize = 0;\r\n\t groupElements = [];\r\n\t }\r\n\t groupSize = Math.max(groupSize, elementSize$$1[groupSizeField]);\r\n\t if (groupElementsSize > 0) {\r\n\t groupElementsSize += elementSpacing;\r\n\t }\r\n\t groupElementsSize += elementSize$$1[elementSizeField];\r\n\t groupElements.push(element);\r\n\t }\r\n\r\n\t groups.push({\r\n\t groupElements: groupElements,\r\n\t groupSize: groupSize,\r\n\t groupElementsSize: groupElementsSize\r\n\t });\r\n\t maxGroupElementsSize = Math.max(maxGroupElementsSize, groupElementsSize);\r\n\t groupsSize += groupSize;\r\n\r\n\t return {\r\n\t groups: groups,\r\n\t groupsSize: groupsSize,\r\n\t maxGroupElementsSize: maxGroupElementsSize\r\n\t };\r\n\t },\r\n\r\n\t elementSize: function(element) {\r\n\t return {\r\n\t width: element.box.width(),\r\n\t height: element.box.height()\r\n\t };\r\n\t },\r\n\r\n\t createVisual: function() {}\r\n\t});\r\n\r\n\tsetDefaultOptions(FloatElement, {\r\n\t vertical: true,\r\n\t wrap: true,\r\n\t vSpacing: 0,\r\n\t spacing: 0\r\n\t});\r\n\r\n\tvar DrawingText = drawing.Text;\r\n\r\n\tvar Text = ChartElement.extend({\r\n\t init: function(content, options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.content = content;\r\n\r\n\t // Calculate size\r\n\t this.reflow(new Box());\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options;\r\n\t var size = options.size = util.measureText(this.content, { font: options.font });\r\n\r\n\t this.baseline = size.baseline;\r\n\r\n\t this.box = new Box(targetBox.x1, targetBox.y1,\r\n\t targetBox.x1 + size.width, targetBox.y1 + size.height);\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var ref = this.options;\r\n\t var font = ref.font;\r\n\t var color = ref.color;\r\n\t var opacity = ref.opacity;\r\n\t var cursor = ref.cursor;\r\n\r\n\t this.visual = new DrawingText(this.content, this.box.toRect().topLeft(), {\r\n\t font: font,\r\n\t fill: { color: color, opacity: opacity },\r\n\t cursor: cursor\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Text, {\r\n\t font: DEFAULT_FONT,\r\n\t color: BLACK\r\n\t});\r\n\r\n\tfunction rectToBox(rect) {\r\n\t var origin = rect.origin;\r\n\t var bottomRight = rect.bottomRight();\r\n\r\n\t return new Box(origin.x, origin.y, bottomRight.x, bottomRight.y);\r\n\t}\r\n\r\n\tvar ROWS_SPLIT_REGEX = /\\n/m;\r\n\r\n\tvar TextBox = BoxElement.extend({\r\n\t init: function(content, options) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\t this.content = content;\r\n\r\n\t this._initContainer();\r\n\t if (this.options._autoReflow !== false) {\r\n\t this.reflow(new Box());\r\n\t }\r\n\t },\r\n\r\n\t _initContainer: function() {\r\n\t var options = this.options;\r\n\t var rows = String(this.content).split(ROWS_SPLIT_REGEX);\r\n\t var floatElement = new FloatElement({ vertical: true, align: options.align, wrap: false });\r\n\t var textOptions = deepExtend({ }, options, { opacity: 1, animation: null });\r\n\r\n\t this.container = floatElement;\r\n\t this.append(floatElement);\r\n\r\n\t for (var rowIdx = 0; rowIdx < rows.length; rowIdx++) {\r\n\t var text = new Text(rows[rowIdx].trim(), textOptions);\r\n\t floatElement.append(text);\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var options = this.options;\r\n\t var visualFn = options.visual;\r\n\t this.container.options.align = options.align;\r\n\r\n\t if (visualFn && !this._boxReflow) {\r\n\t var visualBox = targetBox;\r\n\t if (!visualBox.hasSize()) {\r\n\t this._boxReflow = true;\r\n\t this.reflow(visualBox);\r\n\t this._boxReflow = false;\r\n\t visualBox = this.box;\r\n\t }\r\n\t var visual = this.visual = visualFn(this.visualContext(visualBox));\r\n\r\n\t if (visual) {\r\n\t visualBox = rectToBox(visual.clippedBBox() || new Rect());\r\n\r\n\t visual.options.zIndex = options.zIndex;\r\n\t }\r\n\r\n\t this.box = this.contentBox = this.paddingBox = visualBox;\r\n\t } else {\r\n\t BoxElement.fn.reflow.call(this, targetBox);\r\n\r\n\t if (options.rotation) {\r\n\t var margin = getSpacing(options.margin);\r\n\t var box = this.box.unpad(margin);\r\n\r\n\t this.targetBox = targetBox;\r\n\t this.normalBox = box.clone();\r\n\r\n\t box = this.rotate();\r\n\t box.translate(margin.left - margin.right, margin.top - margin.bottom);\r\n\r\n\t this.rotatedBox = box.clone();\r\n\r\n\t box.pad(margin);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t var options = this.options;\r\n\r\n\t if (!options.visible) {\r\n\t return;\r\n\t }\r\n\r\n\t this.visual = new Group({\r\n\t transform: this.rotationTransform(),\r\n\t zIndex: options.zIndex,\r\n\t noclip: options.noclip\r\n\t });\r\n\r\n\t if (this.hasBox()) {\r\n\t var box = Path.fromRect(this.paddingBox.toRect(), this.visualStyle());\r\n\t this.visual.append(box);\r\n\t }\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t if (this.options.visual) {\r\n\t var visual = this.visual;\r\n\t if (visual && !defined(visual.options.noclip)) {\r\n\t visual.options.noclip = this.options.noclip;\r\n\t }\r\n\t this.addVisual();\r\n\t this.createAnimation();\r\n\t } else {\r\n\t BoxElement.fn.renderVisual.call(this);\r\n\t }\r\n\t },\r\n\r\n\t visualOptions: function() {\r\n\t var options = this.options;\r\n\t return {\r\n\t background: options.background,\r\n\t border: options.border,\r\n\t color: options.color,\r\n\t font: options.font,\r\n\t margin: options.margin,\r\n\t padding: options.padding,\r\n\t visible: options.visible\r\n\t };\r\n\t },\r\n\r\n\t visualContext: function(targetBox) {\r\n\t var this$1 = this;\r\n\r\n\t return {\r\n\t text: this.content,\r\n\t rect: targetBox.toRect(),\r\n\t sender: this.getSender(),\r\n\t options: this.visualOptions(),\r\n\t createVisual: function () {\r\n\t this$1._boxReflow = true;\r\n\t this$1.reflow(targetBox);\r\n\t this$1._boxReflow = false;\r\n\t return this$1.getDefaultVisual();\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t getDefaultVisual: function() {\r\n\t this.createVisual();\r\n\t this.renderChildren();\r\n\t var visual = this.visual;\r\n\t delete this.visual;\r\n\t return visual;\r\n\t },\r\n\r\n\t rotate: function() {\r\n\t var options = this.options;\r\n\t this.box.rotate(options.rotation);\r\n\t this.align(this.targetBox, X, options.align);\r\n\t this.align(this.targetBox, Y, options.vAlign);\r\n\t return this.box;\r\n\t },\r\n\r\n\t rotationTransform: function() {\r\n\t var rotation = this.options.rotation;\r\n\t if (!rotation) {\r\n\t return null;\r\n\t }\r\n\r\n\t var ref = this.normalBox.center();\r\n\t var cx = ref.x;\r\n\t var cy = ref.y;\r\n\t var boxCenter = this.rotatedBox.center();\r\n\r\n\t return geometryTransform()\r\n\t .translate(boxCenter.x - cx, boxCenter.y - cy)\r\n\t .rotate(rotation, [ cx, cy ]);\r\n\t }\r\n\t});\r\n\r\n\tvar Title = ChartElement.extend({\r\n\t init: function(options) {\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.append(\r\n\t new TextBox(this.options.text, $.extend({}, this.options, {\r\n\t vAlign: this.options.position\r\n\t }))\r\n\t );\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t ChartElement.fn.reflow.call(this, targetBox);\r\n\t this.box.snapTo(targetBox, X);\r\n\t }\r\n\t});\r\n\r\n\tTitle.buildTitle = function(options, parent, defaultOptions) {\r\n\t var titleOptions = options;\r\n\r\n\t if (typeof options === \"string\") {\r\n\t titleOptions = { text: options };\r\n\t }\r\n\r\n\t titleOptions = $.extend({ visible: true }, defaultOptions, titleOptions);\r\n\r\n\t var title;\r\n\t if (titleOptions && titleOptions.visible && titleOptions.text) {\r\n\t title = new Title(titleOptions);\r\n\t parent.append(title);\r\n\t }\r\n\r\n\t return title;\r\n\t};\r\n\r\n\tsetDefaultOptions(Title, {\r\n\t color: BLACK,\r\n\t position: TOP,\r\n\t align: CENTER,\r\n\t margin: getSpacing(5),\r\n\t padding: getSpacing(5)\r\n\t});\r\n\r\n\tvar AxisLabel = TextBox.extend({\r\n\t init: function(value, text, index, dataItem, options) {\r\n\t TextBox.fn.init.call(this, text, options);\r\n\r\n\t this.text = text;\r\n\t this.value = value;\r\n\t this.index = index;\r\n\t this.dataItem = dataItem;\r\n\t this.reflow(new Box());\r\n\t },\r\n\r\n\t visualContext: function(targetBox) {\r\n\t var context = TextBox.fn.visualContext.call(this, targetBox);\r\n\r\n\t context.value = this.value;\r\n\t context.dataItem = this.dataItem;\r\n\t context.format = this.options.format;\r\n\t context.culture = this.options.culture;\r\n\r\n\t return context;\r\n\t },\r\n\r\n\t click: function(widget, e) {\r\n\r\n\t widget.trigger(AXIS_LABEL_CLICK, {\r\n\t element: eventElement(e),\r\n\t value: this.value,\r\n\t text: this.text,\r\n\t index: this.index,\r\n\t dataItem: this.dataItem,\r\n\t axis: this.parent.options\r\n\t });\r\n\t },\r\n\r\n\t rotate: function() {\r\n\t if (this.options.alignRotation !== CENTER) {\r\n\t var box = this.normalBox.toRect();\r\n\t var transform = this.rotationTransform();\r\n\r\n\t this.box = rectToBox(box.bbox(transform.matrix()));\r\n\t } else {\r\n\t TextBox.fn.rotate.call(this);\r\n\t }\r\n\r\n\t return this.box;\r\n\t },\r\n\r\n\t rotationTransform: function() {\r\n\t var options = this.options;\r\n\t var rotation = options.rotation;\r\n\t if (!rotation) {\r\n\t return null;\r\n\t }\r\n\r\n\t if (options.alignRotation === CENTER) {\r\n\t return TextBox.fn.rotationTransform.call(this);\r\n\t }\r\n\r\n\t var rotationMatrix = geometryTransform().rotate(rotation).matrix();\r\n\t var box = this.normalBox.toRect();\r\n\t var rect = this.targetBox.toRect();\r\n\r\n\t var rotationOrigin = options.rotationOrigin || TOP;\r\n\t var alignAxis = rotationOrigin === TOP || rotationOrigin === BOTTOM ? X : Y;\r\n\t var distanceAxis = rotationOrigin === TOP || rotationOrigin === BOTTOM ? Y : X;\r\n\t var axisAnchor = rotationOrigin === TOP || rotationOrigin === LEFT ? rect.origin : rect.bottomRight();\r\n\r\n\t var topLeft = box.topLeft().transformCopy(rotationMatrix);\r\n\t var topRight = box.topRight().transformCopy(rotationMatrix);\r\n\t var bottomRight = box.bottomRight().transformCopy(rotationMatrix);\r\n\t var bottomLeft = box.bottomLeft().transformCopy(rotationMatrix);\r\n\t var rotatedBox = Rect.fromPoints(topLeft, topRight, bottomRight, bottomLeft);\r\n\r\n\t var translate = {};\r\n\t translate[distanceAxis] = rect.origin[distanceAxis] - rotatedBox.origin[distanceAxis];\r\n\r\n\t var distanceLeft = Math.abs(topLeft[distanceAxis] + translate[distanceAxis] - axisAnchor[distanceAxis]);\r\n\t var distanceRight = Math.abs(topRight[distanceAxis] + translate[distanceAxis] - axisAnchor[distanceAxis]);\r\n\r\n\t var alignStart, alignEnd;\r\n\r\n\t if (round(distanceLeft, DEFAULT_PRECISION) === round(distanceRight, DEFAULT_PRECISION)) {\r\n\t alignStart = topLeft;\r\n\t alignEnd = topRight;\r\n\t } else if (distanceRight < distanceLeft) {\r\n\t alignStart = topRight;\r\n\t alignEnd = bottomRight;\r\n\t } else {\r\n\t alignStart = topLeft;\r\n\t alignEnd = bottomLeft;\r\n\t }\r\n\r\n\t var alignCenter = alignStart[alignAxis] + (alignEnd[alignAxis] - alignStart[alignAxis]) / 2;\r\n\t translate[alignAxis] = rect.center()[alignAxis] - alignCenter;\r\n\r\n\t return geometryTransform()\r\n\t .translate(translate.x, translate.y)\r\n\t .rotate(rotation);\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(AxisLabel, {\r\n\t _autoReflow: false\r\n\t});\r\n\r\n\tvar DEFAULT_ICON_SIZE = 7;\r\n\tvar DEFAULT_LABEL_COLOR = \"#fff\";\r\n\r\n\tvar Note = BoxElement.extend({\r\n\t init: function(fields, options, chartService) {\r\n\t BoxElement.fn.init.call(this, options);\r\n\r\n\t this.fields = fields;\r\n\t this.chartService = chartService;\r\n\r\n\t this.render();\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this.options.visible = false;\r\n\t },\r\n\r\n\t show: function() {\r\n\t this.options.visible = true;\r\n\t },\r\n\r\n\t render: function() {\r\n\t var options = this.options;\r\n\r\n\t if (options.visible) {\r\n\t var label = options.label;\r\n\t var icon = options.icon;\r\n\t var box = new Box();\r\n\t var size = icon.size;\r\n\t var text = this.fields.text;\r\n\t var width, height;\r\n\r\n\t if (defined(label) && label.visible) {\r\n\t var noteTemplate = getTemplate(label);\r\n\t if (noteTemplate) {\r\n\t text = noteTemplate(this.fields);\r\n\t } else if (label.format) {\r\n\t text = this.chartService.format.auto(label.format, text);\r\n\t }\r\n\r\n\t if (!label.color) {\r\n\t label.color = label.position === INSIDE ? DEFAULT_LABEL_COLOR : icon.background;\r\n\t }\r\n\r\n\t this.label = new TextBox(text, deepExtend({}, label));\r\n\r\n\t if (label.position === INSIDE && !defined(size)) {\r\n\t if (icon.type === CIRCLE) {\r\n\t size = Math.max(this.label.box.width(), this.label.box.height());\r\n\t } else {\r\n\t width = this.label.box.width();\r\n\t height = this.label.box.height();\r\n\t }\r\n\t box.wrap(this.label.box);\r\n\t }\r\n\t }\r\n\r\n\t icon.width = width || size || DEFAULT_ICON_SIZE;\r\n\t icon.height = height || size || DEFAULT_ICON_SIZE;\r\n\r\n\t var marker = new ShapeElement(deepExtend({}, icon));\r\n\r\n\t this.marker = marker;\r\n\t this.append(marker);\r\n\r\n\t if (this.label) {\r\n\t this.append(this.label);\r\n\t }\r\n\r\n\t marker.reflow(new Box());\r\n\t this.wrapperBox = box.wrap(marker.box);\r\n\t }\r\n\t },\r\n\r\n\t reflow: function(targetBox) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var label = ref.label;\r\n\t var marker = ref.marker;\r\n\t var wrapperBox = ref.wrapperBox;\r\n\t var center = targetBox.center();\r\n\t var length = options.line.length;\r\n\t var position = options.position;\r\n\r\n\t // TODO: Review\r\n\t if (options.visible) {\r\n\t var lineStart, box, contentBox;\r\n\r\n\t if (inArray(position, [ LEFT, RIGHT ])) {\r\n\t if (position === LEFT) {\r\n\t contentBox = wrapperBox.alignTo(targetBox, position).translate(-length, targetBox.center().y - wrapperBox.center().y);\r\n\r\n\t if (options.line.visible) {\r\n\t lineStart = [ targetBox.x1, center.y ];\r\n\t this.linePoints = [\r\n\t lineStart,\r\n\t [ contentBox.x2, center.y ]\r\n\t ];\r\n\t box = contentBox.clone().wrapPoint(lineStart);\r\n\t }\r\n\t } else {\r\n\t contentBox = wrapperBox.alignTo(targetBox, position).translate(length, targetBox.center().y - wrapperBox.center().y);\r\n\r\n\t if (options.line.visible) {\r\n\t lineStart = [ targetBox.x2, center.y ];\r\n\t this.linePoints = [\r\n\t lineStart,\r\n\t [ contentBox.x1, center.y ]\r\n\t ];\r\n\t box = contentBox.clone().wrapPoint(lineStart);\r\n\t }\r\n\t }\r\n\t } else {\r\n\t if (position === BOTTOM) {\r\n\t contentBox = wrapperBox.alignTo(targetBox, position).translate(targetBox.center().x - wrapperBox.center().x, length);\r\n\r\n\t if (options.line.visible) {\r\n\t lineStart = [ center.x, targetBox.y2 ];\r\n\t this.linePoints = [\r\n\t lineStart,\r\n\t [ center.x, contentBox.y1 ]\r\n\t ];\r\n\t box = contentBox.clone().wrapPoint(lineStart);\r\n\t }\r\n\t } else {\r\n\t contentBox = wrapperBox.alignTo(targetBox, position).translate(targetBox.center().x - wrapperBox.center().x, -length);\r\n\r\n\t if (options.line.visible) {\r\n\t lineStart = [ center.x, targetBox.y1 ];\r\n\t this.linePoints = [\r\n\t lineStart,\r\n\t [ center.x, contentBox.y2 ]\r\n\t ];\r\n\t box = contentBox.clone().wrapPoint(lineStart);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (marker) {\r\n\t marker.reflow(contentBox);\r\n\t }\r\n\r\n\t if (label) {\r\n\t label.reflow(contentBox);\r\n\t if (marker) {\r\n\t if (options.label.position === OUTSIDE) {\r\n\t label.box.alignTo(marker.box, position);\r\n\t }\r\n\t label.reflow(label.box);\r\n\t }\r\n\t }\r\n\r\n\t this.contentBox = contentBox;\r\n\t this.targetBox = targetBox;\r\n\t this.box = box || contentBox;\r\n\t }\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t BoxElement.fn.createVisual.call(this);\r\n\t this.visual.options.noclip = this.options.noclip;\r\n\r\n\t if (this.options.visible) {\r\n\t this.createLine();\r\n\t }\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var customVisual = options.visual;\r\n\t if (options.visible && customVisual) {\r\n\t this.visual = customVisual($.extend(this.fields, {\r\n\t sender: this.getSender(),\r\n\t rect: this.targetBox.toRect(),\r\n\t options: {\r\n\t background: options.background,\r\n\t border: options.background,\r\n\t icon: options.icon,\r\n\t label: options.label,\r\n\t line: options.line,\r\n\t position: options.position,\r\n\t visible: options.visible\r\n\t },\r\n\t createVisual: function () {\r\n\t this$1.createVisual();\r\n\t this$1.renderChildren();\r\n\t var defaultVisual = this$1.visual;\r\n\t delete this$1.visual;\r\n\t return defaultVisual;\r\n\t }\r\n\t }));\r\n\t this.addVisual();\r\n\t } else {\r\n\t BoxElement.fn.renderVisual.call(this);\r\n\t }\r\n\t },\r\n\r\n\t createLine: function() {\r\n\t var options = this.options.line;\r\n\r\n\t if (this.linePoints) {\r\n\t var path = Path.fromPoints(this.linePoints, {\r\n\t stroke: {\r\n\t color: options.color,\r\n\t width: options.width,\r\n\t dashType: options.dashType\r\n\t }\r\n\t });\r\n\r\n\t alignPathToPixel(path);\r\n\t this.visual.append(path);\r\n\t }\r\n\t },\r\n\r\n\t click: function(widget, e) {\r\n\t var args = this.eventArgs(e);\r\n\r\n\t if (!widget.trigger(NOTE_CLICK, args)) {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t hover: function(widget, e) {\r\n\t var args = this.eventArgs(e);\r\n\r\n\t if (!widget.trigger(NOTE_HOVER, args)) {\r\n\t e.preventDefault();\r\n\t }\r\n\t },\r\n\r\n\t leave: function(widget) {\r\n\t widget._unsetActivePoint();\r\n\t },\r\n\r\n\t eventArgs: function(e) {\r\n\t var options = this.options;\r\n\r\n\t return $.extend(this.fields, {\r\n\t element: eventElement(e),\r\n\t text: defined(options.label) ? options.label.text : \"\",\r\n\t visual: this.visual\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Note, {\r\n\t icon: {\r\n\t visible: true,\r\n\t type: CIRCLE\r\n\t },\r\n\t label: {\r\n\t position: INSIDE,\r\n\t visible: true,\r\n\t align: CENTER,\r\n\t vAlign: CENTER\r\n\t },\r\n\t line: {\r\n\t visible: true\r\n\t },\r\n\t visible: true,\r\n\t position: TOP,\r\n\t zIndex: 2\r\n\t});\r\n\r\n\tfunction createAxisTick(options, tickOptions) {\r\n\t var tickX = options.tickX;\r\n\t var tickY = options.tickY;\r\n\t var position = options.position;\r\n\r\n\t var tick = new Path({\r\n\t stroke: {\r\n\t width: tickOptions.width,\r\n\t color: tickOptions.color\r\n\t }\r\n\t });\r\n\r\n\t if (options.vertical) {\r\n\t tick.moveTo(tickX, position)\r\n\t .lineTo(tickX + tickOptions.size, position);\r\n\t } else {\r\n\t tick.moveTo(position, tickY)\r\n\t .lineTo(position, tickY + tickOptions.size);\r\n\t }\r\n\r\n\t alignPathToPixel(tick);\r\n\r\n\t return tick;\r\n\t}\r\n\r\n\tfunction createAxisGridLine(options, gridLine) {\r\n\t var lineStart = options.lineStart;\r\n\t var lineEnd = options.lineEnd;\r\n\t var position = options.position;\r\n\r\n\t var line = new Path({\r\n\t stroke: {\r\n\t width: gridLine.width,\r\n\t color: gridLine.color,\r\n\t dashType: gridLine.dashType\r\n\t }\r\n\t });\r\n\r\n\t if (options.vertical) {\r\n\t line.moveTo(lineStart, position)\r\n\t .lineTo(lineEnd, position);\r\n\t } else {\r\n\t line.moveTo(position, lineStart)\r\n\t .lineTo(position, lineEnd);\r\n\t }\r\n\r\n\t alignPathToPixel(line);\r\n\r\n\t return line;\r\n\t}\r\n\r\n\tvar Axis = ChartElement.extend({\r\n\t init: function(options, chartService) {\r\n\t if (chartService === void 0) { chartService = new ChartService(); }\r\n\r\n\t ChartElement.fn.init.call(this, options);\r\n\r\n\t this.chartService = chartService;\r\n\r\n\t if (!this.options.visible) {\r\n\t this.options = deepExtend({}, this.options, {\r\n\t labels: {\r\n\t visible: false\r\n\t },\r\n\t line: {\r\n\t visible: false\r\n\t },\r\n\t margin: 0,\r\n\t majorTickSize: 0,\r\n\t minorTickSize: 0\r\n\t });\r\n\t }\r\n\r\n\t this.options.minorTicks = deepExtend({}, {\r\n\t color: this.options.line.color,\r\n\t width: this.options.line.width,\r\n\t visible: this.options.minorTickType !== NONE\r\n\t }, this.options.minorTicks, {\r\n\t size: this.options.minorTickSize,\r\n\t align: this.options.minorTickType\r\n\t });\r\n\r\n\t this.options.majorTicks = deepExtend({}, {\r\n\t color: this.options.line.color,\r\n\t width: this.options.line.width,\r\n\t visible: this.options.majorTickType !== NONE\r\n\t }, this.options.majorTicks, {\r\n\t size: this.options.majorTickSize,\r\n\t align: this.options.majorTickType\r\n\t });\r\n\r\n\t if (!this.options._deferLabels) {\r\n\t this.createLabels();\r\n\t }\r\n\r\n\t this.createTitle();\r\n\t this.createNotes();\r\n\t },\r\n\r\n\t labelsRange: function() {\r\n\t return {\r\n\t min: this.options.labels.skip,\r\n\t max: this.labelsCount()\r\n\t };\r\n\t },\r\n\r\n\t createLabels: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var align = options.vertical ? RIGHT : CENTER;\r\n\t var labelOptions = deepExtend({ }, options.labels, {\r\n\t align: align,\r\n\t zIndex: options.zIndex\r\n\t });\r\n\t var step = Math.max(1, labelOptions.step);\r\n\r\n\t this.children = grep(this.children, function (child) { return !(child instanceof AxisLabel); });\r\n\r\n\t this.labels = [];\r\n\r\n\t if (labelOptions.visible) {\r\n\t var range = this.labelsRange();\r\n\t var rotation = labelOptions.rotation;\r\n\r\n\t if (isObject(rotation)) {\r\n\t labelOptions.alignRotation = rotation.align;\r\n\t labelOptions.rotation = rotation.angle;\r\n\t }\r\n\r\n\t if (labelOptions.rotation === \"auto\") {\r\n\t labelOptions.rotation = 0;\r\n\t options.autoRotateLabels = true;\r\n\t }\r\n\r\n\t for (var idx = range.min; idx < range.max; idx += step) {\r\n\t var label = this$1.createAxisLabel(idx, labelOptions);\r\n\t if (label) {\r\n\t this$1.append(label);\r\n\t this$1.labels.push(label);\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t lineBox: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.box;\r\n\t var vertical = options.vertical;\r\n\t var mirror = options.labels.mirror;\r\n\t var axisX = mirror ? box.x1 : box.x2;\r\n\t var axisY = mirror ? box.y2 : box.y1;\r\n\t var lineWidth = options.line.width || 0;\r\n\r\n\t return vertical ?\r\n\t new Box(axisX, box.y1, axisX, box.y2 - lineWidth) :\r\n\t new Box(box.x1, axisY, box.x2 - lineWidth, axisY);\r\n\t },\r\n\r\n\t createTitle: function() {\r\n\t var options = this.options;\r\n\t var titleOptions = deepExtend({\r\n\t rotation: options.vertical ? -90 : 0,\r\n\t text: \"\",\r\n\t zIndex: 1,\r\n\t visualSize: true\r\n\t }, options.title);\r\n\r\n\t if (titleOptions.visible && titleOptions.text) {\r\n\t var title = new TextBox(titleOptions.text, titleOptions);\r\n\t this.append(title);\r\n\t this.title = title;\r\n\t }\r\n\t },\r\n\r\n\t createNotes: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var notes = options.notes;\r\n\t var items = notes.data || [];\r\n\r\n\t this.notes = [];\r\n\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t var item = deepExtend({}, notes, items[i]);\r\n\t item.value = this$1.parseNoteValue(item.value);\r\n\r\n\t var note = new Note({\r\n\t value: item.value,\r\n\t text: item.label.text,\r\n\t dataItem: item\r\n\t }, item, this$1.chartService);\r\n\r\n\t if (note.options.visible) {\r\n\t if (defined(note.options.position)) {\r\n\t if (options.vertical && !inArray(note.options.position, [ LEFT, RIGHT ])) {\r\n\t note.options.position = options.reverse ? LEFT : RIGHT;\r\n\t } else if (!options.vertical && !inArray(note.options.position, [ TOP, BOTTOM ])) {\r\n\t note.options.position = options.reverse ? BOTTOM : TOP;\r\n\t }\r\n\t } else {\r\n\t if (options.vertical) {\r\n\t note.options.position = options.reverse ? LEFT : RIGHT;\r\n\t } else {\r\n\t note.options.position = options.reverse ? BOTTOM : TOP;\r\n\t }\r\n\t }\r\n\t this$1.append(note);\r\n\t this$1.notes.push(note);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t parseNoteValue: function(value) {\r\n\t return value;\r\n\t },\r\n\r\n\t renderVisual: function() {\r\n\t ChartElement.fn.renderVisual.call(this);\r\n\r\n\t this.createPlotBands();\r\n\t },\r\n\r\n\t createVisual: function() {\r\n\t ChartElement.fn.createVisual.call(this);\r\n\r\n\t this.createBackground();\r\n\t this.createLine();\r\n\t },\r\n\r\n\t gridLinesVisual: function() {\r\n\t var gridLines = this._gridLines;\r\n\t if (!gridLines) {\r\n\t gridLines = this._gridLines = new Group({\r\n\t zIndex: -2\r\n\t });\r\n\t this.appendVisual(this._gridLines);\r\n\t }\r\n\r\n\t return gridLines;\r\n\t },\r\n\r\n\t createTicks: function(lineGroup) {\r\n\t var options = this.options;\r\n\t var lineBox = this.lineBox();\r\n\t var mirror = options.labels.mirror;\r\n\t var majorUnit = options.majorTicks.visible ? options.majorUnit : 0;\r\n\t var tickLineOptions = {\r\n\t // TODO\r\n\t // _alignLines: options._alignLines,\r\n\t vertical: options.vertical\r\n\t };\r\n\r\n\t function render(tickPositions, tickOptions, skipUnit) {\r\n\t var count = tickPositions.length;\r\n\t var step = Math.max(1, tickOptions.step);\r\n\r\n\t if (tickOptions.visible) {\r\n\t for (var i = tickOptions.skip; i < count; i += step) {\r\n\t if (defined(skipUnit) && (i % skipUnit === 0)) {\r\n\t continue;\r\n\t }\r\n\r\n\t tickLineOptions.tickX = mirror ? lineBox.x2 : lineBox.x2 - tickOptions.size;\r\n\t tickLineOptions.tickY = mirror ? lineBox.y1 - tickOptions.size : lineBox.y1;\r\n\t tickLineOptions.position = tickPositions[i];\r\n\r\n\t lineGroup.append(createAxisTick(tickLineOptions, tickOptions));\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t render(this.getMajorTickPositions(), options.majorTicks);\r\n\t render(this.getMinorTickPositions(), options.minorTicks, majorUnit / options.minorUnit);\r\n\t },\r\n\r\n\t createLine: function() {\r\n\t var options = this.options;\r\n\t var line = options.line;\r\n\t var lineBox = this.lineBox();\r\n\r\n\t if (line.width > 0 && line.visible) {\r\n\t var path = new Path({\r\n\t stroke: {\r\n\t width: line.width,\r\n\t color: line.color,\r\n\t dashType: line.dashType\r\n\t }\r\n\r\n\t /* TODO\r\n\t zIndex: line.zIndex,\r\n\t */\r\n\t });\r\n\r\n\t path.moveTo(lineBox.x1, lineBox.y1)\r\n\t .lineTo(lineBox.x2, lineBox.y2);\r\n\r\n\t if (options._alignLines) {\r\n\t alignPathToPixel(path);\r\n\t }\r\n\r\n\t var group = this._lineGroup = new Group();\r\n\t group.append(path);\r\n\r\n\t this.visual.append(group);\r\n\t this.createTicks(group);\r\n\t }\r\n\t },\r\n\r\n\t getActualTickSize: function() {\r\n\t var options = this.options;\r\n\t var tickSize = 0;\r\n\r\n\t if (options.majorTicks.visible && options.minorTicks.visible) {\r\n\t tickSize = Math.max(options.majorTicks.size, options.minorTicks.size);\r\n\t } else if (options.majorTicks.visible) {\r\n\t tickSize = options.majorTicks.size;\r\n\t } else if (options.minorTicks.visible) {\r\n\t tickSize = options.minorTicks.size;\r\n\t }\r\n\r\n\t return tickSize;\r\n\t },\r\n\r\n\t createBackground: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.box;\r\n\t var background = options.background;\r\n\r\n\t if (background) {\r\n\t this._backgroundPath = Path.fromRect(box.toRect(), {\r\n\t fill: {\r\n\t color: background\r\n\t },\r\n\t stroke: null\r\n\t });\r\n\r\n\t this.visual.append(this._backgroundPath);\r\n\t }\r\n\t },\r\n\r\n\t createPlotBands: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var plotBands = options.plotBands || [];\r\n\t var vertical = options.vertical;\r\n\t var plotArea = this.plotArea;\r\n\r\n\t if (plotBands.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var group = this._plotbandGroup = new Group({\r\n\t zIndex: -1\r\n\t });\r\n\r\n\t var altAxis = grep(this.pane.axes, function (axis) { return axis.options.vertical !== this$1.options.vertical; })[0];\r\n\r\n\t for (var idx = 0; idx < plotBands.length; idx++) {\r\n\t var item = plotBands[idx];\r\n\t var slotX = (void 0), slotY = (void 0);\r\n\r\n\t if (vertical) {\r\n\t slotX = (altAxis || plotArea.axisX).lineBox();\r\n\t slotY = this$1.getSlot(item.from, item.to, true);\r\n\t } else {\r\n\t slotX = this$1.getSlot(item.from, item.to, true);\r\n\t slotY = (altAxis || plotArea.axisY).lineBox();\r\n\t }\r\n\r\n\t if (slotX.width() !== 0 && slotY.height() !== 0) {\r\n\t var bandRect = new Rect(\r\n\t [ slotX.x1, slotY.y1 ],\r\n\t [ slotX.width(), slotY.height() ]\r\n\t );\r\n\r\n\t var path = Path.fromRect(bandRect, {\r\n\t fill: {\r\n\t color: item.color,\r\n\t opacity: item.opacity\r\n\t },\r\n\t stroke: null\r\n\t });\r\n\r\n\t group.append(path);\r\n\t }\r\n\t }\r\n\r\n\t this.appendVisual(group);\r\n\t },\r\n\r\n\t createGridLines: function(altAxis) {\r\n\t var options = this.options;\r\n\t var minorGridLines = options.minorGridLines;\r\n\t var majorGridLines = options.majorGridLines;\r\n\t var minorUnit = options.minorUnit;\r\n\t var vertical = options.vertical;\r\n\t var axisLineVisible = altAxis.options.line.visible;\r\n\t var majorUnit = majorGridLines.visible ? options.majorUnit : 0;\r\n\t var lineBox = altAxis.lineBox();\r\n\t var linePos = lineBox[vertical ? \"y1\" : \"x1\"];\r\n\t var lineOptions = {\r\n\t lineStart: lineBox[vertical ? \"x1\" : \"y1\"],\r\n\t lineEnd: lineBox[vertical ? \"x2\" : \"y2\"],\r\n\t vertical: vertical\r\n\t };\r\n\t var majorTicks = [];\r\n\r\n\t var container = this.gridLinesVisual();\r\n\r\n\t function render(tickPositions, gridLine, skipUnit) {\r\n\t var count = tickPositions.length;\r\n\t var step = Math.max(1, gridLine.step);\r\n\r\n\t if (gridLine.visible) {\r\n\t for (var i = gridLine.skip; i < count; i += step) {\r\n\t var pos = round(tickPositions[i]);\r\n\t if (!inArray(pos, majorTicks)) {\r\n\t if (i % skipUnit !== 0 && (!axisLineVisible || linePos !== pos)) {\r\n\t lineOptions.position = pos;\r\n\t container.append(createAxisGridLine(lineOptions, gridLine));\r\n\r\n\t majorTicks.push(pos);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t render(this.getMajorTickPositions(), majorGridLines);\r\n\t render(this.getMinorTickPositions(), minorGridLines, majorUnit / minorUnit);\r\n\r\n\t return container.children;\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var labels = ref.labels;\r\n\t var title = ref.title;\r\n\t var vertical = options.vertical;\r\n\t var count = labels.length;\r\n\t var sizeFn = vertical ? WIDTH : HEIGHT;\r\n\t var titleSize = title ? title.box[sizeFn]() : 0;\r\n\t var space = this.getActualTickSize() + options.margin + titleSize;\r\n\t var rootBox = (this.getRoot() || {}).box || box;\r\n\t var boxSize = rootBox[sizeFn]();\r\n\t var maxLabelSize = 0;\r\n\r\n\t for (var i = 0; i < count; i++) {\r\n\t var labelSize = labels[i].box[sizeFn]();\r\n\t if (labelSize + space <= boxSize) {\r\n\t maxLabelSize = Math.max(maxLabelSize, labelSize);\r\n\t }\r\n\t }\r\n\r\n\t if (vertical) {\r\n\t this.box = new Box(\r\n\t box.x1, box.y1,\r\n\t box.x1 + maxLabelSize + space, box.y2\r\n\t );\r\n\t } else {\r\n\t this.box = new Box(\r\n\t box.x1, box.y1,\r\n\t box.x2, box.y1 + maxLabelSize + space\r\n\t );\r\n\t }\r\n\r\n\t this.arrangeTitle();\r\n\t this.arrangeLabels();\r\n\t this.arrangeNotes();\r\n\t },\r\n\r\n\t getLabelsTickPositions: function() {\r\n\t return this.getMajorTickPositions();\r\n\t },\r\n\r\n\t labelTickIndex: function(label) {\r\n\t return label.index;\r\n\t },\r\n\r\n\t arrangeLabels: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var labels = ref.labels;\r\n\t var labelsBetweenTicks = !options.justified;\r\n\t var vertical = options.vertical;\r\n\t var lineBox = this.lineBox();\r\n\t var mirror = options.labels.mirror;\r\n\t var tickPositions = this.getLabelsTickPositions();\r\n\t var labelOffset = this.getActualTickSize() + options.margin;\r\n\r\n\t for (var idx = 0; idx < labels.length; idx++) {\r\n\t var label = labels[idx];\r\n\t var tickIx = this$1.labelTickIndex(label);\r\n\t var labelSize = vertical ? label.box.height() : label.box.width();\r\n\t var labelPos = tickPositions[tickIx] - (labelSize / 2);\r\n\t var labelBox = (void 0), firstTickPosition = (void 0), nextTickPosition = (void 0);\r\n\r\n\t if (vertical) {\r\n\t if (labelsBetweenTicks) {\r\n\t firstTickPosition = tickPositions[tickIx];\r\n\t nextTickPosition = tickPositions[tickIx + 1];\r\n\r\n\t var middle = firstTickPosition + (nextTickPosition - firstTickPosition) / 2;\r\n\t labelPos = middle - (labelSize / 2);\r\n\t }\r\n\r\n\t var labelX = lineBox.x2;\r\n\r\n\t if (mirror) {\r\n\t labelX += labelOffset;\r\n\t label.options.rotationOrigin = LEFT;\r\n\t } else {\r\n\t labelX -= labelOffset + label.box.width();\r\n\t label.options.rotationOrigin = RIGHT;\r\n\t }\r\n\r\n\t labelBox = label.box.move(labelX, labelPos);\r\n\t } else {\r\n\t if (labelsBetweenTicks) {\r\n\t firstTickPosition = tickPositions[tickIx];\r\n\t nextTickPosition = tickPositions[tickIx + 1];\r\n\t } else {\r\n\t firstTickPosition = labelPos;\r\n\t nextTickPosition = labelPos + labelSize;\r\n\t }\r\n\r\n\t var labelY = lineBox.y1;\r\n\r\n\t if (mirror) {\r\n\t labelY -= labelOffset + label.box.height();\r\n\t label.options.rotationOrigin = BOTTOM;\r\n\t } else {\r\n\t labelY += labelOffset;\r\n\t label.options.rotationOrigin = TOP;\r\n\t }\r\n\r\n\t labelBox = new Box(firstTickPosition, labelY,\r\n\t nextTickPosition, labelY + label.box.height());\r\n\t }\r\n\r\n\t label.reflow(labelBox);\r\n\t }\r\n\t },\r\n\r\n\t autoRotateLabels: function() {\r\n\t if (this.options.autoRotateLabels && !this.options.vertical) {\r\n\t var tickPositions = this.getMajorTickPositions();\r\n\t var labels = this.labels;\r\n\t var angle;\r\n\r\n\t for (var idx = 0; idx < labels.length; idx++) {\r\n\t var width = Math.abs(tickPositions[idx + 1] - tickPositions[idx]);\r\n\t var labelBox = labels[idx].box;\r\n\r\n\t if (labelBox.width() > width) {\r\n\t if (labelBox.height() > width) {\r\n\t angle = -90;\r\n\t break;\r\n\t }\r\n\t angle = -45;\r\n\t }\r\n\t }\r\n\r\n\t if (angle) {\r\n\t for (var idx$1 = 0; idx$1 < labels.length; idx$1++) {\r\n\t labels[idx$1].options.rotation = angle;\r\n\t labels[idx$1].reflow(new Box());\r\n\t }\r\n\t return true;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t arrangeTitle: function() {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var title = ref.title;\r\n\t var mirror = options.labels.mirror;\r\n\t var vertical = options.vertical;\r\n\r\n\t if (title) {\r\n\t if (vertical) {\r\n\t title.options.align = mirror ? RIGHT : LEFT;\r\n\t title.options.vAlign = title.options.position;\r\n\t } else {\r\n\t title.options.align = title.options.position;\r\n\t title.options.vAlign = mirror ? TOP : BOTTOM;\r\n\t }\r\n\r\n\t title.reflow(this.box);\r\n\t }\r\n\t },\r\n\r\n\t arrangeNotes: function() {\r\n\t var this$1 = this;\r\n\r\n\t for (var idx = 0; idx < this.notes.length; idx++) {\r\n\t var item = this$1.notes[idx];\r\n\t var value = item.options.value;\r\n\t var slot = (void 0);\r\n\r\n\t if (defined(value)) {\r\n\t if (this$1.shouldRenderNote(value)) {\r\n\t item.show();\r\n\t } else {\r\n\t item.hide();\r\n\t }\r\n\r\n\t slot = this$1.noteSlot(value);\r\n\t } else {\r\n\t item.hide();\r\n\t }\r\n\r\n\t item.reflow(slot || this$1.lineBox());\r\n\t }\r\n\t },\r\n\r\n\t noteSlot: function(value) {\r\n\t return this.getSlot(value);\r\n\t },\r\n\r\n\t alignTo: function(secondAxis) {\r\n\t var lineBox = secondAxis.lineBox();\r\n\t var vertical = this.options.vertical;\r\n\t var pos = vertical ? Y : X;\r\n\r\n\t this.box.snapTo(lineBox, pos);\r\n\t if (vertical) {\r\n\t this.box.shrink(0, this.lineBox().height() - lineBox.height());\r\n\t } else {\r\n\t this.box.shrink(this.lineBox().width() - lineBox.width(), 0);\r\n\t }\r\n\t this.box[pos + 1] -= this.lineBox()[pos + 1] - lineBox[pos + 1];\r\n\t this.box[pos + 2] -= this.lineBox()[pos + 2] - lineBox[pos + 2];\r\n\t },\r\n\r\n\t axisLabelText: function(value, dataItem, options) {\r\n\t var tmpl = getTemplate(options);\r\n\t var text = value;\r\n\r\n\t if (tmpl) {\r\n\t text = tmpl({ value: value, dataItem: dataItem, format: options.format, culture: options.culture });\r\n\t } else if (options.format) {\r\n\t text = this.chartService.format.localeAuto(options.format, [ value ], options.culture);\r\n\t }\r\n\r\n\t return text;\r\n\t },\r\n\r\n\t slot: function(from , to, limit) {\r\n\t var slot = this.getSlot(from, to, limit);\r\n\t if (slot) {\r\n\t return slot.toRect();\r\n\t }\r\n\t },\r\n\r\n\t contentBox: function() {\r\n\t var box = this.box.clone();\r\n\t var labels = this.labels;\r\n\t if (labels.length) {\r\n\t if (labels[0].options.visible) {\r\n\t box.wrap(labels[0].box);\r\n\t }\r\n\t var lastLabel = labels[labels.length - 1];\r\n\t if (lastLabel.options.visible) {\r\n\t box.wrap(lastLabel.box);\r\n\t }\r\n\t }\r\n\r\n\t return box;\r\n\t },\r\n\r\n\t limitRange: function(from, to, min, max, offset) {\r\n\t var options = this.options;\r\n\r\n\t if ((from < min && offset < 0 && (!defined(options.min) || options.min <= min)) || (max < to && offset > 0 && (!defined(options.max) || max <= options.max))) {\r\n\t return null;\r\n\t }\r\n\r\n\t if ((to < min && offset > 0) || (max < from && offset < 0)) {\r\n\t return {\r\n\t min: from,\r\n\t max: to\r\n\t };\r\n\t }\r\n\r\n\t var rangeSize = to - from;\r\n\t var minValue = from;\r\n\t var maxValue = to;\r\n\r\n\t if (from < min) {\r\n\t minValue = limitValue(from, min, max);\r\n\t maxValue = limitValue(from + rangeSize, min + rangeSize, max);\r\n\t } else if (to > max) {\r\n\t maxValue = limitValue(to, min, max);\r\n\t minValue = limitValue(to - rangeSize, min, max - rangeSize);\r\n\t }\r\n\r\n\t return {\r\n\t min: minValue,\r\n\t max: maxValue\r\n\t };\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t return {\r\n\t min: this.seriesMin,\r\n\t max: this.seriesMax\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(Axis, {\r\n\t labels: {\r\n\t visible: true,\r\n\t rotation: 0,\r\n\t mirror: false,\r\n\t step: 1,\r\n\t skip: 0\r\n\t },\r\n\t line: {\r\n\t width: 1,\r\n\t color: BLACK,\r\n\t visible: true\r\n\t },\r\n\t title: {\r\n\t visible: true,\r\n\t position: CENTER\r\n\t },\r\n\t majorTicks: {\r\n\t align: OUTSIDE,\r\n\t size: 4,\r\n\t skip: 0,\r\n\t step: 1\r\n\t },\r\n\t minorTicks: {\r\n\t align: OUTSIDE,\r\n\t size: 3,\r\n\t skip: 0,\r\n\t step: 1\r\n\t },\r\n\t axisCrossingValue: 0,\r\n\t majorTickType: OUTSIDE,\r\n\t minorTickType: NONE,\r\n\t majorGridLines: {\r\n\t skip: 0,\r\n\t step: 1\r\n\t },\r\n\t minorGridLines: {\r\n\t visible: false,\r\n\t width: 1,\r\n\t color: BLACK,\r\n\t skip: 0,\r\n\t step: 1\r\n\t },\r\n\t // TODO: Move to line or labels options\r\n\t margin: 5,\r\n\t visible: true,\r\n\t reverse: false,\r\n\t justified: true,\r\n\t notes: {\r\n\t label: {\r\n\t text: \"\"\r\n\t }\r\n\t },\r\n\r\n\t _alignLines: true,\r\n\t _deferLabels: false\r\n\t});\r\n\r\n\tvar MILLISECONDS = \"milliseconds\";\r\n\tvar SECONDS = \"seconds\";\r\n\tvar MINUTES = \"minutes\";\r\n\tvar HOURS = \"hours\";\r\n\tvar DAYS = \"days\";\r\n\tvar WEEKS = \"weeks\";\r\n\tvar MONTHS = \"months\";\r\n\tvar YEARS = \"years\";\r\n\r\n\tvar TIME_PER_MILLISECOND = 1;\r\n\tvar TIME_PER_SECOND = 1000;\r\n\tvar TIME_PER_MINUTE = 60 * TIME_PER_SECOND;\r\n\tvar TIME_PER_HOUR = 60 * TIME_PER_MINUTE;\r\n\tvar TIME_PER_DAY = 24 * TIME_PER_HOUR;\r\n\tvar TIME_PER_WEEK = 7 * TIME_PER_DAY;\r\n\tvar TIME_PER_MONTH = 31 * TIME_PER_DAY;\r\n\tvar TIME_PER_YEAR = 365 * TIME_PER_DAY;\r\n\tvar TIME_PER_UNIT = {\r\n\t \"years\": TIME_PER_YEAR,\r\n\t \"months\": TIME_PER_MONTH,\r\n\t \"weeks\": TIME_PER_WEEK,\r\n\t \"days\": TIME_PER_DAY,\r\n\t \"hours\": TIME_PER_HOUR,\r\n\t \"minutes\": TIME_PER_MINUTE,\r\n\t \"seconds\": TIME_PER_SECOND,\r\n\t \"milliseconds\": TIME_PER_MILLISECOND\r\n\t};\r\n\r\n\tfunction absoluteDateDiff(a, b) {\r\n\t var diff = a.getTime() - b;\r\n\t var offsetDiff = a.getTimezoneOffset() - b.getTimezoneOffset();\r\n\r\n\t return diff - (offsetDiff * TIME_PER_MINUTE);\r\n\t}\r\n\r\n\tfunction addTicks(date, ticks) {\r\n\t return new Date(date.getTime() + ticks);\r\n\t}\r\n\r\n\tfunction toDate(value) {\r\n\t var result;\r\n\r\n\t if (value instanceof Date) {\r\n\t result = value;\r\n\t } else if (value) {\r\n\t result = new Date(value);\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction startOfWeek(date, weekStartDay) {\r\n\t if (weekStartDay === void 0) { weekStartDay = 0; }\r\n\r\n\t var daysToSubtract = 0;\r\n\t var day = date.getDay();\r\n\r\n\t if (!isNaN(day)) {\r\n\t while (day !== weekStartDay) {\r\n\t if (day === 0) {\r\n\t day = 6;\r\n\t } else {\r\n\t day--;\r\n\t }\r\n\r\n\t daysToSubtract++;\r\n\t }\r\n\t }\r\n\r\n\t return addTicks(date, -daysToSubtract * TIME_PER_DAY);\r\n\t}\r\n\r\n\tfunction adjustDST(date, hours) {\r\n\t if (hours === 0 && date.getHours() === 23) {\r\n\t date.setHours(date.getHours() + 2);\r\n\t return true;\r\n\t }\r\n\r\n\t return false;\r\n\t}\r\n\r\n\tfunction addHours(date, hours) {\r\n\t var roundedDate = new Date(date);\r\n\r\n\t roundedDate.setMinutes(0, 0, 0);\r\n\r\n\t var tzDiff = (date.getTimezoneOffset() - roundedDate.getTimezoneOffset()) * TIME_PER_MINUTE;\r\n\r\n\t return addTicks(roundedDate, tzDiff + hours * TIME_PER_HOUR);\r\n\t}\r\n\r\n\tfunction addDuration(dateValue, value, unit, weekStartDay) {\r\n\t var result = dateValue;\r\n\r\n\t if (dateValue) {\r\n\t var date = toDate(dateValue);\r\n\t var hours = date.getHours();\r\n\r\n\t if (unit === YEARS) {\r\n\t result = new Date(date.getFullYear() + value, 0, 1);\r\n\t adjustDST(result, 0);\r\n\t } else if (unit === MONTHS) {\r\n\t result = new Date(date.getFullYear(), date.getMonth() + value, 1);\r\n\t adjustDST(result, hours);\r\n\t } else if (unit === WEEKS) {\r\n\t result = addDuration(startOfWeek(date, weekStartDay), value * 7, DAYS);\r\n\t adjustDST(result, hours);\r\n\t } else if (unit === DAYS) {\r\n\t result = new Date(date.getFullYear(), date.getMonth(), date.getDate() + value);\r\n\t adjustDST(result, hours);\r\n\t } else if (unit === HOURS) {\r\n\t result = addHours(date, value);\r\n\t } else if (unit === MINUTES) {\r\n\t result = addTicks(date, value * TIME_PER_MINUTE);\r\n\r\n\t if (result.getSeconds() > 0) {\r\n\t result.setSeconds(0);\r\n\t }\r\n\t } else if (unit === SECONDS) {\r\n\t result = addTicks(date, value * TIME_PER_SECOND);\r\n\t } else if (unit === MILLISECONDS) {\r\n\t result = addTicks(date, value);\r\n\t }\r\n\r\n\t if (unit !== MILLISECONDS && result.getMilliseconds() > 0) {\r\n\t result.setMilliseconds(0);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction floorDate(date, unit, weekStartDay) {\r\n\t return addDuration(toDate(date), 0, unit, weekStartDay);\r\n\t}\r\n\r\n\tfunction ceilDate(dateValue, unit, weekStartDay) {\r\n\t var date = toDate(dateValue);\r\n\r\n\t if (date && floorDate(date, unit, weekStartDay).getTime() === date.getTime()) {\r\n\t return date;\r\n\t }\r\n\r\n\t return addDuration(date, 1, unit, weekStartDay);\r\n\t}\r\n\r\n\tfunction dateComparer(a, b) {\r\n\t if (a && b) {\r\n\t return a.getTime() - b.getTime();\r\n\t }\r\n\r\n\t return -1;\r\n\t}\r\n\r\n\tfunction dateDiff(a, b) {\r\n\t return a.getTime() - b;\r\n\t}\r\n\r\n\tfunction toTime(value) {\r\n\t if (isArray(value)) {\r\n\t var result = [];\r\n\t for (var idx = 0; idx < value.length; idx++) {\r\n\t result.push(toTime(value[idx]));\r\n\t }\r\n\r\n\t return result;\r\n\t } else if (value) {\r\n\t return toDate(value).getTime();\r\n\t }\r\n\t}\r\n\r\n\tfunction dateEquals(a, b) {\r\n\t if (a && b) {\r\n\t return toTime(a) === toTime(b);\r\n\t }\r\n\r\n\t return a === b;\r\n\t}\r\n\r\n\tfunction timeIndex(date, start, baseUnit) {\r\n\t return absoluteDateDiff(date, start) / TIME_PER_UNIT[baseUnit];\r\n\t}\r\n\r\n\tfunction dateIndex(value, start, baseUnit, baseUnitStep) {\r\n\t var date = toDate(value);\r\n\t var startDate = toDate(start);\r\n\t var index;\r\n\r\n\t if (baseUnit === MONTHS) {\r\n\t index = (date.getMonth() - startDate.getMonth() + (date.getFullYear() - startDate.getFullYear()) * 12) +\r\n\t timeIndex(date, new Date(date.getFullYear(), date.getMonth()), DAYS) / new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();\r\n\t } else if (baseUnit === YEARS) {\r\n\t index = date.getFullYear() - startDate.getFullYear() + dateIndex(date, new Date(date.getFullYear(), 0), MONTHS, 1) / 12;\r\n\t } else if (baseUnit === DAYS || baseUnit === WEEKS) {\r\n\t index = timeIndex(date, startDate, baseUnit);\r\n\t } else {\r\n\t index = dateDiff(date, start) / TIME_PER_UNIT[baseUnit];\r\n\t }\r\n\r\n\t return index / baseUnitStep;\r\n\t}\r\n\r\n\tfunction duration(a, b, unit) {\r\n\t var diff;\r\n\r\n\t if (unit === YEARS) {\r\n\t diff = b.getFullYear() - a.getFullYear();\r\n\t } else if (unit === MONTHS) {\r\n\t diff = duration(a, b, YEARS) * 12 + b.getMonth() - a.getMonth();\r\n\t } else if (unit === DAYS) {\r\n\t diff = Math.floor(dateDiff(b, a) / TIME_PER_DAY);\r\n\t } else {\r\n\t diff = Math.floor(dateDiff(b, a) / TIME_PER_UNIT[unit]);\r\n\t }\r\n\r\n\t return diff;\r\n\t}\r\n\r\n\tfunction lteDateIndex(date, sortedDates) {\r\n\t var low = 0;\r\n\t var high = sortedDates.length - 1;\r\n\t var index;\r\n\r\n\t while (low <= high) {\r\n\t index = Math.floor((low + high) / 2);\r\n\t var currentDate = sortedDates[index];\r\n\r\n\t if (currentDate < date) {\r\n\t low = index + 1;\r\n\t continue;\r\n\t }\r\n\r\n\t if (currentDate > date) {\r\n\t high = index - 1;\r\n\t continue;\r\n\t }\r\n\r\n\t while (dateEquals(sortedDates[index - 1], date)) {\r\n\t index--;\r\n\t }\r\n\r\n\t return index;\r\n\t }\r\n\r\n\t if (sortedDates[index] <= date) {\r\n\t return index;\r\n\t }\r\n\r\n\t return index - 1;\r\n\t}\r\n\r\n\tfunction parseDate(intlService, date) {\r\n\t var result;\r\n\t if (isString(date)) {\r\n\t result = intlService.parseDate(date) || toDate(date);\r\n\t } else {\r\n\t result = toDate(date);\r\n\t }\r\n\t return result;\r\n\t}\r\n\r\n\tfunction parseDates(intlService, dates) {\r\n\t if (isArray(dates)) {\r\n\t var result = [];\r\n\t for (var idx = 0; idx < dates.length; idx++) {\r\n\t result.push(parseDate(intlService, dates[idx]));\r\n\t }\r\n\r\n\t return result;\r\n\t }\r\n\r\n\t return parseDate(intlService, dates);\r\n\t}\r\n\r\n\tvar MIN_CATEGORY_POINTS_RANGE = 0.01;\r\n\r\n\tfunction indexOf(value, arr) {\r\n\t if (value instanceof Date) {\r\n\t var length = arr.length;\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (dateEquals(arr[idx], value)) {\r\n\t return idx;\r\n\t }\r\n\t }\r\n\r\n\t return -1;\r\n\t }\r\n\r\n\t return arr.indexOf(value);\r\n\t}\r\n\r\n\tvar CategoryAxis = Axis.extend({\r\n\t init: function(options, chartService) {\r\n\t Axis.fn.init.call(this, options, chartService);\r\n\r\n\t this._ticks = {};\r\n\t this._initCategories(this.options);\r\n\t },\r\n\r\n\t _initCategories: function(options) {\r\n\t var categories = (options.categories || []).slice(0);\r\n\t var definedMin = defined(options.min);\r\n\t var definedMax = defined(options.max);\r\n\t options.categories = categories;\r\n\r\n\t if ((definedMin || definedMax) && categories.length) {\r\n\t options.srcCategories = options.categories;\r\n\t var min = definedMin ? Math.floor(options.min) : 0;\r\n\t var max;\r\n\r\n\t if (definedMax) {\r\n\t max = options.justified ? Math.floor(options.max) + 1 : Math.ceil(options.max);\r\n\t } else {\r\n\t max = categories.length;\r\n\t }\r\n\r\n\t options.categories = options.categories.slice(min, max);\r\n\t }\r\n\t },\r\n\r\n\t rangeIndices: function() {\r\n\t var options = this.options;\r\n\t var length = options.categories.length || 1;\r\n\t var min = isNumber(options.min) ? options.min % 1 : 0;\r\n\t var max;\r\n\r\n\t if (isNumber(options.max) && options.max % 1 !== 0 && options.max < this.totalRange().max) {\r\n\t max = length - (1 - options.max % 1);\r\n\t } else {\r\n\t max = length - (options.justified ? 1 : 0);\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t totalRangeIndices: function(limit) {\r\n\t var options = this.options;\r\n\t var min = isNumber(options.min) ? options.min : 0;\r\n\t var max;\r\n\r\n\t if (isNumber(options.max)) {\r\n\t max = options.max;\r\n\t } else if (isNumber(options.min)) {\r\n\t max = min + options.categories.length;\r\n\t } else {\r\n\t max = ((options.srcCategories || options.categories).length - (options.justified ? 1 : 0) || 1);\r\n\t }\r\n\r\n\t if (limit) {\r\n\t var totalRange = this.totalRange();\r\n\t min = limitValue(min, 0, totalRange.max);\r\n\t max = limitValue(max, 0, totalRange.max);\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t range: function() {\r\n\t var options = this.options;\r\n\t return { min: isNumber(options.min) ? options.min : 0, max: isNumber(options.max) ? options.max : options.categories.length };\r\n\t },\r\n\r\n\t totalRange: function() {\r\n\t var options = this.options;\r\n\t return { min: 0, max: Math.max(this._seriesMax || 0, (options.srcCategories || options.categories).length) - (options.justified ? 1 : 0) };\r\n\t },\r\n\r\n\t getScale: function() {\r\n\t var ref = this.rangeIndices();\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var lineBox = this.lineBox();\r\n\t var size = this.options.vertical ? lineBox.height() : lineBox.width();\r\n\t var scale = size / ((max - min) || 1);\r\n\r\n\t return scale * (this.options.reverse ? -1 : 1);\r\n\t },\r\n\r\n\t getTickPositions: function(stepSize) {\r\n\t var ref = this.options;\r\n\t var vertical = ref.vertical;\r\n\t var reverse = ref.reverse;\r\n\t var ref$1 = this.rangeIndices();\r\n\t var min = ref$1.min;\r\n\t var max = ref$1.max;\r\n\t var lineBox = this.lineBox();\r\n\t var scale = this.getScale();\r\n\t var pos = lineBox[(vertical ? Y : X) + (reverse ? 2 : 1)];\r\n\t var positions = [];\r\n\r\n\t var current = min % 1 !== 0 ? Math.floor(min / 1) + stepSize : min;\r\n\r\n\t while (current <= max) {\r\n\t positions.push(pos + round(scale * (current - min), COORD_PRECISION));\r\n\t current += stepSize;\r\n\t }\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t getLabelsTickPositions: function() {\r\n\t var tickPositions = this.getMajorTickPositions().slice(0);\r\n\t var range = this.rangeIndices();\r\n\t var scale = this.getScale();\r\n\t var box = this.lineBox();\r\n\t var options = this.options;\r\n\t var axis = options.vertical ? Y : X;\r\n\t var start = options.reverse ? 2 : 1;\r\n\t var end = options.reverse ? 1 : 2;\r\n\r\n\t if (range.min % 1 !== 0) {\r\n\t tickPositions.unshift(box[axis + start] - scale * (range.min % 1));\r\n\t }\r\n\r\n\t if (range.max % 1 !== 0) {\r\n\t tickPositions.push(box[axis + end] + scale * (1 - range.max % 1));\r\n\t }\r\n\r\n\t return tickPositions;\r\n\t },\r\n\r\n\t labelTickIndex: function(label) {\r\n\t var range = this.rangeIndices();\r\n\t var index = label.index;\r\n\r\n\t if (range.min > 0) {\r\n\t index = index - Math.floor(range.min);\r\n\t }\r\n\r\n\t return index;\r\n\t },\r\n\r\n\t arrangeLabels: function() {\r\n\t Axis.fn.arrangeLabels.call(this);\r\n\t this.hideOutOfRangeLabels();\r\n\t },\r\n\r\n\t hideOutOfRangeLabels: function() {\r\n\t var ref = this;\r\n\t var box = ref.box;\r\n\t var labels = ref.labels;\r\n\r\n\t if (labels.length) {\r\n\t var valueAxis = this.options.vertical ? Y : X;\r\n\t var start = box[valueAxis + 1];\r\n\t var end = box[valueAxis + 2];\r\n\t var firstLabel = labels[0];\r\n\t var lastLabel = last(labels);\r\n\r\n\t if (firstLabel.box[valueAxis + 1] > end || firstLabel.box[valueAxis + 2] < start) {\r\n\t firstLabel.options.visible = false;\r\n\t }\r\n\t if (lastLabel.box[valueAxis + 1] > end || lastLabel.box[valueAxis + 2] < start) {\r\n\t lastLabel.options.visible = false;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t getMajorTickPositions: function() {\r\n\t return this.getTicks().majorTicks;\r\n\t },\r\n\r\n\t getMinorTickPositions: function() {\r\n\t return this.getTicks().minorTicks;\r\n\t },\r\n\r\n\t getTicks: function() {\r\n\t var ref = this.options;\r\n\t var reverse = ref.reverse;\r\n\t var justified = ref.justified;\r\n\t var cache = this._ticks;\r\n\t var range = this.rangeIndices();\r\n\t var lineBox = this.lineBox();\r\n\t var hash = lineBox.getHash() + range.min + \",\" + range.max + reverse + justified;\r\n\r\n\t if (cache._hash !== hash) {\r\n\t cache._hash = hash;\r\n\t cache.majorTicks = this.getTickPositions(1);\r\n\t cache.minorTicks = this.getTickPositions(0.5);\r\n\t }\r\n\r\n\t return cache;\r\n\t },\r\n\r\n\t getSlot: function(from, to, limit) {\r\n\t var options = this.options;\r\n\t var reverse = options.reverse;\r\n\t var justified = options.justified;\r\n\t var vertical = options.vertical;\r\n\t var ref = this.rangeIndices();\r\n\t var min = ref.min;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var scale = this.getScale();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\t var slotBox = lineBox.clone();\r\n\t var singleSlot = !defined(to);\r\n\r\n\t var start = valueOrDefault(from, 0);\r\n\t var end = valueOrDefault(to, start);\r\n\t end = Math.max(end - 1, start);\r\n\r\n\t // Fixes transient bug caused by iOS 6.0 JIT\r\n\t // (one can never be too sure)\r\n\t end = Math.max(start, end);\r\n\r\n\t var p1 = lineStart + (start - min) * scale;\r\n\t var p2 = lineStart + (end + 1 - min) * scale;\r\n\r\n\t if (singleSlot && justified) {\r\n\t p2 = p1;\r\n\t }\r\n\r\n\t if (limit) {\r\n\t p1 = limitValue(p1, lineBox[valueAxis + 1], lineBox[valueAxis + 2]);\r\n\t p2 = limitValue(p2, lineBox[valueAxis + 1], lineBox[valueAxis + 2]);\r\n\t }\r\n\r\n\t slotBox[valueAxis + 1] = reverse ? p2 : p1;\r\n\t slotBox[valueAxis + 2] = reverse ? p1 : p2;\r\n\r\n\t return slotBox;\r\n\t },\r\n\r\n\t limitSlot: function(slot) {\r\n\t var vertical = this.options.vertical;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var limittedSlot = slot.clone();\r\n\r\n\t limittedSlot[valueAxis + 1] = limitValue(slot[valueAxis + 1], lineBox[valueAxis + 1], lineBox[valueAxis + 2]);\r\n\t limittedSlot[valueAxis + 2] = limitValue(slot[valueAxis + 2], lineBox[valueAxis + 1], lineBox[valueAxis + 2]);\r\n\r\n\t return limittedSlot;\r\n\t },\r\n\r\n\t slot: function(from, to, limit) {\r\n\t var start = from;\r\n\t var end = to;\r\n\r\n\t if (typeof start === \"string\") {\r\n\t start = this.categoryIndex(start);\r\n\t }\r\n\r\n\t if (typeof end === \"string\") {\r\n\t end = this.categoryIndex(end);\r\n\t }\r\n\r\n\t return Axis.fn.slot.call(this, start, end, limit);\r\n\t },\r\n\r\n\t pointCategoryIndex: function(point) {\r\n\t var ref = this.options;\r\n\t var reverse = ref.reverse;\r\n\t var justified = ref.justified;\r\n\t var vertical = ref.vertical;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var range = this.rangeIndices();\r\n\t var startValue = reverse ? range.max : range.min;\r\n\t var scale = this.getScale();\r\n\t var lineStart = lineBox[valueAxis + 1];\r\n\t var lineEnd = lineBox[valueAxis + 2];\r\n\t var pos = point[valueAxis];\r\n\r\n\t if (pos < lineStart || pos > lineEnd) {\r\n\t return null;\r\n\t }\r\n\r\n\t var value = startValue + (pos - lineStart) / scale;\r\n\t var diff = value % 1;\r\n\r\n\t if (justified) {\r\n\t value = Math.round(value);\r\n\t } else if (diff === 0 && value > 0) {\r\n\t value--;\r\n\t }\r\n\r\n\t return Math.floor(value);\r\n\t },\r\n\r\n\t getCategory: function(point) {\r\n\t var index = this.pointCategoryIndex(point);\r\n\r\n\t if (index === null) {\r\n\t return null;\r\n\t }\r\n\r\n\t return this.options.categories[index];\r\n\t },\r\n\r\n\t categoryIndex: function(value) {\r\n\t var options = this.options;\r\n\t var index = indexOf(value, options.srcCategories || options.categories);\r\n\r\n\t return index - Math.floor(options.min || 0);\r\n\t },\r\n\r\n\t translateRange: function(delta) {\r\n\t var options = this.options;\r\n\t var lineBox = this.lineBox();\r\n\t var size = options.vertical ? lineBox.height() : lineBox.width();\r\n\t var range = options.categories.length;\r\n\t var scale = size / range;\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\r\n\t return {\r\n\t min: offset,\r\n\t max: range + offset\r\n\t };\r\n\t },\r\n\r\n\t zoomRange: function(rate) {\r\n\t var rangeIndices = this.totalRangeIndices();\r\n\t var ref = this.totalRange();\r\n\t var totalMin = ref.min;\r\n\t var totalMax = ref.max;\r\n\t var min = limitValue(rangeIndices.min + rate, totalMin, totalMax);\r\n\t var max = limitValue(rangeIndices.max - rate, totalMin, totalMax);\r\n\r\n\t if (max - min > 0) {\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t scaleRange: function(scale) {\r\n\t var range = this.options.categories.length;\r\n\t var delta = scale * range;\r\n\r\n\t return {\r\n\t min: -delta,\r\n\t max: range + delta\r\n\t };\r\n\t },\r\n\r\n\t labelsCount: function() {\r\n\t var labelsRange = this.labelsRange();\r\n\r\n\t return labelsRange.max - labelsRange.min;\r\n\t },\r\n\r\n\t labelsRange: function() {\r\n\t var options = this.options;\r\n\t var justified = options.justified;\r\n\t var labelOptions = options.labels;\r\n\t var ref = this.totalRangeIndices(true);\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var start = Math.floor(min);\r\n\r\n\t if (!justified) {\r\n\t min = Math.floor(min);\r\n\t max = Math.ceil(max);\r\n\t } else {\r\n\t min = Math.ceil(min);\r\n\t max = Math.floor(max);\r\n\t }\r\n\r\n\t var skip;\r\n\r\n\t if (min > labelOptions.skip) {\r\n\t skip = labelOptions.skip + labelOptions.step * Math.ceil((min - labelOptions.skip) / labelOptions.step);\r\n\t } else {\r\n\t skip = labelOptions.skip;\r\n\t }\r\n\r\n\t return {\r\n\t min: skip - start,\r\n\t max: (options.categories.length ? max + (justified ? 1 : 0) : 0) - start\r\n\t };\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var options = this.options;\r\n\t var dataItem = options.dataItems ? options.dataItems[index] : null;\r\n\t var category = valueOrDefault(options.categories[index], \"\");\r\n\t var text = this.axisLabelText(category, dataItem, labelOptions);\r\n\r\n\t return new AxisLabel(category, text, index, dataItem, labelOptions);\r\n\t },\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.totalRangeIndices();\r\n\r\n\t return Math.floor(range.min) <= value && value <= Math.ceil(range.max);\r\n\t },\r\n\r\n\t noteSlot: function(value) {\r\n\t var options = this.options;\r\n\t var index = value - Math.floor(options.min || 0);\r\n\t return this.getSlot(index);\r\n\t },\r\n\r\n\t arrangeNotes: function() {\r\n\t Axis.fn.arrangeNotes.call(this);\r\n\t this.hideOutOfRangeNotes();\r\n\t },\r\n\r\n\t hideOutOfRangeNotes: function() {\r\n\t var ref = this;\r\n\t var notes = ref.notes;\r\n\t var box = ref.box;\r\n\t if (notes && notes.length) {\r\n\t var valueAxis = this.options.vertical ? Y : X;\r\n\t var start = box[valueAxis + 1];\r\n\t var end = box[valueAxis + 2];\r\n\r\n\t for (var idx = 0; idx < notes.length; idx++) {\r\n\t var note = notes[idx];\r\n\t if (note.box && (end < note.box[valueAxis + 1] || note.box[valueAxis + 2] < start)) {\r\n\t note.hide();\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var range = this.totalRangeIndices(true);\r\n\t var scale = this.getScale();\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\t var totalRange = this.totalRange();\r\n\t var min = range.min + offset;\r\n\t var max = range.max + offset;\r\n\r\n\t return this.limitRange(min, max, 0, totalRange.max, offset);\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var ref = this.options;\r\n\t var reverse = ref.reverse;\r\n\t var vertical = ref.vertical;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var range = this.totalRangeIndices(true);\r\n\t var scale = this.getScale();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\r\n\t var diffStart = start[valueAxis] - lineStart;\r\n\t var diffEnd = end[valueAxis] - lineStart;\r\n\r\n\t var min = range.min + diffStart / scale;\r\n\t var max = range.min + diffEnd / scale;\r\n\t var rangeMin = Math.min(min, max);\r\n\t var rangeMax = Math.max(min, max);\r\n\r\n\t if (rangeMax - rangeMin >= MIN_CATEGORY_POINTS_RANGE) {\r\n\t return {\r\n\t min: rangeMin,\r\n\t max: rangeMax\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t return this.range();\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(CategoryAxis, {\r\n\t type: \"category\",\r\n\t categories: [],\r\n\t vertical: false,\r\n\t majorGridLines: {\r\n\t visible: false,\r\n\t width: 1,\r\n\t color: BLACK\r\n\t },\r\n\t labels: {\r\n\t zIndex: 1\r\n\t },\r\n\t justified: false,\r\n\t _deferLabels: true\r\n\t});\r\n\r\n\tvar COORDINATE_LIMIT = 300000;\r\n\r\n\tvar DateLabelFormats = {\r\n\t milliseconds: \"HH:mm:ss.fff\",\r\n\t seconds: \"HH:mm:ss\",\r\n\t minutes: \"HH:mm\",\r\n\t hours: \"HH:mm\",\r\n\t days: \"M/d\",\r\n\t weeks: \"M/d\",\r\n\t months: \"MMM 'yy\",\r\n\t years: \"yyyy\"\r\n\t};\r\n\r\n\tvar ZERO_THRESHOLD = 0.2;\r\n\r\n\tvar AUTO = \"auto\";\r\n\tvar BASE_UNITS = [\r\n\t MILLISECONDS, SECONDS, MINUTES, HOURS, DAYS, WEEKS, MONTHS, YEARS\r\n\t];\r\n\tvar FIT = \"fit\";\r\n\r\n\tvar DateCategoryAxis = CategoryAxis.extend({\r\n\t init: function(axisOptions, chartService) {\r\n\t CategoryAxis.fn.init.call(this, axisOptions, chartService);\r\n\r\n\t var intlService = chartService.intl;\r\n\t var options = this.options;\r\n\r\n\t options = deepExtend({\r\n\t roundToBaseUnit: true\r\n\t }, options, {\r\n\t categories: parseDates(intlService, options.categories),\r\n\t min: parseDate(intlService, options.min),\r\n\t max: parseDate(intlService, options.max)\r\n\t });\r\n\r\n\t options.userSetBaseUnit = options.userSetBaseUnit || options.baseUnit;\r\n\t options.userSetBaseUnitStep = options.userSetBaseUnitStep || options.baseUnitStep;\r\n\r\n\t if (options.categories && options.categories.length > 0) {\r\n\t var baseUnit = (options.baseUnit || \"\").toLowerCase();\r\n\t var useDefault = baseUnit !== FIT && !inArray(baseUnit, BASE_UNITS);\r\n\r\n\t if (useDefault) {\r\n\t options.baseUnit = this.defaultBaseUnit(options);\r\n\t }\r\n\r\n\t if (baseUnit === FIT || options.baseUnitStep === AUTO) {\r\n\t this.autoBaseUnit(options);\r\n\t }\r\n\r\n\t this._groupsStart = addDuration(options.categories[0], 0, options.baseUnit, options.weekStartDay);\r\n\r\n\t this.groupCategories(options);\r\n\t } else {\r\n\t options.baseUnit = options.baseUnit || DAYS;\r\n\t }\r\n\r\n\t this.options = options;\r\n\t },\r\n\r\n\t _initCategories: function() {},\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.range();\r\n\t var categories = this.options.categories || [];\r\n\r\n\t return dateComparer(value, range.min) >= 0 && dateComparer(value, range.max) <= 0 && categories.length;\r\n\t },\r\n\r\n\t parseNoteValue: function(value) {\r\n\t return parseDate(this.chartService.intl, value);\r\n\t },\r\n\r\n\t noteSlot: function(value) {\r\n\t return this.getSlot(value);\r\n\t },\r\n\r\n\t translateRange: function(delta) {\r\n\t var options = this.options;\r\n\t var baseUnit = options.baseUnit;\r\n\t var weekStartDay = options.weekStartDay;\r\n\t var vertical = options.vertical;\r\n\t var lineBox = this.lineBox();\r\n\t var size = vertical ? lineBox.height() : lineBox.width();\r\n\t var range = this.range();\r\n\t var scale = size / (range.max - range.min);\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\r\n\t if (range.min && range.max) {\r\n\t var from = addTicks(options.min || range.min, offset);\r\n\t var to = addTicks(options.max || range.max, offset);\r\n\r\n\t range = {\r\n\t min: addDuration(from, 0, baseUnit, weekStartDay),\r\n\t max: addDuration(to, 0, baseUnit, weekStartDay)\r\n\t };\r\n\t }\r\n\r\n\t return range;\r\n\t },\r\n\r\n\t scaleRange: function(delta) {\r\n\t var rounds = Math.abs(delta);\r\n\t var result = this.range();\r\n\t var from = result.min;\r\n\t var to = result.max;\r\n\r\n\t if (from && to) {\r\n\t while (rounds--) {\r\n\t var range = dateDiff(from, to);\r\n\t var step = Math.round(range * 0.1);\r\n\t if (delta < 0) {\r\n\t from = addTicks(from, step);\r\n\t to = addTicks(to, -step);\r\n\t } else {\r\n\t from = addTicks(from, -step);\r\n\t to = addTicks(to, step);\r\n\t }\r\n\t }\r\n\r\n\t result = { min: from, max: to };\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t defaultBaseUnit: function(options) {\r\n\t var categories = options.categories;\r\n\t var count = defined(categories) ? categories.length : 0;\r\n\t var minDiff = MAX_VALUE;\r\n\t var lastCategory, unit;\r\n\r\n\t for (var categoryIx = 0; categoryIx < count; categoryIx++) {\r\n\t var category = categories[categoryIx];\r\n\r\n\t if (category && lastCategory) {\r\n\t var diff = absoluteDateDiff(category, lastCategory);\r\n\t if (diff > 0) {\r\n\t minDiff = Math.min(minDiff, diff);\r\n\r\n\t if (minDiff >= TIME_PER_YEAR) {\r\n\t unit = YEARS;\r\n\t } else if (minDiff >= TIME_PER_MONTH - TIME_PER_DAY * 3) {\r\n\t unit = MONTHS;\r\n\t } else if (minDiff >= TIME_PER_WEEK) {\r\n\t unit = WEEKS;\r\n\t } else if (minDiff >= TIME_PER_DAY) {\r\n\t unit = DAYS;\r\n\t } else if (minDiff >= TIME_PER_HOUR) {\r\n\t unit = HOURS;\r\n\t } else if (minDiff >= TIME_PER_MINUTE) {\r\n\t unit = MINUTES;\r\n\t } else {\r\n\t unit = SECONDS;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t lastCategory = category;\r\n\t }\r\n\r\n\t return unit || DAYS;\r\n\t },\r\n\r\n\t _categoryRange: function(categories) {\r\n\t var range = categories._range;\r\n\t if (!range) {\r\n\t range = categories._range = sparseArrayLimits(categories);\r\n\t }\r\n\r\n\t return range;\r\n\t },\r\n\r\n\t totalRange: function() {\r\n\t return {\r\n\t min: 0,\r\n\t max: this.options.categories.length\r\n\t };\r\n\t },\r\n\r\n\t rangeIndices: function() {\r\n\t var options = this.options;\r\n\t var categories = options.categories;\r\n\t var baseUnit = options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var categoryLimits = this.categoriesRange();\r\n\t var min = toDate(options.min || categoryLimits.min);\r\n\t var max = toDate(options.max || categoryLimits.max);\r\n\t var minIdx = 0, maxIdx = 0;\r\n\r\n\t if (categories.length) {\r\n\t minIdx = dateIndex(min, categories[0], baseUnit, baseUnitStep);\r\n\t maxIdx = dateIndex(max, categories[0], baseUnit, baseUnitStep);\r\n\r\n\t if (options.roundToBaseUnit) {\r\n\t minIdx = Math.floor(minIdx);\r\n\t maxIdx = options.justified ? Math.floor(maxIdx) : Math.ceil(maxIdx);\r\n\t }\r\n\t }\r\n\r\n\t return { min: minIdx, max: maxIdx };\r\n\t },\r\n\r\n\t labelsRange: function() {\r\n\t var options = this.options;\r\n\t var labelOptions = options.labels;\r\n\t var range = this.rangeIndices();\r\n\t var min = Math.floor(range.min);\r\n\t var max = Math.ceil(range.max);\r\n\r\n\t return {\r\n\t min: min + labelOptions.skip,\r\n\t max: options.categories.length ? max + (options.justified ? 1 : 0) : 0\r\n\t };\r\n\t },\r\n\r\n\t categoriesRange: function() {\r\n\t var options = this.options;\r\n\t var range = this._categoryRange(options.srcCategories || options.categories);\r\n\r\n\t var max = toDate(range.max);\r\n\t if (!options.justified && dateEquals(max, this._roundToTotalStep(max, options, false))) {\r\n\t max = this._roundToTotalStep(max, options, true, true);\r\n\t }\r\n\t return {\r\n\t min: toDate(range.min),\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t currentRange: function() {\r\n\t var options = this.options;\r\n\t var round$$1 = options.roundToBaseUnit !== false;\r\n\t var totalRange = this.categoriesRange();\r\n\t var min = options.min;\r\n\t var max = options.max;\r\n\r\n\t if (!min) {\r\n\t min = round$$1 ? this._roundToTotalStep(totalRange.min, options, false) : totalRange.min;\r\n\t }\r\n\r\n\t if (!max) {\r\n\t max = round$$1 ? this._roundToTotalStep(totalRange.max, options, !options.justified) : totalRange.max;\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t datesRange: function() {\r\n\t var range = this._categoryRange(this.options.srcCategories || this.options.categories);\r\n\t return {\r\n\t min: toDate(range.min),\r\n\t max: toDate(range.max)\r\n\t };\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var options = this.options;\r\n\t var lineBox = this.lineBox();\r\n\t var size = options.vertical ? lineBox.height() : lineBox.width();\r\n\t var ref = this.currentRange();\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var totalLimits = this.totalLimits();\r\n\t var scale = size / (max - min);\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\t var from = addTicks(min, offset);\r\n\t var to = addTicks(max, offset);\r\n\r\n\t var panRange = this.limitRange(toTime(from), toTime(to), toTime(totalLimits.min), toTime(totalLimits.max), offset);\r\n\r\n\t if (panRange) {\r\n\t panRange.min = toDate(panRange.min);\r\n\t panRange.max = toDate(panRange.max);\r\n\t panRange.baseUnit = options.baseUnit;\r\n\t panRange.baseUnitStep = options.baseUnitStep || 1;\r\n\t panRange.userSetBaseUnit = options.userSetBaseUnit;\r\n\t panRange.userSetBaseUnitStep = options.userSetBaseUnitStep;\r\n\r\n\t return panRange;\r\n\t }\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var pointsRange = CategoryAxis.fn.pointsRange.call(this, start, end);\r\n\t var datesRange = this.currentRange();\r\n\t var indicesRange = this.rangeIndices();\r\n\t var scale = dateDiff(datesRange.max, datesRange.min) / (indicesRange.max - indicesRange.min);\r\n\t var options = this.options;\r\n\r\n\t var min = addTicks(datesRange.min, pointsRange.min * scale);\r\n\t var max = addTicks(datesRange.min, pointsRange.max * scale);\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max,\r\n\t baseUnit: options.userSetBaseUnit,\r\n\t baseUnitStep: options.userSetBaseUnitStep\r\n\t };\r\n\t },\r\n\r\n\t zoomRange: function(delta) {\r\n\t var options = this.options;\r\n\t var totalLimits = this.totalLimits();\r\n\t var weekStartDay = options.weekStartDay;\r\n\t var baseUnit = options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var ref = this.currentRange();\r\n\t var rangeMin = ref.min;\r\n\t var rangeMax = ref.max;\r\n\t var min = addDuration(rangeMin, delta * baseUnitStep, baseUnit, weekStartDay);\r\n\t var max = addDuration(rangeMax, -delta * baseUnitStep, baseUnit, weekStartDay);\r\n\r\n\t if (options.userSetBaseUnit === FIT) {\r\n\t var autoBaseUnitSteps = options.autoBaseUnitSteps;\r\n\t var maxDateGroups = options.maxDateGroups;\r\n\r\n\t var maxDiff = last(autoBaseUnitSteps[baseUnit]) * maxDateGroups * TIME_PER_UNIT[baseUnit];\r\n\t var rangeDiff = dateDiff(rangeMax, rangeMin);\r\n\t var diff = dateDiff(max, min);\r\n\t var baseUnitIndex = BASE_UNITS.indexOf(baseUnit);\r\n\t var autoBaseUnitStep, ticks;\r\n\r\n\t if (diff < TIME_PER_UNIT[baseUnit] && baseUnit !== MILLISECONDS) {\r\n\t baseUnit = BASE_UNITS[baseUnitIndex - 1];\r\n\t autoBaseUnitStep = last(autoBaseUnitSteps[baseUnit]);\r\n\t ticks = (rangeDiff - (maxDateGroups - 1) * autoBaseUnitStep * TIME_PER_UNIT[baseUnit]) / 2;\r\n\t min = addTicks(rangeMin, ticks);\r\n\t max = addTicks(rangeMax, -ticks);\r\n\r\n\t } else if (diff > maxDiff && baseUnit !== YEARS) {\r\n\t var stepIndex = 0;\r\n\r\n\t do {\r\n\t baseUnitIndex++;\r\n\t baseUnit = BASE_UNITS[baseUnitIndex];\r\n\t stepIndex = 0;\r\n\t ticks = 2 * TIME_PER_UNIT[baseUnit];\r\n\t do {\r\n\t autoBaseUnitStep = autoBaseUnitSteps[baseUnit][stepIndex];\r\n\t stepIndex++;\r\n\t } while (stepIndex < autoBaseUnitSteps[baseUnit].length && ticks * autoBaseUnitStep < rangeDiff);\r\n\t } while (baseUnit !== YEARS && ticks * autoBaseUnitStep < rangeDiff);\r\n\r\n\t ticks = (ticks * autoBaseUnitStep - rangeDiff) / 2;\r\n\t if (ticks > 0) {\r\n\t min = addTicks(rangeMin, -ticks);\r\n\t max = addTicks(rangeMax, ticks);\r\n\t min = addTicks(min, limitValue(max, totalLimits.min, totalLimits.max) - max);\r\n\t max = addTicks(max, limitValue(min, totalLimits.min, totalLimits.max) - min);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t min = toDate(limitValue(min, totalLimits.min, totalLimits.max));\r\n\t max = toDate(limitValue(max, totalLimits.min, totalLimits.max));\r\n\r\n\t if (min && max && dateDiff(max, min) > 0) {\r\n\t return {\r\n\t min: min,\r\n\t max: max,\r\n\t baseUnit: options.userSetBaseUnit,\r\n\t baseUnitStep: options.userSetBaseUnitStep\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t totalLimits: function() {\r\n\t var options = this.options;\r\n\t var datesRange = this.datesRange();\r\n\r\n\t var min = this._roundToTotalStep(toDate(datesRange.min), options, false);\r\n\t var max = datesRange.max;\r\n\r\n\t if (!options.justified) {\r\n\t max = this._roundToTotalStep(max, options, true, dateEquals(max, this._roundToTotalStep(max, options, false)));\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t range: function(rangeOptions) {\r\n\t var options = rangeOptions || this.options;\r\n\r\n\t var categories = options.categories;\r\n\t var autoUnit = options.baseUnit === FIT;\r\n\t var baseUnit = autoUnit ? BASE_UNITS[0] : options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var stepOptions = {\r\n\t baseUnit: baseUnit,\r\n\t baseUnitStep: baseUnitStep,\r\n\t weekStartDay: options.weekStartDay\r\n\t };\r\n\t var categoryLimits = this._categoryRange(categories);\r\n\t var min = toDate(options.min || categoryLimits.min);\r\n\t var max = toDate(options.max || categoryLimits.max);\r\n\r\n\t return {\r\n\t min: this._roundToTotalStep(min, stepOptions, false),\r\n\t max: this._roundToTotalStep(max, stepOptions, true, true)\r\n\t };\r\n\t },\r\n\r\n\t autoBaseUnit: function(options) {\r\n\t var categoryLimits = this._categoryRange(options.categories);\r\n\t var span = toDate(options.max || categoryLimits.max) - toDate(options.min || categoryLimits.min);\r\n\t var maxDateGroups = options.maxDateGroups || this.options.maxDateGroups;\r\n\t var autoUnit = options.baseUnit === FIT;\r\n\t var autoUnitIx = 0;\r\n\t var baseUnit = autoUnit ? BASE_UNITS[autoUnitIx++] : options.baseUnit;\r\n\t var units = span / TIME_PER_UNIT[baseUnit];\r\n\t var totalUnits = units;\r\n\t var autoBaseUnitSteps = deepExtend(\r\n\t {}, this.options.autoBaseUnitSteps, options.autoBaseUnitSteps\r\n\t );\r\n\t var unitSteps, step, nextStep;\r\n\r\n\t while (!step || units >= maxDateGroups) {\r\n\t unitSteps = unitSteps || autoBaseUnitSteps[baseUnit].slice(0);\r\n\t nextStep = unitSteps.shift();\r\n\r\n\t if (nextStep) {\r\n\t step = nextStep;\r\n\t units = totalUnits / step;\r\n\t } else if (baseUnit === last(BASE_UNITS)) {\r\n\t step = Math.ceil(totalUnits / maxDateGroups);\r\n\t break;\r\n\t } else if (autoUnit) {\r\n\t baseUnit = BASE_UNITS[autoUnitIx++] || last(BASE_UNITS);\r\n\t totalUnits = span / TIME_PER_UNIT[baseUnit];\r\n\t unitSteps = null;\r\n\t } else {\r\n\t if (units > maxDateGroups) {\r\n\t step = Math.ceil(totalUnits / maxDateGroups);\r\n\t }\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t options.baseUnitStep = step;\r\n\t options.baseUnit = baseUnit;\r\n\t },\r\n\r\n\t groupCategories: function(options) {\r\n\t var categories = options.categories;\r\n\t var baseUnit = options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var maxCategory = toDate(sparseArrayLimits(categories).max);\r\n\t var ref = this.range(options);\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var groups = [];\r\n\t var nextDate;\r\n\r\n\t for (var date = min; date < max; date = nextDate) {\r\n\t groups.push(date);\r\n\r\n\t nextDate = addDuration(date, baseUnitStep, baseUnit, options.weekStartDay);\r\n\t if (nextDate > maxCategory && !options.max) {\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t options.srcCategories = categories;\r\n\t options.categories = groups;\r\n\t },\r\n\r\n\t _roundToTotalStep: function(value, axisOptions, upper, roundToNext) {\r\n\t var options = axisOptions || this.options;\r\n\t var baseUnit = options.baseUnit;\r\n\t var baseUnitStep = options.baseUnitStep || 1;\r\n\t var start = this._groupsStart;\r\n\r\n\t if (start) {\r\n\t var step = dateIndex(value, start, baseUnit, baseUnitStep);\r\n\t var roundedStep = upper ? Math.ceil(step) : Math.floor(step);\r\n\t if (roundToNext) {\r\n\t roundedStep++;\r\n\t }\r\n\t return addDuration(start, roundedStep * baseUnitStep, baseUnit, options.weekStartDay);\r\n\t }\r\n\r\n\t return addDuration(value, upper ? baseUnitStep : 0, baseUnit, options.weekStartDay);\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var options = this.options;\r\n\t var dataItem = options.dataItems ? options.dataItems[index] : null;\r\n\t var date = options.categories[index];\r\n\t var baseUnit = options.baseUnit;\r\n\t var unitFormat = labelOptions.dateFormats[baseUnit];\r\n\t var visible = true;\r\n\r\n\t if (options.justified) {\r\n\t var roundedDate = floorDate(date, baseUnit, options.weekStartDay);\r\n\t visible = dateEquals(roundedDate, date);\r\n\t } else if (!options.roundToBaseUnit) {\r\n\t visible = !dateEquals(this.range().max, date);\r\n\t }\r\n\r\n\t if (visible) {\r\n\t labelOptions.format = labelOptions.format || unitFormat;\r\n\t var text = this.axisLabelText(date, dataItem, labelOptions);\r\n\t if (text) {\r\n\t return new AxisLabel(date, text, index, dataItem, labelOptions);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t categoryIndex: function(value) {\r\n\t var options = this.options;\r\n\t var categories = options.categories;\r\n\t var index = -1;\r\n\r\n\t if (categories.length) {\r\n\t index = Math.floor(dateIndex(toDate(value), categories[0], options.baseUnit, options.baseUnitStep || 1));\r\n\t }\r\n\r\n\t return index;\r\n\t },\r\n\r\n\t getSlot: function(a, b, limit) {\r\n\t var start = a;\r\n\t var end = b;\r\n\r\n\t if (typeof start === OBJECT) {\r\n\t start = this.categoryIndex(start);\r\n\t }\r\n\r\n\t if (typeof end === OBJECT) {\r\n\t end = this.categoryIndex(end);\r\n\t }\r\n\r\n\t return CategoryAxis.fn.getSlot.call(this, start, end, limit);\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t var options = this.options;\r\n\t var range = this._categoryRange(options.srcCategories || options.categories);\r\n\r\n\t return {\r\n\t min: toDate(range.min),\r\n\t max: toDate(range.max)\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(DateCategoryAxis, {\r\n\t type: DATE,\r\n\t labels: {\r\n\t dateFormats: DateLabelFormats\r\n\t },\r\n\t autoBaseUnitSteps: {\r\n\t milliseconds: [ 1, 10, 100 ],\r\n\t seconds: [ 1, 2, 5, 15, 30 ],\r\n\t minutes: [ 1, 2, 5, 15, 30 ],\r\n\t hours: [ 1, 2, 3 ],\r\n\t days: [ 1, 2, 3 ],\r\n\t weeks: [ 1, 2 ],\r\n\t months: [ 1, 2, 3, 6 ],\r\n\t years: [ 1, 2, 3, 5, 10, 25, 50 ]\r\n\t },\r\n\t maxDateGroups: 10\r\n\t});\r\n\r\n\tfunction autoMajorUnit(min, max) {\r\n\t var diff = round(max - min, DEFAULT_PRECISION - 1);\r\n\r\n\t if (diff === 0) {\r\n\t if (max === 0) {\r\n\t return 0.1;\r\n\t }\r\n\r\n\t diff = Math.abs(max);\r\n\t }\r\n\r\n\t var scale = Math.pow(10, Math.floor(Math.log(diff) / Math.log(10)));\r\n\t var relativeValue = round((diff / scale), DEFAULT_PRECISION);\r\n\t var scaleMultiplier = 1;\r\n\r\n\t if (relativeValue < 1.904762) {\r\n\t scaleMultiplier = 0.2;\r\n\t } else if (relativeValue < 4.761904) {\r\n\t scaleMultiplier = 0.5;\r\n\t } else if (relativeValue < 9.523809) {\r\n\t scaleMultiplier = 1;\r\n\t } else {\r\n\t scaleMultiplier = 2;\r\n\t }\r\n\r\n\t return round(scale * scaleMultiplier, DEFAULT_PRECISION);\r\n\t}\r\n\r\n\tfunction autoAxisMin(min, max, narrow) {\r\n\t if (!min && !max) {\r\n\t return 0;\r\n\t }\r\n\r\n\t var axisMin;\r\n\r\n\t if (min >= 0 && max >= 0) {\r\n\t var minValue = min === max ? 0 : min;\r\n\r\n\t var diff = (max - minValue) / max;\r\n\t if (narrow === false || (!narrow && diff > ZERO_THRESHOLD)) {\r\n\t return 0;\r\n\t }\r\n\r\n\t axisMin = Math.max(0, minValue - ((max - minValue) / 2));\r\n\t } else {\r\n\t axisMin = min;\r\n\t }\r\n\r\n\t return axisMin;\r\n\t}\r\n\r\n\tfunction autoAxisMax(min, max, narrow) {\r\n\t if (!min && !max) {\r\n\t return 1;\r\n\t }\r\n\r\n\t var axisMax;\r\n\r\n\t if (min <= 0 && max <= 0) {\r\n\t var maxValue = min === max ? 0 : max;\r\n\r\n\t var diff = Math.abs((maxValue - min) / maxValue);\r\n\t if (narrow === false || (!narrow && diff > ZERO_THRESHOLD)) {\r\n\t return 0;\r\n\t }\r\n\r\n\t axisMax = Math.min(0, maxValue - ((min - maxValue) / 2));\r\n\t } else {\r\n\t axisMax = max;\r\n\t }\r\n\r\n\t return axisMax;\r\n\t}\r\n\r\n\tfunction floor(value, step) {\r\n\t return round(Math.floor(value / step) * step, DEFAULT_PRECISION);\r\n\t}\r\n\r\n\tfunction ceil(value, step) {\r\n\t return round(Math.ceil(value / step) * step, DEFAULT_PRECISION);\r\n\t}\r\n\r\n\tfunction limitCoordinate(value) {\r\n\t return Math.max(Math.min(value, COORDINATE_LIMIT), -COORDINATE_LIMIT);\r\n\t}\r\n\r\n\tvar MIN_VALUE_RANGE = Math.pow(10, -DEFAULT_PRECISION + 1);\r\n\r\n\tvar NumericAxis = Axis.extend({\r\n\t init: function(seriesMin, seriesMax, options, chartService) {\r\n\t var autoOptions = autoAxisOptions(seriesMin, seriesMax, options);\r\n\t var totalOptions = totalAxisOptions(autoOptions, options);\r\n\r\n\t Axis.fn.init.call(this, axisOptions(autoOptions, options), chartService);\r\n\r\n\t this.totalMin = totalOptions.min;\r\n\t this.totalMax = totalOptions.max;\r\n\t this.totalMajorUnit = totalOptions.majorUnit;\r\n\t this.seriesMin = seriesMin;\r\n\t this.seriesMax = seriesMax;\r\n\t },\r\n\r\n\t startValue: function() {\r\n\t return 0;\r\n\t },\r\n\r\n\t range: function() {\r\n\t var options = this.options;\r\n\t return { min: options.min, max: options.max };\r\n\t },\r\n\r\n\t getDivisions: function(stepValue) {\r\n\t if (stepValue === 0) {\r\n\t return 1;\r\n\t }\r\n\r\n\t var options = this.options;\r\n\t var range = options.max - options.min;\r\n\r\n\t return Math.floor(round(range / stepValue, COORD_PRECISION)) + 1;\r\n\t },\r\n\r\n\t getTickPositions: function(unit, skipUnit) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var reverse = options.reverse;\r\n\t var lineBox = this.lineBox();\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var range = options.max - options.min;\r\n\t var scale = lineSize / range;\r\n\t var step = unit * scale;\r\n\t var divisions = this.getDivisions(unit);\r\n\t var dir = (vertical ? -1 : 1) * (reverse ? -1 : 1);\r\n\t var startEdge = dir === 1 ? 1 : 2;\r\n\t var positions = [];\r\n\t var pos = lineBox[(vertical ? Y : X) + startEdge];\r\n\t var skipStep = 0;\r\n\r\n\t if (skipUnit) {\r\n\t skipStep = skipUnit / unit;\r\n\t }\r\n\r\n\t for (var idx = 0; idx < divisions; idx++) {\r\n\t if (idx % skipStep !== 0) {\r\n\t positions.push(round(pos, COORD_PRECISION));\r\n\t }\r\n\r\n\t pos = pos + step * dir;\r\n\t }\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t getMajorTickPositions: function() {\r\n\t return this.getTickPositions(this.options.majorUnit);\r\n\t },\r\n\r\n\t getMinorTickPositions: function() {\r\n\t return this.getTickPositions(this.options.minorUnit);\r\n\t },\r\n\r\n\t getSlot: function(a, b, limit) {\r\n\t if (limit === void 0) { limit = false; }\r\n\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var reverse = options.reverse;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var dir = reverse ? -1 : 1;\r\n\t var step = dir * (lineSize / (options.max - options.min));\r\n\t var slotBox = new Box(lineBox.x1, lineBox.y1, lineBox.x1, lineBox.y1);\r\n\r\n\t var start = a;\r\n\t var end = b;\r\n\r\n\t if (!defined(start)) {\r\n\t start = end || 0;\r\n\t }\r\n\r\n\t if (!defined(end)) {\r\n\t end = start || 0;\r\n\t }\r\n\r\n\t if (limit) {\r\n\t start = Math.max(Math.min(start, options.max), options.min);\r\n\t end = Math.max(Math.min(end, options.max), options.min);\r\n\t }\r\n\r\n\t var p1, p2;\r\n\r\n\t if (vertical) {\r\n\t p1 = options.max - Math.max(start, end);\r\n\t p2 = options.max - Math.min(start, end);\r\n\t } else {\r\n\t p1 = Math.min(start, end) - options.min;\r\n\t p2 = Math.max(start, end) - options.min;\r\n\t }\r\n\r\n\t slotBox[valueAxis + 1] = limitCoordinate(lineStart + step * (reverse ? p2 : p1));\r\n\t slotBox[valueAxis + 2] = limitCoordinate(lineStart + step * (reverse ? p1 : p2));\r\n\r\n\t return slotBox;\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var reverse = options.reverse;\r\n\t var max = Number(options.max);\r\n\t var min = Number(options.min);\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var dir = reverse ? -1 : 1;\r\n\t var offset = dir * (point[valueAxis] - lineStart);\r\n\t var step = (max - min) / lineSize;\r\n\t var valueOffset = offset * step;\r\n\r\n\t if (offset < 0 || offset > lineSize) {\r\n\t return null;\r\n\t }\r\n\r\n\t var value = vertical ?\r\n\t max - valueOffset :\r\n\t min + valueOffset;\r\n\r\n\t return round(value, DEFAULT_PRECISION);\r\n\t },\r\n\r\n\t translateRange: function(delta) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var reverse = options.reverse;\r\n\t var max = options.max;\r\n\t var min = options.min;\r\n\t var lineBox = this.lineBox();\r\n\t var size = vertical ? lineBox.height() : lineBox.width();\r\n\t var range = max - min;\r\n\t var scale = size / range;\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\r\n\t if ((vertical || reverse) && !(vertical && reverse )) {\r\n\t offset = -offset;\r\n\t }\r\n\r\n\t return {\r\n\t min: min + offset,\r\n\t max: max + offset\r\n\t };\r\n\t },\r\n\r\n\t scaleRange: function(delta) {\r\n\t var options = this.options;\r\n\t var offset = -delta * options.majorUnit;\r\n\r\n\t return {\r\n\t min: options.min - offset,\r\n\t max: options.max + offset\r\n\t };\r\n\t },\r\n\r\n\t labelsCount: function() {\r\n\t return this.getDivisions(this.options.majorUnit);\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var options = this.options;\r\n\t var value = round(options.min + (index * options.majorUnit), DEFAULT_PRECISION);\r\n\t var text = this.axisLabelText(value, null, labelOptions);\r\n\r\n\t return new AxisLabel(value, text, index, null, labelOptions);\r\n\t },\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.range();\r\n\t return range.min <= value && value <= range.max;\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var range = this.translateRange(delta);\r\n\t return this.limitRange(range.min, range.max, this.totalMin, this.totalMax);\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var startValue = this.getValue(start);\r\n\t var endValue = this.getValue(end);\r\n\t var min = Math.min(startValue, endValue);\r\n\t var max = Math.max(startValue, endValue);\r\n\r\n\t if (this.isValidRange(min, max)) {\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t zoomRange: function(delta) {\r\n\t var ref = this;\r\n\t var totalMin = ref.totalMin;\r\n\t var totalMax = ref.totalMax;\r\n\t var newRange = this.scaleRange(delta);\r\n\t var min = limitValue(newRange.min, totalMin, totalMax);\r\n\t var max = limitValue(newRange.max, totalMin, totalMax);\r\n\r\n\t if (this.isValidRange(min, max)) {\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t isValidRange: function(min, max) {\r\n\t return max - min > MIN_VALUE_RANGE;\r\n\t }\r\n\t});\r\n\r\n\tfunction autoAxisOptions(seriesMin, seriesMax, options) {\r\n\t var narrowRange = options.narrowRange;\r\n\r\n\t var autoMin = autoAxisMin(seriesMin, seriesMax, narrowRange);\r\n\t var autoMax = autoAxisMax(seriesMin, seriesMax, narrowRange);\r\n\r\n\t var majorUnit = autoMajorUnit(autoMin, autoMax);\r\n\t var autoOptions = {\r\n\t majorUnit: majorUnit\r\n\t };\r\n\r\n\t if (options.roundToMajorUnit !== false) {\r\n\t if (autoMin < 0 && remainderClose(autoMin, majorUnit, 1 / 3)) {\r\n\t autoMin -= majorUnit;\r\n\t }\r\n\r\n\t if (autoMax > 0 && remainderClose(autoMax, majorUnit, 1 / 3)) {\r\n\t autoMax += majorUnit;\r\n\t }\r\n\t }\r\n\r\n\t autoOptions.min = floor(autoMin, majorUnit);\r\n\t autoOptions.max = ceil(autoMax, majorUnit);\r\n\r\n\t return autoOptions;\r\n\t}\r\n\r\n\tfunction totalAxisOptions(autoOptions, options) {\r\n\t return {\r\n\t min: defined(options.min) ? Math.min(autoOptions.min, options.min) : autoOptions.min,\r\n\t max: defined(options.max) ? Math.max(autoOptions.max, options.max) : autoOptions.max,\r\n\t majorUnit: autoOptions.majorUnit\r\n\t };\r\n\t}\r\n\r\n\tfunction axisOptions(autoOptions, userOptions) {\r\n\t var options = userOptions;\r\n\t var userSetMin, userSetMax;\r\n\r\n\t if (userOptions) {\r\n\t userSetMin = defined(userOptions.min);\r\n\t userSetMax = defined(userOptions.max);\r\n\r\n\t var userSetLimits = userSetMin || userSetMax;\r\n\r\n\t if (userSetLimits) {\r\n\t if (userOptions.min === userOptions.max) {\r\n\t if (userOptions.min > 0) {\r\n\t userOptions.min = 0;\r\n\t } else {\r\n\t userOptions.max = 1;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (userOptions.majorUnit) {\r\n\t autoOptions.min = floor(autoOptions.min, userOptions.majorUnit);\r\n\t autoOptions.max = ceil(autoOptions.max, userOptions.majorUnit);\r\n\t } else if (userSetLimits) {\r\n\t options = deepExtend(autoOptions, userOptions);\r\n\r\n\t // Determine an auto major unit after min/max have been set\r\n\t autoOptions.majorUnit = autoMajorUnit(options.min, options.max);\r\n\t }\r\n\t }\r\n\r\n\t autoOptions.minorUnit = (options.majorUnit || autoOptions.majorUnit) / 5;\r\n\r\n\t var result = deepExtend(autoOptions, options);\r\n\t if (result.min >= result.max) {\r\n\t if (userSetMin && !userSetMax) {\r\n\t result.max = result.min + result.majorUnit;\r\n\t } else if (!userSetMin && userSetMax) {\r\n\t result.min = result.max - result.majorUnit;\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction remainderClose(value, divisor, ratio) {\r\n\t var remainder = round(Math.abs(value % divisor), DEFAULT_PRECISION);\r\n\t var threshold = divisor * (1 - ratio);\r\n\r\n\t return remainder === 0 || remainder > threshold;\r\n\t}\r\n\r\n\tsetDefaultOptions(NumericAxis, {\r\n\t type: \"numeric\",\r\n\t min: 0,\r\n\t max: 1,\r\n\t vertical: true,\r\n\t majorGridLines: {\r\n\t visible: true,\r\n\t width: 1,\r\n\t color: BLACK\r\n\t },\r\n\t labels: {\r\n\t format: \"#.####################\"\r\n\t },\r\n\t zIndex: 1\r\n\t});\r\n\r\n\tvar DateValueAxis = Axis.extend({\r\n\t init: function(seriesMin, seriesMax, axisOptions, chartService) {\r\n\t var min = toDate(seriesMin);\r\n\t var max = toDate(seriesMax);\r\n\r\n\t var intlService = chartService.intl;\r\n\t var options = axisOptions || {};\r\n\t options = deepExtend(options || {}, {\r\n\t min: parseDate(intlService, options.min),\r\n\t max: parseDate(intlService, options.max),\r\n\t axisCrossingValue: parseDates(intlService, options.axisCrossingValues || options.axisCrossingValue)\r\n\t });\r\n\t options = applyDefaults(min, max, options);\r\n\r\n\t Axis.fn.init.call(this, options, chartService);\r\n\r\n\t this.seriesMin = min;\r\n\t this.seriesMax = max;\r\n\t this.totalMin = toTime(floorDate(toTime(min) - 1, options.baseUnit));\r\n\t this.totalMax = toTime(ceilDate(toTime(max) + 1, options.baseUnit));\r\n\t },\r\n\r\n\t range: function() {\r\n\t var options = this.options;\r\n\t return { min: options.min, max: options.max };\r\n\t },\r\n\r\n\t getDivisions: function(stepValue) {\r\n\t var options = this.options;\r\n\r\n\t return Math.floor(\r\n\t duration(options.min, options.max, options.baseUnit) / stepValue + 1\r\n\t );\r\n\t },\r\n\r\n\t getTickPositions: function(step) {\r\n\t var options = this.options;\r\n\t var vertical = options.vertical;\r\n\t var lineBox = this.lineBox();\r\n\t var dir = (vertical ? -1 : 1) * (options.reverse ? -1 : 1);\r\n\t var startEdge = dir === 1 ? 1 : 2;\r\n\t var start = lineBox[(vertical ? Y : X) + startEdge];\r\n\t var divisions = this.getDivisions(step);\r\n\t var timeRange = dateDiff(options.max, options.min);\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var scale = lineSize / timeRange;\r\n\r\n\t var positions = [ start ];\r\n\t for (var i = 1; i < divisions; i++) {\r\n\t var date = addDuration(options.min, i * step, options.baseUnit);\r\n\t var pos = start + dateDiff(date, options.min) * scale * dir;\r\n\r\n\t positions.push(round(pos, COORD_PRECISION));\r\n\t }\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t getMajorTickPositions: function() {\r\n\t return this.getTickPositions(this.options.majorUnit);\r\n\t },\r\n\r\n\t getMinorTickPositions: function() {\r\n\t return this.getTickPositions(this.options.minorUnit);\r\n\t },\r\n\r\n\t getSlot: function(a, b, limit) {\r\n\t return NumericAxis.prototype.getSlot.call(\r\n\t this, toDate(a), toDate(b), limit\r\n\t );\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var value = NumericAxis.prototype.getValue.call(this, point);\r\n\r\n\t return value !== null ? toDate(value) : null;\r\n\t },\r\n\r\n\t labelsCount: function() {\r\n\t return this.getDivisions(this.options.majorUnit);\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var options = this.options;\r\n\t var offset = index * options.majorUnit;\r\n\t var date = options.min;\r\n\r\n\t if (offset > 0) {\r\n\t date = addDuration(date, offset, options.baseUnit);\r\n\t }\r\n\r\n\t var unitFormat = labelOptions.dateFormats[options.baseUnit];\r\n\t labelOptions.format = labelOptions.format || unitFormat;\r\n\r\n\t var text = this.axisLabelText(date, null, labelOptions);\r\n\t return new AxisLabel(date, text, index, null, labelOptions);\r\n\t },\r\n\r\n\t translateRange: function(delta, exact) {\r\n\t var options = this.options;\r\n\t var baseUnit = options.baseUnit;\r\n\t var weekStartDay = options.weekStartDay;\r\n\t var lineBox = this.lineBox();\r\n\t var size = options.vertical ? lineBox.height() : lineBox.width();\r\n\t var range = this.range();\r\n\t var scale = size / dateDiff(range.max, range.min);\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\t var from = addTicks(options.min, offset);\r\n\t var to = addTicks(options.max, offset);\r\n\r\n\t if (!exact) {\r\n\t from = addDuration(from, 0, baseUnit, weekStartDay);\r\n\t to = addDuration(to, 0, baseUnit, weekStartDay);\r\n\t }\r\n\r\n\t return {\r\n\t min: from,\r\n\t max: to\r\n\t };\r\n\t },\r\n\r\n\t scaleRange: function(delta) {\r\n\t var ref = this.options;\r\n\t var from = ref.min;\r\n\t var to = ref.max;\r\n\t var rounds = Math.abs(delta);\r\n\r\n\t while (rounds--) {\r\n\t var range = dateDiff(from, to);\r\n\t var step = Math.round(range * 0.1);\r\n\t if (delta < 0) {\r\n\t from = addTicks(from, step);\r\n\t to = addTicks(to, -step);\r\n\t } else {\r\n\t from = addTicks(from, -step);\r\n\t to = addTicks(to, step);\r\n\t }\r\n\t }\r\n\r\n\t return { min: from, max: to };\r\n\t },\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.range();\r\n\r\n\t return dateComparer(value, range.min) >= 0 && dateComparer(value, range.max) <= 0;\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var range = this.translateRange(delta, true);\r\n\t var limittedRange = this.limitRange(toTime(range.min), toTime(range.max), this.totalMin, this.totalMax);\r\n\r\n\t if (limittedRange) {\r\n\t return {\r\n\t min: toDate(limittedRange.min),\r\n\t max: toDate(limittedRange.max)\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var startValue = this.getValue(start);\r\n\t var endValue = this.getValue(end);\r\n\t var min = Math.min(startValue, endValue);\r\n\t var max = Math.max(startValue, endValue);\r\n\r\n\t return {\r\n\t min: toDate(min),\r\n\t max: toDate(max)\r\n\t };\r\n\t },\r\n\r\n\t zoomRange: function(delta) {\r\n\t var range = this.scaleRange(delta);\r\n\t var min = toDate(limitValue(toTime(range.min), this.totalMin, this.totalMax));\r\n\t var max = toDate(limitValue(toTime(range.max), this.totalMin, this.totalMax));\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tfunction timeUnits(delta) {\r\n\t var unit = HOURS;\r\n\r\n\t if (delta >= TIME_PER_YEAR) {\r\n\t unit = YEARS;\r\n\t } else if (delta >= TIME_PER_MONTH) {\r\n\t unit = MONTHS;\r\n\t } else if (delta >= TIME_PER_WEEK) {\r\n\t unit = WEEKS;\r\n\t } else if (delta >= TIME_PER_DAY) {\r\n\t unit = DAYS;\r\n\t }\r\n\r\n\t return unit;\r\n\t}\r\n\r\n\tfunction applyDefaults(seriesMin, seriesMax, options) {\r\n\t var min = options.min || seriesMin;\r\n\t var max = options.max || seriesMax;\r\n\t var baseUnit = options.baseUnit || (max && min ? timeUnits(absoluteDateDiff(max, min)) : HOURS);\r\n\t var baseUnitTime = TIME_PER_UNIT[baseUnit];\r\n\t var autoMin = floorDate(toTime(min) - 1, baseUnit) || toDate(max);\r\n\t var autoMax = ceilDate(toTime(max) + 1, baseUnit);\r\n\t var userMajorUnit = options.majorUnit ? options.majorUnit : undefined;\r\n\t var majorUnit = userMajorUnit || ceil(\r\n\t autoMajorUnit(autoMin.getTime(), autoMax.getTime()),\r\n\t baseUnitTime\r\n\t ) / baseUnitTime;\r\n\t var actualUnits = duration(autoMin, autoMax, baseUnit);\r\n\t var totalUnits = ceil(actualUnits, majorUnit);\r\n\t var unitsToAdd = totalUnits - actualUnits;\r\n\t var head = Math.floor(unitsToAdd / 2);\r\n\t var tail = unitsToAdd - head;\r\n\r\n\t if (!options.baseUnit) {\r\n\t delete options.baseUnit;\r\n\t }\r\n\r\n\t options.baseUnit = options.baseUnit || baseUnit;\r\n\t options.min = options.min || addDuration(autoMin, -head, baseUnit);\r\n\t options.max = options.max || addDuration(autoMax, tail, baseUnit);\r\n\t options.minorUnit = options.minorUnit || majorUnit / 5;\r\n\t options.majorUnit = majorUnit;\r\n\r\n\t return options;\r\n\t}\r\n\r\n\tsetDefaultOptions(DateValueAxis, {\r\n\t type: DATE,\r\n\t majorGridLines: {\r\n\t visible: true,\r\n\t width: 1,\r\n\t color: BLACK\r\n\t },\r\n\t labels: {\r\n\t dateFormats: DateLabelFormats\r\n\t }\r\n\t});\r\n\r\n\tvar DEFAULT_MAJOR_UNIT = 10;\r\n\r\n\tvar LogarithmicAxis = Axis.extend({\r\n\t init: function(seriesMin, seriesMax, options, chartService) {\r\n\r\n\t var axisOptions = deepExtend({ majorUnit: DEFAULT_MAJOR_UNIT, min: seriesMin, max: seriesMax }, options);\r\n\t var base = axisOptions.majorUnit;\r\n\t var autoMax = autoAxisMax$1(seriesMax, base);\r\n\t var autoMin = autoAxisMin$1(seriesMin, seriesMax, axisOptions);\r\n\t var range = initRange(autoMin, autoMax, axisOptions, options);\r\n\r\n\t axisOptions.max = range.max;\r\n\t axisOptions.min = range.min;\r\n\t axisOptions.minorUnit = options.minorUnit || round(base - 1, DEFAULT_PRECISION);\r\n\r\n\t Axis.fn.init.call(this, axisOptions, chartService);\r\n\r\n\t this.totalMin = defined(options.min) ? Math.min(autoMin, options.min) : autoMin;\r\n\t this.totalMax = defined(options.max) ? Math.max(autoMax, options.max) : autoMax;\r\n\t this.logMin = round(log(range.min, base), DEFAULT_PRECISION);\r\n\t this.logMax = round(log(range.max, base), DEFAULT_PRECISION);\r\n\t this.seriesMin = seriesMin;\r\n\t this.seriesMax = seriesMax;\r\n\r\n\t this.createLabels();\r\n\t },\r\n\r\n\t startValue: function() {\r\n\t return this.options.min;\r\n\t },\r\n\r\n\t getSlot: function(a, b, limit) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var logMin = ref.logMin;\r\n\t var logMax = ref.logMax;\r\n\t var reverse = options.reverse;\r\n\t var vertical = options.vertical;\r\n\t var base = options.majorUnit;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var lineStart = lineBox[valueAxis + (reverse ? 2 : 1)];\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var dir = reverse ? -1 : 1;\r\n\t var step = dir * (lineSize / (logMax - logMin));\r\n\t var slotBox = new Box(lineBox.x1, lineBox.y1, lineBox.x1, lineBox.y1);\r\n\t var start = a;\r\n\t var end = b;\r\n\r\n\t if (!defined(start)) {\r\n\t start = end || 1;\r\n\t }\r\n\r\n\t if (!defined(end)) {\r\n\t end = start || 1;\r\n\t }\r\n\r\n\t if (start <= 0 || end <= 0) {\r\n\t return null;\r\n\t }\r\n\r\n\t if (limit) {\r\n\t start = Math.max(Math.min(start, options.max), options.min);\r\n\t end = Math.max(Math.min(end, options.max), options.min);\r\n\t }\r\n\r\n\t start = log(start, base);\r\n\t end = log(end, base);\r\n\r\n\t var p1, p2;\r\n\r\n\t if (vertical) {\r\n\t p1 = logMax - Math.max(start, end);\r\n\t p2 = logMax - Math.min(start, end);\r\n\t } else {\r\n\t p1 = Math.min(start, end) - logMin;\r\n\t p2 = Math.max(start, end) - logMin;\r\n\t }\r\n\r\n\t slotBox[valueAxis + 1] = limitCoordinate(lineStart + step * (reverse ? p2 : p1));\r\n\t slotBox[valueAxis + 2] = limitCoordinate(lineStart + step * (reverse ? p1 : p2));\r\n\r\n\t return slotBox;\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var logMin = ref.logMin;\r\n\t var logMax = ref.logMax;\r\n\t var reverse = options.reverse;\r\n\t var vertical = options.vertical;\r\n\t var base = options.majorUnit;\r\n\t var lineBox = this.lineBox();\r\n\t var dir = vertical === reverse ? 1 : -1;\r\n\t var startEdge = dir === 1 ? 1 : 2;\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var step = ((logMax - logMin) / lineSize);\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineStart = lineBox[valueAxis + startEdge];\r\n\t var offset = dir * (point[valueAxis] - lineStart);\r\n\t var valueOffset = offset * step;\r\n\r\n\t if (offset < 0 || offset > lineSize) {\r\n\t return null;\r\n\t }\r\n\r\n\t var value = logMin + valueOffset;\r\n\r\n\t return round(Math.pow(base, value), DEFAULT_PRECISION);\r\n\t },\r\n\r\n\t range: function() {\r\n\t var options = this.options;\r\n\t return { min: options.min, max: options.max };\r\n\t },\r\n\r\n\t scaleRange: function(delta) {\r\n\t var base = this.options.majorUnit;\r\n\t var offset = -delta;\r\n\r\n\t return {\r\n\t min: Math.pow(base, this.logMin - offset),\r\n\t max: Math.pow(base, this.logMax + offset)\r\n\t };\r\n\t },\r\n\r\n\t translateRange: function(delta) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var logMin = ref.logMin;\r\n\t var logMax = ref.logMax;\r\n\t var reverse = options.reverse;\r\n\t var vertical = options.vertical;\r\n\t var base = options.majorUnit;\r\n\t var lineBox = this.lineBox();\r\n\t var size = vertical ? lineBox.height() : lineBox.width();\r\n\t var scale = size / (logMax - logMin);\r\n\t var offset = round(delta / scale, DEFAULT_PRECISION);\r\n\r\n\t if ((vertical || reverse) && !(vertical && reverse )) {\r\n\t offset = -offset;\r\n\t }\r\n\r\n\t return {\r\n\t min: Math.pow(base, logMin + offset),\r\n\t max: Math.pow(base, logMax + offset)\r\n\t };\r\n\t },\r\n\r\n\t labelsCount: function() {\r\n\t var floorMax = Math.floor(this.logMax);\r\n\t var count = Math.floor(floorMax - this.logMin) + 1;\r\n\r\n\t return count;\r\n\t },\r\n\r\n\t getMajorTickPositions: function() {\r\n\t var ticks = [];\r\n\r\n\t this.traverseMajorTicksPositions(function (position) {\r\n\t ticks.push(position);\r\n\t }, { step: 1, skip: 0 });\r\n\r\n\t return ticks;\r\n\t },\r\n\r\n\t createTicks: function(lineGroup) {\r\n\t var options = this.options;\r\n\t var majorTicks = options.majorTicks;\r\n\t var minorTicks = options.minorTicks;\r\n\t var vertical = options.vertical;\r\n\t var mirror = options.labels.mirror;\r\n\t var lineBox = this.lineBox();\r\n\t var ticks = [];\r\n\t var tickLineOptions = {\r\n\t // TODO\r\n\t // _alignLines: options._alignLines,\r\n\t vertical: vertical\r\n\t };\r\n\r\n\t function render(tickPosition, tickOptions) {\r\n\t tickLineOptions.tickX = mirror ? lineBox.x2 : lineBox.x2 - tickOptions.size;\r\n\t tickLineOptions.tickY = mirror ? lineBox.y1 - tickOptions.size : lineBox.y1;\r\n\t tickLineOptions.position = tickPosition;\r\n\r\n\t lineGroup.append(createAxisTick(tickLineOptions, tickOptions));\r\n\t }\r\n\r\n\t if (majorTicks.visible) {\r\n\t this.traverseMajorTicksPositions(render, majorTicks);\r\n\t }\r\n\r\n\t if (minorTicks.visible) {\r\n\t this.traverseMinorTicksPositions(render, minorTicks);\r\n\t }\r\n\r\n\t return ticks;\r\n\t },\r\n\r\n\t createGridLines: function(altAxis) {\r\n\t var options = this.options;\r\n\t var minorGridLines = options.minorGridLines;\r\n\t var majorGridLines = options.majorGridLines;\r\n\t var vertical = options.vertical;\r\n\t var lineBox = altAxis.lineBox();\r\n\t var lineOptions = {\r\n\t lineStart: lineBox[vertical ? \"x1\" : \"y1\"],\r\n\t lineEnd: lineBox[vertical ? \"x2\" : \"y2\"],\r\n\t vertical: vertical\r\n\t };\r\n\t var majorTicks = [];\r\n\r\n\t var container = this.gridLinesVisual();\r\n\t function render(tickPosition, gridLine) {\r\n\t if (!inArray(tickPosition, majorTicks)) {\r\n\t lineOptions.position = tickPosition;\r\n\t container.append(createAxisGridLine(lineOptions, gridLine));\r\n\r\n\t majorTicks.push(tickPosition);\r\n\t }\r\n\t }\r\n\r\n\t if (majorGridLines.visible) {\r\n\t this.traverseMajorTicksPositions(render, majorGridLines);\r\n\t }\r\n\r\n\t if (minorGridLines.visible) {\r\n\t this.traverseMinorTicksPositions(render, minorGridLines);\r\n\t }\r\n\r\n\t return container.children;\r\n\t },\r\n\r\n\t traverseMajorTicksPositions: function(callback, tickOptions) {\r\n\t var ref = this._lineOptions();\r\n\t var lineStart = ref.lineStart;\r\n\t var step = ref.step;\r\n\t var ref$1 = this;\r\n\t var logMin = ref$1.logMin;\r\n\t var logMax = ref$1.logMax;\r\n\r\n\t for (var power = Math.ceil(logMin) + tickOptions.skip; power <= logMax; power += tickOptions.step) {\r\n\t var position = round(lineStart + step * (power - logMin), DEFAULT_PRECISION);\r\n\t callback(position, tickOptions);\r\n\t }\r\n\t },\r\n\r\n\t traverseMinorTicksPositions: function(callback, tickOptions) {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this.options;\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\t var minorUnit = ref.minorUnit;\r\n\t var base = ref.majorUnit;\r\n\t var ref$1 = this._lineOptions();\r\n\t var lineStart = ref$1.lineStart;\r\n\t var step = ref$1.step;\r\n\t var ref$2 = this;\r\n\t var logMin = ref$2.logMin;\r\n\t var logMax = ref$2.logMax;\r\n\t var start = Math.floor(logMin);\r\n\r\n\t for (var power = start; power < logMax; power++) {\r\n\t var minorOptions = this$1._minorIntervalOptions(power);\r\n\t for (var idx = tickOptions.skip; idx < minorUnit; idx += tickOptions.step) {\r\n\t var value = minorOptions.value + idx * minorOptions.minorStep;\r\n\t if (value > max) {\r\n\t break;\r\n\t }\r\n\t if (value >= min) {\r\n\t var position = round(lineStart + step * (log(value, base) - logMin), DEFAULT_PRECISION);\r\n\t callback(position, tickOptions);\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createAxisLabel: function(index, labelOptions) {\r\n\t var power = Math.ceil(this.logMin + index);\r\n\t var value = Math.pow(this.options.majorUnit, power);\r\n\t var text = this.axisLabelText(value, null, labelOptions);\r\n\r\n\t return new AxisLabel(value, text, index, null, labelOptions);\r\n\t },\r\n\r\n\t shouldRenderNote: function(value) {\r\n\t var range = this.range();\r\n\t return range.min <= value && value <= range.max;\r\n\t },\r\n\r\n\t pan: function(delta) {\r\n\t var range = this.translateRange(delta);\r\n\t return this.limitRange(range.min, range.max, this.totalMin, this.totalMax, -delta);\r\n\t },\r\n\r\n\t pointsRange: function(start, end) {\r\n\t var startValue = this.getValue(start);\r\n\t var endValue = this.getValue(end);\r\n\t var min = Math.min(startValue, endValue);\r\n\t var max = Math.max(startValue, endValue);\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t zoomRange: function(delta) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var totalMin = ref.totalMin;\r\n\t var totalMax = ref.totalMax;\r\n\t var newRange = this.scaleRange(delta);\r\n\t var min = limitValue(newRange.min, totalMin, totalMax);\r\n\t var max = limitValue(newRange.max, totalMin, totalMax);\r\n\t var base = options.majorUnit;\r\n\t var acceptOptionsRange = max > min && options.min && options.max && (round(log(options.max, base) - log(options.min, base), DEFAULT_PRECISION) < 1);\r\n\t var acceptNewRange = !(options.min === totalMin && options.max === totalMax) && round(log(max, base) - log(min, base), DEFAULT_PRECISION) >= 1;\r\n\r\n\t if (acceptOptionsRange || acceptNewRange) {\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t _minorIntervalOptions: function(power) {\r\n\t var ref = this.options;\r\n\t var minorUnit = ref.minorUnit;\r\n\t var base = ref.majorUnit;\r\n\t var value = Math.pow(base, power);\r\n\t var nextValue = Math.pow(base, power + 1);\r\n\t var difference = nextValue - value;\r\n\t var minorStep = difference / minorUnit;\r\n\r\n\t return {\r\n\t value: value,\r\n\t minorStep: minorStep\r\n\t };\r\n\t },\r\n\r\n\t _lineOptions: function() {\r\n\t var ref = this.options;\r\n\t var reverse = ref.reverse;\r\n\t var vertical = ref.vertical;\r\n\t var valueAxis = vertical ? Y : X;\r\n\t var lineBox = this.lineBox();\r\n\t var dir = vertical === reverse ? 1 : -1;\r\n\t var startEdge = dir === 1 ? 1 : 2;\r\n\t var lineSize = vertical ? lineBox.height() : lineBox.width();\r\n\t var step = dir * (lineSize / (this.logMax - this.logMin));\r\n\t var lineStart = lineBox[valueAxis + startEdge];\r\n\r\n\t return {\r\n\t step: step,\r\n\t lineStart: lineStart,\r\n\t lineBox: lineBox\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tfunction initRange(autoMin, autoMax, axisOptions, options) {\r\n\t var min = axisOptions.min;\r\n\t var max = axisOptions.max;\r\n\r\n\t if (defined(axisOptions.axisCrossingValue) && axisOptions.axisCrossingValue <= 0) {\r\n\t throwNegativeValuesError();\r\n\t }\r\n\r\n\t if (!defined(options.max)) {\r\n\t max = autoMax;\r\n\t } else if (options.max <= 0) {\r\n\t throwNegativeValuesError();\r\n\t }\r\n\r\n\t if (!defined(options.min)) {\r\n\t min = autoMin;\r\n\t } else if (options.min <= 0) {\r\n\t throwNegativeValuesError();\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t}\r\n\r\n\tfunction autoAxisMin$1(min, max, options) {\r\n\t var base = options.majorUnit;\r\n\t var autoMin = min;\r\n\t if (min <= 0) {\r\n\t autoMin = max <= 1 ? Math.pow(base, -2) : 1;\r\n\t } else if (!options.narrowRange) {\r\n\t autoMin = Math.pow(base, Math.floor(log(min, base)));\r\n\t }\r\n\t return autoMin;\r\n\t}\r\n\r\n\tfunction autoAxisMax$1(max, base) {\r\n\t var logMaxRemainder = round(log(max, base), DEFAULT_PRECISION) % 1;\r\n\t var autoMax;\r\n\t if (max <= 0) {\r\n\t autoMax = base;\r\n\t } else if (logMaxRemainder !== 0 && (logMaxRemainder < 0.3 || logMaxRemainder > 0.9)) {\r\n\t autoMax = Math.pow(base, log(max, base) + 0.2);\r\n\t } else {\r\n\t autoMax = Math.pow(base, Math.ceil(log(max, base)));\r\n\t }\r\n\r\n\t return autoMax;\r\n\t}\r\n\r\n\tfunction throwNegativeValuesError() {\r\n\t throw new Error(\"Non positive values cannot be used for a logarithmic axis\");\r\n\t}\r\n\r\n\tfunction log(y, x) {\r\n\t return Math.log(y) / Math.log(x);\r\n\t}\r\n\r\n\tsetDefaultOptions(LogarithmicAxis, {\r\n\t type: \"log\",\r\n\t majorUnit: DEFAULT_MAJOR_UNIT,\r\n\t minorUnit: 1,\r\n\t axisCrossingValue: 1,\r\n\t vertical: true,\r\n\t majorGridLines: {\r\n\t visible: true,\r\n\t width: 1,\r\n\t color: BLACK\r\n\t },\r\n\t zIndex: 1,\r\n\t _deferLabels: true\r\n\t});\r\n\r\n\tvar GridLinesMixin = {\r\n\t createGridLines: function(altAxis) {\r\n\t var options = this.options;\r\n\t var radius = Math.abs(this.box.center().y - altAxis.lineBox().y1);\r\n\t var gridLines = [];\r\n\t var skipMajor = false;\r\n\t var majorAngles, minorAngles;\r\n\r\n\t if (options.majorGridLines.visible) {\r\n\t majorAngles = this.majorGridLineAngles(altAxis);\r\n\t skipMajor = true;\r\n\r\n\t gridLines = this.renderMajorGridLines(\r\n\t majorAngles, radius, options.majorGridLines\r\n\t );\r\n\t }\r\n\r\n\t if (options.minorGridLines.visible) {\r\n\t minorAngles = this.minorGridLineAngles(altAxis, skipMajor);\r\n\r\n\t append(gridLines, this.renderMinorGridLines(\r\n\t minorAngles, radius, options.minorGridLines, altAxis, skipMajor\r\n\t ));\r\n\t }\r\n\r\n\t return gridLines;\r\n\t },\r\n\r\n\t renderMajorGridLines: function(angles, radius, options) {\r\n\t return this.renderGridLines(angles, radius, options);\r\n\t },\r\n\r\n\t renderMinorGridLines: function(angles, radius, options, altAxis, skipMajor) {\r\n\t var radiusCallback = this.radiusCallback && this.radiusCallback(radius, altAxis, skipMajor);\r\n\t return this.renderGridLines(angles, radius, options, radiusCallback);\r\n\t },\r\n\r\n\t renderGridLines: function(angles, radius, options, radiusCallback) {\r\n\t var style = {\r\n\t stroke: {\r\n\t width: options.width,\r\n\t color: options.color,\r\n\t dashType: options.dashType\r\n\t }\r\n\t };\r\n\r\n\t var center = this.box.center();\r\n\t var circle = new Circle([ center.x, center.y ], radius);\r\n\t var container = this.gridLinesVisual();\r\n\r\n\t for (var i = 0; i < angles.length; i++) {\r\n\t var line = new Path(style);\r\n\t if (radiusCallback) {\r\n\t circle.radius = radiusCallback(angles[i]);\r\n\t }\r\n\r\n\t line.moveTo(circle.center)\r\n\t .lineTo(circle.pointAt(angles[i] + 180));\r\n\r\n\t container.append(line);\r\n\t }\r\n\r\n\t return container.children;\r\n\t },\r\n\r\n\t gridLineAngles: function(altAxis, size, skip, step, skipAngles) {\r\n\t var this$1 = this;\r\n\r\n\t var divs = this.intervals(size, skip, step, skipAngles);\r\n\t var options = altAxis.options;\r\n\t var altAxisVisible = options.visible && (options.line || {}).visible !== false;\r\n\r\n\t return map(divs, function (d) {\r\n\t var alpha = this$1.intervalAngle(d);\r\n\r\n\t if (!altAxisVisible || alpha !== 90) {\r\n\t return alpha;\r\n\t }\r\n\t });\r\n\t }\r\n\t};\r\n\r\n\tvar RadarCategoryAxis = CategoryAxis.extend({\r\n\t range: function() {\r\n\t return { min: 0, max: this.options.categories.length };\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t this.box = box;\r\n\t this.reflowLabels();\r\n\t },\r\n\r\n\t lineBox: function() {\r\n\t return this.box;\r\n\t },\r\n\r\n\t reflowLabels: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var labels = ref.labels;\r\n\t var labelOptions = ref.options.labels;\r\n\t var skip = labelOptions.skip || 0;\r\n\t var step = labelOptions.step || 1;\r\n\t var measureBox = new Box();\r\n\r\n\t for (var i = 0; i < labels.length; i++) {\r\n\t labels[i].reflow(measureBox);\r\n\t var labelBox = labels[i].box;\r\n\r\n\t labels[i].reflow(this$1.getSlot(skip + i * step).adjacentBox(\r\n\t 0, labelBox.width(), labelBox.height()\r\n\t ));\r\n\t }\r\n\t },\r\n\r\n\t intervals: function(size, skipOption, stepOption, skipAngles) {\r\n\t if (skipAngles === void 0) { skipAngles = false; }\r\n\r\n\t var options = this.options;\r\n\t var categories = options.categories.length;\r\n\t var divCount = categories / size || 1;\r\n\t var divAngle = 360 / divCount;\r\n\t var skip = skipOption || 0;\r\n\t var step = stepOption || 1;\r\n\t var divs = [];\r\n\t var angle = 0;\r\n\r\n\t for (var i = skip; i < divCount; i += step) {\r\n\t if (options.reverse) {\r\n\t angle = 360 - i * divAngle;\r\n\t } else {\r\n\t angle = i * divAngle;\r\n\t }\r\n\r\n\t angle = round(angle, COORD_PRECISION) % 360;\r\n\r\n\t if (!(skipAngles && inArray(angle, skipAngles))) {\r\n\t divs.push(angle);\r\n\t }\r\n\t }\r\n\r\n\t return divs;\r\n\t },\r\n\r\n\t majorIntervals: function() {\r\n\t return this.intervals(1);\r\n\t },\r\n\r\n\t minorIntervals: function() {\r\n\t return this.intervals(0.5);\r\n\t },\r\n\r\n\t intervalAngle: function(interval) {\r\n\t return (360 + interval + this.options.startAngle) % 360;\r\n\t },\r\n\r\n\t majorAngles: function() {\r\n\t var this$1 = this;\r\n\r\n\t return map(this.majorIntervals(), function (interval) { return this$1.intervalAngle(interval); });\r\n\t },\r\n\r\n\t createLine: function() {\r\n\t return [];\r\n\t },\r\n\r\n\t majorGridLineAngles: function(altAxis) {\r\n\t var majorGridLines = this.options.majorGridLines;\r\n\t return this.gridLineAngles(altAxis, 1, majorGridLines.skip, majorGridLines.step);\r\n\t },\r\n\r\n\t minorGridLineAngles: function(altAxis, skipMajor) {\r\n\t var ref = this.options;\r\n\t var minorGridLines = ref.minorGridLines;\r\n\t var majorGridLines = ref.majorGridLines;\r\n\t var majorGridLineAngles = skipMajor ? this.intervals(1, majorGridLines.skip, majorGridLines.step) : null;\r\n\r\n\t return this.gridLineAngles(altAxis, 0.5, minorGridLines.skip, minorGridLines.step, majorGridLineAngles);\r\n\t },\r\n\r\n\t radiusCallback: function(radius, altAxis, skipMajor) {\r\n\t if (altAxis.options.type !== ARC) {\r\n\t var minorAngle = rad(360 / (this.options.categories.length * 2));\r\n\t var minorRadius = Math.cos(minorAngle) * radius;\r\n\t var majorAngles = this.majorAngles();\r\n\r\n\t var radiusCallback = function(angle) {\r\n\t if (!skipMajor && inArray(angle, majorAngles)) {\r\n\t return radius;\r\n\t }\r\n\r\n\t return minorRadius;\r\n\t };\r\n\t return radiusCallback;\r\n\t }\r\n\t },\r\n\r\n\t createPlotBands: function() {\r\n\t var this$1 = this;\r\n\r\n\t var plotBands = this.options.plotBands || [];\r\n\r\n\t var group = this._plotbandGroup = new Group({\r\n\t zIndex: -1\r\n\t });\r\n\r\n\t for (var i = 0; i < plotBands.length; i++) {\r\n\t var band = plotBands[i];\r\n\t var slot = this$1.plotBandSlot(band);\r\n\t var singleSlot = this$1.getSlot(band.from);\r\n\r\n\t var head = band.from - Math.floor(band.from);\r\n\t slot.startAngle += head * singleSlot.angle;\r\n\r\n\t var tail = Math.ceil(band.to) - band.to;\r\n\t slot.angle -= (tail + head) * singleSlot.angle;\r\n\r\n\t var ring = ShapeBuilder.current.createRing(slot, {\r\n\t fill: {\r\n\t color: band.color,\r\n\t opacity: band.opacity\r\n\t },\r\n\t stroke: {\r\n\t opacity: band.opacity\r\n\t }\r\n\t });\r\n\t group.append(ring);\r\n\t }\r\n\r\n\t this.appendVisual(group);\r\n\t },\r\n\r\n\t plotBandSlot: function(band) {\r\n\t return this.getSlot(band.from, band.to - 1);\r\n\t },\r\n\r\n\t getSlot: function(from, to) {\r\n\t var options = this.options;\r\n\t var justified = options.justified;\r\n\t var box = this.box;\r\n\t var divs = this.majorAngles();\r\n\t var totalDivs = divs.length;\r\n\t var slotAngle = 360 / totalDivs;\r\n\t var fromValue = from;\r\n\r\n\t if (options.reverse && !justified) {\r\n\t fromValue = (fromValue + 1) % totalDivs;\r\n\t }\r\n\r\n\t fromValue = limitValue(Math.floor(fromValue), 0, totalDivs - 1);\r\n\t var slotStart = divs[fromValue];\r\n\r\n\t if (justified) {\r\n\t slotStart = slotStart - slotAngle / 2;\r\n\r\n\t if (slotStart < 0) {\r\n\t slotStart += 360;\r\n\t }\r\n\t }\r\n\r\n\t var toValue = limitValue(Math.ceil(to || fromValue), fromValue, totalDivs - 1);\r\n\t var slots = toValue - fromValue + 1;\r\n\t var angle = slotAngle * slots;\r\n\r\n\t return new Ring(box.center(), 0, box.height() / 2, slotStart, angle);\r\n\t },\r\n\r\n\t slot: function(from, to) {\r\n\t var slot = this.getSlot(from, to);\r\n\t var startAngle = slot.startAngle + 180;\r\n\t var endAngle = startAngle + slot.angle;\r\n\r\n\t return new geometry.Arc([ slot.center.x, slot.center.y ], {\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle,\r\n\t radiusX: slot.radius,\r\n\t radiusY: slot.radius\r\n\t });\r\n\t },\r\n\r\n\t pointCategoryIndex: function(point) {\r\n\t var this$1 = this;\r\n\r\n\t var length = this.options.categories.length;\r\n\t var index = null;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t var slot = this$1.getSlot(i);\r\n\t if (slot.containsPoint(point)) {\r\n\t index = i;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return index;\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(RadarCategoryAxis, {\r\n\t startAngle: 90,\r\n\t labels: {\r\n\t margin: getSpacing(10)\r\n\t },\r\n\t majorGridLines: {\r\n\t visible: true\r\n\t },\r\n\t justified: true\r\n\t});\r\n\tdeepExtend(RadarCategoryAxis.prototype, GridLinesMixin);\r\n\r\n\tvar PolarAxis = Axis.extend({\r\n\t init: function(options, chartService) {\r\n\t Axis.fn.init.call(this, options, chartService);\r\n\r\n\t var instanceOptions = this.options;\r\n\r\n\t instanceOptions.minorUnit = instanceOptions.minorUnit || instanceOptions.majorUnit / 2;\r\n\t },\r\n\r\n\t getDivisions: function(stepValue) {\r\n\t return NumericAxis.prototype.getDivisions.call(this, stepValue) - 1;\r\n\t },\r\n\r\n\t reflow: function(box) {\r\n\t this.box = box;\r\n\t this.reflowLabels();\r\n\t },\r\n\r\n\t reflowLabels: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var labels = ref.labels;\r\n\t var labelOptions = ref.options.labels;\r\n\t var skip = labelOptions.skip || 0;\r\n\t var step = labelOptions.step || 1;\r\n\r\n\t var measureBox = new Box();\r\n\t var divs = this.intervals(options.majorUnit, skip, step);\r\n\r\n\t for (var i = 0; i < labels.length; i++) {\r\n\t labels[i].reflow(measureBox);\r\n\t var labelBox = labels[i].box;\r\n\r\n\t labels[i].reflow(this$1.getSlot(divs[i]).adjacentBox(0, labelBox.width(), labelBox.height()));\r\n\t }\r\n\t },\r\n\r\n\t lineBox: function() {\r\n\t return this.box;\r\n\t },\r\n\r\n\t intervals: function(size, skipOption, stepOption, skipAngles) {\r\n\t if (skipAngles === void 0) { skipAngles = false; }\r\n\r\n\t var min = this.options.min;\r\n\t var divisions = this.getDivisions(size);\r\n\t var divs = [];\r\n\t var skip = skipOption || 0;\r\n\t var step = stepOption || 1;\r\n\r\n\t for (var i = skip; i < divisions; i += step) {\r\n\t var current = (360 + min + i * size) % 360;\r\n\t if (!(skipAngles && inArray(current, skipAngles))) {\r\n\t divs.push(current);\r\n\t }\r\n\t }\r\n\r\n\t return divs;\r\n\t },\r\n\r\n\t majorIntervals: function() {\r\n\t return this.intervals(this.options.majorUnit);\r\n\t },\r\n\r\n\t minorIntervals: function() {\r\n\t return this.intervals(this.options.minorUnit);\r\n\t },\r\n\r\n\t intervalAngle: function(i) {\r\n\t return (540 - i - this.options.startAngle) % 360;\r\n\t },\r\n\r\n\t createLine: function() {\r\n\t return [];\r\n\t },\r\n\r\n\t majorGridLineAngles: function(altAxis) {\r\n\t var majorGridLines = this.options.majorGridLines;\r\n\t return this.gridLineAngles(altAxis, this.options.majorUnit, majorGridLines.skip, majorGridLines.step);\r\n\t },\r\n\r\n\t minorGridLineAngles: function(altAxis, skipMajor) {\r\n\t var options = this.options;\r\n\t var minorGridLines = options.minorGridLines;\r\n\t var majorGridLines = options.majorGridLines;\r\n\t var majorGridLineAngles = skipMajor ? this.intervals(options.majorUnit, majorGridLines.skip, majorGridLines.step) : null;\r\n\r\n\t return this.gridLineAngles(altAxis, options.minorUnit, minorGridLines.skip, minorGridLines.step, majorGridLineAngles);\r\n\t },\r\n\r\n\t plotBandSlot: function(band) {\r\n\t return this.getSlot(band.from, band.to);\r\n\t },\r\n\r\n\t getSlot: function(a, b) {\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var box = ref.box;\r\n\t var startAngle = options.startAngle;\r\n\t var start = limitValue(a, options.min, options.max);\r\n\t var end = limitValue(b || start, start, options.max);\r\n\r\n\t if (options.reverse) {\r\n\t start *= -1;\r\n\t end *= -1;\r\n\t }\r\n\r\n\t start = (540 - start - startAngle) % 360;\r\n\t end = (540 - end - startAngle) % 360;\r\n\r\n\t if (end < start) {\r\n\t var tmp = start;\r\n\t start = end;\r\n\t end = tmp;\r\n\t }\r\n\r\n\t return new Ring(box.center(), 0, box.height() / 2, start, end - start);\r\n\t },\r\n\r\n\t slot: function(from, to) {\r\n\t if (to === void 0) { to = from; }\r\n\r\n\t var options = this.options;\r\n\t var start = 360 - options.startAngle;\r\n\t var slot = this.getSlot(from, to);\r\n\t var min = Math.min(from, to);\r\n\t var max = Math.max(from, to);\r\n\t var startAngle, endAngle;\r\n\r\n\t if (options.reverse) {\r\n\t startAngle = min;\r\n\t endAngle = max;\r\n\t } else {\r\n\t startAngle = 360 - max;\r\n\t endAngle = 360 - min;\r\n\t }\r\n\r\n\t startAngle = (startAngle + start) % 360;\r\n\t endAngle = (endAngle + start) % 360;\r\n\r\n\t return new geometry.Arc([ slot.center.x, slot.center.y ], {\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle,\r\n\t radiusX: slot.radius,\r\n\t radiusY: slot.radius\r\n\t });\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var options = this.options;\r\n\t var center = this.box.center();\r\n\t var dx = point.x - center.x;\r\n\t var dy = point.y - center.y;\r\n\t var theta = Math.round(deg(Math.atan2(dy, dx)));\r\n\t var start = options.startAngle;\r\n\r\n\t if (!options.reverse) {\r\n\t theta *= -1;\r\n\t start *= -1;\r\n\t }\r\n\r\n\t return (theta + start + 360) % 360;\r\n\t },\r\n\r\n\t valueRange: function() {\r\n\t return {\r\n\t min: 0,\r\n\t max: Math.PI * 2\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tsetDefaultOptions(PolarAxis, {\r\n\t type: \"polar\",\r\n\t startAngle: 0,\r\n\t reverse: false,\r\n\t majorUnit: 60,\r\n\t min: 0,\r\n\t max: 360,\r\n\t labels: {\r\n\t margin: getSpacing(10)\r\n\t },\r\n\t majorGridLines: {\r\n\t color: BLACK,\r\n\t visible: true,\r\n\t width: 1\r\n\t },\r\n\t minorGridLines: {\r\n\t color: \"#aaa\"\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(PolarAxis.prototype, GridLinesMixin, {\r\n\t createPlotBands: RadarCategoryAxis.prototype.createPlotBands,\r\n\t majorAngles: RadarCategoryAxis.prototype.majorAngles,\r\n\t range: NumericAxis.prototype.range,\r\n\t labelsCount: NumericAxis.prototype.labelsCount,\r\n\t createAxisLabel: NumericAxis.prototype.createAxisLabel\r\n\t});\r\n\r\n\tvar RadarNumericAxisMixin = {\r\n\t options: {\r\n\t majorGridLines: {\r\n\t visible: true\r\n\t }\r\n\t },\r\n\r\n\t createPlotBands: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this.options;\r\n\t var type = ref.majorGridLines.type;\r\n\t var plotBands = ref.plotBands; if (plotBands === void 0) { plotBands = []; }\r\n\t var altAxis = this.plotArea.polarAxis;\r\n\t var majorAngles = altAxis.majorAngles();\r\n\t var center = altAxis.box.center();\r\n\t var group = this._plotbandGroup = new Group({\r\n\t zIndex: -1\r\n\t });\r\n\r\n\t for (var i = 0; i < plotBands.length; i++) {\r\n\t var band = plotBands[i];\r\n\t var bandStyle = {\r\n\t fill: {\r\n\t color: band.color,\r\n\t opacity: band.opacity\r\n\t },\r\n\t stroke: {\r\n\t opacity: band.opacity\r\n\t }\r\n\t };\r\n\r\n\t var slot = this$1.getSlot(band.from, band.to, true);\r\n\t var ring = new Ring(center, center.y - slot.y2, center.y - slot.y1, 0, 360);\r\n\r\n\t var shape = (void 0);\r\n\t if (type === ARC) {\r\n\t shape = ShapeBuilder.current.createRing(ring, bandStyle);\r\n\t } else {\r\n\t shape = Path.fromPoints(this$1.plotBandPoints(ring, majorAngles), bandStyle).close();\r\n\t }\r\n\r\n\t group.append(shape);\r\n\t }\r\n\r\n\t this.appendVisual(group);\r\n\t },\r\n\r\n\t plotBandPoints: function(ring, angles) {\r\n\t var innerPoints = [];\r\n\t var outerPoints = [];\r\n\t var center = [ ring.center.x, ring.center.y ];\r\n\t var innerCircle = new Circle(center, ring.innerRadius);\r\n\t var outerCircle = new Circle(center, ring.radius);\r\n\r\n\t for (var i = 0; i < angles.length; i++) {\r\n\t innerPoints.push(innerCircle.pointAt(angles[i] + 180));\r\n\t outerPoints.push(outerCircle.pointAt(angles[i] + 180));\r\n\t }\r\n\r\n\t innerPoints.reverse();\r\n\t innerPoints.push(innerPoints[0]);\r\n\t outerPoints.push(outerPoints[0]);\r\n\r\n\t return outerPoints.concat(innerPoints);\r\n\t },\r\n\r\n\t createGridLines: function(altAxis) {\r\n\t var options = this.options;\r\n\t var majorTicks = this.radarMajorGridLinePositions();\r\n\t var majorAngles = altAxis.majorAngles();\r\n\t var center = altAxis.box.center();\r\n\t var gridLines = [];\r\n\r\n\t if (options.majorGridLines.visible) {\r\n\t gridLines = this.renderGridLines(\r\n\t center, majorTicks, majorAngles, options.majorGridLines\r\n\t );\r\n\t }\r\n\r\n\t if (options.minorGridLines.visible) {\r\n\t var minorTicks = this.radarMinorGridLinePositions();\r\n\t append(gridLines, this.renderGridLines(\r\n\t center, minorTicks, majorAngles, options.minorGridLines\r\n\t ));\r\n\t }\r\n\r\n\t return gridLines;\r\n\t },\r\n\r\n\t renderGridLines: function(center, ticks, angles, options) {\r\n\t var style = {\r\n\t stroke: {\r\n\t width: options.width,\r\n\t color: options.color,\r\n\t dashType: options.dashType\r\n\t }\r\n\t };\r\n\t var skip = options.skip; if (skip === void 0) { skip = 0; }\r\n\t var step = options.step; if (step === void 0) { step = 0; }\r\n\t var container = this.gridLinesVisual();\r\n\r\n\t for (var tickIx = skip; tickIx < ticks.length; tickIx += step) {\r\n\t var tickRadius = center.y - ticks[tickIx];\r\n\t if (tickRadius > 0) {\r\n\t var circle = new Circle([ center.x, center.y ], tickRadius);\r\n\t if (options.type === ARC) {\r\n\t container.append(new drawing.Circle(circle, style));\r\n\t } else {\r\n\t var line = new Path(style);\r\n\t for (var angleIx = 0; angleIx < angles.length; angleIx++) {\r\n\t line.lineTo(circle.pointAt(angles[angleIx] + 180));\r\n\t }\r\n\r\n\t line.close();\r\n\t container.append(line);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return container.children;\r\n\t },\r\n\r\n\t getValue: function(point) {\r\n\t var lineBox = this.lineBox();\r\n\t var altAxis = this.plotArea.polarAxis;\r\n\t var majorAngles = altAxis.majorAngles();\r\n\t var center = altAxis.box.center();\r\n\t var radius = point.distanceTo(center);\r\n\t var distance = radius;\r\n\r\n\t if (this.options.majorGridLines.type !== ARC && majorAngles.length > 1) {\r\n\t var dx = point.x - center.x;\r\n\t var dy = point.y - center.y;\r\n\t var theta = (deg(Math.atan2(dy, dx)) + 540) % 360;\r\n\r\n\t majorAngles.sort(function(a, b) {\r\n\t return angularDistance(a, theta) - angularDistance(b, theta);\r\n\t });\r\n\r\n\t // Solve triangle (center, point, axis X) using one side (radius) and two angles.\r\n\t // Angles are derived from triangle (center, point, gridline X)\r\n\t var midAngle = angularDistance(majorAngles[0], majorAngles[1]) / 2;\r\n\t var alpha = angularDistance(theta, majorAngles[0]);\r\n\t var gamma = 90 - midAngle;\r\n\t var beta = 180 - alpha - gamma;\r\n\r\n\t distance = radius * (Math.sin(rad(beta)) / Math.sin(rad(gamma)));\r\n\t }\r\n\r\n\t return this.axisType().prototype.getValue.call(\r\n\t this, new Point(lineBox.x1, lineBox.y2 - distance)\r\n\t );\r\n\t }\r\n\t};\r\n\r\n\tfunction angularDistance(a, b) {\r\n\t return 180 - Math.abs(Math.abs(a - b) - 180);\r\n\t}\r\n\r\n\tvar RadarNumericAxis = NumericAxis.extend({\r\n\t radarMajorGridLinePositions: function() {\r\n\t return this.getTickPositions(this.options.majorUnit);\r\n\t },\r\n\r\n\t radarMinorGridLinePositions: function() {\r\n\t var options = this.options;\r\n\t var minorSkipStep = 0;\r\n\r\n\t if (options.majorGridLines.visible) {\r\n\t minorSkipStep = options.majorUnit;\r\n\t }\r\n\t return this.getTickPositions(options.minorUnit, minorSkipStep);\r\n\t },\r\n\r\n\t axisType: function() {\r\n\t return NumericAxis;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(RadarNumericAxis.prototype, RadarNumericAxisMixin);\r\n\r\n\tvar RadarLogarithmicAxis = LogarithmicAxis.extend({\r\n\t radarMajorGridLinePositions: function() {\r\n\t var positions = [];\r\n\r\n\t this.traverseMajorTicksPositions(function(position) {\r\n\t positions.push(position);\r\n\t }, this.options.majorGridLines);\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t radarMinorGridLinePositions: function() {\r\n\t var positions = [];\r\n\r\n\t this.traverseMinorTicksPositions(function(position) {\r\n\t positions.push(position);\r\n\t }, this.options.minorGridLines);\r\n\r\n\t return positions;\r\n\t },\r\n\r\n\t axisType: function() {\r\n\t return LogarithmicAxis;\r\n\t }\r\n\t});\r\n\r\n\tdeepExtend(RadarLogarithmicAxis.prototype, RadarNumericAxisMixin);\r\n\r\n\tvar WEIGHT = 0.333;\r\n\tvar EXTREMUM_ALLOWED_DEVIATION = 0.01;\r\n\r\n\tvar CurveProcessor = Class.extend({\r\n\t init: function(closed) {\r\n\r\n\t this.closed = closed;\r\n\t },\r\n\r\n\t process: function(dataPoints) {\r\n\t var this$1 = this;\r\n\r\n\t var points = dataPoints.slice(0);\r\n\t var segments = [];\r\n\t var closed = this.closed;\r\n\t var length = points.length;\r\n\r\n\t if (length > 2) {\r\n\t this.removeDuplicates(0, points);\r\n\t length = points.length;\r\n\t }\r\n\r\n\t if (length < 2 || (length === 2 && points[0].equals(points[1]))) {\r\n\t return segments;\r\n\t }\r\n\r\n\t var p0 = points[0];\r\n\t var p1 = points[1];\r\n\t var p2 = points[2];\r\n\r\n\t segments.push(new Segment(p0));\r\n\r\n\t while (p0.equals(points[length - 1])) {\r\n\t closed = true;\r\n\t points.pop();\r\n\t length--;\r\n\t }\r\n\r\n\t if (length === 2) {\r\n\t var tangent = this.tangent(p0,p1, X, Y);\r\n\r\n\t last(segments).controlOut(\r\n\t this.firstControlPoint(tangent, p0, p1, X, Y)\r\n\t );\r\n\r\n\t segments.push(new Segment(\r\n\t p1,\r\n\t this.secondControlPoint(tangent, p0, p1, X, Y)\r\n\t ));\r\n\r\n\t return segments;\r\n\t }\r\n\r\n\t var initialControlPoint, lastControlPoint;\r\n\r\n\t if (closed) {\r\n\t p0 = points[length - 1]; p1 = points[0]; p2 = points[1];\r\n\t var controlPoints = this.controlPoints(p0, p1, p2);\r\n\t initialControlPoint = controlPoints[1];\r\n\t lastControlPoint = controlPoints[0];\r\n\t } else {\r\n\t var tangent$1 = this.tangent(p0, p1, X,Y);\r\n\t initialControlPoint = this.firstControlPoint(tangent$1, p0, p1, X, Y);\r\n\t }\r\n\r\n\t var cp0 = initialControlPoint;\r\n\t for (var idx = 0; idx <= length - 3; idx++) {\r\n\t this$1.removeDuplicates(idx, points);\r\n\t length = points.length;\r\n\t if (idx + 3 <= length) {\r\n\t p0 = points[idx]; p1 = points[idx + 1]; p2 = points[idx + 2];\r\n\t var controlPoints$1 = this$1.controlPoints(p0,p1,p2);\r\n\r\n\t last(segments).controlOut(cp0);\r\n\t cp0 = controlPoints$1[1];\r\n\r\n\t var cp1 = controlPoints$1[0];\r\n\t segments.push(new Segment(p1, cp1));\r\n\t }\r\n\t }\r\n\r\n\t if (closed) {\r\n\t p0 = points[length - 2]; p1 = points[length - 1]; p2 = points[0];\r\n\t var controlPoints$2 = this.controlPoints(p0, p1, p2);\r\n\r\n\t last(segments).controlOut(cp0);\r\n\t segments.push(new Segment(\r\n\t p1,\r\n\t controlPoints$2[0]\r\n\t ));\r\n\r\n\t last(segments).controlOut(controlPoints$2[1]);\r\n\t segments.push(new Segment(\r\n\t p2,\r\n\t lastControlPoint\r\n\t ));\r\n\t } else {\r\n\t var tangent$2 = this.tangent(p1, p2, X, Y);\r\n\r\n\t last(segments).controlOut(cp0);\r\n\t segments.push(new Segment(\r\n\t p2,\r\n\t this.secondControlPoint(tangent$2, p1, p2, X, Y)\r\n\t ));\r\n\t }\r\n\r\n\t return segments;\r\n\t },\r\n\r\n\t removeDuplicates: function(idx, points) {\r\n\t while (points[idx + 1] && (points[idx].equals(points[idx + 1]) || points[idx + 1].equals(points[idx + 2]))) {\r\n\t points.splice(idx + 1, 1);\r\n\t }\r\n\t },\r\n\r\n\t invertAxis: function(p0, p1, p2) {\r\n\t var invertAxis = false;\r\n\r\n\t if (p0.x === p1.x) {\r\n\t invertAxis = true;\r\n\t } else if (p1.x === p2.x) {\r\n\t if ((p1.y < p2.y && p0.y <= p1.y) || (p2.y < p1.y && p1.y <= p0.y)) {\r\n\t invertAxis = true;\r\n\t }\r\n\t } else {\r\n\t var fn = this.lineFunction(p0,p1);\r\n\t var y2 = this.calculateFunction(fn, p2.x);\r\n\t if (!(p0.y <= p1.y && p2.y <= y2) &&\r\n\t !(p1.y <= p0.y && p2.y >= y2)) {\r\n\t invertAxis = true;\r\n\t }\r\n\t }\r\n\r\n\t return invertAxis;\r\n\t },\r\n\r\n\t isLine: function(p0, p1, p2) {\r\n\t var fn = this.lineFunction(p0, p1);\r\n\t var y2 = this.calculateFunction(fn, p2.x);\r\n\r\n\t return (p0.x === p1.x && p1.x === p2.x) || round(y2, 1) === round(p2.y, 1);\r\n\t },\r\n\r\n\t lineFunction: function(p1, p2) {\r\n\t var a = (p2.y - p1.y) / (p2.x - p1.x);\r\n\t var b = p1.y - a * p1.x;\r\n\r\n\t return [ b, a ];\r\n\t },\r\n\r\n\t controlPoints: function(p0, p1, p2) {\r\n\t var xField = X;\r\n\t var yField = Y;\r\n\t var restrict = false;\r\n\t var switchOrientation = false;\r\n\t var tangent;\r\n\r\n\t if (this.isLine(p0, p1, p2)) {\r\n\t tangent = this.tangent(p0, p1, X, Y);\r\n\t } else {\r\n\t var monotonic = {\r\n\t x: this.isMonotonicByField(p0, p1, p2, X),\r\n\t y: this.isMonotonicByField(p0, p1, p2, Y)\r\n\t };\r\n\r\n\t if (monotonic.x && monotonic.y) {\r\n\t tangent = this.tangent(p0, p2, X, Y);\r\n\t restrict = true;\r\n\t } else {\r\n\t if (this.invertAxis(p0, p1, p2)) {\r\n\t xField = Y;\r\n\t yField = X;\r\n\t }\r\n\r\n\t if (monotonic[xField]) {\r\n\t tangent = 0;\r\n\t } else {\r\n\t var sign;\r\n\t if ((p2[yField] < p0[yField] && p0[yField] <= p1[yField]) ||\r\n\t (p0[yField] < p2[yField] && p1[yField] <= p0[yField])) {\r\n\t sign = numberSign((p2[yField] - p0[yField]) * (p1[xField] - p0[xField]));\r\n\t } else {\r\n\t sign = -numberSign((p2[xField] - p0[xField]) * (p1[yField] - p0[yField]));\r\n\t }\r\n\r\n\t tangent = EXTREMUM_ALLOWED_DEVIATION * sign;\r\n\t switchOrientation = true;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t var secondControlPoint = this.secondControlPoint(tangent, p0, p1, xField, yField);\r\n\r\n\t if (switchOrientation) {\r\n\t var oldXField = xField;\r\n\t xField = yField;\r\n\t yField = oldXField;\r\n\t }\r\n\r\n\t var firstControlPoint = this.firstControlPoint(tangent, p1, p2, xField, yField);\r\n\r\n\t if (restrict) {\r\n\t this.restrictControlPoint(p0, p1, secondControlPoint, tangent);\r\n\t this.restrictControlPoint(p1, p2, firstControlPoint, tangent);\r\n\t }\r\n\r\n\t return [ secondControlPoint, firstControlPoint ];\r\n\t },\r\n\r\n\t restrictControlPoint: function(p1, p2, cp, tangent) {\r\n\t if (p1.y < p2.y) {\r\n\t if (p2.y < cp.y) {\r\n\t cp.x = p1.x + (p2.y - p1.y) / tangent;\r\n\t cp.y = p2.y;\r\n\t } else if (cp.y < p1.y) {\r\n\t cp.x = p2.x - (p2.y - p1.y) / tangent;\r\n\t cp.y = p1.y;\r\n\t }\r\n\t } else {\r\n\t if (cp.y < p2.y) {\r\n\t cp.x = p1.x - (p1.y - p2.y) / tangent;\r\n\t cp.y = p2.y;\r\n\t } else if (p1.y < cp.y) {\r\n\t cp.x = p2.x + (p1.y - p2.y) / tangent;\r\n\t cp.y = p1.y;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t tangent: function(p0, p1, xField, yField) {\r\n\t var x = p1[xField] - p0[xField];\r\n\t var y = p1[yField] - p0[yField];\r\n\t var tangent;\r\n\r\n\t if (x === 0) {\r\n\t tangent = 0;\r\n\t } else {\r\n\t tangent = y / x;\r\n\t }\r\n\r\n\t return tangent;\r\n\t },\r\n\r\n\t isMonotonicByField: function(p0, p1, p2, field) {\r\n\t return (p2[field] > p1[field] && p1[field] > p0[field]) ||\r\n\t (p2[field] < p1[field] && p1[field] < p0[field]);\r\n\t },\r\n\r\n\t firstControlPoint: function(tangent, p0, p3, xField, yField) {\r\n\t var t1 = p0[xField];\r\n\t var t2 = p3[xField];\r\n\t var distance = (t2 - t1) * WEIGHT;\r\n\r\n\t return this.point(t1 + distance, p0[yField] + distance * tangent, xField, yField);\r\n\t },\r\n\r\n\t secondControlPoint: function(tangent, p0, p3, xField, yField) {\r\n\t var t1 = p0[xField];\r\n\t var t2 = p3[xField];\r\n\t var distance = (t2 - t1) * WEIGHT;\r\n\r\n\t return this.point(t2 - distance, p3[yField] - distance * tangent, xField, yField);\r\n\t },\r\n\r\n\t point: function(xValue, yValue, xField, yField) {\r\n\t var controlPoint = new geometry.Point();\r\n\t controlPoint[xField] = xValue;\r\n\t controlPoint[yField] = yValue;\r\n\r\n\t return controlPoint;\r\n\t },\r\n\r\n\t calculateFunction: function(fn, x) {\r\n\t var length = fn.length;\r\n\t var result = 0;\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t result += Math.pow(x,i) * fn[i];\r\n\t }\r\n\t return result;\r\n\t }\r\n\t});\r\n\r\n\tfunction numberSign(value) {\r\n\t return value <= 0 ? -1 : 1;\r\n\t}\r\n\r\n\tdataviz.Gradients = GRADIENTS;\r\n\r\n\tkendo.deepExtend(kendo.dataviz, {\r\n\t constants: constants,\r\n\t services: services,\r\n\t autoMajorUnit: autoMajorUnit,\r\n\t Point: Point,\r\n\t Box: Box,\r\n\t Ring: Ring,\r\n\t Sector: Sector,\r\n\t ShapeBuilder: ShapeBuilder,\r\n\t ShapeElement: ShapeElement,\r\n\t ChartElement: ChartElement,\r\n\t BoxElement: BoxElement,\r\n\t RootElement: RootElement,\r\n\t FloatElement: FloatElement,\r\n\t Text: Text,\r\n\t TextBox: TextBox,\r\n\t Title: Title,\r\n\t AxisLabel: AxisLabel,\r\n\t Axis: Axis,\r\n\t Note: Note,\r\n\t CategoryAxis: CategoryAxis,\r\n\t DateCategoryAxis: DateCategoryAxis,\r\n\t DateValueAxis: DateValueAxis,\r\n\t NumericAxis: NumericAxis,\r\n\t LogarithmicAxis: LogarithmicAxis,\r\n\t PolarAxis: PolarAxis,\r\n\t RadarCategoryAxis: RadarCategoryAxis,\r\n\t RadarNumericAxis: RadarNumericAxis,\r\n\t RadarLogarithmicAxis: RadarLogarithmicAxis,\r\n\t CurveProcessor: CurveProcessor,\r\n\t rectToBox: rectToBox,\r\n\t addClass: addClass,\r\n\t removeClass: removeClass,\r\n\t alignPathToPixel: alignPathToPixel,\r\n\t clockwise: clockwise,\r\n\t convertableToNumber: convertableToNumber,\r\n\t deepExtend: deepExtend,\r\n\t elementStyles: elementStyles,\r\n\t getSpacing: getSpacing,\r\n\t getTemplate: getTemplate,\r\n\t getter: __common_getter_js,\r\n\t grep: grep,\r\n\t hasClasses: hasClasses,\r\n\t inArray: inArray,\r\n\t interpolateValue: interpolateValue,\r\n\t InstanceObserver: InstanceObserver,\r\n\t isArray: isArray,\r\n\t isFunction: isFunction,\r\n\t isNumber: isNumber,\r\n\t isObject: isObject,\r\n\t isString: isString,\r\n\t map: map,\r\n\t mousewheelDelta: mousewheelDelta,\r\n\t FontLoader: FontLoader,\r\n\t setDefaultOptions: setDefaultOptions,\r\n\t sparseArrayLimits: sparseArrayLimits,\r\n\t styleValue: styleValue,\r\n\t append: append,\r\n\t bindEvents: bindEvents,\r\n\t Class: Class,\r\n\t defined: defined,\r\n\t deg: deg,\r\n\t elementOffset: elementOffset,\r\n\t elementSize: elementSize,\r\n\t eventElement: eventElement,\r\n\t eventCoordinates: eventCoordinates,\r\n\t last: last,\r\n\t limitValue: limitValue,\r\n\t logToConsole: kendo.logToConsole,\r\n\t objectKey: objectKey,\r\n\t rad: rad,\r\n\t round: round,\r\n\t unbindEvents: unbindEvents,\r\n\t valueOrDefault: valueOrDefault,\r\n\t absoluteDateDiff: absoluteDateDiff,\r\n\t addDuration: addDuration,\r\n\t addTicks: addTicks,\r\n\t ceilDate: ceilDate,\r\n\t dateComparer: dateComparer,\r\n\t dateDiff: dateDiff,\r\n\t dateEquals: dateEquals,\r\n\t dateIndex: dateIndex,\r\n\t duration: duration,\r\n\t floorDate: floorDate,\r\n\t lteDateIndex: lteDateIndex,\r\n\t startOfWeek: startOfWeek,\r\n\t toDate: toDate,\r\n\t parseDate: parseDate,\r\n\t parseDates: parseDates,\r\n\t toTime: toTime\r\n\t});\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\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__(860);\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/***/ 849:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.data\");\n\n/***/ }),\n\n/***/ 850:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 851:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.themes\");\n\n/***/ }),\n\n/***/ 860:\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__(849), __webpack_require__(862), __webpack_require__(863),\n\t __webpack_require__(864),\n\t __webpack_require__(865),\n\t __webpack_require__(861),\n\t __webpack_require__(850),\n\t __webpack_require__(851),\n\t __webpack_require__(866),\n\t __webpack_require__(867),\n\t __webpack_require__(868) ], __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 dataviz = kendo.dataviz,\n\t draw = kendo.drawing,\n\t geom = kendo.geometry,\n\t diagram = dataviz.diagram,\n\t Widget = kendo.ui.Widget,\n\t Class = kendo.Class,\n\t proxy = $.proxy,\n\t deepExtend = kendo.deepExtend,\n\t outerWidth = kendo._outerWidth,\n\t outerHeight = kendo._outerHeight,\n\t extend = $.extend,\n\t HierarchicalDataSource = kendo.data.HierarchicalDataSource,\n\t Canvas = diagram.Canvas,\n\t Group = diagram.Group,\n\t Rectangle = diagram.Rectangle,\n\t Circle = diagram.Circle,\n\t CompositeTransform = diagram.CompositeTransform,\n\t Rect = diagram.Rect,\n\t Path = diagram.Path,\n\t DeleteShapeUnit = diagram.DeleteShapeUnit,\n\t DeleteConnectionUnit = diagram.DeleteConnectionUnit,\n\t TextBlock = diagram.TextBlock,\n\t Image = diagram.Image,\n\t Point = diagram.Point,\n\t Intersect = diagram.Intersect,\n\t ConnectionEditAdorner = diagram.ConnectionEditAdorner,\n\t UndoRedoService = diagram.UndoRedoService,\n\t ToolService = diagram.ToolService,\n\t Selector = diagram.Selector,\n\t ResizingAdorner = diagram.ResizingAdorner,\n\t ConnectorsAdorner = diagram.ConnectorsAdorner,\n\t Cursors = diagram.Cursors,\n\t Utils = diagram.Utils,\n\t Observable = kendo.Observable,\n\t ToBackUnit = diagram.ToBackUnit,\n\t ToFrontUnit = diagram.ToFrontUnit,\n\t PolylineRouter = diagram.PolylineRouter,\n\t CascadingRouter = diagram.CascadingRouter,\n\t isUndefined = Utils.isUndefined,\n\t isDefined = Utils.isDefined,\n\t defined = draw.util.defined,\n\t isArray = $.isArray,\n\t isFunction = kendo.isFunction,\n\t isString = Utils.isString,\n\t isPlainObject = $.isPlainObject,\n\n\t math = Math;\n\n\t var SASS_THEMES = [\"sass\", \"default-v2\", \"bootstrap-v4\"];\n\n\t // Constants ==============================================================\n\t var NS = \".kendoDiagram\",\n\t CASCADING = \"cascading\",\n\t ITEMBOUNDSCHANGE = \"itemBoundsChange\",\n\t CHANGE = \"change\",\n\t CLICK = \"click\",\n\t DRAG = \"drag\",\n\t DRAG_END = \"dragEnd\",\n\t DRAG_START = \"dragStart\",\n\t MOUSE_ENTER = \"mouseEnter\",\n\t MOUSE_LEAVE = \"mouseLeave\",\n\t ERROR = \"error\",\n\t AUTO = \"Auto\",\n\t TOP = \"Top\",\n\t RIGHT = \"Right\",\n\t LEFT = \"Left\",\n\t BOTTOM = \"Bottom\",\n\t MAXINT = 9007199254740992,\n\t SELECT = \"select\",\n\t ITEMROTATE = \"itemRotate\",\n\t PAN = \"pan\",\n\t ZOOM_START = \"zoomStart\",\n\t ZOOM_END = \"zoomEnd\",\n\t NONE = \"none\",\n\t DEFAULT_CANVAS_WIDTH = 600,\n\t DEFAULT_CANVAS_HEIGHT = 600,\n\t DEFAULT_SHAPE_TYPE = \"rectangle\",\n\t DEFAULT_SHAPE_WIDTH = 100,\n\t DEFAULT_SHAPE_HEIGHT = 100,\n\t DEFAULT_SHAPE_MINWIDTH = 20,\n\t DEFAULT_SHAPE_MINHEIGHT = 20,\n\t DEFAULT_SHAPE_POSITION = 0,\n\t DEFAULT_CONNECTION_BACKGROUND = \"Yellow\",\n\t MAX_VALUE = Number.MAX_VALUE,\n\t MIN_VALUE = -Number.MAX_VALUE,\n\t ABSOLUTE = \"absolute\",\n\t TRANSFORMED = \"transformed\",\n\t ROTATED = \"rotated\",\n\t TRANSPARENT = \"transparent\",\n\t WIDTH = \"width\",\n\t HEIGHT = \"height\",\n\t X = \"x\",\n\t Y = \"y\",\n\t MOUSEWHEEL_NS = \"DOMMouseScroll\" + NS + \" mousewheel\" + NS,\n\t MOBILE_ZOOM_RATE = 0.05,\n\t MOBILE_PAN_DISTANCE = 5,\n\t BUTTON_TEMPLATE = '#=text#',\n\t CONNECTION_CONTENT_OFFSET = 5;\n\n\t diagram.DefaultConnectors = [{\n\t name: TOP\n\t }, {\n\t name: BOTTOM\n\t }, {\n\t name: LEFT\n\t }, {\n\t name: RIGHT\n\t }, {\n\t name: AUTO,\n\t position: function (shape) {\n\t return shape.getPosition(\"center\");\n\t }\n\t }];\n\n\t var defaultButtons = {\n\t cancel: {\n\t text: \"Cancel\",\n\t imageClass: \"k-i-cancel\",\n\t className: \"k-diagram-cancel\",\n\t iconClass: \"k-icon\"\n\t },\n\t update: {\n\t text: \"Update\",\n\t imageClass: \"k-i-checkmark\",\n\t className: \"k-diagram-update\",\n\t iconClass: \"k-icon\"\n\t }\n\t };\n\n\t diagram.shapeDefaults = function(extra) {\n\t var defaults = {\n\t type: DEFAULT_SHAPE_TYPE,\n\t path: \"\",\n\t autoSize: true,\n\t visual: null,\n\t x: DEFAULT_SHAPE_POSITION,\n\t y: DEFAULT_SHAPE_POSITION,\n\t minWidth: DEFAULT_SHAPE_MINWIDTH,\n\t minHeight: DEFAULT_SHAPE_MINHEIGHT,\n\t width: DEFAULT_SHAPE_WIDTH,\n\t height: DEFAULT_SHAPE_HEIGHT,\n\t hover: {},\n\t editable: {\n\t connect: true,\n\t tools: []\n\t },\n\t connectors: diagram.DefaultConnectors,\n\t rotation: {\n\t angle: 0\n\t }\n\t };\n\n\t Utils.simpleExtend(defaults, extra);\n\n\t return defaults;\n\t };\n\n\t function mwDelta(e) {\n\t var origEvent = e.originalEvent,\n\t delta = 0;\n\n\t if (origEvent.wheelDelta) {\n\t delta = -origEvent.wheelDelta / 40;\n\t delta = delta > 0 ? math.ceil(delta) : math.floor(delta);\n\t } else if (origEvent.detail) {\n\t delta = origEvent.detail;\n\t }\n\n\t return delta;\n\t }\n\n\t function isAutoConnector(connector) {\n\t return connector.options.name.toLowerCase() === AUTO.toLowerCase();\n\t }\n\n\t function closestConnector(point, connectors) {\n\t var minimumDistance = MAXINT, resCtr, connector;\n\t for (var i = 0; i < connectors.length; i++) {\n\t connector = connectors[i];\n\t if (!isAutoConnector(connector)) {\n\t var dist = point.distanceTo(connector.position());\n\t if (dist < minimumDistance) {\n\t minimumDistance = dist;\n\t resCtr = connector;\n\t }\n\t }\n\t }\n\t return resCtr;\n\t }\n\n\t function indicesOfItems(group, visuals) {\n\t var i, indices = [], visual;\n\t var children = group.drawingContainer().children;\n\t var length = children.length;\n\t for (i = 0; i < visuals.length; i++) {\n\t visual = visuals[i];\n\t for (var j = 0; j < length; j++) {\n\t if (children[j] == visual.drawingContainer()) {\n\t indices.push(j);\n\t break;\n\t }\n\t }\n\t }\n\t return indices;\n\t }\n\n\t var DiagramElement = Observable.extend({\n\t init: function (options) {\n\t var that = this;\n\t that.dataItem = (options || {}).dataItem;\n\t Observable.fn.init.call(that);\n\t that.options = deepExtend({ id: diagram.randomId() }, that.options, options);\n\t that.isSelected = false;\n\t that.visual = new Group({\n\t id: that.options.id,\n\t autoSize: that.options.autoSize\n\t });\n\t that.id = that.options.id;\n\t that._template();\n\t },\n\n\t options: {\n\t hover: {},\n\t cursor: Cursors.grip,\n\t content: {\n\t align: \"center middle\"\n\t },\n\t selectable: true,\n\t serializable: true,\n\t enable: true\n\t },\n\n\t _getCursor: function (point) {\n\t if (this.adorner) {\n\t return this.adorner._getCursor(point);\n\t }\n\t return this.options.cursor;\n\t },\n\n\t visible: function (value) {\n\t if (isUndefined(value)) {\n\t return this.visual.visible();\n\t } else {\n\t this.visual.visible(value);\n\t }\n\t },\n\n\t bounds: function () {\n\t },\n\n\t refresh: function () {\n\t this.visual.redraw();\n\t },\n\n\t position: function (point) {\n\t this.options.x = point.x;\n\t this.options.y = point.y;\n\t this.visual.position(point);\n\t },\n\n\t toString: function () {\n\t return this.options.id;\n\t },\n\n\t serialize: function () {\n\t // the options json object describes the shape perfectly. So this object can serve as shape serialization.\n\t var json = deepExtend({}, {options: this.options});\n\t if (this.dataItem) {\n\t json.dataItem = this.dataItem.toString();\n\t }\n\t return json;\n\t },\n\n\t _content: function (content) {\n\t if (content !== undefined) {\n\t var options = this.options;\n\n\t if (diagram.Utils.isString(content)) {\n\t options.content.text = content;\n\t } else {\n\t deepExtend(options.content, content);\n\t }\n\n\t var contentOptions = options.content;\n\t var contentVisual = this._contentVisual;\n\n\t if (!contentVisual) {\n\t this._createContentVisual(contentOptions);\n\t } else {\n\t this._updateContentVisual(contentOptions);\n\t }\n\t }\n\n\t return this.options.content.text;\n\t },\n\n\t _createContentVisual: function(options) {\n\t if (options.text) {\n\t this._contentVisual = new TextBlock(options);\n\t this._contentVisual._includeInBBox = false;\n\t this.visual.append(this._contentVisual);\n\t }\n\t },\n\n\t _updateContentVisual: function(options) {\n\t this._contentVisual.redraw(options);\n\t },\n\n\t _hitTest: function (point) {\n\t var bounds = this.bounds();\n\t return this.visible() && bounds.contains(point) && this.options.enable;\n\t },\n\n\t _template: function () {\n\t var that = this;\n\t if (that.options.content.template) {\n\t var data = that.dataItem || {},\n\t elementTemplate = kendo.template(that.options.content.template, {\n\t paramName: \"dataItem\"\n\t });\n\n\t that.options.content.text = elementTemplate(data);\n\t }\n\t },\n\n\t _canSelect: function () {\n\t return this.options.selectable !== false;\n\t },\n\n\t toJSON: function() {\n\t return {\n\t id: this.options.id\n\t };\n\t }\n\t });\n\n\t var Connector = Class.extend({\n\t init: function (shape, options) {\n\t this.options = deepExtend({}, this.options, options);\n\t this.connections = [];\n\t this.shape = shape;\n\t },\n\t options: {\n\t width: 7,\n\t height: 7,\n\t fill: {\n\t color: DEFAULT_CONNECTION_BACKGROUND\n\t },\n\t hover: {}\n\t },\n\t position: function () {\n\t if (this.options.position) {\n\t return this.options.position(this.shape);\n\t } else {\n\t return this.shape.getPosition(this.options.name);\n\t }\n\t },\n\t toJSON: function () {\n\t return {\n\t shapeId: this.shape.toString(),\n\t connector: this.options.name\n\t };\n\t }\n\t });\n\n\t Connector.parse = function (diagram, str) {\n\t var tempStr = str.split(\":\"),\n\t id = tempStr[0],\n\t name = tempStr[1] || AUTO;\n\n\t for (var i = 0; i < diagram.shapes.length; i++) {\n\t var shape = diagram.shapes[i];\n\t if (shape.options.id == id) {\n\t return shape.getConnector(name.trim());\n\t }\n\t }\n\t };\n\n\t var Shape = DiagramElement.extend({\n\t init: function (options, diagram) {\n\t var that = this;\n\t DiagramElement.fn.init.call(that, options);\n\t this.diagram = diagram;\n\t this.updateOptionsFromModel();\n\t options = that.options;\n\t that.connectors = [];\n\t that.type = options.type;\n\t that.createShapeVisual();\n\t that.updateBounds();\n\t that.content(that.content());\n\n\t that._createConnectors();\n\t },\n\n\t options: diagram.shapeDefaults(),\n\n\t _setOptionsFromModel: function(model) {\n\t var modelOptions = filterShapeDataItem(model || this.dataItem);\n\t this.options = deepExtend({}, this.options, modelOptions);\n\n\t this.redrawVisual();\n\t },\n\n\t updateOptionsFromModel: function(model, field) {\n\t if (this.diagram && this.diagram._isEditable) {\n\t var modelOptions = filterShapeDataItem(model || this.dataItem);\n\n\t if (model && field) {\n\t if (!dataviz.inArray(field, [\"x\", \"y\", \"width\", \"height\"])) {\n\t if (this.options.visual) {\n\t this._redrawVisual();\n\t } else if (modelOptions.type) {\n\t this.options = deepExtend({}, this.options, modelOptions);\n\t this._redrawVisual();\n\t }\n\n\t if (this.options.content) {\n\t this._template();\n\t this.content(this.options.content);\n\t }\n\t } else {\n\t var bounds = this.bounds();\n\t bounds[field] = model[field];\n\t this.bounds(bounds);\n\t }\n\t } else {\n\t this.options = deepExtend({}, this.options, modelOptions);\n\t }\n\t }\n\t },\n\n\t _redrawVisual: function() {\n\t this.visual.clear();\n\t this._contentVisual = null;\n\t this.options.dataItem = this.dataItem;\n\t this.createShapeVisual();\n\t this.updateBounds();\n\t },\n\n\t redrawVisual: function() {\n\t this._redrawVisual();\n\t if (this.options.content) {\n\t this._template();\n\t this.content(this.options.content);\n\t }\n\t },\n\n\t updateModel: function(syncChanges) {\n\t var diagram = this.diagram;\n\t if (diagram && diagram._isEditable) {\n\t var bounds = this._bounds;\n\t var model = this.dataItem;\n\n\t if (model) {\n\t diagram._suspendModelRefresh();\n\t if (defined(model.x) && bounds.x !== model.x) {\n\t model.set(\"x\", bounds.x);\n\t }\n\n\t if (defined(model.y) && bounds.y !== model.y) {\n\t model.set(\"y\", bounds.y);\n\t }\n\n\t if (defined(model.width) && bounds.width !== model.width) {\n\t model.set(\"width\", bounds.width);\n\t }\n\n\t if (defined(model.height) && bounds.height !== model.height) {\n\t model.set(\"height\", bounds.height);\n\t }\n\n\t this.dataItem = model;\n\t diagram._resumeModelRefresh();\n\n\t if (syncChanges) {\n\t diagram._syncShapeChanges();\n\t }\n\t }\n\t }\n\t },\n\n\t updateBounds: function() {\n\t var bounds = this.visual._measure(true);\n\t var options = this.options;\n\t this.bounds(new Rect(options.x, options.y, bounds.width, bounds.height));\n\t this._rotate();\n\t this._alignContent();\n\t },\n\n\t content: function(content) {\n\t var result = this._content(content);\n\n\t this._alignContent();\n\n\t return result;\n\t },\n\n\t _alignContent: function() {\n\t var contentOptions = this.options.content || {};\n\t var contentVisual = this._contentVisual;\n\t if (contentVisual && contentOptions.align) {\n\t var containerRect = this.visual._measure();\n\t var aligner = new diagram.RectAlign(containerRect);\n\t var contentBounds = contentVisual.drawingElement.bbox(null);\n\n\t var contentRect = new Rect(0, 0, contentBounds.width(), contentBounds.height());\n\t var alignedBounds = aligner.align(contentRect, contentOptions.align);\n\n\t contentVisual.position(alignedBounds.topLeft());\n\t }\n\t },\n\n\t _createConnectors: function() {\n\t var options = this.options,\n\t length = options.connectors.length,\n\t connectorDefaults = options.connectorDefaults,\n\t connector, i;\n\n\t for (i = 0; i < length; i++) {\n\t connector = new Connector(\n\t this, deepExtend({},\n\t connectorDefaults,\n\t options.connectors[i]\n\t )\n\t );\n\t this.connectors.push(connector);\n\t }\n\t },\n\n\t bounds: function (value) {\n\t var bounds;\n\n\t if (value) {\n\t if (isString(value)) {\n\t switch (value) {\n\t case TRANSFORMED :\n\t bounds = this._transformedBounds();\n\t break;\n\t case ABSOLUTE :\n\t bounds = this._transformedBounds();\n\t var pan = this.diagram._pan;\n\t bounds.x += pan.x;\n\t bounds.y += pan.y;\n\t break;\n\t case ROTATED :\n\t bounds = this._rotatedBounds();\n\t break;\n\t default:\n\t bounds = this._bounds;\n\t }\n\t } else {\n\t this._setBounds(value);\n\t this._triggerBoundsChange();\n\t if (!(this.diagram && this.diagram._layouting)) {\n\t this.refreshConnections();\n\t }\n\t }\n\t } else {\n\t bounds = this._bounds;\n\t }\n\n\t return bounds;\n\t },\n\n\t _setBounds: function(rect) {\n\t var options = this.options;\n\t var topLeft = rect.topLeft();\n\t var x = options.x = topLeft.x;\n\t var y = options.y = topLeft.y;\n\t var width = options.width = math.max(rect.width, options.minWidth);\n\t var height = options.height = math.max(rect.height, options.minHeight);\n\n\t this._bounds = new Rect(x, y, width, height);\n\n\t this.visual.redraw({\n\t x: x,\n\t y: y,\n\t width: width,\n\t height: height\n\t });\n\t },\n\n\t position: function (point) {\n\t if (point) {\n\t this.bounds(new Rect(point.x, point.y, this._bounds.width, this._bounds.height));\n\t } else {\n\t return this._bounds.topLeft();\n\t }\n\t },\n\t /**\n\t * Returns a clone of this shape.\n\t * @returns {Shape}\n\t */\n\t clone: function () {\n\t var json = this.serialize();\n\n\t json.options.id = diagram.randomId();\n\n\t if (this.diagram && this.diagram._isEditable && defined(this.dataItem)) {\n\t json.options.dataItem = cloneDataItem(this.dataItem);\n\t }\n\n\t return new Shape(json.options);\n\t },\n\n\t select: function (value) {\n\t var diagram = this.diagram, selected, deselected;\n\t if (isUndefined(value)) {\n\t value = true;\n\t }\n\n\t if (this._canSelect()) {\n\t if (this.isSelected != value) {\n\t selected = [];\n\t deselected = [];\n\t this.isSelected = value;\n\t if (this.isSelected) {\n\t diagram._selectedItems.push(this);\n\t selected.push(this);\n\t } else {\n\t Utils.remove(diagram._selectedItems, this);\n\t deselected.push(this);\n\t }\n\n\t if (!diagram._internalSelection) {\n\t diagram._selectionChanged(selected, deselected);\n\t }\n\n\t return true;\n\t }\n\t }\n\t },\n\n\t rotate: function (angle, center, undoable) { // we assume the center is always the center of the shape.\n\t var rotate = this.visual.rotate();\n\t if (angle !== undefined) {\n\t if (undoable !== false && this.diagram && this.diagram.undoRedoService && angle !== rotate.angle) {\n\t this.diagram.undoRedoService.add(\n\t new diagram.RotateUnit(this.diagram._resizingAdorner, [this], [rotate.angle]), false);\n\t }\n\n\t var b = this.bounds(),\n\t sc = new Point(b.width / 2, b.height / 2),\n\t deltaAngle,\n\t newPosition;\n\n\t if (center) {\n\t deltaAngle = angle - rotate.angle;\n\t newPosition = b.center().rotate(center, 360 - deltaAngle).minus(sc);\n\t this._rotationOffset = this._rotationOffset.plus(newPosition.minus(b.topLeft()));\n\t this.position(newPosition);\n\t }\n\n\t this.visual.rotate(angle, sc);\n\t this.options.rotation.angle = angle;\n\n\t if (this.diagram && this.diagram._connectorsAdorner) {\n\t this.diagram._connectorsAdorner.refresh();\n\t }\n\n\t this.refreshConnections();\n\n\t if (this.diagram) {\n\t this.diagram.trigger(ITEMROTATE, { item: this });\n\t }\n\t }\n\n\t return rotate;\n\t },\n\n\t connections: function (type) { // in, out, undefined = both\n\t var result = [], i, j, con, cons, ctr;\n\n\t for (i = 0; i < this.connectors.length; i++) {\n\t ctr = this.connectors[i];\n\t cons = ctr.connections;\n\t for (j = 0, cons; j < cons.length; j++) {\n\t con = cons[j];\n\t if (type == \"out\") {\n\t var source = con.source();\n\t if (source.shape && source.shape == this) {\n\t result.push(con);\n\t }\n\t } else if (type == \"in\") {\n\t var target = con.target();\n\t if (target.shape && target.shape == this) {\n\t result.push(con);\n\t }\n\t } else {\n\t result.push(con);\n\t }\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t refreshConnections: function () {\n\t $.each(this.connections(), function () {\n\t this.refresh();\n\t });\n\t },\n\t /**\n\t * Gets a connector of this shape either by the connector's supposed name or\n\t * via a Point in which case the closest connector will be returned.\n\t * @param nameOrPoint The name of a Connector or a Point.\n\t * @returns {Connector}\n\t */\n\t getConnector: function (nameOrPoint) {\n\t var i, ctr;\n\t if (isString(nameOrPoint)) {\n\t nameOrPoint = nameOrPoint.toLocaleLowerCase();\n\t for (i = 0; i < this.connectors.length; i++) {\n\t ctr = this.connectors[i];\n\t if (ctr.options.name.toLocaleLowerCase() == nameOrPoint) {\n\t return ctr;\n\t }\n\t }\n\t } else if (nameOrPoint instanceof Point) {\n\t return closestConnector(nameOrPoint, this.connectors);\n\t } else {\n\t return this.connectors.length ? this.connectors[0] : null;\n\t }\n\t },\n\n\t getPosition: function (side) {\n\t var b = this.bounds(),\n\t fnName = side.charAt(0).toLowerCase() + side.slice(1);\n\n\t if (isFunction(b[fnName])) {\n\t return this._transformPoint(b[fnName]());\n\t }\n\n\t return b.center();\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t var shapeOptions = this.options;\n\t var boundsChange;\n\n\t this.shapeVisual.redraw(this._visualOptions(options));\n\n\t if (this._diffNumericOptions(options, [WIDTH, HEIGHT, X, Y])) {\n\t this.bounds(new Rect(shapeOptions.x, shapeOptions.y, shapeOptions.width, shapeOptions.height));\n\t boundsChange = true;\n\t }\n\n\t if (options.connectors) {\n\t shapeOptions.connectors = options.connectors;\n\t this._updateConnectors();\n\t }\n\n\t shapeOptions = deepExtend(shapeOptions, options);\n\n\t if (options.rotation || boundsChange) {\n\t this._rotate();\n\t }\n\n\t if (shapeOptions.content) {\n\t this.content(shapeOptions.content);\n\t }\n\t }\n\t },\n\n\t _updateConnectors: function() {\n\t var connections = this.connections();\n\t this.connectors = [];\n\t this._createConnectors();\n\t var connection;\n\t var source;\n\t var target;\n\n\t for (var idx = 0; idx < connections.length; idx++) {\n\t connection = connections[idx];\n\t source = connection.source();\n\t target = connection.target();\n\t if (source.shape && source.shape === this) {\n\t connection.source(this.getConnector(source.options.name) || null);\n\t } else if (target.shape && target.shape === this) {\n\t connection.target(this.getConnector(target.options.name) || null);\n\t }\n\t connection.updateModel();\n\t }\n\t },\n\n\t _diffNumericOptions: diagram.diffNumericOptions,\n\n\t _visualOptions: function(options) {\n\t return {\n\t data: options.path,\n\t source: options.source,\n\t hover: options.hover,\n\t fill: options.fill,\n\t stroke: options.stroke\n\t };\n\t },\n\n\t _triggerBoundsChange: function () {\n\t if (this.diagram) {\n\t this.diagram.trigger(ITEMBOUNDSCHANGE, {item: this, bounds: this._bounds.clone()}); // the trigger modifies the arguments internally.\n\t }\n\t },\n\n\t _transformPoint: function (point) {\n\t var rotate = this.rotate(),\n\t bounds = this.bounds(),\n\t tl = bounds.topLeft();\n\n\t if (rotate.angle) {\n\t point.rotate(rotate.center().plus(tl), 360 - rotate.angle);\n\t }\n\n\t return point;\n\t },\n\n\t _transformedBounds: function () {\n\t var bounds = this.bounds(),\n\t tl = bounds.topLeft(),\n\t br = bounds.bottomRight();\n\n\t return Rect.fromPoints(this.diagram.modelToView(tl), this.diagram.modelToView(br));\n\t },\n\n\t _rotatedBounds: function () {\n\t var bounds = this.bounds().rotatedBounds(this.rotate().angle),\n\t tl = bounds.topLeft(),\n\t br = bounds.bottomRight();\n\n\t return Rect.fromPoints(tl, br);\n\t },\n\n\t _rotate: function () {\n\t var rotation = this.options.rotation;\n\n\t if (rotation && rotation.angle) {\n\t this.rotate(rotation.angle);\n\t }\n\n\t this._rotationOffset = new Point();\n\t },\n\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 && isDefined(hover.stroke)) {\n\t stroke = deepExtend({}, stroke, hover.stroke);\n\t }\n\n\t if (value && isDefined(hover.fill)) {\n\t fill = hover.fill;\n\t }\n\n\t this.shapeVisual.redraw({\n\t stroke: stroke,\n\t fill: fill\n\t });\n\n\t if (options.editable && options.editable.connect) {\n\t this.diagram._showConnectors(this, value);\n\t }\n\t },\n\n\t _hitTest: function (value) {\n\t if (this.visible()) {\n\t var bounds = this.bounds(), rotatedPoint,\n\t angle = this.rotate().angle;\n\n\t if (value.isEmpty && !value.isEmpty()) { // rect selection\n\t return Intersect.rects(value, bounds, angle ? angle : 0);\n\t } else { // point\n\t rotatedPoint = value.clone().rotate(bounds.center(), angle); // cloning is important because rotate modifies the point inline.\n\t if (bounds.contains(rotatedPoint)) {\n\t return this;\n\t }\n\t }\n\t }\n\t },\n\n\t toJSON: function() {\n\t return {\n\t shapeId: this.options.id\n\t };\n\t },\n\n\t createShapeVisual: function() {\n\t var options = this.options;\n\t var visualOptions = this._visualOptions(options);\n\t var visualTemplate = options.visual;\n\t var type = (options.type + \"\").toLocaleLowerCase();\n\t var shapeVisual;\n\n\t visualOptions.width = options.width;\n\t visualOptions.height = options.height;\n\n\t if (isFunction(visualTemplate)) { // custom template\n\t shapeVisual = visualTemplate.call(this, options);\n\t } else if (visualOptions.data) {\n\t shapeVisual = new Path(visualOptions);\n\t translateToOrigin(shapeVisual);\n\t } else if (type == \"rectangle\"){\n\t shapeVisual = new Rectangle(visualOptions);\n\t } else if (type == \"circle\") {\n\t shapeVisual = new Circle(visualOptions);\n\t } else if (type == \"text\") {\n\t shapeVisual = new TextBlock(visualOptions);\n\t } else if (type == \"image\") {\n\t shapeVisual = new Image(visualOptions);\n\t } else {\n\t shapeVisual = new Path(visualOptions);\n\t }\n\n\t this.shapeVisual = shapeVisual;\n\t this.visual.append(this.shapeVisual);\n\t }\n\t });\n\n\t /**\n\t * The visual link between two Shapes through the intermediate of Connectors.\n\t */\n\t var Connection = DiagramElement.extend({\n\t init: function (from, to, options) {\n\t var that = this;\n\t DiagramElement.fn.init.call(that, options);\n\t this.updateOptionsFromModel();\n\t this._initRouter();\n\t that.path = new diagram.Polyline(that.options);\n\t that.path.fill(TRANSPARENT);\n\t that.visual.append(that.path);\n\t that._sourcePoint = that._targetPoint = new Point();\n\t that._setSource(from);\n\t that._setTarget(to);\n\t that.content(that.options.content);\n\t that.definers = [];\n\t if (defined(options) && options.points) {\n\t that.points(options.points);\n\t }\n\t },\n\n\t options: {\n\t hover: {\n\t stroke: {}\n\t },\n\t startCap: NONE,\n\t endCap: NONE,\n\t points: [],\n\t selectable: true,\n\t fromConnector: AUTO,\n\t toConnector: AUTO\n\t },\n\n\t _setOptionsFromModel: function(model) {\n\t this.updateOptionsFromModel(model || this.dataItem);\n\t },\n\n\t updateOptionsFromModel: function(model) {\n\t if (this.diagram && this.diagram._isEditable) {\n\t var dataMap = this.diagram._dataMap;\n\t var options = filterConnectionDataItem(model || this.dataItem);\n\n\t if (model) {\n\t if (defined(options.from)) {\n\t var from = dataMap[options.from];\n\t if (from && defined(options.fromConnector)) {\n\t from = from.getConnector(options.fromConnector);\n\t }\n\t this.source(from);\n\t } else if (defined(options.fromX) && defined(options.fromY)) {\n\t this.source(new Point(options.fromX, options.fromY));\n\t }\n\n\t if (defined(options.to)) {\n\t var to = dataMap[options.to];\n\t if (to && defined(options.toConnector)) {\n\t to = to.getConnector(options.toConnector);\n\t }\n\t this.target(to);\n\t } else if (defined(options.toX) && defined(options.toY)) {\n\t this.target(new Point(options.toX, options.toY));\n\t }\n\n\t if (defined(options.type) && this.type() !== options.type) {\n\t this.points([]);\n\t this.type(options.type);\n\t }\n\n\t this.dataItem = model;\n\n\t this._template();\n\t this.redraw(this.options);\n\t } else {\n\t this.options = deepExtend({}, options, this.options);\n\t }\n\t }\n\t },\n\n\t updateModel: function(syncChanges) {\n\t if (this.diagram && this.diagram._isEditable) {\n\t if (this.diagram.connectionsDataSource) {\n\t var model = this.diagram.connectionsDataSource.getByUid(this.dataItem.uid);\n\n\t if (model) {\n\t this.diagram._suspendModelRefresh();\n\t if (defined(this.options.fromX) && this.options.fromX !== null) {\n\t clearField(\"from\", model);\n\t clearField(\"fromConnector\", model);\n\t model.set(\"fromX\", this.options.fromX);\n\t model.set(\"fromY\", this.options.fromY);\n\t } else {\n\t model.set(\"from\", this.options.from);\n\t if (defined(model.fromConnector)) {\n\t model.set(\"fromConnector\", this.sourceConnector ? this.sourceConnector.options.name : null);\n\t }\n\t clearField(\"fromX\", model);\n\t clearField(\"fromY\", model);\n\t }\n\n\t if (defined(this.options.toX) && this.options.toX !== null) {\n\t clearField(\"to\", model);\n\t clearField(\"toConnector\", model);\n\t model.set(\"toX\", this.options.toX);\n\t model.set(\"toY\", this.options.toY);\n\t } else {\n\t model.set(\"to\", this.options.to);\n\t if (defined(model.toConnector)) {\n\t model.set(\"toConnector\", this.targetConnector ? this.targetConnector.options.name : null);\n\t }\n\t clearField(\"toX\", model);\n\t clearField(\"toY\", model);\n\t }\n\n\t if (defined(this.options.type) && defined(model.type)) {\n\t model.set(\"type\", this.options.type);\n\t }\n\n\t this.dataItem = model;\n\t this.diagram._resumeModelRefresh();\n\n\t if (syncChanges) {\n\t this.diagram._syncConnectionChanges();\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t /**\n\t * Gets the Point where the source of the connection resides.\n\t * If the endpoint in Auto-connector the location of the resolved connector will be returned.\n\t * If the endpoint is floating the location of the endpoint is returned.\n\t */\n\t sourcePoint: function () {\n\t return this._resolvedSourceConnector ? this._resolvedSourceConnector.position() : this._sourcePoint;\n\t },\n\n\t _setSource: function(source) {\n\t var shapeSource = source instanceof Shape;\n\t var defaultConnector = this.options.fromConnector || AUTO;\n\t var dataItem;\n\t if (shapeSource && !source.getConnector(defaultConnector)) {\n\t return;\n\t }\n\n\t if (source !== undefined) {\n\t this.from = source;\n\t }\n\n\t this._removeFromSourceConnector();\n\n\t if (source === null) { // detach\n\t if (this.sourceConnector) {\n\t this._sourcePoint = (this._resolvedSourceConnector || this.sourceConnector).position();\n\t this._clearSourceConnector();\n\t this._setFromOptions(null, this._sourcePoint);\n\t }\n\t } else if (source instanceof Connector) {\n\t dataItem = source.shape.dataItem;\n\t if (dataItem) {\n\t this._setFromOptions(dataItem.id);\n\t }\n\t this.sourceConnector = source;\n\t this.sourceConnector.connections.push(this);\n\t } else if (source instanceof Point) {\n\t this._setFromOptions(null, source);\n\t this._sourcePoint = source;\n\t if (this.sourceConnector) {\n\t this._clearSourceConnector();\n\t }\n\n\t } else if (shapeSource) {\n\t dataItem = source.dataItem;\n\t if (dataItem) {\n\t this._setFromOptions(dataItem.id);\n\t }\n\n\t this.sourceConnector = source.getConnector(defaultConnector);\n\t this.sourceConnector.connections.push(this);\n\t }\n\t },\n\n\t source: function (source, undoable) {\n\t if (isDefined(source)) {\n\t if (undoable && this.diagram) {\n\t this.diagram.undoRedoService.addCompositeItem(new diagram.ConnectionEditUnit(this, source));\n\t }\n\t this._setSource(source);\n\t this.refresh();\n\t }\n\t return this.sourceConnector ? this.sourceConnector : this._sourcePoint;\n\t },\n\n\t _setFromOptions: function(from, fromPoint) {\n\t this.options.from = from;\n\t if (fromPoint) {\n\t this.options.fromX = fromPoint.x;\n\t this.options.fromY = fromPoint.y;\n\t } else {\n\t this.options.fromX = null;\n\t this.options.fromY = null;\n\t }\n\t },\n\n\t /**\n\t * Gets or sets the PathDefiner of the sourcePoint.\n\t * The left part of this definer is always null since it defines the source tangent.\n\t * @param value\n\t * @returns {*}\n\t */\n\t sourceDefiner: function (value) {\n\t if (value) {\n\t if (value instanceof diagram.PathDefiner) {\n\t value.left = null;\n\t this._sourceDefiner = value;\n\t this.source(value.point); // refresh implicit here\n\t } else {\n\t throw \"The sourceDefiner needs to be a PathDefiner.\";\n\t }\n\t } else {\n\t if (!this._sourceDefiner) {\n\t this._sourceDefiner = new diagram.PathDefiner(this.sourcePoint(), null, null);\n\t }\n\t return this._sourceDefiner;\n\t }\n\t },\n\n\t /**\n\t * Gets the Point where the target of the connection resides.\n\t */\n\t targetPoint: function () {\n\t return this._resolvedTargetConnector ? this._resolvedTargetConnector.position() : this._targetPoint;\n\t },\n\n\t _setTarget: function(target) {\n\t var shapeTarget = target instanceof Shape;\n\t var defaultConnector = this.options.toConnector || AUTO;\n\t var dataItem;\n\n\t if (shapeTarget && !target.getConnector(defaultConnector)) {\n\t return;\n\t }\n\n\t if (target !== undefined) {\n\t this.to = target;\n\t }\n\n\t this._removeFromTargetConnector();\n\n\t if (target === null) { // detach\n\t if (this.targetConnector) {\n\t this._targetPoint = (this._resolvedTargetConnector || this.targetConnector).position();\n\t this._clearTargetConnector();\n\t this._setToOptions(null, this._targetPoint);\n\t }\n\t } else if (target instanceof Connector) {\n\t dataItem = target.shape.dataItem;\n\t if (dataItem) {\n\t this._setToOptions(dataItem.id);\n\t }\n\t this.targetConnector = target;\n\t this.targetConnector.connections.push(this);\n\t } else if (target instanceof Point) {\n\t this._setToOptions(null, target);\n\t this._targetPoint = target;\n\t if (this.targetConnector) {\n\t this._clearTargetConnector();\n\t }\n\t } else if (shapeTarget) {\n\t dataItem = target.dataItem;\n\t if (dataItem) {\n\t this._setToOptions(dataItem.id);\n\t }\n\t this.targetConnector = target.getConnector(defaultConnector);\n\t this.targetConnector.connections.push(this);\n\t }\n\t },\n\n\t target: function (target, undoable) {\n\t if (isDefined(target)) {\n\t if (undoable && this.diagram) {\n\t this.diagram.undoRedoService.addCompositeItem(new diagram.ConnectionEditUnit(this, undefined, target));\n\t }\n\t this._setTarget(target);\n\n\t this.refresh();\n\t }\n\t return this.targetConnector ? this.targetConnector : this._targetPoint;\n\t },\n\n\t _setToOptions: function(to, toPoint) {\n\t this.options.to = to;\n\t if (toPoint) {\n\t this.options.toX = toPoint.x;\n\t this.options.toY = toPoint.y;\n\t } else {\n\t this.options.toX = null;\n\t this.options.toY = null;\n\t }\n\t },\n\n\t /**\n\t * Gets or sets the PathDefiner of the targetPoint.\n\t * The right part of this definer is always null since it defines the target tangent.\n\t * @param value\n\t * @returns {*}\n\t */\n\t targetDefiner: function (value) {\n\t if (value) {\n\t if (value instanceof diagram.PathDefiner) {\n\t value.right = null;\n\t this._targetDefiner = value;\n\t this.target(value.point); // refresh implicit here\n\t } else {\n\t throw \"The sourceDefiner needs to be a PathDefiner.\";\n\t }\n\t } else {\n\t if (!this._targetDefiner) {\n\t this._targetDefiner = new diagram.PathDefiner(this.targetPoint(), null, null);\n\t }\n\t return this._targetDefiner;\n\t }\n\t },\n\n\t _updateConnectors: function() {\n\t this._updateConnector(this.source(), \"source\");\n\t this._updateConnector(this.target(), \"target\");\n\t },\n\n\t _updateConnector: function(instance, name) {\n\t var that = this;\n\t var diagram = that.diagram;\n\t if (instance instanceof Connector && !diagram.getShapeById(instance.shape.id)) {\n\t var dataItem = instance.shape.dataItem;\n\t var connectorName = instance.options.name;\n\t var setNewTarget = function() {\n\t var shape = diagram._dataMap[dataItem.id];\n\t instance = shape.getConnector(connectorName);\n\t that[name](instance, false);\n\t that.updateModel();\n\t };\n\t if (diagram._dataMap[dataItem.id]) {\n\t setNewTarget();\n\t } else {\n\t var inactiveItem = diagram._inactiveShapeItems.getByUid(dataItem.uid);\n\t if (inactiveItem) {\n\t diagram._deferredConnectionUpdates.push(inactiveItem.onActivate(setNewTarget));\n\t }\n\t }\n\t } else {\n\t that[name](instance, false);\n\t }\n\t },\n\n\t content: function(content) {\n\t var result = this._content(content);\n\t if (defined(content)) {\n\t this._alignContent();\n\t }\n\t return result;\n\t },\n\n\t _createContentVisual: function(options) {\n\t var visual;\n\t if (isFunction(options.visual)) {\n\t visual = options.visual.call(this, options);\n\t } else if (options.text) {\n\t visual = new TextBlock(options);\n\t }\n\n\t if (visual) {\n\t this._contentVisual = visual;\n\t visual._includeInBBox = false;\n\t this.visual.append(visual);\n\t }\n\n\t return visual;\n\t },\n\n\t _updateContentVisual: function(options) {\n\t if (isFunction(options.visual)) {\n\t this.visual.remove(this._contentVisual);\n\t this._createContentVisual(options);\n\t } else {\n\t this._contentVisual.redraw(options);\n\t }\n\t },\n\n\t _alignContent: function() {\n\t if (this._contentVisual) {\n\t var offset = CONNECTION_CONTENT_OFFSET;\n\t var points = this.allPoints();\n\t var endIdx = math.floor(points.length / 2);\n\t var startIdx = endIdx - 1;\n\n\t while(startIdx > 0 && points[startIdx].equals(points[endIdx])) {\n\t startIdx--;\n\t endIdx++;\n\t }\n\n\t var endPoint = points[endIdx];\n\t var startPoint = points[startIdx];\n\n\t var boundingBox = this._contentVisual._measure();\n\t var width = boundingBox.width;\n\t var height = boundingBox.height;\n\t var alignToPath = points.length % 2 === 0;\n\t var distance = startPoint.distanceTo(endPoint);\n\n\t if (alignToPath && points.length > 2 && distance > 0 &&\n\t ((startPoint.y === endPoint.y && distance < width) || (startPoint.x === endPoint.x && distance < height))) {\n\t alignToPath = false;\n\t offset = 0;\n\t }\n\n\t var point;\n\n\t if (alignToPath) {\n\t var angle = draw.util.deg(math.atan2(endPoint.y - startPoint.y, endPoint.x - startPoint.x));\n\t point = new Point((endPoint.x - startPoint.x) / 2 + startPoint.x, (endPoint.y - startPoint.y) / 2 + startPoint.y);\n\n\t if (math.abs(angle) === 90) {\n\t point.x += offset;\n\t point.y-= height / 2;\n\t } else if (angle % 180 === 0) {\n\t point.x -= width / 2;\n\t point.y -= height + offset;\n\t } else if (angle < -90 || (0 < angle && angle < 90)) {\n\t point.y-= height;\n\t } else if (angle < 0 || angle > 90) {\n\t point.x -= width;\n\t point.y -= height;\n\t }\n\t } else {\n\t var midIdx = math.floor(points.length / 2);\n\t point = points[midIdx].clone();\n\t startPoint = points[midIdx - 1];\n\t endPoint = points[midIdx + 1];\n\n\t var offsetX = startPoint.x <= point.x && endPoint.x <= point.x ? offset : -boundingBox.width - offset;\n\t var offsetY = startPoint.y <= point.y && endPoint.y <= point.y ? offset : -boundingBox.height - offset;\n\n\t point.x += offsetX;\n\t point.y += offsetY;\n\t }\n\n\t this._contentVisual.position(point);\n\t }\n\t },\n\n\t /**\n\t * Selects or unselects this connections.\n\t * @param value True to select, false to unselect.\n\t */\n\t select: function (value) {\n\t var diagram = this.diagram, selected, deselected;\n\t if (this._canSelect()) {\n\t if (this.isSelected !== value) {\n\t this.isSelected = value;\n\t selected = [];\n\t deselected = [];\n\t if (this.isSelected) {\n\t this.adorner = new ConnectionEditAdorner(this, this.options.selection);\n\t diagram._adorn(this.adorner, true);\n\t diagram._selectedItems.push(this);\n\t selected.push(this);\n\t } else {\n\t if (this.adorner) {\n\t diagram._adorn(this.adorner, false);\n\t Utils.remove(diagram._selectedItems, this);\n\t this.adorner = undefined;\n\t deselected.push(this);\n\t }\n\t }\n\n\t if (this.adorner) {\n\t this.adorner.refresh();\n\t }\n\n\t if (!diagram._internalSelection) {\n\t diagram._selectionChanged(selected, deselected);\n\t }\n\t return true;\n\t }\n\t }\n\t },\n\t /**\n\t * Gets or sets the bounds of this connection.\n\t * @param value A Rect object.\n\t * @remark This is automatically set in the refresh().\n\t * @returns {Rect}\n\t */\n\t bounds: function (value) {\n\t if (value && !isString(value)) {\n\t this._bounds = value;\n\t } else {\n\t return this._bounds;\n\t }\n\t },\n\t /**\n\t * Gets or sets the connection type (see ConnectionType enumeration).\n\t * @param value A ConnectionType value.\n\t * @returns {ConnectionType}\n\t */\n\t type: function (value) {\n\t var options = this.options;\n\t if (value) {\n\t if (value !== options.type) {\n\t options.type = value;\n\t this._initRouter();\n\t this.refresh();\n\t }\n\t } else {\n\t return options.type;\n\t }\n\t },\n\n\t _initRouter: function() {\n\t var type = (this.options.type || \"\").toLowerCase();\n\t if (type == CASCADING) {\n\t this._router = new CascadingRouter(this);\n\t } else {\n\t this._router = new PolylineRouter(this);\n\t }\n\t },\n\t /**\n\t * Gets or sets the collection of *intermediate* points.\n\t * The 'allPoints()' property will return all the points.\n\t * The 'definers' property returns the definers of the intermediate points.\n\t * The 'sourceDefiner' and 'targetDefiner' return the definers of the endpoints.\n\t * @param value\n\t */\n\t points: function (value) {\n\t if (value) {\n\t this.definers = [];\n\t for (var i = 0; i < value.length; i++) {\n\t var definition = value[i];\n\t if (definition instanceof diagram.Point) {\n\t this.definers.push(new diagram.PathDefiner(definition));\n\t } else if (definition.hasOwnProperty(\"x\") && definition.hasOwnProperty(\"y\")) { // e.g. Clipboard does not preserve the Point definition and tunred into an Object\n\t this.definers.push(new diagram.PathDefiner(new Point(definition.x, definition.y)));\n\t } else {\n\t throw \"A Connection point needs to be a Point or an object with x and y properties.\";\n\t }\n\t }\n\n\t } else {\n\t var pts = [];\n\t if (isDefined(this.definers)) {\n\t for (var k = 0; k < this.definers.length; k++) {\n\t pts.push(this.definers[k].point);\n\t }\n\t }\n\t return pts;\n\t }\n\t },\n\t /**\n\t * Gets all the points of this connection. This is the combination of the sourcePoint, the points and the targetPoint.\n\t * @returns {Array}\n\t */\n\t allPoints: function () {\n\t var pts = [this.sourcePoint()];\n\t if (this.definers) {\n\t for (var k = 0; k < this.definers.length; k++) {\n\t pts.push(this.definers[k].point);\n\t }\n\t }\n\t pts.push(this.targetPoint());\n\t return pts;\n\t },\n\n\t refresh: function () {\n\t this._resolveConnectors();\n\t this._refreshPath();\n\t this._alignContent();\n\n\t if (this.adorner) {\n\t this.adorner.refresh();\n\t }\n\t },\n\n\t _resolveConnectors: function () {\n\t var connection = this,\n\t sourcePoint, targetPoint,\n\t sourceConnectors, targetConnectors,\n\t source = connection.source(),\n\t target = connection.target();\n\n\t if (source instanceof Point) {\n\t sourcePoint = source;\n\t } else if (source instanceof Connector) {\n\t if (isAutoConnector(source)) {\n\t sourceConnectors = source.shape.connectors;\n\t } else {\n\t sourceConnectors = [source];\n\t }\n\t }\n\n\t if (target instanceof Point) {\n\t targetPoint = target;\n\t } else if (target instanceof Connector) {\n\t if (isAutoConnector(target)) {\n\t targetConnectors = target.shape.connectors;\n\t } else {\n\t targetConnectors = [target];\n\t }\n\t }\n\n\t if (sourcePoint) {\n\t if (targetConnectors) {\n\t connection._resolvedTargetConnector = closestConnector(sourcePoint, targetConnectors);\n\t }\n\t } else if (sourceConnectors) {\n\t if (targetPoint) {\n\t connection._resolvedSourceConnector = closestConnector(targetPoint, sourceConnectors);\n\t } else if (targetConnectors) {\n\t this._resolveAutoConnectors(sourceConnectors, targetConnectors);\n\t }\n\t }\n\t },\n\n\t _resolveAutoConnectors: function(sourceConnectors, targetConnectors) {\n\t var minNonConflict = MAXINT;\n\t var minDist = MAXINT;\n\t var minNonConflictSource, minNonConflictTarget;\n\t var sourcePoint, targetPoint;\n\t var minSource, minTarget;\n\t var sourceConnector, targetConnector;\n\t var sourceIdx, targetIdx;\n\t var dist;\n\n\t for (sourceIdx = 0; sourceIdx < sourceConnectors.length; sourceIdx++) {\n\t sourceConnector = sourceConnectors[sourceIdx];\n\t if (!isAutoConnector(sourceConnector)) {\n\t sourcePoint = sourceConnector.position();\n\n\t for (targetIdx = 0; targetIdx < targetConnectors.length; targetIdx++) {\n\t targetConnector = targetConnectors[targetIdx];\n\t if (!isAutoConnector(targetConnector)) {\n\t targetPoint = targetConnector.position();\n\t dist = math.round(sourcePoint.distanceTo(targetPoint));\n\n\t if (dist < minNonConflict && this.diagram && this._testRoutePoints(sourcePoint, targetPoint, sourceConnector, targetConnector)) {\n\t minNonConflict = dist;\n\t minNonConflictSource = sourceConnector;\n\t minNonConflictTarget = targetConnector;\n\t }\n\n\t if (dist < minDist) {\n\t minSource = sourceConnector;\n\t minTarget = targetConnector;\n\t minDist = dist;\n\t }\n\t }\n\t }\n\t }\n\t }\n\n\t if (minNonConflictSource) {\n\t minSource = minNonConflictSource;\n\t minTarget = minNonConflictTarget;\n\t }\n\n\t this._resolvedSourceConnector = minSource;\n\t this._resolvedTargetConnector = minTarget;\n\t },\n\n\t _testRoutePoints: function(sourcePoint, targetPoint, sourceConnector, targetConnector) {\n\t var router = this._router;\n\t var passRoute = true;\n\t if (router instanceof CascadingRouter) {\n\t var points = router.routePoints(sourcePoint, targetPoint, sourceConnector, targetConnector),\n\t start, end,\n\t rect, exclude;\n\n\t exclude = this._getRouteExclude(sourcePoint, targetPoint, sourceConnector.shape, targetConnector.shape);\n\t points.unshift(sourcePoint);\n\t points.push(targetPoint);\n\n\n\t for (var idx = 1; idx < points.length; idx++) {\n\t start = points[idx - 1];\n\t end = points[idx];\n\t rect = new Rect(math.min(start.x, end.x), math.min(start.y, end.y),\n\t math.abs(start.x - end.x), math.abs(start.y - end.y));\n\t if (rect.width > 0) {\n\t rect.x++;\n\t rect.width-=2;\n\t }\n\t if (rect.height > 0) {\n\t rect.y++;\n\t rect.height-=2;\n\t }\n\n\t if (!rect.isEmpty() && this.diagram._shapesQuadTree.hitTestRect(rect, exclude)) {\n\t passRoute = false;\n\t break;\n\t }\n\t }\n\t }\n\t return passRoute;\n\t },\n\n\t _getRouteExclude: function(sourcePoint, targetPoint, sourceShape, targetShape) {\n\t var exclude = [];\n\t if (this._isPointInsideShape(sourcePoint, sourceShape)){\n\t exclude.push(sourceShape);\n\t }\n\t if (this._isPointInsideShape(targetPoint, targetShape)){\n\t exclude.push(targetShape);\n\t }\n\t return exclude;\n\t },\n\n\t _isPointInsideShape: function (point, shape) {\n\t var bounds = shape.bounds(), rotatedPoint,\n\t angle = shape.rotate().angle,\n\t pointX, pointY,\n\t boundsX = bounds.x,\n\t boundsY = bounds.y;\n\n\t rotatedPoint = point.clone().rotate(bounds.center(), angle);\n\t pointX = rotatedPoint.x;\n\t pointY = rotatedPoint.y;\n\t return pointX > boundsX && pointX < (boundsX + bounds.width) && pointY > boundsY && pointY < (boundsY + bounds.height);\n\t },\n\n\t redraw: function (options) {\n\t if (options) {\n\t this.options = deepExtend({}, this.options, options);\n\n\t var points = this.options.points;\n\n\t if (defined(points) && points.length > 0) {\n\t this.points(points);\n\t this._refreshPath();\n\t }\n\n\t if ((options && options.content) || options.text) {\n\t this.content(options.content);\n\t }\n\n\t this.path.redraw({\n\t fill: options.fill,\n\t stroke: options.stroke,\n\t startCap: options.startCap,\n\t endCap: options.endCap\n\t });\n\t }\n\t },\n\t /**\n\t * Returns a clone of this connection.\n\t * @returns {Connection}\n\t */\n\t clone: function () {\n\t var json = this.serialize();\n\n\t if (this.diagram && this.diagram._isEditable && defined(this.dataItem)) {\n\t json.options.dataItem = cloneDataItem(this.dataItem);\n\t }\n\n\t return new Connection(this.from, this.to, json.options);\n\t },\n\t /**\n\t * Returns a serialized connection in json format. Consist of the options and the dataItem.\n\t * @returns {Connection}\n\t */\n\t serialize: function () {\n\t var from = this.from.toJSON ? this.from.toJSON : this.from.toString(),\n\t to = this.to.toJSON ? this.to.toJSON : this.to.toString();\n\n\t var json = deepExtend({}, {\n\t options: this.options,\n\t from: from,\n\t to: to\n\t });\n\n\t if (defined(this.dataItem)) {\n\t json.dataItem = this.dataItem.toString();\n\t }\n\n\t json.options.points = this.points();\n\t return json;\n\t },\n\n\t /**\n\t * Returns whether the given Point or Rect hits this connection.\n\t * @param value\n\t * @returns {Connection}\n\t * @private\n\t */\n\t _hitTest: function (value) {\n\t if (this.visible()) {\n\t var p = new Point(value.x, value.y), from = this.sourcePoint(), to = this.targetPoint();\n\t if (value.isEmpty && !value.isEmpty() && value.contains(from) && value.contains(to)) {\n\t return this;\n\t }\n\t if (this._router.hitTest(p)) {\n\t return this;\n\t }\n\t }\n\t },\n\n\t _hover: function (value) {\n\t var color = (this.options.stroke || {}).color;\n\n\t if (value && isDefined(this.options.hover.stroke.color)) {\n\t color = this.options.hover.stroke.color;\n\t }\n\n\t this.path.redraw({\n\t stroke: {\n\t color: color\n\t }\n\t });\n\t },\n\n\t _refreshPath: function () {\n\t if (!defined(this.path)) {\n\t return;\n\t }\n\t this._drawPath();\n\t this.bounds(this._router.getBounds());\n\t },\n\n\t _drawPath: function () {\n\t if (this._router) {\n\t this._router.route(); // sets the intermediate points\n\t }\n\t var source = this.sourcePoint();\n\t var target = this.targetPoint();\n\t var points = this.points();\n\n\t this.path.redraw({\n\t points: [source].concat(points, [target])\n\t });\n\t },\n\n\t _clearSourceConnector: function () {\n\t this.sourceConnector = undefined;\n\t this._resolvedSourceConnector = undefined;\n\t },\n\n\t _clearTargetConnector: function () {\n\t this.targetConnector = undefined;\n\t this._resolvedTargetConnector = undefined;\n\t },\n\n\t _removeFromSourceConnector: function() {\n\t if (this.sourceConnector) {\n\t Utils.remove(this.sourceConnector.connections, this);\n\t }\n\t },\n\n\t _removeFromTargetConnector: function() {\n\t if (this.targetConnector) {\n\t Utils.remove(this.targetConnector.connections, this);\n\t }\n\t },\n\n\t toJSON: function() {\n\t var connection = this;\n\t var from, to, point;\n\t if (connection.from && connection.from.toJSON) {\n\t from = connection.from.toJSON();\n\t } else {\n\t point = connection._sourcePoint;\n\t from = {\n\t x: point.x,\n\t y: point.y\n\t };\n\t }\n\n\t if (connection.to && connection.to.toJSON) {\n\t to = connection.to.toJSON();\n\t } else {\n\t point = connection._targetPoint;\n\t to = {\n\t x: point.x,\n\t y: point.y\n\t };\n\t }\n\n\t return {\n\t from : from,\n\t to: to\n\t };\n\t }\n\t });\n\n\t var Diagram = Widget.extend({\n\t init: function (element, userOptions) {\n\t var that = this;\n\n\t kendo.destroy(element);\n\t Widget.fn.init.call(that, element, userOptions);\n\n\t that._initTheme();\n\n\t that._initElements();\n\t that._extendLayoutOptions(that.options);\n\t that._initDefaults(userOptions);\n\t that._interactionDefaults();\n\n\t that._initCanvas();\n\n\t that.mainLayer = new Group({\n\t id: \"main-layer\"\n\t });\n\t that.canvas.append(that.mainLayer);\n\n\t that._shapesQuadTree = new ShapesQuadTree(that);\n\n\t that._pan = new Point();\n\t that._adorners = [];\n\t that.adornerLayer = new Group({\n\t id: \"adorner-layer\"\n\t });\n\t that.canvas.append(that.adornerLayer);\n\n\t that._createHandlers();\n\n\t that._initialize();\n\n\t that._resizingAdorner = new ResizingAdorner(that, { editable: that.options.editable });\n\t that._connectorsAdorner = new ConnectorsAdorner(that);\n\n\t that._adorn(that._resizingAdorner, true);\n\t that._adorn(that._connectorsAdorner, true);\n\n\t that.selector = new Selector(that);\n\t // TODO: We may consider using real Clipboard API once is supported by the standard.\n\t that._clipboard = [];\n\n\t that.pauseMouseHandlers = false;\n\n\t that._fetchFreshData();\n\n\t that._createGlobalToolBar();\n\n\t that._createOptionElements();\n\n\t that.zoom(that.options.zoom);\n\n\t that.canvas.draw();\n\t },\n\n\t options: {\n\t name: \"Diagram\",\n\t theme: \"default\",\n\t layout: \"\",\n\t zoomRate: 0.1,\n\t zoom: 1,\n\t zoomMin: 0,\n\t zoomMax: 2,\n\t dataSource: {},\n\t draggable: true,\n\t template: \"\",\n\t autoBind: true,\n\t editable: {\n\t rotate: {},\n\t resize: {},\n\t text: true,\n\t tools: [],\n\t drag: {\n\t snap: {\n\t size: 10,\n\t angle: 10\n\t }\n\t },\n\t remove: true\n\t },\n\t pannable: {},\n\t selectable: {\n\t key: \"none\"\n\t },\n\t tooltip: { enabled: true, format: \"{0}\" },\n\t copy: {\n\t enabled: true,\n\t offsetX: 20,\n\t offsetY: 20\n\t },\n\t shapeDefaults: diagram.shapeDefaults({ undoable: true }),\n\t connectionDefaults: {\n\t editable: {\n\t tools: []\n\t },\n\t type: CASCADING\n\t },\n\t shapes: [],\n\t connections: []\n\t },\n\n\t events: [\n\t ZOOM_END,\n\t ZOOM_START,\n\t PAN, SELECT,\n\t ITEMROTATE,\n\t ITEMBOUNDSCHANGE,\n\t CHANGE,\n\t CLICK,\n\t MOUSE_ENTER,\n\t MOUSE_LEAVE,\n\t \"toolBarClick\",\n\t \"save\",\n\t \"cancel\",\n\t \"edit\",\n\t \"remove\",\n\t \"add\",\n\t \"dataBound\",\n\t DRAG_START,\n\t DRAG,\n\t DRAG_END\n\t ],\n\n\t items: function() {\n\t return $();\n\t },\n\n\t _createGlobalToolBar: function() {\n\t var editable = this.options.editable;\n\t if (editable) {\n\t var tools = editable.tools;\n\t if (this._isEditable && tools !== false && (!tools || tools.length === 0)) {\n\t tools = [\"createShape\", \"undo\", \"redo\", \"rotateClockwise\", \"rotateAnticlockwise\"];\n\t }\n\n\t if (tools && tools.length) {\n\t this.toolBar = new DiagramToolBar(this, {\n\t tools: tools || {},\n\t click: proxy(this._toolBarClick, this),\n\t modal: false\n\t });\n\n\t this.toolBar.element.css({\n\t textAlign: \"left\"\n\t });\n\n\t this.element.prepend(this.toolBar.element);\n\t this._resize();\n\t }\n\t }\n\t },\n\n\t createShape: function() {\n\t if ((this.editor && this.editor.end()) || !this.editor) {\n\t var dataSource = this.dataSource;\n\t var view = dataSource.view() || [];\n\t var index = view.length;\n\t var model = createModel(dataSource, {});\n\t var shape = this._createShape(model, {});\n\n\t if (!this.trigger(\"add\", { shape: shape })) {\n\t dataSource.insert(index, model);\n\t var inactiveItem = this._inactiveShapeItems.getByUid(model.uid);\n\t inactiveItem.element = shape;\n\t this.edit(shape);\n\t }\n\t }\n\t },\n\n\t _createShape: function(dataItem, options) {\n\t options = deepExtend({}, this.options.shapeDefaults, options);\n\t options.dataItem = dataItem;\n\t var shape = new Shape(options, this);\n\t return shape;\n\t },\n\n\t createConnection: function() {\n\t if (((this.editor && this.editor.end()) || !this.editor)) {\n\t var connectionsDataSource = this.connectionsDataSource;\n\t var view = connectionsDataSource.view() || [];\n\t var index = view.length;\n\t var model = createModel(connectionsDataSource, {});\n\t var connection = this._createConnection(model);\n\t if (!this.trigger(\"add\", { connection: connection })) {\n\t this._connectionsDataMap[model.uid] = connection;\n\t connectionsDataSource.insert(index, model);\n\t this.addConnection(connection, false);\n\t this.edit(connection);\n\t }\n\t }\n\t },\n\n\t _createConnection: function(dataItem, source, target) {\n\t var options = deepExtend({}, this.options.connectionDefaults);\n\t options.dataItem = dataItem;\n\n\t var connection = new Connection(source || new Point(), target || new Point(), options);\n\n\t return connection;\n\t },\n\n\t editModel: function(dataItem, editorType) {\n\t this.cancelEdit();\n\t var editors, template;\n\t var editable = this.options.editable;\n\n\t if (editorType == \"shape\") {\n\t editors = editable.shapeEditors;\n\t template = editable.shapeTemplate;\n\t } else if (editorType == \"connection\") {\n\t var connectionSelectorHandler = proxy(connectionSelector, this);\n\t editors = deepExtend({}, { from: connectionSelectorHandler, to: connectionSelectorHandler }, editable.connectionEditors);\n\t template = editable.connectionTemplate;\n\t } else {\n\t return;\n\t }\n\n\t this.editor = new PopupEditor(this.element, {\n\t update: proxy(this._update, this),\n\t cancel: proxy(this._cancel, this),\n\t model: dataItem,\n\t type: editorType,\n\t target: this,\n\t editors: editors,\n\t template: template\n\t });\n\n\t this.trigger(\"edit\", this._editArgs());\n\t },\n\n\t edit: function(item) {\n\t if (item.dataItem) {\n\t var editorType = item instanceof Shape ? \"shape\" : \"connection\";\n\t this.editModel(item.dataItem, editorType);\n\t }\n\t },\n\n\t cancelEdit: function() {\n\t if (this.editor) {\n\t this._getEditDataSource().cancelChanges(this.editor.model);\n\n\t this._destroyEditor();\n\t }\n\t },\n\n\t saveEdit: function() {\n\t if (this.editor && this.editor.end() &&\n\t !this.trigger(\"save\", this._editArgs())) {\n\t this._getEditDataSource().sync();\n\t }\n\t },\n\n\t _update: function() {\n\t if (this.editor && this.editor.end() &&\n\t !this.trigger(\"save\", this._editArgs())) {\n\t this._getEditDataSource().sync();\n\t this._destroyEditor();\n\t }\n\t },\n\n\t _cancel: function() {\n\t if (this.editor && !this.trigger(\"cancel\", this._editArgs())) {\n\t var model = this.editor.model;\n\t this._getEditDataSource().cancelChanges(model);\n\t var element = this._connectionsDataMap[model.uid] || this._dataMap[model.id];\n\t if (element) {\n\t element._setOptionsFromModel(model);\n\t }\n\t this._destroyEditor();\n\t }\n\t },\n\n\t _getEditDataSource: function() {\n\t return this.editor.options.type === \"shape\" ? this.dataSource : this.connectionsDataSource;\n\t },\n\n\t _editArgs: function() {\n\t var result = { container: this.editor.wrapper };\n\t result[this.editor.options.type] = this.editor.model;\n\t return result;\n\t },\n\n\t _destroyEditor: function() {\n\t if (this.editor) {\n\t this.editor.close();\n\t this.editor = null;\n\t }\n\t },\n\n\t _initElements: function() {\n\t this.wrapper = this.element.empty()\n\t .css(\"position\", \"relative\")\n\t .attr(\"tabindex\", 0)\n\t .addClass(\"k-widget k-diagram\");\n\n\t this.scrollable = $(\"\").appendTo(this.element);\n\t },\n\n\t _initDefaults: function(userOptions) {\n\t var options = this.options;\n\t var editable = options.editable;\n\t var shapeDefaults = options.shapeDefaults;\n\t var connectionDefaults = options.connectionDefaults;\n\t var userShapeDefaults = (userOptions || {}).shapeDefaults;\n\t if (editable === false) {\n\t shapeDefaults.editable = false;\n\t connectionDefaults.editable = false;\n\t } else {\n\t copyDefaultOptions(editable, shapeDefaults.editable, [\"drag\", \"remove\", \"connect\"]);\n\t copyDefaultOptions(editable, connectionDefaults.editable, [\"drag\", \"remove\"]);\n\t }\n\n\t if (userShapeDefaults && userShapeDefaults.connectors) {\n\t options.shapeDefaults.connectors = userShapeDefaults.connectors;\n\t }\n\t },\n\n\t _interactionDefaults: function() {\n\t var options = this.options;\n\t var selectable = options.selectable;\n\t var pannable = options.pannable;\n\t var mobile = kendo.support.mobileOS;\n\n\t if (selectable && !defined(selectable.multiple)) {\n\t options.selectable = deepExtend({\n\t multiple: mobile ? false : true\n\t }, options.selectable);\n\t }\n\n\t if (pannable && !defined(pannable.key)) {\n\t options.pannable = deepExtend({\n\t key: mobile ? \"none\" : \"ctrl\"\n\t }, options.pannable);\n\t }\n\t },\n\n\t _initCanvas: function() {\n\t var canvasContainer = $(\"\").appendTo(this.scrollable)[0];\n\t var viewPort = this.viewport();\n\t this.canvas = new Canvas(canvasContainer, {\n\t width: viewPort.width || DEFAULT_CANVAS_WIDTH,\n\t height: viewPort.height || DEFAULT_CANVAS_HEIGHT\n\t });\n\t },\n\n\t _createHandlers: function () {\n\t var that = this;\n\t var element = that.element;\n\n\t element.on(MOUSEWHEEL_NS, proxy(that._wheel, that))\n\t .on(\"keydown\" + NS, proxy(that._keydown, that));\n\n\t that._userEvents = new kendo.UserEvents(this.scrollable, {\n\t multiTouch: true,\n\t fastTap: true,\n\t tap: proxy(that._tap, that),\n\t start: proxy(that._dragStart, that),\n\t move: proxy(that._drag, that),\n\t end: proxy(that._dragEnd, that),\n\t gesturestart: proxy(that._gestureStart, that),\n\t gesturechange: proxy(that._gestureChange, that),\n\t gestureend: proxy(that._gestureEnd, that)\n\t });\n\n\t that.toolService = new ToolService(that);\n\n\t this.scrollable\n\t .on(\"mouseover\" + NS, proxy(that._mouseover, that))\n\t .on(\"mouseout\" + NS, proxy(that._mouseout, that))\n\t .on(\"mousemove\" + NS, proxy(that._mouseMove, that))\n\t .on(\"mousedown\" + NS, proxy(that._mouseDown, that))\n\t .on(\"mouseup\" + NS, proxy(that._mouseUp, that));\n\n\t this._syncHandler = proxy(that._syncChanges, that);\n\n\t that._resizeHandler = proxy(that.resize, that, false);\n\t kendo.onResize(that._resizeHandler);\n\n\t this.bind(ZOOM_START, proxy(that._destroyToolBar, that));\n\t this.bind(PAN, proxy(that._destroyToolBar, that));\n\t },\n\n\t _dragStart: function (e) {\n\t this._pauseMouseHandlers = true;\n\t var point = this._eventPositions(e, true);\n\n\t var event = e.event;\n\t if (this.toolService.start(point, this._meta(event))) {\n\t this._destroyToolBar();\n\t event.preventDefault();\n\t }\n\t },\n\n\t _drag: function (e) {\n\t var p = this._eventPositions(e);\n\t var event = e.event;\n\t if (this.toolService.move(p, this._meta(event))) {\n\t event.preventDefault();\n\t }\n\t },\n\n\t _dragEnd: function (e) {\n\t this._pauseMouseHandlers = false;\n\t var p = this._eventPositions(e);\n\t var event = e.event;\n\t if (this.toolService.end(p, this._meta(event))) {\n\t this._createToolBar();\n\t event.preventDefault();\n\t }\n\t },\n\n\t _mouseMove: function (e) {\n\t if (!this._pauseMouseHandlers) {\n\t var p = this._eventPositions(e);\n\t this.toolService._updateHoveredItem(p);\n\t this.toolService._updateCursor(p);\n\t }\n\t },\n\n\t _mouseDown: function () {\n\t this._pauseMouseHandlers = true;\n\t },\n\n\t _mouseUp: function () {\n\t this._pauseMouseHandlers = false;\n\t },\n\n\t _tap: function(e) {\n\t var toolService = this.toolService;\n\t var selectable = this.options.selectable;\n\t var point = this._eventPositions(e);\n\t var focused = this.focus();\n\n\t toolService._updateHoveredItem(point);\n\n\t if (toolService.hoveredItem) {\n\t var item = toolService.hoveredItem;\n\n\t this.trigger(\"click\", {\n\t item: item,\n\t point: point\n\t });\n\n\t if (selectable && item.options.selectable !== false) {\n\t var multiple = selectable.multiple !== false;\n\t var ctrlPressed = kendo.support.mobileOS || this._meta(e.event).ctrlKey;\n\n\t if (item.isSelected) {\n\t if (ctrlPressed) {\n\t this._destroyToolBar();\n\t item.select(false);\n\t } else {\n\t this._createToolBar(focused);\n\t }\n\t } else {\n\t this._destroyToolBar();\n\t this.select(item, {\n\t addToSelection: multiple && ctrlPressed\n\t });\n\t this._createToolBar(focused);\n\t }\n\t }\n\t } else if (selectable) {\n\t this._destroyToolBar();\n\t this.deselect();\n\t }\n\t },\n\n\t _keydown: function (e) {\n\t if (this.toolService.keyDown(e.keyCode, this._meta(e))) {\n\t e.preventDefault();\n\t }\n\t },\n\n\t _wheel: function (e) {\n\t var delta = mwDelta(e),\n\t p = this._eventPositions(e),\n\t meta = deepExtend(this._meta(e), { delta: delta });\n\n\t if (this.toolService.wheel(p, meta)) {\n\t e.preventDefault();\n\t }\n\t },\n\n\t _meta: function (e) {\n\t return { ctrlKey: e.ctrlKey, metaKey: e.metaKey, altKey: e.altKey, shiftKey: e.shiftKey, type: e.type };\n\t },\n\n\t _eventPositions: function (e, start) {\n\t var point;\n\t if (e.touch) {\n\t var field = start ? \"startLocation\" : \"location\";\n\t point = new Point(e.x[field], e.y[field]);\n\t } else {\n\t var event = e.originalEvent;\n\t point = new Point(event.pageX, event.pageY);\n\t }\n\n\t return this.documentToModel(point);\n\t },\n\n\t _gestureStart: function(e) {\n\t this._destroyToolBar();\n\t this.scroller.disable();\n\t var initialCenter = this.documentToModel(new Point(e.center.x, e.center.y));\n\t var eventArgs = {\n\t point: initialCenter,\n\t zoom: this.zoom()\n\t };\n\n\t if (this.trigger(ZOOM_START, eventArgs)) {\n\t return;\n\t }\n\n\t this._gesture = e;\n\t this._initialCenter = initialCenter;\n\t },\n\n\t _gestureChange: function(e) {\n\t var previousGesture = this._gesture;\n\t var initialCenter = this._initialCenter;\n\t var center = this.documentToView(new Point(e.center.x, e.center.y));\n\t var scaleDelta = e.distance / previousGesture.distance;\n\t var zoom = this._zoom;\n\t var updateZoom = false;\n\n\t if (math.abs(scaleDelta - 1) >= MOBILE_ZOOM_RATE) {\n\t this._zoom = zoom = this._getValidZoom(zoom * scaleDelta);\n\t this.options.zoom = zoom;\n\t this._gesture = e;\n\t updateZoom = true;\n\t }\n\n\t var zoomedPoint = initialCenter.times(zoom);\n\t var pan = center.minus(zoomedPoint);\n\t if (updateZoom || this._pan.distanceTo(pan) >= MOBILE_PAN_DISTANCE) {\n\t this._panTransform(pan);\n\t this._updateAdorners();\n\t }\n\n\t e.preventDefault();\n\t },\n\n\t _gestureEnd: function() {\n\t if (this.options.pannable !== false) {\n\t this.scroller.enable();\n\t }\n\t this.trigger(ZOOM_END, {\n\t point: this._initialCenter,\n\t zoom: this.zoom()\n\t });\n\t },\n\n\t _resize: function() {\n\t var viewport = this.viewport();\n\t if (this.canvas) {\n\t this.canvas.size(viewport);\n\t }\n\n\t if (this.scrollable && this.toolBar) {\n\t this.scrollable.height(viewport.height);\n\t }\n\t },\n\n\t _mouseover: function(e) {\n\t var node = e.target._kendoNode;\n\t if (node && node.srcElement._hover) {\n\t node.srcElement._hover(true, node.srcElement);\n\t }\n\t },\n\n\t _mouseout: function(e) {\n\t var node = e.target._kendoNode;\n\t if (node && node.srcElement._hover) {\n\t node.srcElement._hover(false, node.srcElement);\n\t }\n\t },\n\n\t _initTheme: function() {\n\t var that = this;\n\t var themeName = ((that.options || {}).theme || \"\").toLowerCase();\n\t var themes = dataviz.ui.themes || {};\n\t var themeOptions;\n\n\t if(SASS_THEMES.indexOf(themeName) != -1) {\n\t themeOptions = dataviz.autoTheme().diagram;\n\t }\n\t else {\n\t themeOptions = (themes[themeName] || {}).diagram;\n\t }\n\n\t that.options = deepExtend({}, themeOptions, that.options);\n\t if (that.options.editable === true) {\n\t deepExtend(that.options, {\n\t editable: (themeOptions || {}).editable\n\t });\n\t }\n\t },\n\n\t _createOptionElements: function() {\n\t var options = this.options;\n\t var shapesLength = options.shapes.length;\n\n\t if (shapesLength) {\n\t this._createShapes();\n\t }\n\n\t if (options.connections.length) {\n\t this._createConnections();\n\t }\n\n\t if (shapesLength && options.layout) {\n\t this.layout(options.layout);\n\t }\n\t },\n\n\t _createShapes: function() {\n\t var that = this,\n\t options = that.options,\n\t shapes = options.shapes,\n\t shape, i;\n\n\t for (i = 0; i < shapes.length; i++) {\n\t shape = shapes[i];\n\t that.addShape(shape);\n\t }\n\t },\n\n\t _createConnections: function() {\n\t var diagram = this,\n\t options = diagram.options,\n\t defaults = options.connectionDefaults,\n\t connections = options.connections,\n\t conn, source, target, i;\n\n\t for(i = 0; i < connections.length; i++) {\n\t conn = connections[i];\n\t source = diagram._findConnectionTarget(conn.from);\n\t target = diagram._findConnectionTarget(conn.to);\n\n\t diagram.connect(source, target, deepExtend({}, defaults, conn));\n\t }\n\t },\n\n\t _findConnectionTarget: function(options) {\n\t options = options || {};\n\t var diagram = this;\n\t var shapeId = isString(options) ? options : options.shapeId || options.id;\n\t var target;\n\t if (shapeId) {\n\t target = diagram.getShapeById(shapeId);\n\t if (options.connector) {\n\t target = target.getConnector(options.connector);\n\t }\n\t } else {\n\t target = new Point(options.x || 0, options.y || 0);\n\t }\n\n\t return target;\n\t },\n\n\t destroy: function () {\n\t var that = this;\n\t Widget.fn.destroy.call(that);\n\n\t if (this._userEvents) {\n\t this._userEvents.destroy();\n\t }\n\n\t kendo.unbindResize(that._resizeHandler);\n\n\t that.clear();\n\t that.element.off(NS);\n\t that.scroller.wrapper.off(NS);\n\t that.canvas.destroy(true);\n\t that.canvas = undefined;\n\n\t that._destroyEditor();\n\t that.destroyScroller();\n\t that._destroyGlobalToolBar();\n\t that._destroyToolBar();\n\t },\n\n\t destroyScroller: function () {\n\t var scroller = this.scroller;\n\n\t if (!scroller) {\n\t return;\n\t }\n\n\t scroller.destroy();\n\t scroller.element.remove();\n\t this.scroller = null;\n\t },\n\n\t save: function () {\n\t var json = {\n\t shapes: [],\n\t connections: []\n\t };\n\t var i, connection, shape;\n\n\t for (i = 0; i < this.shapes.length; i++) {\n\t shape = this.shapes[i];\n\t if (shape.options.serializable) {\n\t json.shapes.push(shape.options);\n\t }\n\t }\n\n\t for (i = 0; i < this.connections.length; i++) {\n\t connection = this.connections[i];\n\n\t json.connections.push(deepExtend({}, connection.options, connection.toJSON()));\n\t }\n\n\t return json;\n\t },\n\n\t focus: function() {\n\t if (!this.element.is(kendo._activeElement())) {\n\t var element = this.element,\n\t scrollContainer = element[0],\n\t containers = [],\n\t offsets = [],\n\t documentElement = document.documentElement,\n\t i;\n\n\t do {\n\t scrollContainer = scrollContainer.parentNode;\n\n\t if (scrollContainer.scrollHeight > scrollContainer.clientHeight) {\n\t containers.push(scrollContainer);\n\t offsets.push(scrollContainer.scrollTop);\n\t }\n\t } while (scrollContainer != documentElement);\n\n\t element.focus();\n\n\t for (i = 0; i < containers.length; i++) {\n\t containers[i].scrollTop = offsets[i];\n\t }\n\t return true;\n\t }\n\t },\n\n\t load: function(options) {\n\t this.clear();\n\n\t this.setOptions(options);\n\t this._createShapes();\n\t this._createConnections();\n\t },\n\n\t setOptions: function(options) {\n\t deepExtend(this.options, options);\n\t },\n\n\t clear: function () {\n\t var that = this;\n\n\t that.select(false);\n\t that.mainLayer.clear();\n\t that._shapesQuadTree.clear();\n\t that._initialize();\n\t },\n\t /**\n\t * Connects two items.\n\t * @param source Shape, Connector, Point.\n\t * @param target Shape, Connector, Point.\n\t * @param options Connection options that will be passed to the newly created connection.\n\t * @returns The newly created connection.\n\t */\n\t connect: function (source, target, options) {\n\t var connection;\n\t if (this.connectionsDataSource && this._isEditable) {\n\t var dataItem = this.connectionsDataSource.add({});\n\t connection = this._connectionsDataMap[dataItem.uid];\n\t connection.source(source);\n\t connection.target(target);\n\t connection.redraw(options);\n\t connection.updateModel();\n\t } else {\n\t connection = new Connection(source, target,\n\t deepExtend({ }, this.options.connectionDefaults, options));\n\n\t this.addConnection(connection);\n\t }\n\n\t return connection;\n\t },\n\t /**\n\t * Determines whether the the two items are connected.\n\t * @param source Shape, Connector, Point.\n\t * @param target Shape, Connector, Point.\n\t * @returns true if the two items are connected.\n\t */\n\t connected: function (source, target) {\n\t for (var i = 0; i < this.connections.length; i++) {\n\t var c = this.connections[i];\n\t if (c.from == source && c.to == target) {\n\t return true;\n\t }\n\t }\n\n\t return false;\n\t },\n\t /**\n\t * Adds connection to the diagram.\n\t * @param connection Connection.\n\t * @param undoable Boolean.\n\t * @returns The newly created connection.\n\t */\n\t addConnection: function (connection, undoable) {\n\t if (undoable !== false) {\n\t this.undoRedoService.add(\n\t new diagram.AddConnectionUnit(connection, this), false);\n\t }\n\n\t connection.diagram = this;\n\t connection._setOptionsFromModel();\n\t connection.refresh();\n\t this.mainLayer.append(connection.visual);\n\t this.connections.push(connection);\n\n\t this.trigger(CHANGE, {\n\t added: [connection],\n\t removed: []\n\t });\n\n\t return connection;\n\t },\n\n\t _addConnection: function (connection, undoable) {\n\t var connectionsDataSource = this.connectionsDataSource;\n\t var dataItem;\n\t if (connectionsDataSource && this._isEditable) {\n\t dataItem = createModel(connectionsDataSource, cloneDataItem(connection.dataItem));\n\t connection.dataItem = dataItem;\n\t connection.updateModel();\n\n\t if (!this.trigger(\"add\", { connection: connection })) {\n\t this._connectionsDataMap[dataItem.uid] = connection;\n\n\t connectionsDataSource.add(dataItem);\n\t this.addConnection(connection, undoable);\n\t connection._updateConnectors();\n\n\t return connection;\n\t }\n\t } else if (!this.trigger(\"add\", { connection: connection })) {\n\t this.addConnection(connection, undoable);\n\t connection._updateConnectors();\n\t return connection;\n\t }\n\t },\n\n\t /**\n\t * Adds shape to the diagram.\n\t * @param item Shape, Point. If point is passed it will be created new Shape and positioned at that point.\n\t * @param options. The options to be passed to the newly created Shape.\n\t * @returns The newly created shape.\n\t */\n\t addShape: function(item, undoable) {\n\t var shape,\n\t shapeDefaults = this.options.shapeDefaults;\n\n\t if (item instanceof Shape) {\n\t shape = item;\n\t } else if (!(item instanceof kendo.Class)) {\n\t shapeDefaults = deepExtend({}, shapeDefaults, item || {});\n\t shape = new Shape(shapeDefaults, this);\n\t } else {\n\t return;\n\t }\n\n\t if (undoable !== false) {\n\t this.undoRedoService.add(new diagram.AddShapeUnit(shape, this), false);\n\t }\n\n\t this.shapes.push(shape);\n\t if (shape.diagram !== this) {\n\t this._shapesQuadTree.insert(shape);\n\t shape.diagram = this;\n\t }\n\t this.mainLayer.append(shape.visual);\n\n\t this.trigger(CHANGE, {\n\t added: [shape],\n\t removed: []\n\t });\n\n\t return shape;\n\t },\n\n\t _addShape: function(shape, undoable) {\n\t var that = this;\n\t var dataSource = that.dataSource;\n\t var dataItem;\n\t if (dataSource && this._isEditable) {\n\t dataItem = createModel(dataSource, cloneDataItem(shape.dataItem));\n\t shape.dataItem = dataItem;\n\t shape.updateModel();\n\n\t if (!this.trigger(\"add\", { shape: shape })) {\n\t this.dataSource.add(dataItem);\n\t var inactiveItem = this._inactiveShapeItems.getByUid(dataItem.uid);\n\t inactiveItem.element = shape;\n\t inactiveItem.undoable = undoable;\n\t return shape;\n\t }\n\t } else if (!this.trigger(\"add\", { shape: shape })) {\n\t return this.addShape(shape, undoable);\n\t }\n\t },\n\t /**\n\t * Removes items (or single item) from the diagram.\n\t * @param items DiagramElement, Array of Items.\n\t * @param undoable.\n\t */\n\n\t remove: function(items, undoable) {\n\t items = isArray(items) ? items.slice(0) : [items];\n\t var elements = splitDiagramElements(items);\n\t var shapes = elements.shapes;\n\t var connections = elements.connections;\n\t var i;\n\n\t if (!defined(undoable)) {\n\t undoable = true;\n\t }\n\n\t if (undoable) {\n\t this.undoRedoService.begin();\n\t }\n\n\t this._suspendModelRefresh();\n\t for (i = shapes.length - 1; i >= 0; i--) {\n\t this._removeItem(shapes[i], undoable, connections);\n\t }\n\n\t for (i = connections.length - 1; i >= 0; i--) {\n\t this._removeItem(connections[i], undoable);\n\t }\n\n\t this._resumeModelRefresh();\n\n\t if (undoable) {\n\t this.undoRedoService.commit(false);\n\t }\n\n\t this.trigger(CHANGE, {\n\t added: [],\n\t removed: items\n\t });\n\t },\n\n\t _removeShapeDataItem: function(item) {\n\t if (this._isEditable) {\n\t this.dataSource.remove(item.dataItem);\n\t delete this._dataMap[item.dataItem.id];\n\t }\n\t },\n\n\t _removeConnectionDataItem: function(item) {\n\t if (this._isEditable) {\n\t this.connectionsDataSource.remove(item.dataItem);\n\t delete this._connectionsDataMap[item.dataItem.uid];\n\t }\n\t },\n\n\t _triggerRemove: function(items){\n\t var toRemove = [];\n\t var item, args, editable;\n\n\t for (var idx = 0; idx < items.length; idx++) {\n\t item = items[idx];\n\t editable = item.options.editable;\n\t if (item instanceof Shape) {\n\t args = { shape: item };\n\t } else {\n\t args = { connection: item };\n\t }\n\t if (editable && editable.remove !== false && !this.trigger(\"remove\", args)) {\n\t toRemove.push(item);\n\t }\n\t }\n\t return toRemove;\n\t },\n\n\t /**\n\t * Executes the next undoable action on top of the undo stack if any.\n\t */\n\t undo: function () {\n\t this.undoRedoService.undo();\n\t },\n\t /**\n\t * Executes the previous undoable action on top of the redo stack if any.\n\t */\n\t redo: function () {\n\t this.undoRedoService.redo();\n\t },\n\t /**\n\t * Selects items on the basis of the given input or returns the current selection if none.\n\t * @param itemsOrRect DiagramElement, Array of elements, \"All\", false or Rect. A value 'false' will deselect everything.\n\t * @param options\n\t * @returns {Array}\n\t */\n\t select: function (item, options) {\n\t if (isDefined(item)) {\n\t options = deepExtend({ addToSelection: false }, options);\n\n\t var addToSelection = options.addToSelection,\n\t items = [],\n\t selected = [],\n\t i, element;\n\n\t if (!addToSelection) {\n\t this.deselect();\n\t }\n\n\t this._internalSelection = true;\n\n\t if (item instanceof Array) {\n\t items = item;\n\t } else if (item instanceof DiagramElement) {\n\t items = [ item ];\n\t }\n\n\t for (i = 0; i < items.length; i++) {\n\t element = items[i];\n\t if (element.select(true)) {\n\t selected.push(element);\n\t }\n\t }\n\n\t this._selectionChanged(selected, []);\n\n\t this._internalSelection = false;\n\t } else {\n\t return this._selectedItems;\n\t }\n\t },\n\n\t selectAll: function() {\n\t this.select(this.shapes.concat(this.connections));\n\t },\n\n\t selectArea: function(rect) {\n\t var i, items, item;\n\t this._internalSelection = true;\n\t var selected = [];\n\t if (rect instanceof Rect) {\n\t items = this.shapes.concat(this.connections);\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if ((!rect || item._hitTest(rect)) && item.options.enable) {\n\t if (item.select(true)) {\n\t selected.push(item);\n\t }\n\t }\n\t }\n\t }\n\n\t this._selectionChanged(selected, []);\n\t this._internalSelection = false;\n\t },\n\n\t deselect: function(item) {\n\t this._internalSelection = true;\n\t var deselected = [],\n\t items = [],\n\t element, i;\n\n\t if (item instanceof Array) {\n\t items = item;\n\t } else if (item instanceof DiagramElement) {\n\t items.push(item);\n\t } else if (!isDefined(item)) {\n\t items = this._selectedItems.slice(0);\n\t }\n\n\t for (i = 0; i < items.length; i++) {\n\t element = items[i];\n\t if (element.select(false)) {\n\t deselected.push(element);\n\t }\n\t }\n\n\t this._selectionChanged([], deselected);\n\t this._internalSelection = false;\n\t },\n\t /**\n\t * Brings to front the passed items.\n\t * @param items DiagramElement, Array of Items.\n\t * @param undoable. By default the action is undoable.\n\t */\n\t toFront: function (items, undoable) {\n\t if (!items) {\n\t items = this._selectedItems.slice();\n\t }\n\n\t var result = this._getDiagramItems(items), indices;\n\t if (!defined(undoable) || undoable) {\n\t indices = indicesOfItems(this.mainLayer, result.visuals);\n\t var unit = new ToFrontUnit(this, items, indices);\n\t this.undoRedoService.add(unit);\n\t } else {\n\t this.mainLayer.toFront(result.visuals);\n\t this._fixOrdering(result, true);\n\t }\n\t },\n\t /**\n\t * Sends to back the passed items.\n\t * @param items DiagramElement, Array of Items.\n\t * @param undoable. By default the action is undoable.\n\t */\n\t toBack: function (items, undoable) {\n\t if (!items) {\n\t items = this._selectedItems.slice();\n\t }\n\n\t var result = this._getDiagramItems(items), indices;\n\t if (!defined(undoable) || undoable) {\n\t indices = indicesOfItems(this.mainLayer, result.visuals);\n\t var unit = new ToBackUnit(this, items, indices);\n\t this.undoRedoService.add(unit);\n\t } else {\n\t this.mainLayer.toBack(result.visuals);\n\t this._fixOrdering(result, false);\n\t }\n\t },\n\t /**\n\t * Bring into view the passed item(s) or rectangle.\n\t * @param items DiagramElement, Array of Items, Rect.\n\t * @param options. align - controls the position of the calculated rectangle relative to the viewport.\n\t * \"Center middle\" will position the items in the center. animate - controls if the pan should be animated.\n\t */\n\t bringIntoView: function (item, options) { // jQuery|Item|Array|Rect\n\t var viewport = this.viewport();\n\t var aligner = new diagram.RectAlign(viewport);\n\t var current, rect, original, newPan;\n\n\t if (viewport.width === 0 || viewport.height === 0) {\n\t return;\n\t }\n\n\t options = deepExtend({animate: false, align: \"center middle\"}, options);\n\t if (options.align == \"none\") {\n\t options.align = \"center middle\";\n\t }\n\n\t if (item instanceof DiagramElement) {\n\t rect = item.bounds(TRANSFORMED);\n\t } else if (isArray(item)) {\n\t rect = this.boundingBox(item);\n\t } else if (item instanceof Rect) {\n\t rect = item.clone();\n\t }\n\n\t original = rect.clone();\n\n\t rect.zoom(this._zoom);\n\n\t if (rect.width > viewport.width || rect.height > viewport.height) {\n\t this._zoom = this._getValidZoom(math.min(viewport.width / original.width, viewport.height / original.height));\n\t rect = original.clone().zoom(this._zoom);\n\t }\n\n\t this._zoomMainLayer();\n\n\t current = rect.clone();\n\t aligner.align(rect, options.align);\n\n\t newPan = rect.topLeft().minus(current.topLeft());\n\t this.pan(newPan.times(-1), options.animate);\n\t },\n\n\t alignShapes: function (direction) {\n\t if (isUndefined(direction)) {\n\t direction = \"Left\";\n\t }\n\t var items = this.select(),\n\t val,\n\t item,\n\t i;\n\n\t if (items.length === 0) {\n\t return;\n\t }\n\n\t switch (direction.toLowerCase()) {\n\t case \"left\":\n\t case \"top\":\n\t val = MAX_VALUE;\n\t break;\n\t case \"right\":\n\t case \"bottom\":\n\t val = MIN_VALUE;\n\t break;\n\t }\n\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if (item instanceof Shape) {\n\t switch (direction.toLowerCase()) {\n\t case \"left\":\n\t val = math.min(val, item.options.x);\n\t break;\n\t case \"top\":\n\t val = math.min(val, item.options.y);\n\t break;\n\t case \"right\":\n\t val = math.max(val, item.options.x);\n\t break;\n\t case \"bottom\":\n\t val = math.max(val, item.options.y);\n\t break;\n\t }\n\t }\n\t }\n\t var undoStates = [];\n\t var shapes = [];\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if (item instanceof Shape) {\n\t shapes.push(item);\n\t undoStates.push(item.bounds());\n\t switch (direction.toLowerCase()) {\n\t case \"left\":\n\t case \"right\":\n\t item.position(new Point(val, item.options.y));\n\t break;\n\t case \"top\":\n\t case \"bottom\":\n\t item.position(new Point(item.options.x, val));\n\t break;\n\t }\n\t }\n\t }\n\t var unit = new diagram.TransformUnit(shapes, undoStates);\n\t this.undoRedoService.add(unit, false);\n\t },\n\n\t zoom: function (zoom, options) {\n\t if (zoom) {\n\t var staticPoint = options ? options.point : new diagram.Point(0, 0);\n\t // var meta = options ? options.meta : 0;\n\t zoom = this._zoom = this._getValidZoom(zoom);\n\n\t if (!isUndefined(staticPoint)) {//Viewpoint vector is constant\n\t staticPoint = new diagram.Point(math.round(staticPoint.x), math.round(staticPoint.y));\n\t var zoomedPoint = staticPoint.times(zoom);\n\t var viewportVector = this.modelToView(staticPoint);\n\t var raw = viewportVector.minus(zoomedPoint);//pan + zoomed point = viewpoint vector\n\t this._storePan(new diagram.Point(math.round(raw.x), math.round(raw.y)));\n\t }\n\n\t if (options) {\n\t options.zoom = zoom;\n\t }\n\n\t this._panTransform();\n\n\t this.canvas.surface.hideTooltip();\n\n\t this._updateAdorners();\n\t }\n\n\t return this._zoom;\n\t },\n\n\t _getPan: function(pan) {\n\t var canvas = this.canvas;\n\t if (!canvas.translate) {\n\t pan = pan.plus(this._pan);\n\t }\n\t return pan;\n\t },\n\n\t pan: function (pan, animate) {\n\t if (pan instanceof Point) {\n\t var that = this;\n\t var scroller = that.scroller;\n\t pan = that._getPan(pan);\n\t pan = pan.times(-1);\n\n\t if (animate) {\n\t scroller.animatedScrollTo(pan.x, pan.y, function() {\n\t that._updateAdorners();\n\t });\n\t } else {\n\t scroller.scrollTo(pan.x, pan.y);\n\t that._updateAdorners();\n\t }\n\t } else {\n\t return this._pan.times(-1);\n\t }\n\t },\n\n\t viewport: function () {\n\t var element = this.element;\n\t var width = element.width();\n\t var height = element.height();\n\n\t if (this.toolBar) {\n\t height -= outerHeight(this.toolBar.element);\n\t }\n\n\t return new Rect(0, 0, width, height);\n\t },\n\t copy: function () {\n\t if (this.options.copy.enabled) {\n\t this._clipboard = [];\n\t this._copyOffset = 1;\n\t for (var i = 0; i < this._selectedItems.length; i++) {\n\t var item = this._selectedItems[i];\n\t this._clipboard.push(item);\n\t }\n\t }\n\t },\n\t cut: function () {\n\t if (this.options.copy.enabled) {\n\t this._clipboard = [];\n\t this._copyOffset = 0;\n\t for (var i = 0; i < this._selectedItems.length; i++) {\n\t var item = this._selectedItems[i];\n\t this._clipboard.push(item);\n\t }\n\t this.remove(this._clipboard, true);\n\t }\n\t },\n\n\t paste: function () {\n\t if (this._clipboard.length > 0) {\n\t var item, copied, i;\n\t var mapping = {};\n\t var elements = splitDiagramElements(this._clipboard);\n\t var connections = elements.connections;\n\t var shapes = elements.shapes;\n\t var offset = {\n\t x: this._copyOffset * this.options.copy.offsetX,\n\t y: this._copyOffset * this.options.copy.offsetY\n\t };\n\t this.deselect();\n\t // first the shapes\n\t for (i = 0; i < shapes.length; i++) {\n\t item = shapes[i];\n\t copied = item.clone();\n\t mapping[item.id] = copied;\n\t copied.position(new Point(item.options.x + offset.x, item.options.y + offset.y));\n\t copied.diagram = this;\n\t copied = this._addShape(copied);\n\t if (copied) {\n\t copied.select();\n\t }\n\t }\n\t // then the connections\n\t for (i = 0; i < connections.length; i++) {\n\t item = connections[i];\n\t copied = this._addConnection(item.clone());\n\t if (copied) {\n\t this._updateCopiedConnection(copied, item, \"source\", mapping, offset);\n\t this._updateCopiedConnection(copied, item, \"target\", mapping, offset);\n\n\t copied.select(true);\n\t copied.updateModel();\n\t }\n\t }\n\n\t this._syncChanges();\n\n\t this._copyOffset += 1;\n\t }\n\t },\n\n\t _updateCopiedConnection: function(connection, sourceConnection, connectorName, mapping, offset) {\n\t var onActivate, inactiveItem, targetShape;\n\t var target = sourceConnection[connectorName]();\n\t var diagram = this;\n\t if (target instanceof Connector && mapping[target.shape.id]) {\n\t targetShape = mapping[target.shape.id];\n\t if (diagram.getShapeById(targetShape.id)) {\n\t connection[connectorName](targetShape.getConnector(target.options.name));\n\t } else {\n\t inactiveItem = diagram._inactiveShapeItems.getByUid(targetShape.dataItem.uid);\n\t if (inactiveItem) {\n\t onActivate = function(item) {\n\t targetShape = diagram._dataMap[item.id];\n\t connection[connectorName](targetShape.getConnector(target.options.name));\n\t connection.updateModel();\n\t };\n\t diagram._deferredConnectionUpdates.push(inactiveItem.onActivate(onActivate));\n\t }\n\t }\n\t } else {\n\t connection[connectorName](new Point(sourceConnection[connectorName + \"Point\"]().x + offset.x, sourceConnection[connectorName + \"Point\"]().y + offset.y));\n\t }\n\t },\n\t /**\n\t * Gets the bounding rectangle of the given items.\n\t * @param items DiagramElement, Array of elements.\n\t * @param origin Boolean. Pass 'true' if you need to get the bounding box of the shapes without their rotation offset.\n\t * @returns {Rect}\n\t */\n\t boundingBox: function (items, origin) {\n\t var rect = Rect.empty(), temp,\n\t di = isDefined(items) ? this._getDiagramItems(items) : {shapes: this.shapes};\n\t if (di.shapes.length > 0) {\n\t var item = di.shapes[0];\n\t rect = item.bounds(ROTATED);\n\t for (var i = 1; i < di.shapes.length; i++) {\n\t item = di.shapes[i];\n\t temp = item.bounds(ROTATED);\n\t if (origin === true) {\n\t temp.x -= item._rotationOffset.x;\n\t temp.y -= item._rotationOffset.y;\n\t }\n\t rect = rect.union(temp);\n\t }\n\t }\n\t return rect;\n\t },\n\n\t _containerOffset: function() {\n\t var containerOffset = this.element.offset();\n\t if (this.toolBar) {\n\t containerOffset.top += outerHeight(this.toolBar.element);\n\t }\n\t return containerOffset;\n\t },\n\n\t documentToView: function(point) {\n\t var containerOffset = this._containerOffset();\n\n\t return new Point(point.x - containerOffset.left, point.y - containerOffset.top);\n\t },\n\t viewToDocument: function(point) {\n\t var containerOffset = this._containerOffset();\n\n\t return new Point(point.x + containerOffset.left, point.y + containerOffset.top);\n\t },\n\t viewToModel: function(point) {\n\t return this._transformWithMatrix(point, this._matrixInvert);\n\t },\n\t modelToView: function(point) {\n\t return this._transformWithMatrix(point, this._matrix);\n\t },\n\t modelToLayer: function(point) {\n\t return this._transformWithMatrix(point, this._layerMatrix);\n\t },\n\t layerToModel: function(point) {\n\t return this._transformWithMatrix(point, this._layerMatrixInvert);\n\t },\n\t documentToModel: function(point) {\n\t var viewPoint = this.documentToView(point);\n\t if (!this.canvas.translate) {\n\t viewPoint.x = viewPoint.x + this.scroller.scrollLeft;\n\t viewPoint.y = viewPoint.y + this.scroller.scrollTop;\n\t }\n\t return this.viewToModel(viewPoint);\n\t },\n\t modelToDocument: function(point) {\n\t return this.viewToDocument(this.modelToView(point));\n\t },\n\t _transformWithMatrix: function(point, matrix) {\n\t var result = point;\n\t if (point instanceof Point) {\n\t if (matrix) {\n\t result = matrix.apply(point);\n\t }\n\t }\n\t else {\n\t var tl = this._transformWithMatrix(point.topLeft(), matrix),\n\t br = this._transformWithMatrix(point.bottomRight(), matrix);\n\t result = Rect.fromPoints(tl, br);\n\t }\n\t return result;\n\t },\n\n\t setDataSource: function(dataSource) {\n\t this.options.dataSource = dataSource;\n\t this._dataSource();\n\t if (this.options.autoBind) {\n\t this.dataSource.fetch();\n\t }\n\t },\n\n\t setConnectionsDataSource: function(dataSource) {\n\t this.options.connectionsDataSource = dataSource;\n\t this._connectionDataSource();\n\t if (this.options.autoBind) {\n\t this.connectionsDataSource.fetch();\n\t }\n\t },\n\n\t /**\n\t * Performs a diagram layout of the given type.\n\t * @param layoutType The layout algorithm to be applied (TreeLayout, LayeredLayout, SpringLayout).\n\t * @param options Layout-specific options.\n\t */\n\t layout: function (options) {\n\t this._layouting = true;\n\t // TODO: raise layout event?\n\t var type;\n\t if(isUndefined(options)) {\n\t options = this.options.layout;\n\t }\n\t if (isUndefined(options) || isUndefined(options.type)) {\n\t type = \"Tree\";\n\t }\n\t else {\n\t type = options.type;\n\t }\n\t var l;\n\t switch (type.toLowerCase()) {\n\t case \"tree\":\n\t l = new diagram.TreeLayout(this);\n\t break;\n\n\t case \"layered\":\n\t l = new diagram.LayeredLayout(this);\n\t break;\n\n\t case \"forcedirected\":\n\t case \"force\":\n\t case \"spring\":\n\t case \"springembedder\":\n\t l = new diagram.SpringLayout(this);\n\t break;\n\t default:\n\t throw \"Layout algorithm '\" + type + \"' is not supported.\";\n\t }\n\t var initialState = new diagram.LayoutState(this);\n\t var finalState = l.layout(options);\n\t if (finalState) {\n\t var unit = new diagram.LayoutUndoUnit(initialState, finalState, options ? options.animate : null);\n\t this.undoRedoService.add(unit);\n\t }\n\t this._layouting = false;\n\t this._redrawConnections();\n\t },\n\t /**\n\t * Gets a shape on the basis of its identifier.\n\t * @param id (string) the identifier of a shape.\n\t * @returns {Shape}\n\t */\n\t getShapeById: function (id) {\n\t var found;\n\t found = Utils.first(this.shapes, function (s) {\n\t return s.visual.id === id;\n\t });\n\t if (found) {\n\t return found;\n\t }\n\t found = Utils.first(this.connections, function (c) {\n\t return c.visual.id === id;\n\t });\n\t return found;\n\t },\n\n\t getShapeByModelId: function (id) {\n\t var shape;\n\t if (this._isEditable) {\n\t shape = this._dataMap[id];\n\t } else {\n\t shape = Utils.first(this.shapes, function(shape) {\n\t return (shape.dataItem || {}).id === id;\n\t });\n\t }\n\t return shape;\n\t },\n\n\t getShapeByModelUid: function(uid) {\n\t var shape;\n\t if (this._isEditable) {\n\t shape = Utils.first(this.shapes, function(shape) {\n\t return (shape.dataItem || {}).uid === uid;\n\t });\n\t } else {\n\t shape = this._dataMap[uid];\n\t }\n\t return shape;\n\t },\n\n\t getConnectionByModelId: function(id) {\n\t var connection;\n\t if (this.connectionsDataSource) {\n\t connection = Utils.first(this.connections, function(connection) {\n\t return (connection.dataItem || {}).id === id;\n\t });\n\t }\n\t return connection;\n\t },\n\n\t getConnectionByModelUid: function(uid) {\n\t var connection;\n\t if (this.connectionsDataSource) {\n\t connection = this._connectionsDataMap[uid];\n\t }\n\t return connection;\n\t },\n\n\t _extendLayoutOptions: function(options) {\n\t if(options.layout) {\n\t options.layout = deepExtend({}, diagram.LayoutBase.fn.defaultOptions || {}, options.layout);\n\t }\n\t },\n\n\t _selectionChanged: function (selected, deselected) {\n\t if (selected.length || deselected.length) {\n\t this.trigger(SELECT, { selected: selected, deselected: deselected });\n\t }\n\t },\n\t _getValidZoom: function (zoom) {\n\t return math.min(math.max(zoom, this.options.zoomMin), this.options.zoomMax);\n\t },\n\t _panTransform: function (pos) {\n\t var diagram = this,\n\t pan = pos || diagram._pan;\n\n\t if (diagram.canvas.translate) {\n\t diagram.scroller.scrollTo(pan.x, pan.y);\n\t diagram._zoomMainLayer();\n\t } else {\n\t diagram._storePan(pan);\n\t diagram._transformMainLayer();\n\t }\n\t },\n\n\t _finishPan: function () {\n\t this.trigger(PAN, {total: this._pan, delta: Number.NaN});\n\t },\n\t _storePan: function (pan) {\n\t this._pan = pan;\n\t this._storeViewMatrix();\n\t },\n\t _zoomMainLayer: function () {\n\t var zoom = this._zoom;\n\n\t var transform = new CompositeTransform(0, 0, zoom, zoom);\n\t transform.render(this.mainLayer);\n\t this._storeLayerMatrix(transform);\n\t this._storeViewMatrix();\n\t },\n\t _transformMainLayer: function () {\n\t var pan = this._pan,\n\t zoom = this._zoom;\n\n\t var transform = new CompositeTransform(pan.x, pan.y, zoom, zoom);\n\t transform.render(this.mainLayer);\n\t this._storeLayerMatrix(transform);\n\t this._storeViewMatrix();\n\t },\n\t _storeLayerMatrix: function(canvasTransform) {\n\t this._layerMatrix = canvasTransform.toMatrix();\n\t this._layerMatrixInvert = canvasTransform.invert().toMatrix();\n\t },\n\t _storeViewMatrix: function() {\n\t var pan = this._pan,\n\t zoom = this._zoom;\n\n\t var transform = new CompositeTransform(pan.x, pan.y, zoom, zoom);\n\t this._matrix = transform.toMatrix();\n\t this._matrixInvert = transform.invert().toMatrix();\n\t },\n\t _toIndex: function (items, indices) {\n\t var result = this._getDiagramItems(items);\n\t this.mainLayer.toIndex(result.visuals, indices);\n\t this._fixOrdering(result, false);\n\t },\n\t _fixOrdering: function (result, toFront) {\n\t var shapePos = toFront ? this.shapes.length - 1 : 0,\n\t conPos = toFront ? this.connections.length - 1 : 0,\n\t i, item;\n\t for (i = 0; i < result.shapes.length; i++) {\n\t item = result.shapes[i];\n\t Utils.remove(this.shapes, item);\n\t Utils.insert(this.shapes, item, shapePos);\n\t }\n\t for (i = 0; i < result.cons.length; i++) {\n\t item = result.cons[i];\n\t Utils.remove(this.connections, item);\n\t Utils.insert(this.connections, item, conPos);\n\t }\n\t },\n\t _getDiagramItems: function (items) {\n\t var i, result = {}, args = items;\n\t result.visuals = [];\n\t result.shapes = [];\n\t result.cons = [];\n\n\t if (!items) {\n\t args = this._selectedItems.slice();\n\t } else if (!isArray(items)) {\n\t args = [items];\n\t }\n\n\t for (i = 0; i < args.length; i++) {\n\t var item = args[i];\n\t if (item instanceof Shape) {\n\t result.shapes.push(item);\n\t result.visuals.push(item.visual);\n\t } else if (item instanceof Connection) {\n\t result.cons.push(item);\n\t result.visuals.push(item.visual);\n\t }\n\t }\n\n\t return result;\n\t },\n\n\t _removeItem: function (item, undoable, removedConnections) {\n\t item.select(false);\n\t if (item instanceof Shape) {\n\t this._removeShapeDataItem(item);\n\t this._removeShape(item, undoable, removedConnections);\n\t } else if (item instanceof Connection) {\n\t this._removeConnectionDataItem(item);\n\t this._removeConnection(item, undoable);\n\t }\n\n\t this.mainLayer.remove(item.visual);\n\t },\n\n\t _removeShape: function (shape, undoable, removedConnections) {\n\t var i, connection, connector,\n\t sources = [], targets = [];\n\t this.toolService._removeHover();\n\n\t if (undoable) {\n\t this.undoRedoService.addCompositeItem(new DeleteShapeUnit(shape));\n\t }\n\t Utils.remove(this.shapes, shape);\n\t this._shapesQuadTree.remove(shape);\n\n\t for (i = 0; i < shape.connectors.length; i++) {\n\t connector = shape.connectors[i];\n\t for (var j = 0; j < connector.connections.length; j++) {\n\t connection = connector.connections[j];\n\t if (!removedConnections || !dataviz.inArray(connection, removedConnections)) {\n\t if (connection.sourceConnector == connector) {\n\t sources.push(connection);\n\t } else if (connection.targetConnector == connector) {\n\t targets.push(connection);\n\t }\n\t }\n\t }\n\t }\n\n\t for (i = 0; i < sources.length; i++) {\n\t sources[i].source(null, undoable);\n\t sources[i].updateModel();\n\t }\n\t for (i = 0; i < targets.length; i++) {\n\t targets[i].target(null, undoable);\n\t targets[i].updateModel();\n\t }\n\t },\n\n\t _removeConnection: function (connection, undoable) {\n\t if (connection.sourceConnector) {\n\t Utils.remove(connection.sourceConnector.connections, connection);\n\t }\n\t if (connection.targetConnector) {\n\t Utils.remove(connection.targetConnector.connections, connection);\n\t }\n\t if (undoable) {\n\t this.undoRedoService.addCompositeItem(new DeleteConnectionUnit(connection));\n\t }\n\n\t Utils.remove(this.connections, connection);\n\t },\n\n\t _removeDataItems: function(items, recursive) {\n\t var item, children, shape, idx;\n\t items = isArray(items) ? items : [items];\n\n\t while (items.length) {\n\t item = items.shift();\n\t shape = this._dataMap[item.uid];\n\t if (shape) {\n\t this._removeShapeConnections(shape);\n\t this._removeItem(shape, false);\n\t delete this._dataMap[item.uid];\n\t if (recursive && item.hasChildren && item.loaded()) {\n\t children = item.children.data();\n\t for (idx = 0; idx < children.length; idx++) {\n\t items.push(children[idx]);\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t _removeShapeConnections: function(shape) {\n\t var connections = shape.connections();\n\t var idx;\n\n\t if (connections) {\n\t for (idx = 0; idx < connections.length; idx++) {\n\t this._removeItem(connections[idx], false);\n\t }\n\t }\n\t },\n\n\t _addDataItem: function(dataItem, undoable) {\n\t if (!defined(dataItem)) {\n\t return;\n\t }\n\n\t var shape = this._dataMap[dataItem.id];\n\t if (shape) {\n\t return shape;\n\t }\n\n\t var options = deepExtend({}, this.options.shapeDefaults);\n\t options.dataItem = dataItem;\n\t shape = new Shape(options, this);\n\t this.addShape(shape, undoable !== false);\n\t this._dataMap[dataItem.id] = shape;\n\t return shape;\n\t },\n\n\t _addDataItemByUid: function(dataItem) {\n\t if (!defined(dataItem)) {\n\t return;\n\t }\n\n\t var shape = this._dataMap[dataItem.uid];\n\t if (shape) {\n\t return shape;\n\t }\n\n\t var options = deepExtend({}, this.options.shapeDefaults);\n\t options.dataItem = dataItem;\n\t shape = new Shape(options, this);\n\t this.addShape(shape);\n\t this._dataMap[dataItem.uid] = shape;\n\t return shape;\n\t },\n\n\t _addDataItems: function(items, parent) {\n\t var item, idx, shape, parentShape, connection;\n\t for (idx = 0; idx < items.length; idx++) {\n\t item = items[idx];\n\t shape = this._addDataItemByUid(item);\n\t parentShape = this._addDataItemByUid(parent);\n\t if (parentShape && !this.connected(parentShape, shape)) { // check if connected to not duplicate connections.\n\t connection = this.connect(parentShape, shape);\n\t }\n\t }\n\t },\n\n\t _refreshSource: function (e) {\n\t var that = this,\n\t node = e.node,\n\t action = e.action,\n\t items = e.items,\n\t options = that.options,\n\t idx,\n\t dataBound;\n\n\t if (e.field) {\n\t for (idx = 0; idx < items.length; idx++) {\n\t if (this._dataMap[items[idx].uid]) {\n\t this._dataMap[items[idx].uid].redrawVisual();\n\t }\n\t }\n\t return;\n\t }\n\n\t if (action == \"remove\") {\n\t this._removeDataItems(e.items, true);\n\t } else {\n\n\t if ((!action || action === \"itemloaded\") && !this._bindingRoots) {\n\t this._bindingRoots = true;\n\t dataBound = true;\n\t }\n\n\t if (!action && !node) {\n\t that.clear();\n\t }\n\n\t this._addDataItems(items, node);\n\n\t for (idx = 0; idx < items.length; idx++) {\n\t items[idx].load();\n\t }\n\t }\n\n\t if (options.layout && (dataBound || action == \"remove\" || action == \"add\")) {\n\t that.layout(options.layout);\n\t }\n\n\t if (dataBound) {\n\t this.trigger(\"dataBound\");\n\t this._bindingRoots = false;\n\t }\n\t },\n\n\t _addItem: function (item) {\n\t if (item instanceof Shape) {\n\t this.addShape(item);\n\t } else if (item instanceof Connection) {\n\t this.addConnection(item);\n\t }\n\t },\n\n\t _createToolBar: function(preventClosing) {\n\t var diagram = this.toolService.diagram;\n\n\t if (!this.singleToolBar && diagram.select().length === 1) {\n\t var element = diagram.select()[0];\n\t if (element && element.options.editable !== false) {\n\t var editable = element.options.editable;\n\t var tools = editable.tools;\n\t if (this._isEditable && tools.length === 0) {\n\t if (element instanceof Shape) {\n\t tools = [\"edit\", \"rotateClockwise\", \"rotateAnticlockwise\"];\n\t } else if (element instanceof Connection) {\n\t tools = [\"edit\"];\n\t }\n\n\t if (editable && editable.remove !== false) {\n\t tools.push(\"delete\");\n\t }\n\t }\n\n\t if (tools && tools.length) {\n\t var padding = 20;\n\t var point;\n\t this.singleToolBar = new DiagramToolBar(diagram, {\n\t tools: tools,\n\t click: proxy(this._toolBarClick, this),\n\t modal: true,\n\t popupZIndex: parseInt(diagram.element.closest(\".k-window\").css(\"zIndex\"), 10) + 10\n\t });\n\t var popupWidth = outerWidth(this.singleToolBar._popup.element);\n\t var popupHeight = outerHeight(this.singleToolBar._popup.element);\n\t if (element instanceof Shape) {\n\t var shapeBounds = this.modelToView(element.bounds(ROTATED));\n\t point = new Point(shapeBounds.x, shapeBounds.y).minus(new Point(\n\t (popupWidth - shapeBounds.width) / 2,\n\t popupHeight + padding));\n\t } else if (element instanceof Connection) {\n\t var connectionBounds = this.modelToView(element.bounds());\n\n\t point = new Point(connectionBounds.x, connectionBounds.y)\n\t .minus(new Point(\n\t (popupWidth - connectionBounds.width - 20) / 2,\n\t popupHeight + padding\n\t ));\n\t }\n\n\t if (point) {\n\t if (!this.canvas.translate) {\n\t point = point.minus(new Point(this.scroller.scrollLeft, this.scroller.scrollTop));\n\t }\n\t point = this.viewToDocument(point);\n\t point = new Point(math.max(point.x, 0), math.max(point.y, 0));\n\t this.singleToolBar.showAt(point);\n\t if (preventClosing) {\n\t this.singleToolBar._popup.one(\"close\", preventDefault);\n\t }\n\t } else {\n\t this._destroyToolBar();\n\t }\n\t }\n\t }\n\t }\n\t },\n\n\t _toolBarClick: function(e) {\n\t this.trigger(\"toolBarClick\", e);\n\t this._destroyToolBar();\n\t },\n\n\t _normalizePointZoom: function (point) {\n\t return point.times(1 / this.zoom());\n\t },\n\n\t _initialize: function () {\n\t this.shapes = [];\n\t this._selectedItems = [];\n\t this.connections = [];\n\t this._dataMap = {};\n\t this._connectionsDataMap = {};\n\t this._inactiveShapeItems = new InactiveItemsCollection();\n\t this._deferredConnectionUpdates = [];\n\t this.undoRedoService = new UndoRedoService({\n\t undone: this._syncHandler,\n\t redone: this._syncHandler\n\t });\n\t this.id = diagram.randomId();\n\t },\n\n\t _fetchFreshData: function () {\n\t var that = this;\n\t that._dataSource();\n\n\t if (that._isEditable) {\n\t that._connectionDataSource();\n\t }\n\n\t if (that.options.autoBind) {\n\t if (that._isEditable) {\n\t this._loadingShapes = true;\n\t this._loadingConnections = true;\n\t that.dataSource.fetch();\n\t that.connectionsDataSource.fetch();\n\t } else {\n\t that.dataSource.fetch();\n\t }\n\t }\n\t },\n\n\t _dataSource: function() {\n\t if (defined(this.options.connectionsDataSource)) {\n\t this._isEditable = true;\n\t var dsOptions = this.options.dataSource || {};\n\t var ds = isArray(dsOptions) ? { data: dsOptions } : dsOptions;\n\n\t if (this.dataSource && this._shapesRefreshHandler) {\n\t this.dataSource\n\t .unbind(\"change\", this._shapesRefreshHandler)\n\t .unbind(\"requestStart\", this._shapesRequestStartHandler)\n\t .unbind(\"error\", this._shapesErrorHandler);\n\t } else {\n\t this._shapesRefreshHandler = proxy(this._refreshShapes, this);\n\t this._shapesRequestStartHandler = proxy(this._shapesRequestStart, this);\n\t this._shapesErrorHandler = proxy(this._error, this);\n\t }\n\n\t this.dataSource = kendo.data.DataSource.create(ds)\n\t .bind(\"change\", this._shapesRefreshHandler)\n\t .bind(\"requestStart\", this._shapesRequestStartHandler)\n\t .bind(\"error\", this._shapesErrorHandler);\n\t } else {\n\t this._treeDataSource();\n\t this._isEditable = false;\n\t }\n\t },\n\n\t _connectionDataSource: function() {\n\t var dsOptions = this.options.connectionsDataSource;\n\t if (dsOptions) {\n\t var ds = isArray(dsOptions) ? { data: dsOptions } : dsOptions;\n\n\t if (this.connectionsDataSource && this._connectionsRefreshHandler) {\n\t this.connectionsDataSource\n\t .unbind(\"change\", this._connectionsRefreshHandler)\n\t .unbind(\"requestStart\", this._connectionsRequestStartHandler)\n\t .unbind(\"error\", this._connectionsErrorHandler);\n\t } else {\n\t this._connectionsRefreshHandler = proxy(this._refreshConnections, this);\n\t this._connectionsRequestStartHandler = proxy(this._connectionsRequestStart, this);\n\t this._connectionsErrorHandler = proxy(this._connectionsError, this);\n\t }\n\n\t this.connectionsDataSource = kendo.data.DataSource.create(ds)\n\t .bind(\"change\", this._connectionsRefreshHandler)\n\t .bind(\"requestStart\", this._connectionsRequestStartHandler)\n\t .bind(\"error\", this._connectionsErrorHandler);\n\t }\n\t },\n\n\t _shapesRequestStart: function(e) {\n\t if (e.type == \"read\") {\n\t this._loadingShapes = true;\n\t }\n\t },\n\n\t _connectionsRequestStart: function(e) {\n\t if (e.type == \"read\") {\n\t this._loadingConnections = true;\n\t }\n\t },\n\n\t _error: function () {\n\t this._loadingShapes = false;\n\t },\n\n\t _connectionsError: function() {\n\t this._loadingConnections = false;\n\t },\n\n\t _refreshShapes: function(e) {\n\t if (e.action === \"remove\") {\n\t if (this._shouldRefresh()) {\n\t this._removeShapes(e.items);\n\t }\n\t } else if (e.action === \"itemchange\") {\n\t if (this._shouldRefresh()) {\n\t this._updateShapes(e.items, e.field);\n\t }\n\t } else if (e.action === \"add\") {\n\t this._inactiveShapeItems.add(e.items);\n\t } else if (e.action === \"sync\") {\n\t this._syncShapes(e.items);\n\t } else {\n\t this.refresh();\n\t }\n\t },\n\n\t _shouldRefresh: function() {\n\t return !this._suspended;\n\t },\n\n\t _suspendModelRefresh: function() {\n\t this._suspended = (this._suspended || 0) + 1;\n\t },\n\n\t _resumeModelRefresh: function() {\n\t this._suspended = math.max((this._suspended || 0) - 1, 0);\n\t },\n\n\t refresh: function() {\n\t this._loadingShapes = false;\n\t if (!this._loadingConnections) {\n\t this._rebindShapesAndConnections();\n\t }\n\t },\n\n\t _rebindShapesAndConnections: function() {\n\t this.clear();\n\t this._addShapes(this.dataSource.view());\n\t if (this.connectionsDataSource) {\n\t this._addConnections(this.connectionsDataSource.view(), false);\n\t }\n\n\t if (this.options.layout) {\n\t this.layout(this.options.layout);\n\t } else {\n\t this._redrawConnections();\n\t }\n\t this.trigger(\"dataBound\");\n\t },\n\n\t refreshConnections: function() {\n\t this._loadingConnections = false;\n\t if (!this._loadingShapes) {\n\t this._rebindShapesAndConnections();\n\t }\n\t },\n\n\t _redrawConnections: function() {\n\t var connections = this.connections;\n\t for (var idx = 0; idx < connections.length; idx++) {\n\t connections[idx].refresh();\n\t }\n\t },\n\n\t _removeShapes: function(items) {\n\t var dataMap = this._dataMap;\n\t var item, i;\n\t for (i = 0; i < items.length; i++) {\n\t item = items[i];\n\t if (dataMap[item.id]) {\n\t this.remove(dataMap[item.id], false);\n\t dataMap[item.id] = null;\n\t }\n\t }\n\t },\n\n\t _syncShapes: function() {\n\t var diagram = this;\n\t var inactiveItems = diagram._inactiveShapeItems;\n\t inactiveItems.forEach(function(inactiveItem) {\n\t var dataItem = inactiveItem.dataItem;\n\t var shape = inactiveItem.element;\n\t if (!dataItem.isNew()) {\n\t if (shape) {\n\t shape._setOptionsFromModel();\n\t diagram.addShape(shape, inactiveItem.undoable);\n\t diagram._dataMap[dataItem.id] = shape;\n\t } else {\n\t diagram._addDataItem(dataItem);\n\t }\n\t inactiveItem.activate();\n\t inactiveItems.remove(dataItem);\n\t }\n\t });\n\t },\n\n\t _updateShapes: function(items, field) {\n\t for (var i = 0; i < items.length; i++) {\n\t var dataItem = items[i];\n\n\t var shape = this._dataMap[dataItem.id];\n\t if (shape) {\n\t shape.updateOptionsFromModel(dataItem, field);\n\t }\n\t }\n\t },\n\n\t _addShapes: function(dataItems) {\n\t for (var i = 0; i < dataItems.length; i++) {\n\t this._addDataItem(dataItems[i], false);\n\t }\n\t },\n\n\t _refreshConnections: function(e) {\n\t if (e.action === \"remove\") {\n\t if (this._shouldRefresh()) {\n\t this._removeConnections(e.items);\n\t }\n\t } else if (e.action === \"add\") {\n\t this._addConnections(e.items);\n\t } else if (e.action === \"sync\") {\n\t //TO DO: include logic to update the connections with different values returned from the server.\n\t } else if (e.action === \"itemchange\") {\n\t if (this._shouldRefresh()) {\n\t this._updateConnections(e.items);\n\t }\n\t } else {\n\t this.refreshConnections();\n\t }\n\t },\n\n\t _removeConnections: function(items) {\n\t for (var i = 0; i < items.length; i++) {\n\t this.remove(this._connectionsDataMap[items[i].uid], false);\n\t this._connectionsDataMap[items[i].uid] = null;\n\t }\n\t },\n\n\t _updateConnections: function(items) {\n\t for (var i = 0; i < items.length; i++) {\n\t var dataItem = items[i];\n\n\t var connection = this._connectionsDataMap[dataItem.uid];\n\t connection.updateOptionsFromModel(dataItem);\n\t }\n\t },\n\n\t _addConnections: function(connections, undoable) {\n\t var length = connections.length;\n\n\t for (var i = 0; i < length; i++) {\n\t var dataItem = connections[i];\n\t this._addConnectionDataItem(dataItem, undoable);\n\t }\n\t },\n\n\t _addConnectionDataItem: function(dataItem, undoable) {\n\t if (!this._connectionsDataMap[dataItem.uid]) {\n\t var from = this._validateConnector(dataItem.from);\n\t if (!defined(from) || from === null) {\n\t from = new Point(dataItem.fromX, dataItem.fromY);\n\t }\n\n\t var to = this._validateConnector(dataItem.to);\n\t if (!defined(to) || to === null) {\n\t to = new Point(dataItem.toX, dataItem.toY);\n\t }\n\n\t if (defined(from) && defined(to)) {\n\t var options = deepExtend({}, this.options.connectionDefaults);\n\t options.dataItem = dataItem;\n\t var connection = new Connection(from, to, options);\n\n\t this._connectionsDataMap[dataItem.uid] = connection;\n\t this.addConnection(connection, undoable);\n\t }\n\t }\n\t },\n\n\t _validateConnector: function(value) {\n\t var connector;\n\n\t if (defined(value) && value !== null) {\n\t connector = this._dataMap[value];\n\t }\n\n\t return connector;\n\t },\n\n\t _treeDataSource: function () {\n\t var that = this,\n\t options = that.options,\n\t dataSource = options.dataSource;\n\n\t dataSource = isArray(dataSource) ? { data: dataSource } : dataSource;\n\n\t if (dataSource instanceof kendo.data.DataSource && !(dataSource instanceof kendo.data.HierarchicalDataSource)) {\n\t throw new Error(\"Incorrect DataSource type. If a single dataSource instance is set to the diagram then it should be a HierarchicalDataSource. You should set only the options instead of an instance or a HierarchicalDataSource instance or supply connectionsDataSource as well.\");\n\t }\n\n\t if (!dataSource.fields) {\n\t dataSource.fields = [\n\t { field: \"text\" },\n\t { field: \"url\" },\n\t { field: \"spriteCssClass\" },\n\t { field: \"imageUrl\" }\n\t ];\n\t }\n\t if (that.dataSource && that._refreshHandler) {\n\t that._unbindDataSource();\n\t }\n\n\t that._refreshHandler = proxy(that._refreshSource, that);\n\t that._errorHandler = proxy(that._error, that);\n\n\t that.dataSource = HierarchicalDataSource.create(dataSource)\n\t .bind(CHANGE, that._refreshHandler)\n\t .bind(ERROR, that._errorHandler);\n\t },\n\n\t _unbindDataSource: function () {\n\t var that = this;\n\n\t that.dataSource.unbind(CHANGE, that._refreshHandler).unbind(ERROR, that._errorHandler);\n\t },\n\n\t _adorn: function (adorner, isActive) {\n\t if (isActive !== undefined && adorner) {\n\t if (isActive) {\n\t this._adorners.push(adorner);\n\t this.adornerLayer.append(adorner.visual);\n\t }\n\t else {\n\t Utils.remove(this._adorners, adorner);\n\t this.adornerLayer.remove(adorner.visual);\n\t }\n\t }\n\t },\n\n\t _showConnectors: function (shape, value) {\n\t if (value) {\n\t this._connectorsAdorner.show(shape);\n\t } else {\n\t this._connectorsAdorner.destroy();\n\t }\n\t },\n\n\t _updateAdorners: function() {\n\t var adorners = this._adorners;\n\n\t for(var i = 0; i < adorners.length; i++) {\n\t var adorner = adorners[i];\n\n\t if (adorner.refreshBounds) {\n\t adorner.refreshBounds();\n\t }\n\t adorner.refresh();\n\t }\n\t },\n\n\t _refresh: function () {\n\t for (var i = 0; i < this.connections.length; i++) {\n\t this.connections[i].refresh();\n\t }\n\t },\n\n\t _destroyToolBar: function() {\n\t if (this.singleToolBar) {\n\t this.singleToolBar.hide();\n\t this.singleToolBar.destroy();\n\t this.singleToolBar = null;\n\t }\n\t },\n\n\t _destroyGlobalToolBar: function() {\n\t if (this.toolBar) {\n\t this.toolBar.hide();\n\t this.toolBar.destroy();\n\t this.toolBar = null;\n\t }\n\t },\n\n\t exportDOMVisual: function() {\n\t var viewBox = this.canvas._viewBox;\n\t var scrollOffset = geom.transform()\n\t .translate(-viewBox.x, -viewBox.y);\n\n\t var viewRect = new geom.Rect([0, 0], [viewBox.width, viewBox.height]);\n\t var clipPath = draw.Path.fromRect(viewRect);\n\t var wrap = new draw.Group({ transform: scrollOffset });\n\t var clipWrap = new draw.Group({ clip: clipPath });\n\t var root = this.canvas.drawingElement.children[0];\n\n\t clipWrap.append(wrap);\n\n\t // Don't reparent the root\n\t wrap.children.push(root);\n\n\t return clipWrap;\n\t },\n\n\t exportVisual: function() {\n\t var scale = geom.transform().scale(1 / this._zoom);\n\t var wrap = new draw.Group({\n\t transform: scale\n\t });\n\n\t var root = this.mainLayer.drawingElement;\n\t wrap.children.push(root);\n\n\t return wrap;\n\t },\n\n\t _syncChanges: function() {\n\t this._syncShapeChanges();\n\t this._syncConnectionChanges();\n\t },\n\n\t _syncShapeChanges: function() {\n\t if (this.dataSource && this._isEditable) {\n\t this.dataSource.sync();\n\t }\n\t },\n\n\t _syncConnectionChanges: function() {\n\t var that = this;\n\t if (that.connectionsDataSource && that._isEditable) {\n\t $.when.apply($, that._deferredConnectionUpdates).then(function() {\n\t that.connectionsDataSource.sync();\n\t });\n\t that.deferredConnectionUpdates = [];\n\t }\n\t }\n\t });\n\n\t dataviz.ExportMixin.extend(Diagram.fn, true);\n\n\t if (kendo.PDFMixin) {\n\t kendo.PDFMixin.extend(Diagram.fn);\n\t }\n\n\t function filterShapeDataItem(dataItem) {\n\t var result = {};\n\n\t dataItem = dataItem || {};\n\n\t if (defined(dataItem.text) && dataItem.text !== null) {\n\t result.text = dataItem.text;\n\t }\n\n\t if (defined(dataItem.x) && dataItem.x !== null) {\n\t result.x = dataItem.x;\n\t }\n\n\t if (defined(dataItem.y) && dataItem.y !== null) {\n\t result.y = dataItem.y;\n\t }\n\n\t if (defined(dataItem.width) && dataItem.width !== null) {\n\t result.width = dataItem.width;\n\t }\n\n\t if (defined(dataItem.height) && dataItem.height !== null) {\n\t result.height = dataItem.height;\n\t }\n\n\t if (defined(dataItem.type) && dataItem.type !== null) {\n\t result.type = dataItem.type;\n\t }\n\n\t return result;\n\t }\n\n\t function filterConnectionDataItem(dataItem) {\n\t var result = {};\n\n\t dataItem = dataItem || {};\n\n\t if (defined(dataItem.text) && dataItem.text !== null) {\n\t result.content = dataItem.text;\n\t }\n\n\t if (defined(dataItem.type) && dataItem.type !== null) {\n\t result.type = dataItem.type;\n\t }\n\n\t if (defined(dataItem.from) && dataItem.from !== null) {\n\t result.from = dataItem.from;\n\t }\n\n\t if (defined(dataItem.fromConnector) && dataItem.fromConnector !== null) {\n\t result.fromConnector = dataItem.fromConnector;\n\t }\n\n\t if (defined(dataItem.fromX) && dataItem.fromX !== null) {\n\t result.fromX = dataItem.fromX;\n\t }\n\n\t if (defined(dataItem.fromY) && dataItem.fromY !== null) {\n\t result.fromY = dataItem.fromY;\n\t }\n\n\t if (defined(dataItem.to) && dataItem.to !== null) {\n\t result.to = dataItem.to;\n\t }\n\n\t if (defined(dataItem.toConnector) && dataItem.toConnector !== null) {\n\t result.toConnector = dataItem.toConnector;\n\t }\n\n\t if (defined(dataItem.toX) && dataItem.toX !== null) {\n\t result.toX = dataItem.toX;\n\t }\n\n\t if (defined(dataItem.toY) && dataItem.toY !== null) {\n\t result.toY = dataItem.toY;\n\t }\n\n\t return result;\n\t }\n\n\n\t var DiagramToolBar = kendo.Observable.extend({\n\t init: function(diagram, options) {\n\t kendo.Observable.fn.init.call(this);\n\t this.diagram = diagram;\n\t this.options = deepExtend({}, this.options, options);\n\t this._tools = [];\n\t this.createToolBar();\n\t this.createTools();\n\t this.appendTools();\n\n\t if (this.options.modal) {\n\t this.createPopup();\n\t }\n\n\t this.bind(this.events, options);\n\t },\n\n\t events: [\"click\"],\n\n\t createPopup: function() {\n\t this.container = $(\"\").append(this.element);\n\t this._popup = this.container.kendoPopup({}).getKendoPopup();\n\t },\n\n\t appendTools: function() {\n\t for (var i = 0; i < this._tools.length; i++) {\n\t var tool = this._tools[i];\n\t if (tool.buttons && tool.buttons.length || !defined(tool.buttons)) {\n\t this._toolBar.add(tool);\n\t }\n\t }\n\t },\n\n\t createToolBar: function() {\n\t this.element = $(\"\");\n\t this._toolBar = this.element\n\t .kendoToolBar({\n\t click: proxy(this.click, this),\n\t resizable: false\n\t }).getKendoToolBar();\n\n\t this.element.css(\"border\", \"none\");\n\t },\n\n\t createTools: function() {\n\t for (var i = 0; i < this.options.tools.length; i++) {\n\t this.createTool(this.options.tools[i]);\n\t }\n\t },\n\n\t createTool: function(tool) {\n\t if (!isPlainObject(tool)) {\n\t tool = {\n\t name: tool\n\t };\n\t }\n\t var toolName = tool.name + \"Tool\";\n\t if (this[toolName]) {\n\t this[toolName](tool);\n\t } else {\n\t this._tools.push(deepExtend({}, tool, {\n\t attributes: this._setAttributes({action: tool.name})\n\t }));\n\t }\n\t },\n\n\t showAt: function(point) {\n\t var popupZIndex = parseInt(this.options.popupZIndex, 10);\n\n\t if (this._popup) {\n\t this._popup.open(point.x, point.y);\n\r\n\t if (popupZIndex) {\r\n\t this._popup.wrapper.css(\"zIndex\", popupZIndex);\r\n\t }\n\t }\n\t },\n\n\t hide: function() {\n\t if (this._popup) {\n\t this._popup.close();\n\t }\n\t },\n\n\t newGroup: function() {\n\t return {\n\t type: \"buttonGroup\",\n\t buttons: []\n\t };\n\t },\n\n\t editTool: function() {\n\t this._tools.push({\n\t icon: \"edit\",\n\t showText: \"overflow\",\n\t type: \"button\",\n\t text: \"Edit\",\n\t attributes: this._setAttributes({ action: \"edit\" })\n\t });\n\t },\n\n\t deleteTool: function() {\n\t this._tools.push({\n\t icon: \"close\",\n\t showText: \"overflow\",\n\t type: \"button\",\n\t text: \"Delete\",\n\t attributes: this._setAttributes({ action: \"delete\" })\n\t });\n\t },\n\n\t rotateAnticlockwiseTool: function(options) {\n\t this._appendGroup(\"rotate\");\n\t this._rotateGroup.buttons.push({\n\t icon: \"rotate-left\",\n\t showText: \"overflow\",\n\t text: \"RotateAnticlockwise\",\n\t group: \"rotate\",\n\t attributes: this._setAttributes({ action: \"rotateAnticlockwise\", step: options.step })\n\t });\n\t },\n\n\t rotateClockwiseTool: function(options) {\n\t this._appendGroup(\"rotate\");\n\t this._rotateGroup.buttons.push({\n\t icon: \"rotate-right\",\n\t attributes: this._setAttributes({ action: \"rotateClockwise\", step: options.step }),\n\t showText: \"overflow\",\n\t text: \"RotateClockwise\",\n\t group: \"rotate\"\n\t });\n\t },\n\n\t createShapeTool: function() {\n\t this._appendGroup(\"create\");\n\t this._createGroup.buttons.push({\n\t icon: \"shape\",\n\t showText: \"overflow\",\n\t text: \"CreateShape\",\n\t group: \"create\",\n\t attributes: this._setAttributes({ action: \"createShape\" })\n\t });\n\t },\n\n\t createConnectionTool: function() {\n\t this._appendGroup(\"create\");\n\t this._createGroup.buttons.push({\n\t icon: \"connector\",\n\t showText: \"overflow\",\n\t text: \"CreateConnection\",\n\t group: \"create\",\n\t attributes: this._setAttributes({ action: \"createConnection\" })\n\t });\n\t },\n\n\t undoTool: function() {\n\t this._appendGroup(\"history\");\n\t this._historyGroup.buttons.push({\n\t icon: \"undo\",\n\t showText: \"overflow\",\n\t text: \"Undo\",\n\t group: \"history\",\n\t attributes: this._setAttributes({ action: \"undo\" })\n\t });\n\t },\n\n\t redoTool: function() {\n\t this._appendGroup(\"history\");\n\t this._historyGroup.buttons.push({\n\t icon: \"redo\",\n\t showText: \"overflow\",\n\t text: \"Redo\",\n\t group: \"history\",\n\t attributes: this._setAttributes({ action: \"redo\" })\n\t });\n\t },\n\n\t _appendGroup: function(name) {\n\t var prop = \"_\" + name + \"Group\";\n\t if (!this[prop]) {\n\t this[prop] = this.newGroup();\n\t this._tools.push(this[prop]);\n\t }\n\t },\n\n\t _setAttributes: function(attributes) {\n\t var attr = {};\n\n\t if (attributes.action) {\n\t attr[kendo.attr(\"action\")] = attributes.action;\n\t }\n\n\t if (attributes.step) {\n\t attr[kendo.attr(\"step\")] = attributes.step;\n\t }\n\n\t return attr;\n\t },\n\n\t _getAttributes: function(element) {\n\t var attr = {};\n\n\t var action = element.attr(kendo.attr(\"action\"));\n\t if (action) {\n\t attr.action = action;\n\t }\n\n\t var step = element.attr(kendo.attr(\"step\"));\n\t if (step) {\n\t attr.step = step;\n\t }\n\n\t return attr;\n\t },\n\n\t click: function(e) {\n\t var attributes = this._getAttributes($(e.target));\n\t var action = attributes.action;\n\n\t if (action && this[action]) {\n\t this[action](attributes);\n\t }\n\n\t this.trigger(\"click\", this.eventData(action, e.target));\n\t },\n\n\t eventData: function(action, target) {\n\t var elements = this.selectedElements(),\n\t length = elements.length,\n\t shapes = [], connections = [], element;\n\n\t for (var idx = 0; idx < 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\n\t return {\n\t shapes: shapes,\n\t connections: connections,\n\t action: action,\n\t target: target\n\t };\n\t },\n\n\t \"delete\": function() {\n\t var diagram = this.diagram;\n\t var toRemove = diagram._triggerRemove(this.selectedElements());\n\t if (toRemove.length) {\n\t this.diagram.remove(toRemove, true);\n\t this.diagram._syncChanges();\n\t }\n\t },\n\n\t edit: function() {\n\t var selectedElemens = this.selectedElements();\n\t if (selectedElemens.length === 1) {\n\t this.diagram.edit(selectedElemens[0]);\n\t }\n\t },\n\n\t rotateClockwise: function(options) {\n\t var angle = parseFloat(options.step || 90);\n\t this._rotate(angle);\n\t },\n\n\t rotateAnticlockwise: function(options) {\n\t var angle = parseFloat(options.step || 90);\n\t this._rotate(-angle);\n\t },\n\n\t _rotate: function(angle) {\n\t var adorner = this.diagram._resizingAdorner;\n\t adorner.angle(adorner.angle() + angle);\n\t adorner.rotate();\n\t },\n\n\t selectedElements: function() {\n\t return this.diagram.select();\n\t },\n\n\t createShape: function() {\n\t this.diagram.createShape();\n\t },\n\n\t createConnection: function() {\n\t this.diagram.createConnection();\n\t },\n\n\t undo: function() {\n\t this.diagram.undo();\n\t },\n\n\t redo: function() {\n\t this.diagram.redo();\n\t },\n\n\t destroy: function() {\n\t this.diagram = null;\n\t this.element = null;\n\t this.options = null;\n\n\t if (this._toolBar) {\n\t this._toolBar.destroy();\n\t }\n\n\t if (this._popup) {\n\t this._popup.destroy();\n\t }\n\t }\n\t });\n\n\t var Editor = kendo.Observable.extend({\n\t init: function(element, options) {\n\t kendo.Observable.fn.init.call(this);\n\n\t this.options = extend(true, {}, this.options, options);\n\t this.element = element;\n\t this.model = this.options.model;\n\t this.fields = this._getFields();\n\t this._initContainer();\n\t this.createEditable();\n\t },\n\n\t options: {\n\t editors: {}\n\t },\n\n\t _initContainer: function() {\n\t this.wrapper = this.element;\n\t },\n\n\t createEditable: function() {\n\t var options = this.options;\n\n\t this.editable = new kendo.ui.Editable(this.wrapper, {\n\t fields: this.fields,\n\t target: options.target,\n\t clearContainer: false,\n\t model: this.model\n\t });\n\t },\n\n\t _isEditable: function(field) {\n\t return this.model.editable && this.model.editable(field);\n\t },\n\n\t _getFields: function() {\n\t var fields = [];\n\t var modelFields = this.model.fields;\n\n\t for (var field in modelFields) {\n\t var result = {};\n\t if (this._isEditable(field)) {\n\t var editor = this.options.editors[field];\n\t if (editor) {\n\t result.editor = editor;\n\t }\n\t result.field = field;\n\t fields.push(result);\n\t }\n\t }\n\n\t return fields;\n\t },\n\n\t end: function() {\n\t return this.editable.end();\n\t },\n\n\t destroy: function() {\n\t this.editable.destroy();\n\t this.editable.element.find(\"[\" + kendo.attr(\"container-for\") + \"]\").empty();\n\t this.model = this.wrapper = this.element = this.columns = this.editable = null;\n\t }\n\t });\n\n\t var PopupEditor = Editor.extend({\n\t init: function(element, options) {\n\t Editor.fn.init.call(this, element, options);\n\t this.bind(this.events, this.options);\n\n\t this.open();\n\t },\n\n\t events: [ \"update\", \"cancel\" ],\n\n\t options: {\n\t window: {\n\t modal: true,\n\t resizable: false,\n\t draggable: true,\n\t title: \"Edit\",\n\t visible: false\n\t }\n\t },\n\n\t _initContainer: function() {\n\t var that = this;\n\t this.wrapper = $('
')\n\t .attr(kendo.attr(\"uid\"), this.model.uid);\n\n\t var formContent = \"\";\n\n\t if (this.options.template) {\n\t formContent += this._renderTemplate();\n\t this.fields = [];\n\t } else {\n\t formContent += this._renderFields();\n\t }\n\n\t formContent += this._renderButtons();\n\n\t this.wrapper.append(\n\t $('
').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 = window.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/***/ 861:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dropdownlist\");\n\n/***/ }),\n\n/***/ 862:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.draganddrop\");\n\n/***/ }),\n\n/***/ 863:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.toolbar\");\n\n/***/ }),\n\n/***/ 864:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.editable\");\n\n/***/ }),\n\n/***/ 865:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.window\");\n\n/***/ }),\n\n/***/ 866:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./svg\");\n\n/***/ }),\n\n/***/ 867:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./services\");\n\n/***/ }),\n\n/***/ 868:\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__(869);\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/***/ 869:\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__(870) ], __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/***/ 870:\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__(871);\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/***/ 850:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 871:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(872), __webpack_require__(850) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var kendo = window.kendo,\r\n\t diagram = kendo.dataviz.diagram,\r\n\t Class = kendo.Class,\r\n\t deepExtend = kendo.deepExtend,\r\n\t dataviz = kendo.dataviz,\r\n\t Utils = diagram.Utils,\r\n\t Point = dataviz.Point2D,\r\n\t isFunction = kendo.isFunction,\r\n\t contains = Utils.contains,\r\n\t map = $.map;\r\n\r\n\t // Constants ==============================================================\r\n\t var HITTESTAREA = 3,\r\n\t EPSILON = 1e-06;\r\n\r\n\t deepExtend(Point.fn, {\r\n\t plus: function (p) {\r\n\t return new Point(this.x + p.x, this.y + p.y);\r\n\t },\r\n\t minus: function (p) {\r\n\t return new Point(this.x - p.x, this.y - p.y);\r\n\t },\r\n\t offset: function (value) {\r\n\t return new Point(this.x - value, this.y - value);\r\n\t },\r\n\t times: function (s) {\r\n\t return new Point(this.x * s, this.y * s);\r\n\t },\r\n\t normalize: function () {\r\n\t if (this.length() === 0) {\r\n\t return new Point();\r\n\t }\r\n\t return this.times(1 / this.length());\r\n\t },\r\n\t length: function () {\r\n\t return Math.sqrt(this.x * this.x + this.y * this.y);\r\n\t },\r\n\t toString: function () {\r\n\t return \"(\" + this.x + \",\" + this.y + \")\";\r\n\t },\r\n\t lengthSquared: function () {\r\n\t return (this.x * this.x + this.y * this.y);\r\n\t },\r\n\t middleOf: function MiddleOf(p, q) {\r\n\t return new Point(q.x - p.x, q.y - p.y).times(0.5).plus(p);\r\n\t },\r\n\t toPolar: function (useDegrees) {\r\n\t var factor = 1;\r\n\t if (useDegrees) {\r\n\t factor = 180 / Math.PI;\r\n\t }\r\n\t var a = Math.atan2(Math.abs(this.y), Math.abs(this.x));\r\n\t var halfpi = Math.PI / 2;\r\n\t var len = this.length();\r\n\t if (this.x === 0) {\r\n\t // note that the angle goes down and not the usual mathematical convention\r\n\r\n\t if (this.y === 0) {\r\n\t return new Polar(0, 0);\r\n\t }\r\n\t if (this.y > 0) {\r\n\t return new Polar(len, factor * halfpi);\r\n\t }\r\n\t if (this.y < 0) {\r\n\t return new Polar(len, factor * 3 * halfpi);\r\n\t }\r\n\t }\r\n\t else if (this.x > 0) {\r\n\t if (this.y === 0) {\r\n\t return new Polar(len, 0);\r\n\t }\r\n\t if (this.y > 0) {\r\n\t return new Polar(len, factor * a);\r\n\t }\r\n\t if (this.y < 0) {\r\n\t return new Polar(len, factor * (4 * halfpi - a));\r\n\t }\r\n\t }\r\n\t else {\r\n\t if (this.y === 0) {\r\n\t return new Polar(len, 2 * halfpi);\r\n\t }\r\n\t if (this.y > 0) {\r\n\t return new Polar(len, factor * (2 * halfpi - a));\r\n\t }\r\n\t if (this.y < 0) {\r\n\t return new Polar(len, factor * (2 * halfpi + a));\r\n\t }\r\n\t }\r\n\t },\r\n\t isOnLine: function (from, to) {\r\n\t if (from.x > to.x) { // from must be the leftmost point\r\n\t var temp = to;\r\n\t to = from;\r\n\t from = temp;\r\n\t }\r\n\t var r1 = new Rect(from.x, from.y).inflate(HITTESTAREA, HITTESTAREA),\r\n\t r2 = new Rect(to.x, to.y).inflate(HITTESTAREA, HITTESTAREA), o1, u1;\r\n\t if (r1.union(r2).contains(this)) {\r\n\t if (from.x === to.x || from.y === to.y) {\r\n\t return true;\r\n\t }\r\n\t else if (from.y < to.y) {\r\n\t o1 = r1.x + (((r2.x - r1.x) * (this.y - (r1.y + r1.height))) / ((r2.y + r2.height) - (r1.y + r1.height)));\r\n\t u1 = (r1.x + r1.width) + ((((r2.x + r2.width) - (r1.x + r1.width)) * (this.y - r1.y)) / (r2.y - r1.y));\r\n\t }\r\n\t else {\r\n\t o1 = r1.x + (((r2.x - r1.x) * (this.y - r1.y)) / (r2.y - r1.y));\r\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)));\r\n\t }\r\n\t return (this.x > o1 && this.x < u1);\r\n\t }\r\n\t return false;\r\n\t }\r\n\t });\r\n\r\n\t deepExtend(Point, {\r\n\t parse: function (str) {\r\n\t var tempStr = str.slice(1, str.length - 1),\r\n\t xy = tempStr.split(\",\"),\r\n\t x = parseInt(xy[0], 10),\r\n\t y = parseInt(xy[1], 10);\r\n\t if (!isNaN(x) && !isNaN(y)) {\r\n\t return new Point(x, y);\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * Structure combining a Point with two additional points representing the handles or tangents attached to the first point.\r\n\t * If the additional points are null or equal to the first point the path will be sharp.\r\n\t * Left and right correspond to the direction of the underlying path.\r\n\t */\r\n\t var PathDefiner = Class.extend(\r\n\t {\r\n\t init: function (p, left, right) {\r\n\t this.point = p;\r\n\t this.left = left;\r\n\t this.right = right;\r\n\t }\r\n\t }\r\n\t );\r\n\r\n\t /**\r\n\t * Defines a rectangular region.\r\n\t */\r\n\t var Rect = Class.extend({\r\n\t init: function (x, y, width, height) {\r\n\t this.x = x || 0;\r\n\t this.y = y || 0;\r\n\t this.width = width || 0;\r\n\t this.height = height || 0;\r\n\t },\r\n\t contains: function (point) {\r\n\t return ((point.x >= this.x) && (point.x <= (this.x + this.width)) && (point.y >= this.y) && (point.y <= (this.y + this.height)));\r\n\t },\r\n\t inflate: function (dx, dy) {\r\n\t if (dy === undefined) {\r\n\t dy = dx;\r\n\t }\r\n\r\n\t this.x -= dx;\r\n\t this.y -= dy;\r\n\t this.width += 2 * dx + 1;\r\n\t this.height += 2 * dy + 1;\r\n\t return this;\r\n\t },\r\n\t offset: function (dx, dy) {\r\n\t var x = dx, y = dy;\r\n\t if (dx instanceof Point) {\r\n\t x = dx.x;\r\n\t y = dx.y;\r\n\t }\r\n\t this.x += x;\r\n\t this.y += y;\r\n\t return this;\r\n\t },\r\n\t union: function (r) {\r\n\t var x1 = Math.min(this.x, r.x);\r\n\t var y1 = Math.min(this.y, r.y);\r\n\t var x2 = Math.max((this.x + this.width), (r.x + r.width));\r\n\t var y2 = Math.max((this.y + this.height), (r.y + r.height));\r\n\t return new Rect(x1, y1, x2 - x1, y2 - y1);\r\n\t },\r\n\t center: function () {\r\n\t return new Point(this.x + this.width / 2, this.y + this.height / 2);\r\n\t },\r\n\t top: function () {\r\n\t return new Point(this.x + this.width / 2, this.y);\r\n\t },\r\n\t right: function () {\r\n\t return new Point(this.x + this.width, this.y + this.height / 2);\r\n\t },\r\n\t bottom: function () {\r\n\t return new Point(this.x + this.width / 2, this.y + this.height);\r\n\t },\r\n\t left: function () {\r\n\t return new Point(this.x, this.y + this.height / 2);\r\n\t },\r\n\t topLeft: function () {\r\n\t return new Point(this.x, this.y);\r\n\t },\r\n\t topRight: function () {\r\n\t return new Point(this.x + this.width, this.y);\r\n\t },\r\n\t bottomLeft: function () {\r\n\t return new Point(this.x, this.y + this.height);\r\n\t },\r\n\t bottomRight: function () {\r\n\t return new Point(this.x + this.width, this.y + this.height);\r\n\t },\r\n\t clone: function () {\r\n\t return new Rect(this.x, this.y, this.width, this.height);\r\n\t },\r\n\t isEmpty: function () {\r\n\t return !this.width && !this.height;\r\n\t },\r\n\t equals: function (rect) {\r\n\t return this.x === rect.x && this.y === rect.y && this.width === rect.width && this.height === rect.height;\r\n\t },\r\n\t rotatedBounds: function (angle) {\r\n\t var rect = this.clone(),\r\n\t points = this.rotatedPoints(angle),\r\n\t tl = points[0],\r\n\t tr = points[1],\r\n\t br = points[2],\r\n\t bl = points[3];\r\n\r\n\t rect.x = Math.min(br.x, tl.x, tr.x, bl.x);\r\n\t rect.y = Math.min(br.y, tl.y, tr.y, bl.y);\r\n\t rect.width = Math.max(br.x, tl.x, tr.x, bl.x) - rect.x;\r\n\t rect.height = Math.max(br.y, tl.y, tr.y, bl.y) - rect.y;\r\n\r\n\t return rect;\r\n\t },\r\n\t rotatedPoints: function (angle) {\r\n\t var rect = this,\r\n\t c = rect.center(),\r\n\t br = rect.bottomRight().rotate(c, 360 - angle),\r\n\t tl = rect.topLeft().rotate(c, 360 - angle),\r\n\t tr = rect.topRight().rotate(c, 360 - angle),\r\n\t bl = rect.bottomLeft().rotate(c, 360 - angle);\r\n\r\n\t return [tl, tr, br, bl];\r\n\t },\r\n\t toString: function (delimiter) {\r\n\t delimiter = delimiter || \" \";\r\n\r\n\t return this.x + delimiter + this.y + delimiter + this.width + delimiter + this.height;\r\n\t },\r\n\t scale: function (scaleX, scaleY, staicPoint, adornerCenter, angle) {\r\n\t var tl = this.topLeft();\r\n\t var thisCenter = this.center();\r\n\t tl.rotate(thisCenter, 360 - angle).rotate(adornerCenter, angle);\r\n\r\n\t var delta = staicPoint.minus(tl);\r\n\t var scaled = new Point(delta.x * scaleX, delta.y * scaleY);\r\n\t var position = delta.minus(scaled);\r\n\t tl = tl.plus(position);\r\n\t tl.rotate(adornerCenter, 360 - angle).rotate(thisCenter, angle);\r\n\r\n\t this.x = tl.x;\r\n\t this.y = tl.y;\r\n\r\n\t this.width *= scaleX;\r\n\t this.height *= scaleY;\r\n\t },\r\n\r\n\t zoom: function(zoom) {\r\n\t this.x *= zoom;\r\n\t this.y *= zoom;\r\n\t this.width *= zoom;\r\n\t this.height *= zoom;\r\n\t return this;\r\n\t },\r\n\r\n\t overlaps: function(rect) {\r\n\t var bottomRight = this.bottomRight();\r\n\t var rectBottomRight = rect.bottomRight();\r\n\t var overlaps = !(bottomRight.x < rect.x || bottomRight.y < rect.y ||\r\n\t rectBottomRight.x < this.x || rectBottomRight.y < this.y);\r\n\t return overlaps;\r\n\t }\r\n\t });\r\n\r\n\t var Size = Class.extend({\r\n\t init: function (width, height) {\r\n\t this.width = width;\r\n\t this.height = height;\r\n\t }\r\n\t });\r\n\r\n\t Size.prototype.Empty = new Size(0, 0);\r\n\r\n\t Rect.toRect = function (rect) {\r\n\t if (!(rect instanceof Rect)) {\r\n\t rect = new Rect(rect.x, rect.y, rect.width, rect.height);\r\n\t }\r\n\r\n\t return rect;\r\n\t };\r\n\r\n\t Rect.empty = function () {\r\n\t return new Rect(0, 0, 0, 0);\r\n\t };\r\n\r\n\t Rect.fromPoints = function (p, q) {\r\n\t if (isNaN(p.x) || isNaN(p.y) || isNaN(q.x) || isNaN(q.y)) {\r\n\t throw \"Some values are NaN.\";\r\n\t }\r\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));\r\n\t };\r\n\r\n\t function isNearZero(num) {\r\n\t return Math.abs(num) < EPSILON;\r\n\t }\r\n\r\n\t function intersectLine(start1, end1, start2, end2, isSegment) {\r\n\t var tangensdiff = ((end1.x - start1.x) * (end2.y - start2.y)) - ((end1.y - start1.y) * (end2.x - start2.x));\r\n\t if (isNearZero(tangensdiff)) {\r\n\t //parallel lines\r\n\t return;\r\n\t }\r\n\r\n\t var num1 = ((start1.y - start2.y) * (end2.x - start2.x)) - ((start1.x - start2.x) * (end2.y - start2.y));\r\n\t var num2 = ((start1.y - start2.y) * (end1.x - start1.x)) - ((start1.x - start2.x) * (end1.y - start1.y));\r\n\t var r = num1 / tangensdiff;\r\n\t var s = num2 / tangensdiff;\r\n\r\n\t if (isSegment && (r < 0 || r > 1 || s < 0 || s > 1)) {\r\n\t //r < 0 => line 1 is below line 2\r\n\t //r > 1 => line 1 is above line 2\r\n\t //s < 0 => line 2 is below line 1\r\n\t //s > 1 => line 2 is above line 1\r\n\t return;\r\n\t }\r\n\r\n\t return new Point(start1.x + (r * (end1.x - start1.x)), start1.y + (r * (end1.y - start1.y)));\r\n\t }\r\n\r\n\t var Intersect = {\r\n\t lines: function (start1, end1, start2, end2) {\r\n\t return intersectLine(start1, end1, start2, end2);\r\n\t },\r\n\t segments: function (start1, end1, start2, end2) {\r\n\t return intersectLine(start1, end1, start2, end2, true);\r\n\t },\r\n\t rectWithLine: function (rect, start, end) {\r\n\t return Intersect.segments(start, end, rect.topLeft(), rect.topRight()) ||\r\n\t Intersect.segments(start, end, rect.topRight(), rect.bottomRight()) ||\r\n\t Intersect.segments(start, end, rect.bottomLeft(), rect.bottomRight()) ||\r\n\t Intersect.segments(start, end, rect.topLeft(), rect.bottomLeft());\r\n\t },\r\n\t rects: function (rect1, rect2, angle) {\r\n\t var tl = rect2.topLeft(),\r\n\t tr = rect2.topRight(),\r\n\t bl = rect2.bottomLeft(),\r\n\t br = rect2.bottomRight();\r\n\t var center = rect2.center();\r\n\t if (angle) {\r\n\t tl = tl.rotate(center, angle);\r\n\t tr = tr.rotate(center, angle);\r\n\t bl = bl.rotate(center, angle);\r\n\t br = br.rotate(center, angle);\r\n\t }\r\n\r\n\t var intersect = rect1.contains(tl) ||\r\n\t rect1.contains(tr) ||\r\n\t rect1.contains(bl) ||\r\n\t rect1.contains(br) ||\r\n\t Intersect.rectWithLine(rect1, tl, tr) ||\r\n\t Intersect.rectWithLine(rect1, tl, bl) ||\r\n\t Intersect.rectWithLine(rect1, tr, br) ||\r\n\t Intersect.rectWithLine(rect1, bl, br);\r\n\r\n\t if (!intersect) {//last possible case is rect1 to be completely within rect2\r\n\t tl = rect1.topLeft();\r\n\t tr = rect1.topRight();\r\n\t bl = rect1.bottomLeft();\r\n\t br = rect1.bottomRight();\r\n\r\n\t if (angle) {\r\n\t var reverseAngle = 360 - angle;\r\n\t tl = tl.rotate(center, reverseAngle);\r\n\t tr = tr.rotate(center, reverseAngle);\r\n\t bl = bl.rotate(center, reverseAngle);\r\n\t br = br.rotate(center, reverseAngle);\r\n\t }\r\n\r\n\t intersect = rect2.contains(tl) ||\r\n\t rect2.contains(tr) ||\r\n\t rect2.contains(bl) ||\r\n\t rect2.contains(br);\r\n\t }\r\n\r\n\t return intersect;\r\n\t }\r\n\t };\r\n\r\n\t /**\r\n\t * Aligns two rectangles, where one is the container and the other is content.\r\n\t */\r\n\t var RectAlign = Class.extend({\r\n\t init: function (container) {\r\n\t this.container = Rect.toRect(container);\r\n\t },\r\n\r\n\t align: function (content, alignment) {\r\n\t var alignValues = alignment.toLowerCase().split(\" \");\r\n\r\n\t for (var i = 0; i < alignValues.length; i++) {\r\n\t content = this._singleAlign(content, alignValues[i]);\r\n\t }\r\n\r\n\t return content;\r\n\t },\r\n\t _singleAlign: function (content, alignment) {\r\n\t if (isFunction(this[alignment])) {\r\n\t return this[alignment](content);\r\n\t }\r\n\t else {\r\n\t return content;\r\n\t }\r\n\t },\r\n\r\n\t left: function (content) {\r\n\t return this._align(content, this._left);\r\n\t },\r\n\t center: function (content) {\r\n\t return this._align(content, this._center);\r\n\t },\r\n\t right: function (content) {\r\n\t return this._align(content, this._right);\r\n\t },\r\n\t stretch: function (content) {\r\n\t return this._align(content, this._stretch);\r\n\t },\r\n\t top: function (content) {\r\n\t return this._align(content, this._top);\r\n\t },\r\n\t middle: function (content) {\r\n\t return this._align(content, this._middle);\r\n\t },\r\n\t bottom: function (content) {\r\n\t return this._align(content, this._bottom);\r\n\t },\r\n\r\n\t _left: function (container, content) {\r\n\t content.x = container.x;\r\n\t },\r\n\t _center: function (container, content) {\r\n\t content.x = ((container.width - content.width) / 2) || 0;\r\n\t },\r\n\t _right: function (container, content) {\r\n\t content.x = container.width - content.width;\r\n\t },\r\n\t _top: function (container, content) {\r\n\t content.y = container.y;\r\n\t },\r\n\t _middle: function (container, content) {\r\n\t content.y = ((container.height - content.height) / 2) || 0;\r\n\t },\r\n\t _bottom: function (container, content) {\r\n\t content.y = container.height - content.height;\r\n\t },\r\n\t _stretch: function (container, content) {\r\n\t content.x = 0;\r\n\t content.y = 0;\r\n\t content.height = container.height;\r\n\t content.width = container.width;\r\n\t },\r\n\t _align: function (content, alignCalc) {\r\n\t content = Rect.toRect(content);\r\n\t alignCalc(this.container, content);\r\n\r\n\t return content;\r\n\t }\r\n\t });\r\n\r\n\t var Polar = Class.extend({\r\n\t init: function (r, a) {\r\n\t this.r = r;\r\n\t this.angle = a;\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * SVG transformation matrix.\r\n\t */\r\n\t var Matrix = Class.extend({\r\n\t init: function (a, b, c, d, e, f) {\r\n\t this.a = a || 0;\r\n\t this.b = b || 0;\r\n\t this.c = c || 0;\r\n\t this.d = d || 0;\r\n\t this.e = e || 0;\r\n\t this.f = f || 0;\r\n\t },\r\n\t plus: function (m) {\r\n\t this.a += m.a;\r\n\t this.b += m.b;\r\n\t this.c += m.c;\r\n\t this.d += m.d;\r\n\t this.e += m.e;\r\n\t this.f += m.f;\r\n\t },\r\n\t minus: function (m) {\r\n\t this.a -= m.a;\r\n\t this.b -= m.b;\r\n\t this.c -= m.c;\r\n\t this.d -= m.d;\r\n\t this.e -= m.e;\r\n\t this.f -= m.f;\r\n\t },\r\n\t times: function (m) {\r\n\t return new Matrix(\r\n\t this.a * m.a + this.c * m.b,\r\n\t this.b * m.a + this.d * m.b,\r\n\t this.a * m.c + this.c * m.d,\r\n\t this.b * m.c + this.d * m.d,\r\n\t this.a * m.e + this.c * m.f + this.e,\r\n\t this.b * m.e + this.d * m.f + this.f\r\n\t );\r\n\t },\r\n\t apply: function (p) {\r\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);\r\n\t },\r\n\t applyRect: function (r) {\r\n\t return Rect.fromPoints(this.apply(r.topLeft()), this.apply(r.bottomRight()));\r\n\t },\r\n\t toString: function () {\r\n\t return \"matrix(\" + this.a + \" \" + this.b + \" \" + this.c + \" \" + this.d + \" \" + this.e + \" \" + this.f + \")\";\r\n\t }\r\n\t });\r\n\r\n\t deepExtend(Matrix, {\r\n\t fromSVGMatrix: function (vm) {\r\n\t var m = new Matrix();\r\n\t m.a = vm.a;\r\n\t m.b = vm.b;\r\n\t m.c = vm.c;\r\n\t m.d = vm.d;\r\n\t m.e = vm.e;\r\n\t m.f = vm.f;\r\n\t return m;\r\n\t },\r\n\t fromMatrixVector: function (v) {\r\n\t var m = new Matrix();\r\n\t m.a = v.a;\r\n\t m.b = v.b;\r\n\t m.c = v.c;\r\n\t m.d = v.d;\r\n\t m.e = v.e;\r\n\t m.f = v.f;\r\n\t return m;\r\n\t },\r\n\t fromList: function (v) {\r\n\t if (v.length !== 6) {\r\n\t throw \"The given list should consist of six elements.\";\r\n\t }\r\n\t var m = new Matrix();\r\n\t m.a = v[0];\r\n\t m.b = v[1];\r\n\t m.c = v[2];\r\n\t m.d = v[3];\r\n\t m.e = v[4];\r\n\t m.f = v[5];\r\n\t return m;\r\n\t },\r\n\t translation: function (x, y) {\r\n\t var m = new Matrix();\r\n\t m.a = 1;\r\n\t m.b = 0;\r\n\t m.c = 0;\r\n\t m.d = 1;\r\n\t m.e = x;\r\n\t m.f = y;\r\n\t return m;\r\n\t },\r\n\t unit: function () {\r\n\t return new Matrix(1, 0, 0, 1, 0, 0);\r\n\t },\r\n\t rotation: function (angle, x, y) {\r\n\t var m = new Matrix();\r\n\t m.a = Math.cos(angle * Math.PI / 180);\r\n\t m.b = Math.sin(angle * Math.PI / 180);\r\n\t m.c = -m.b;\r\n\t m.d = m.a;\r\n\t m.e = (x - x * m.a + y * m.b) || 0;\r\n\t m.f = (y - y * m.a - x * m.b) || 0;\r\n\t return m;\r\n\t },\r\n\t scaling: function (scaleX, scaleY) {\r\n\t var m = new Matrix();\r\n\t m.a = scaleX;\r\n\t m.b = 0;\r\n\t m.c = 0;\r\n\t m.d = scaleY;\r\n\t m.e = 0;\r\n\t m.f = 0;\r\n\t return m;\r\n\t },\r\n\t parse: function (v) {\r\n\t var parts, nums;\r\n\t if (v) {\r\n\t v = v.trim();\r\n\t // of the form \"matrix(...)\"\r\n\t if (v.slice(0, 6).toLowerCase() === \"matrix\") {\r\n\t nums = v.slice(7, v.length - 1).trim();\r\n\t parts = nums.split(\",\");\r\n\t if (parts.length === 6) {\r\n\t return Matrix.fromList(map(parts, function (p) {\r\n\t return parseFloat(p);\r\n\t }));\r\n\t }\r\n\t parts = nums.split(\" \");\r\n\t if (parts.length === 6) {\r\n\t return Matrix.fromList(map(parts, function (p) {\r\n\t return parseFloat(p);\r\n\t }));\r\n\t }\r\n\t }\r\n\t // of the form \"(...)\"\r\n\t if (v.slice(0, 1) === \"(\" && v.slice(v.length - 1) === \")\") {\r\n\t v = v.substr(1, v.length - 1);\r\n\t }\r\n\t if (v.indexOf(\",\") > 0) {\r\n\t parts = v.split(\",\");\r\n\t if (parts.length === 6) {\r\n\t return Matrix.fromList(map(parts, function (p) {\r\n\t return parseFloat(p);\r\n\t }));\r\n\t }\r\n\t }\r\n\t if (v.indexOf(\" \") > 0) {\r\n\t parts = v.split(\" \");\r\n\t if (parts.length === 6) {\r\n\t return Matrix.fromList(map(parts, function (p) {\r\n\t return parseFloat(p);\r\n\t }));\r\n\t }\r\n\t }\r\n\t }\r\n\t return parts;\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * SVG transformation represented as a vector.\r\n\t */\r\n\t var MatrixVector = Class.extend({\r\n\t init: function (a, b, c, d, e, f) {\r\n\t this.a = a || 0;\r\n\t this.b = b || 0;\r\n\t this.c = c || 0;\r\n\t this.d = d || 0;\r\n\t this.e = e || 0;\r\n\t this.f = f || 0;\r\n\t },\r\n\t fromMatrix: function FromMatrix(m) {\r\n\t var v = new MatrixVector();\r\n\t v.a = m.a;\r\n\t v.b = m.b;\r\n\t v.c = m.c;\r\n\t v.d = m.d;\r\n\t v.e = m.e;\r\n\t v.f = m.f;\r\n\t return v;\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * Returns a value with Gaussian (normal) distribution.\r\n\t * @param mean The mean value of the distribution.\r\n\t * @param deviation The deviation (spreading at half-height) of the distribution.\r\n\t * @returns {number}\r\n\t */\r\n\t function normalVariable(mean, deviation) {\r\n\t var x, y, r;\r\n\t do {\r\n\t x = Math.random() * 2 - 1;\r\n\t y = Math.random() * 2 - 1;\r\n\t r = x * x + y * y;\r\n\t }\r\n\t while (!r || r > 1);\r\n\t return mean + deviation * x * Math.sqrt(-2 * Math.log(r) / r);\r\n\t }\r\n\r\n\t /**\r\n\t * Returns a random identifier which can be used as an ID of objects, eventually augmented with a prefix.\r\n\t * @returns {string}\r\n\t */\r\n\t function randomId(length) {\r\n\t if (Utils.isUndefined(length)) {\r\n\t length = 10;\r\n\t }\r\n\t // old version return Math.floor((1 + Math.random()) * 0x1000000).toString(16).substring(1);\r\n\t var result = '';\r\n\t var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';\r\n\t for (var i = length; i > 0; --i) {\r\n\t result += chars.charAt(Math.round(Math.random() * (chars.length - 1)));\r\n\t }\r\n\t return result;\r\n\t }\r\n\r\n\t var Geometry = {\r\n\r\n\t /**\r\n\t * Returns the squared distance to the line defined by the two given Points.\r\n\t * @param p An arbitrary Point.\r\n\t * @param a An endpoint of the line or segment.\r\n\t * @param b The complementary endpoint of the line or segment.\r\n\t */\r\n\t _distanceToLineSquared: function (p, a, b) {\r\n\t function d2(pt1, pt2) {\r\n\t return (pt1.x - pt2.x) * (pt1.x - pt2.x) + (pt1.y - pt2.y) * (pt1.y - pt2.y);\r\n\t }\r\n\r\n\t if (a === b) { // returns the distance of p to a\r\n\t return d2(p, a);\r\n\t }\r\n\r\n\t var vx = b.x - a.x,\r\n\t vy = b.y - a.y,\r\n\t dot = (p.x - a.x) * vx + (p.y - a.y) * vy;\r\n\t if (dot < 0) {\r\n\t return d2(a, p); // sits on side of a\r\n\t }\r\n\r\n\t dot = (b.x - p.x) * vx + (b.y - p.y) * vy;\r\n\t if (dot < 0) {\r\n\t return d2(b, p); // sits on side of b\r\n\t }\r\n\t // regular case, use crossproduct to get the sine out\r\n\t dot = (b.x - p.x) * vy - (b.y - p.y) * vx;\r\n\t return dot * dot / (vx * vx + vy * vy);\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the distance to the line defined by the two given Points.\r\n\t * @param p An arbitrary Point.\r\n\t * @param a An endpoint of the line or segment.\r\n\t * @param b The complementary endpoint of the line or segment.\r\n\t */\r\n\t distanceToLine: function (p, a, b) {\r\n\t return Math.sqrt(this._distanceToLineSquared(p, a, b));\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the distance of the given points to the polyline defined by the points.\r\n\t * @param p An arbitrary point.\r\n\t * @param points The points defining the polyline.\r\n\t * @returns {Number}\r\n\t */\r\n\t distanceToPolyline: function (p, points) {\r\n\t var minimum = Number.MAX_VALUE;\r\n\t if (Utils.isUndefined(points) || points.length === 0) {\r\n\t return Number.MAX_VALUE;\r\n\t }\r\n\t for (var s = 0; s < points.length - 1; s++) {\r\n\t var p1 = points[s];\r\n\t var p2 = points[s + 1];\r\n\r\n\t var d = this._distanceToLineSquared(p, p1, p2);\r\n\t if (d < minimum) {\r\n\t minimum = d;\r\n\t }\r\n\t }\r\n\t return Math.sqrt(minimum);\r\n\t }\r\n\t };\r\n\r\n\t /*---------------The HashTable structure--------------------------------*/\r\n\r\n\t /**\r\n\t * Represents a collection of key-value pairs that are organized based on the hash code of the key.\r\n\t * _buckets[hashId] = {key: key, value:...}\r\n\t * Important: do not use the standard Array access method, use the get/set methods instead.\r\n\t * See http://en.wikipedia.org/wiki/Hash_table\r\n\t */\r\n\t var HashTable = kendo.Class.extend({\r\n\t init: function () {\r\n\t this._buckets = [];\r\n\t this.length = 0;\r\n\t },\r\n\r\n\t /**\r\n\t * Adds the literal object with the given key (of the form {key: key,....}).\r\n\t */\r\n\t add: function (key, value) {\r\n\r\n\t var obj = this._createGetBucket(key);\r\n\t if (Utils.isDefined(value)) {\r\n\t obj.value = value;\r\n\t }\r\n\t return obj;\r\n\t },\r\n\r\n\t /**\r\n\t * Gets the literal object with the given key.\r\n\t */\r\n\t get: function (key) {\r\n\t if (this._bucketExists(key)) {\r\n\t return this._createGetBucket(key);\r\n\t }\r\n\t return null;\r\n\t },\r\n\r\n\t /**\r\n\t * Set the key-value pair.\r\n\t * @param key The key of the entry.\r\n\t * @param value The value to set. If the key already exists the value will be overwritten.\r\n\t */\r\n\t set: function (key, value) {\r\n\t this.add(key, value);\r\n\t },\r\n\r\n\t /**\r\n\t * Determines whether the HashTable contains a specific key.\r\n\t */\r\n\t containsKey: function (key) {\r\n\t return this._bucketExists(key);\r\n\t },\r\n\r\n\t /**\r\n\t * Removes the element with the specified key from the hashtable.\r\n\t * Returns the removed bucket.\r\n\t */\r\n\t remove: function (key) {\r\n\t if (this._bucketExists(key)) {\r\n\t var hashId = this._hash(key);\r\n\t delete this._buckets[hashId];\r\n\t this.length--;\r\n\t return key;\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Foreach with an iterator working on the key-value pairs.\r\n\t * @param func\r\n\t */\r\n\t forEach: function (func) {\r\n\t var hashes = this._hashes();\r\n\t for (var i = 0, len = hashes.length; i < len; i++) {\r\n\t var hash = hashes[i];\r\n\t var bucket = this._buckets[hash];\r\n\t if (Utils.isUndefined(bucket)) {\r\n\t continue;\r\n\t }\r\n\t func(bucket);\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns a (shallow) clone of the current HashTable.\r\n\t * @returns {HashTable}\r\n\t */\r\n\t clone: function () {\r\n\t var ht = new HashTable();\r\n\t var hashes = this._hashes();\r\n\t for (var i = 0, len = hashes.length; i < len; i++) {\r\n\t var hash = hashes[i];\r\n\t var bucket = this._buckets[hash];\r\n\t if (Utils.isUndefined(bucket)) {\r\n\t continue;\r\n\t }\r\n\t ht.add(bucket.key, bucket.value);\r\n\t }\r\n\t return ht;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the hashes of the buckets.\r\n\t * @returns {Array}\r\n\t * @private\r\n\t */\r\n\t _hashes: function () {\r\n\t var hashes = [];\r\n\t for (var hash in this._buckets) {\r\n\t if (this._buckets.hasOwnProperty(hash)) {\r\n\t hashes.push(hash);\r\n\t }\r\n\t }\r\n\t return hashes;\r\n\t },\r\n\r\n\t _bucketExists: function (key) {\r\n\t var hashId = this._hash(key);\r\n\t return Utils.isDefined(this._buckets[hashId]);\r\n\t },\r\n\r\n\t /**\r\n\t * Returns-adds the createGetBucket with the given key. If not present it will\r\n\t * be created and returned.\r\n\t * A createGetBucket is a literal object of the form {key: key, ...}.\r\n\t */\r\n\t _createGetBucket: function (key) {\r\n\t var hashId = this._hash(key);\r\n\t var bucket = this._buckets[hashId];\r\n\t if (Utils.isUndefined(bucket)) {\r\n\t bucket = { key: key };\r\n\t this._buckets[hashId] = bucket;\r\n\t this.length++;\r\n\t }\r\n\t return bucket;\r\n\t },\r\n\r\n\t /**\r\n\t * Hashing of the given key.\r\n\t */\r\n\t _hash: function (key) {\r\n\t if (Utils.isNumber(key)) {\r\n\t return key;\r\n\t }\r\n\t if (Utils.isString(key)) {\r\n\t return this._hashString(key);\r\n\t }\r\n\t if (Utils.isObject(key)) {\r\n\t return this._objectHashId(key);\r\n\t }\r\n\t throw \"Unsupported key type.\";\r\n\t },\r\n\r\n\t /**\r\n\t * Hashing of a string.\r\n\t */\r\n\t _hashString: function (s) {\r\n\t // see for example http://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript-jquery\r\n\t var result = 0;\r\n\t if (s.length === 0) {\r\n\t return result;\r\n\t }\r\n\t for (var i = 0; i < s.length; i++) {\r\n\t var ch = s.charCodeAt(i);\r\n\t result = ((result * 32) - result) + ch;\r\n\t }\r\n\t return result;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the unique identifier for an object. This is automatically assigned and add on the object.\r\n\t */\r\n\t _objectHashId: function (key) {\r\n\t var id = key._hashId;\r\n\t if (Utils.isUndefined(id)) {\r\n\t id = randomId();\r\n\t key._hashId = id;\r\n\t }\r\n\t return id;\r\n\t }\r\n\t });\r\n\r\n\t /*---------------The Dictionary structure--------------------------------*/\r\n\r\n\t /**\r\n\t * Represents a collection of key-value pairs.\r\n\t * Important: do not use the standard Array access method, use the get/Set methods instead.\r\n\t */\r\n\t var Dictionary = kendo.Observable.extend({\r\n\t /**\r\n\t * Initializes a new instance of the Dictionary class.\r\n\t * @param dictionary Loads the content of the given dictionary into this new one.\r\n\t */\r\n\t init: function (dictionary) {\r\n\t var that = this;\r\n\t kendo.Observable.fn.init.call(that);\r\n\t this._hashTable = new HashTable();\r\n\t this.length = 0;\r\n\t if (Utils.isDefined(dictionary)) {\r\n\t if ($.isArray(dictionary)) {\r\n\t for (var i = 0; i < dictionary.length; i++) {\r\n\t this.add(dictionary[i]);\r\n\t }\r\n\t } else {\r\n\t dictionary.forEach(function (k, v) {\r\n\t this.add(k, v);\r\n\t }, this);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Adds a key-value to the dictionary.\r\n\t * If the key already exists this will assign the given value to the existing entry.\r\n\t */\r\n\t add: function (key, value) {\r\n\t var entry = this._hashTable.get(key);\r\n\t if (!entry) {\r\n\t entry = this._hashTable.add(key);\r\n\t this.length++;\r\n\t this.trigger('changed');\r\n\t }\r\n\t entry.value = value;\r\n\t },\r\n\r\n\t /**\r\n\t * Set the key-value pair.\r\n\t * @param key The key of the entry.\r\n\t * @param value The value to set. If the key already exists the value will be overwritten.\r\n\t */\r\n\t set: function (key, value) {\r\n\t this.add(key, value);\r\n\t },\r\n\r\n\t /**\r\n\t * Gets the value associated with the given key in the dictionary.\r\n\t */\r\n\t get: function (key) {\r\n\t var entry = this._hashTable.get(key);\r\n\t if (entry) {\r\n\t return entry.value;\r\n\t }\r\n\t throw new Error(\"Cannot find key \" + key);\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether the dictionary contains the given key.\r\n\t */\r\n\t containsKey: function (key) {\r\n\t return this._hashTable.containsKey(key);\r\n\t },\r\n\r\n\t /**\r\n\t * Removes the element with the specified key from the dictionary.\r\n\t */\r\n\t remove: function (key) {\r\n\t if (this.containsKey(key)) {\r\n\t this.trigger(\"changed\");\r\n\t this.length--;\r\n\t return this._hashTable.remove(key);\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * The functional gets the key and value as parameters.\r\n\t */\r\n\t forEach: function (func, thisRef) {\r\n\t this._hashTable.forEach(function (entry) {\r\n\t func.call(thisRef, entry.key, entry.value);\r\n\t });\r\n\t },\r\n\r\n\t /**\r\n\t * Same as forEach except that only the value is passed to the functional.\r\n\t */\r\n\t forEachValue: function (func, thisRef) {\r\n\t this._hashTable.forEach(function (entry) {\r\n\t func.call(thisRef, entry.value);\r\n\t });\r\n\t },\r\n\r\n\t /**\r\n\t * Calls a defined callback function for each key in the dictionary.\r\n\t */\r\n\t forEachKey: function (func, thisRef) {\r\n\t this._hashTable.forEach(function (entry) {\r\n\t func.call(thisRef, entry.key);\r\n\t });\r\n\t },\r\n\r\n\t /**\r\n\t * Gets an array with all keys in the dictionary.\r\n\t */\r\n\t keys: function () {\r\n\t var keys = [];\r\n\t this.forEachKey(function (key) {\r\n\t keys.push(key);\r\n\t });\r\n\t return keys;\r\n\t }\r\n\t });\r\n\r\n\t /*---------------Queue structure--------------------------------*/\r\n\r\n\t var Queue = kendo.Class.extend({\r\n\r\n\t init: function () {\r\n\t this._tail = null;\r\n\t this._head = null;\r\n\t this.length = 0;\r\n\t },\r\n\r\n\t /**\r\n\t * Enqueues an object to the end of the queue.\r\n\t */\r\n\t enqueue: function (value) {\r\n\t var entry = { value: value, next: null };\r\n\t if (!this._head) {\r\n\t this._head = entry;\r\n\t this._tail = this._head;\r\n\t }\r\n\t else {\r\n\t this._tail.next = entry;\r\n\t this._tail = this._tail.next;\r\n\t }\r\n\t this.length++;\r\n\t },\r\n\r\n\t /**\r\n\t * Removes and returns the object at top of the queue.\r\n\t */\r\n\t dequeue: function () {\r\n\t if (this.length < 1) {\r\n\t throw new Error(\"The queue is empty.\");\r\n\t }\r\n\t var value = this._head.value;\r\n\t this._head = this._head.next;\r\n\t this.length--;\r\n\t return value;\r\n\t },\r\n\r\n\t contains: function (item) {\r\n\t var current = this._head;\r\n\t while (current) {\r\n\t if (current.value === item) {\r\n\t return true;\r\n\t }\r\n\t current = current.next;\r\n\t }\r\n\t return false;\r\n\t }\r\n\t });\r\n\r\n\r\n\t /**\r\n\t * While other data structures can have multiple times the same item a Set owns only\r\n\t * once a particular item.\r\n\t * @type {*}\r\n\t */\r\n\t var Set = kendo.Observable.extend({\r\n\t init: function (resource) {\r\n\t var that = this;\r\n\t kendo.Observable.fn.init.call(that);\r\n\t this._hashTable = new HashTable();\r\n\t this.length = 0;\r\n\t if (Utils.isDefined(resource)) {\r\n\t if (resource instanceof HashTable) {\r\n\t resource.forEach(function (d) {\r\n\t this.add(d);\r\n\t });\r\n\t }\r\n\t else if (resource instanceof Dictionary) {\r\n\t resource.forEach(function (k, v) {\r\n\t this.add({key: k, value: v});\r\n\t }, this);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t contains: function (item) {\r\n\t return this._hashTable.containsKey(item);\r\n\t },\r\n\r\n\t add: function (item) {\r\n\t var entry = this._hashTable.get(item);\r\n\t if (!entry) {\r\n\t this._hashTable.add(item, item);\r\n\t this.length++;\r\n\t this.trigger('changed');\r\n\t }\r\n\t },\r\n\r\n\t get: function (item) {\r\n\t if (this.contains(item)) {\r\n\t return this._hashTable.get(item).value;\r\n\t }\r\n\t else {\r\n\t return null;\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the hash of the item.\r\n\t * @param item\r\n\t * @returns {*}\r\n\t */\r\n\t hash: function (item) {\r\n\t return this._hashTable._hash(item);\r\n\t },\r\n\r\n\t /**\r\n\t * Removes the given item from the set. No exception is thrown if the item is not in the Set.\r\n\t * @param item\r\n\t */\r\n\t remove: function (item) {\r\n\t if (this.contains(item)) {\r\n\t this._hashTable.remove(item);\r\n\t this.length--;\r\n\t this.trigger('changed');\r\n\t }\r\n\t },\r\n\t /**\r\n\t * Foreach with an iterator working on the key-value pairs.\r\n\t * @param func\r\n\t */\r\n\t forEach: function (func, context) {\r\n\t this._hashTable.forEach(function (kv) {\r\n\t func(kv.value);\r\n\t }, context);\r\n\t },\r\n\t toArray: function () {\r\n\t var r = [];\r\n\t this.forEach(function (d) {\r\n\t r.push(d);\r\n\t });\r\n\t return r;\r\n\t }\r\n\t });\r\n\r\n\t /*----------------Node-------------------------------*/\r\n\r\n\t /**\r\n\t * Defines the node (vertex) of a Graph.\r\n\t */\r\n\t var Node = kendo.Class.extend({\r\n\r\n\t init: function (id, shape) {\r\n\r\n\t /**\r\n\t * Holds all the links incident with the current node.\r\n\t * Do not use this property to manage the incoming links, use the appropriate add/remove methods instead.\r\n\t */\r\n\t this.links = [];\r\n\r\n\t /**\r\n\t * Holds the links from the current one to another Node .\r\n\t * Do not use this property to manage the incoming links, use the appropriate add/remove methods instead.\r\n\t */\r\n\t this.outgoing = [];\r\n\r\n\t /**\r\n\t * Holds the links from another Node to the current one.\r\n\t * Do not use this property to manage the incoming links, use the appropriate add/remove methods instead.\r\n\t */\r\n\t this.incoming = [];\r\n\r\n\t /**\r\n\t * Holds the weight of this Node.\r\n\t */\r\n\t this.weight = 1;\r\n\r\n\t if (Utils.isDefined(id)) {\r\n\t this.id = id;\r\n\t }\r\n\t else {\r\n\t this.id = randomId();\r\n\t }\r\n\t if (Utils.isDefined(shape)) {\r\n\t this.associatedShape = shape;\r\n\t // transfer the shape's bounds to the runtime props\r\n\t var b = shape.bounds();\r\n\t this.width = b.width;\r\n\t this.height = b.height;\r\n\t this.x = b.x;\r\n\t this.y = b.y;\r\n\t }\r\n\t else {\r\n\t this.associatedShape = null;\r\n\t }\r\n\t /**\r\n\t * The payload of the node.\r\n\t * @type {null}\r\n\t */\r\n\t this.data = null;\r\n\t this.type = \"Node\";\r\n\t this.shortForm = \"Node '\" + this.id + \"'\";\r\n\t /**\r\n\t * Whether this is an injected node during the analysis or layout process.\r\n\t * @type {boolean}\r\n\t */\r\n\t this.isVirtual = false;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether this node has no links attached.\r\n\t */\r\n\t isIsolated: function () {\r\n\t return Utils.isEmpty(this.links);\r\n\t },\r\n\r\n\t /**\r\n\t * Gets or sets the bounding rectangle of this node.\r\n\t * This should be considered as runtime data, the property is not hotlinked to a SVG item.\r\n\t */\r\n\t bounds: function (r) {\r\n\t if (!Utils.isDefined(r)) {\r\n\t return new diagram.Rect(this.x, this.y, this.width, this.height);\r\n\t }\r\n\r\n\t this.x = r.x;\r\n\t this.y = r.y;\r\n\t this.width = r.width;\r\n\t this.height = r.height;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether there is at least one link with the given (complementary) node. This can be either an\r\n\t * incoming or outgoing link.\r\n\t */\r\n\t isLinkedTo: function (node) {\r\n\t var that = this;\r\n\t return Utils.any(that.links, function (link) {\r\n\t return link.getComplement(that) === node;\r\n\t });\r\n\t },\r\n\r\n\t /**\r\n\t * Gets the children of this node, defined as the adjacent nodes with a link from this node to the adjacent one.\r\n\t * @returns {Array}\r\n\t */\r\n\t getChildren: function () {\r\n\t if (this.outgoing.length === 0) {\r\n\t return [];\r\n\t }\r\n\t var children = [];\r\n\t for (var i = 0, len = this.outgoing.length; i < len; i++) {\r\n\t var link = this.outgoing[i];\r\n\t children.push(link.getComplement(this));\r\n\t }\r\n\t return children;\r\n\t },\r\n\r\n\t /**\r\n\t * Gets the parents of this node, defined as the adjacent nodes with a link from the adjacent node to this one.\r\n\t * @returns {Array}\r\n\t */\r\n\t getParents: function () {\r\n\t if (this.incoming.length === 0) {\r\n\t return [];\r\n\t }\r\n\t var parents = [];\r\n\t for (var i = 0, len = this.incoming.length; i < len; i++) {\r\n\t var link = this.incoming[i];\r\n\t parents.push(link.getComplement(this));\r\n\t }\r\n\t return parents;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns a clone of the Node. Note that the identifier is not cloned since it's a different Node instance.\r\n\t * @returns {Node}\r\n\t */\r\n\t clone: function () {\r\n\t var copy = new Node();\r\n\t if (Utils.isDefined(this.weight)) {\r\n\t copy.weight = this.weight;\r\n\t }\r\n\t if (Utils.isDefined(this.balance)) {\r\n\t copy.balance = this.balance;\r\n\t }\r\n\t if (Utils.isDefined(this.owner)) {\r\n\t copy.owner = this.owner;\r\n\t }\r\n\t copy.associatedShape = this.associatedShape;\r\n\t copy.x = this.x;\r\n\t copy.y = this.y;\r\n\t copy.width = this.width;\r\n\t copy.height = this.height;\r\n\t return copy;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether there is a link from the current node to the given node.\r\n\t */\r\n\t adjacentTo: function (node) {\r\n\t return this.isLinkedTo(node) !== null;\r\n\t },\r\n\r\n\t /**\r\n\t * Removes the given link from the link collection this node owns.\r\n\t * @param link\r\n\t */\r\n\t removeLink: function (link) {\r\n\t if (link.source === this) {\r\n\t Utils.remove(this.links, link);\r\n\t Utils.remove(this.outgoing, link);\r\n\t link.source = null;\r\n\t }\r\n\r\n\t if (link.target === this) {\r\n\t Utils.remove(this.links, link);\r\n\t Utils.remove(this.incoming, link);\r\n\t link.target = null;\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether there is a (outgoing) link from the current node to the given one.\r\n\t */\r\n\t hasLinkTo: function (node) {\r\n\t return Utils.any(this.outgoing, function (link) {\r\n\t return link.target === node;\r\n\t });\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the degree of this node, i.e. the sum of incoming and outgoing links.\r\n\t */\r\n\t degree: function () {\r\n\t return this.links.length;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether this node is either the source or the target of the given link.\r\n\t */\r\n\t incidentWith: function (link) {\r\n\t return contains(this.links, link);\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the links between this node and the given one.\r\n\t */\r\n\t getLinksWith: function (node) {\r\n\t return Utils.all(this.links, function (link) {\r\n\t return link.getComplement(this) === node;\r\n\t }, this);\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the nodes (either parent or child) which are linked to the current one.\r\n\t */\r\n\t getNeighbors: function () {\r\n\t var neighbors = [];\r\n\t Utils.forEach(this.incoming, function (e) {\r\n\t neighbors.push(e.getComplement(this));\r\n\t }, this);\r\n\t Utils.forEach(this.outgoing, function (e) {\r\n\t neighbors.push(e.getComplement(this));\r\n\t }, this);\r\n\t return neighbors;\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * Defines a directed link (edge, connection) of a Graph.\r\n\t */\r\n\t var Link = kendo.Class.extend({\r\n\r\n\t init: function (source, target, id, connection) {\r\n\t if (Utils.isUndefined(source)) {\r\n\t throw \"The source of the new link is not set.\";\r\n\t }\r\n\t if (Utils.isUndefined(target)) {\r\n\t throw \"The target of the new link is not set.\";\r\n\t }\r\n\t var sourceFound, targetFound;\r\n\t if (Utils.isString(source)) {\r\n\t sourceFound = new Node(source);\r\n\t }\r\n\t else {\r\n\t sourceFound = source;\r\n\t }\r\n\t if (Utils.isString(target)) {\r\n\t targetFound = new Node(target);\r\n\t }\r\n\t else {\r\n\t targetFound = target;\r\n\t }\r\n\r\n\t this.source = sourceFound;\r\n\t this.target = targetFound;\r\n\t this.source.links.push(this);\r\n\t this.target.links.push(this);\r\n\t this.source.outgoing.push(this);\r\n\t this.target.incoming.push(this);\r\n\t if (Utils.isDefined(id)) {\r\n\t this.id = id;\r\n\t }\r\n\t else {\r\n\t this.id = randomId();\r\n\t }\r\n\t if (Utils.isDefined(connection)) {\r\n\t this.associatedConnection = connection;\r\n\t }\r\n\t else {\r\n\t this.associatedConnection = null;\r\n\t }\r\n\t this.type = \"Link\";\r\n\t this.shortForm = \"Link '\" + this.source.id + \"->\" + this.target.id + \"'\";\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the complementary node of the given one, if any.\r\n\t */\r\n\t getComplement: function (node) {\r\n\t if (this.source !== node && this.target !== node) {\r\n\t throw \"The given node is not incident with this link.\";\r\n\t }\r\n\t return this.source === node ? this.target : this.source;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the overlap of the current link with the given one, if any.\r\n\t */\r\n\t getCommonNode: function (link) {\r\n\t if (this.source === link.source || this.source === link.target) {\r\n\t return this.source;\r\n\t }\r\n\t if (this.target === link.source || this.target === link.target) {\r\n\t return this.target;\r\n\t }\r\n\t return null;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether the current link is bridging the given nodes.\r\n\t */\r\n\t isBridging: function (v1, v2) {\r\n\t return this.source === v1 && this.target === v2 || this.source === v2 && this.target === v1;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the source and target of this link as a tuple.\r\n\t */\r\n\t getNodes: function () {\r\n\t return [this.source, this.target];\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether the given node is either the source or the target of the current link.\r\n\t */\r\n\t incidentWith: function (node) {\r\n\t return this.source === node || this.target === node;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether the given link is a continuation of the current one. This can be both\r\n\t * via an incoming or outgoing link.\r\n\t */\r\n\t adjacentTo: function (link) {\r\n\t return contains(this.source.links, link) || contains(this.target.links, link);\r\n\t },\r\n\r\n\t /**\r\n\t * Changes the source-node of this link.\r\n\t */\r\n\t changeSource: function (node) {\r\n\t Utils.remove(this.source.links, this);\r\n\t Utils.remove(this.source.outgoing, this);\r\n\r\n\t node.links.push(this);\r\n\t node.outgoing.push(this);\r\n\r\n\t this.source = node;\r\n\t },\r\n\r\n\t /**\r\n\t * Changes the target-node of this link.\r\n\t * @param node\r\n\t */\r\n\t changeTarget: function (node) {\r\n\t Utils.remove(this.target.links, this);\r\n\t Utils.remove(this.target.incoming, this);\r\n\r\n\t node.links.push(this);\r\n\t node.incoming.push(this);\r\n\r\n\t this.target = node;\r\n\t },\r\n\r\n\t /**\r\n\t * Changes both the source and the target nodes of this link.\r\n\t */\r\n\t changesNodes: function (v, w) {\r\n\t if (this.source === v) {\r\n\t this.changeSource(w);\r\n\t }\r\n\t else if (this.target === v) {\r\n\t this.changeTarget(w);\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Reverses the direction of this link.\r\n\t */\r\n\t reverse: function () {\r\n\t var oldSource = this.source;\r\n\t var oldTarget = this.target;\r\n\r\n\t this.source = oldTarget;\r\n\t Utils.remove(oldSource.outgoing, this);\r\n\t this.source.outgoing.push(this);\r\n\r\n\t this.target = oldSource;\r\n\t Utils.remove(oldTarget.incoming, this);\r\n\t this.target.incoming.push(this);\r\n\t return this;\r\n\t },\r\n\r\n\t /**\r\n\t * Ensures that the given target defines the endpoint of this link.\r\n\t */\r\n\t directTo: function (target) {\r\n\t if (this.source !== target && this.target !== target) {\r\n\t throw \"The given node is not incident with this link.\";\r\n\t }\r\n\t if (this.target !== target) {\r\n\t this.reverse();\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns a reversed clone of this link.\r\n\t */\r\n\t createReverseEdge: function () {\r\n\t var r = this.clone();\r\n\t r.reverse();\r\n\t r.reversed = true;\r\n\t return r;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns a clone of this link.\r\n\t */\r\n\t clone: function () {\r\n\t var clone = new Link(this.source, this.target);\r\n\t return clone;\r\n\t }\r\n\t });\r\n\r\n\t /*--------------Graph structure---------------------------------*/\r\n\t /**\r\n\t * Defines a directed graph structure.\r\n\t * Note that the incidence structure resides in the nodes through the incoming and outgoing links collection, rahter than\r\n\t * inside the Graph.\r\n\t */\r\n\t var Graph = kendo.Class.extend({\r\n\t init: function (idOrDiagram) {\r\n\t /**\r\n\t * The links or edge collection of this Graph.\r\n\t * @type {Array}\r\n\t */\r\n\t this.links = [];\r\n\t /**\r\n\t * The node or vertex collection of this Graph.\r\n\t * @type {Array}\r\n\t */\r\n\t this.nodes = [];\r\n\r\n\t this._nodeMap = new Dictionary();\r\n\t /**\r\n\t * The optional reference to the Diagram on which this Graph is based.\r\n\t * @type {null}\r\n\t */\r\n\t this.diagram = null;\r\n\r\n\t /**\r\n\t * The root of this Graph. If not set explicitly the first Node with zero incoming links will be taken.\r\n\t * @type {null}\r\n\t * @private\r\n\t */\r\n\t this._root = null;\r\n\t if (Utils.isDefined(idOrDiagram)) {\r\n\t if (Utils.isString(idOrDiagram)) {\r\n\t this.id = idOrDiagram;\r\n\t }\r\n\t else {\r\n\t this.diagram = idOrDiagram;\r\n\t this.id = idOrDiagram.id;\r\n\t }\r\n\t }\r\n\t else {\r\n\t this.id = randomId();\r\n\t }\r\n\r\n\t /**\r\n\t * The bounds of this graph if the nodes have spatial extension defined.\r\n\t * @type {Rect}\r\n\t */\r\n\t this.bounds = new Rect();\r\n\t // keeps track whether the children & parents have been created\r\n\t this._hasCachedRelationships = false;\r\n\t this.type = \"Graph\";\r\n\t },\r\n\t /**\r\n\t * Caches the relational information of parents and children in the 'parents' and 'children'\r\n\t * properties.\r\n\t * @param forceRebuild If set to true the relational info will be rebuild even if already present.\r\n\t */\r\n\t cacheRelationships: function (forceRebuild) {\r\n\t if (Utils.isUndefined(forceRebuild)) {\r\n\t forceRebuild = false;\r\n\t }\r\n\t if (this._hasCachedRelationships && !forceRebuild) {\r\n\t return;\r\n\t }\r\n\t for (var i = 0, len = this.nodes.length; i < len; i++) {\r\n\t var node = this.nodes[i];\r\n\t node.children = this.getChildren(node);\r\n\t node.parents = this.getParents(node);\r\n\t }\r\n\t this._hasCachedRelationships = true;\r\n\t },\r\n\r\n\t /**\r\n\t * Assigns tree-levels to the nodes assuming this is a tree graph.\r\n\t * If not connected or not a tree the process will succeed but\r\n\t * will have little meaning.\r\n\t * @param startNode The node from where the level numbering starts, usually the root of the tree.\r\n\t * @param visited The collection of visited nodes.\r\n\t * @param offset The offset or starting counter of the level info.\r\n\t */\r\n\t assignLevels: function (startNode, offset, visited) {\r\n\t if (!startNode) {\r\n\t throw \"Start node not specified.\";\r\n\t }\r\n\t if (Utils.isUndefined(offset)) {\r\n\t offset = 0;\r\n\t }\r\n\t // if not done before, cache the parents and children\r\n\t this.cacheRelationships();\r\n\t if (Utils.isUndefined(visited)) {\r\n\t visited = new Dictionary();\r\n\t Utils.forEach(this.nodes, function (n) {\r\n\t visited.add(n, false);\r\n\t });\r\n\t }\r\n\t visited.set(startNode, true);\r\n\t startNode.level = offset;\r\n\t var children = startNode.children;\r\n\t for (var i = 0, len = children.length; i < len; i++) {\r\n\t var child = children[i];\r\n\t if (!child || visited.get(child)) {\r\n\t continue;\r\n\t }\r\n\t this.assignLevels(child, offset + 1, visited);\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Gets or set the root of this graph.\r\n\t * If not set explicitly the first Node with zero incoming links will be taken.\r\n\t * @param value\r\n\t * @returns {*}\r\n\t */\r\n\t root: function (value) {\r\n\t if (Utils.isUndefined(value)) {\r\n\t if (!this._root) {\r\n\t // TODO: better to use the longest path for the most probable root?\r\n\t var found = Utils.first(this.nodes, function (n) {\r\n\t return n.incoming.length === 0;\r\n\t });\r\n\t if (found) {\r\n\t return found;\r\n\t }\r\n\t return Utils.first(this.nodes);\r\n\t }\r\n\t else {\r\n\t return this._root;\r\n\t }\r\n\t }\r\n\t else {\r\n\t this._root = value;\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the connected components of this graph.\r\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.\r\n\t * If you alter the items of the components you'll alter the original graph and vice versa.\r\n\t * @returns {Array}\r\n\t */\r\n\t getConnectedComponents: function () {\r\n\t this.componentIndex = 0;\r\n\t this.setItemIndices();\r\n\t var componentId = Utils.initArray(this.nodes.length, -1);\r\n\r\n\t for (var v = 0; v < this.nodes.length; v++) {\r\n\t if (componentId[v] === -1) {\r\n\t this._collectConnectedNodes(componentId, v);\r\n\t this.componentIndex++;\r\n\t }\r\n\t }\r\n\r\n\t var components = [], i;\r\n\t for (i = 0; i < this.componentIndex; ++i) {\r\n\t components[i] = new Graph();\r\n\t }\r\n\t for (i = 0; i < componentId.length; ++i) {\r\n\t var graph = components[componentId[i]];\r\n\t graph.addNodeAndOutgoings(this.nodes[i]);\r\n\t }\r\n\t // sorting the components in decreasing order of node count\r\n\t components.sort(function (a, b) {\r\n\t return b.nodes.length - a.nodes.length;\r\n\t });\r\n\t return components;\r\n\t },\r\n\r\n\t _collectConnectedNodes: function (setIds, nodeIndex) {\r\n\t setIds[nodeIndex] = this.componentIndex; // part of the current component\r\n\t var node = this.nodes[nodeIndex];\r\n\t Utils.forEach(node.links,\r\n\t function (link) {\r\n\t var next = link.getComplement(node);\r\n\t var nextId = next.index;\r\n\t if (setIds[nextId] === -1) {\r\n\t this._collectConnectedNodes(setIds, nextId);\r\n\t }\r\n\t }, this);\r\n\t },\r\n\r\n\t /**\r\n\t * Calculates the bounds of this Graph if the Nodes have spatial dimensions defined.\r\n\t * @returns {Rect}\r\n\t */\r\n\t calcBounds: function () {\r\n\t if (this.isEmpty()) {\r\n\t this.bounds = new Rect();\r\n\t return this.bounds;\r\n\t }\r\n\t var b = null;\r\n\t for (var i = 0, len = this.nodes.length; i < len; i++) {\r\n\t var node = this.nodes[i];\r\n\t if (!b) {\r\n\t b = node.bounds();\r\n\t }\r\n\t else {\r\n\t b = b.union(node.bounds());\r\n\t }\r\n\t }\r\n\t this.bounds = b;\r\n\t return this.bounds;\r\n\t },\r\n\r\n\t /**\r\n\t * Creates a spanning tree for the current graph.\r\n\t * Important: this will not return a spanning forest if the graph is disconnected.\r\n\t * Prim's algorithm finds a minimum-cost spanning tree of an edge-weighted, connected, undirected graph;\r\n\t * see http://en.wikipedia.org/wiki/Prim%27s_algorithm .\r\n\t * @param root The root of the spanning tree.\r\n\t * @returns {Graph}\r\n\t */\r\n\t getSpanningTree: function (root) {\r\n\t var tree = new Graph();\r\n\t var map = new Dictionary(), source, target;\r\n\t tree.root = root.clone();\r\n\t tree.root.level = 0;\r\n\t tree.root.id = root.id;\r\n\t map.add(root, tree.root);\r\n\t root.level = 0;\r\n\r\n\t var visited = [];\r\n\t var remaining = [];\r\n\t tree._addNode(tree.root);\r\n\t visited.push(root);\r\n\t remaining.push(root);\r\n\r\n\t var levelCount = 1;\r\n\t while (remaining.length > 0) {\r\n\t var next = remaining.pop();\r\n\t for (var ni = 0; ni < next.links.length; ni++) {\r\n\t var link = next.links[ni];\r\n\t var cn = link.getComplement(next);\r\n\t if (contains(visited, cn)) {\r\n\t continue;\r\n\t }\r\n\r\n\t cn.level = next.level + 1;\r\n\t if (levelCount < cn.level + 1) {\r\n\t levelCount = cn.level + 1;\r\n\t }\r\n\t if (!contains(remaining, cn)) {\r\n\t remaining.push(cn);\r\n\t }\r\n\t if (!contains(visited, cn)) {\r\n\t visited.push(cn);\r\n\t }\r\n\t if (map.containsKey(next)) {\r\n\t source = map.get(next);\r\n\t }\r\n\t else {\r\n\t source = next.clone();\r\n\t source.level = next.level;\r\n\t source.id = next.id;\r\n\t map.add(next, source);\r\n\t }\r\n\t if (map.containsKey(cn)) {\r\n\t target = map.get(cn);\r\n\t }\r\n\t else {\r\n\t target = cn.clone();\r\n\t target.level = cn.level;\r\n\t target.id = cn.id;\r\n\t map.add(cn, target);\r\n\t }\r\n\t var newLink = new Link(source, target);\r\n\t tree.addLink(newLink);\r\n\t }\r\n\r\n\t }\r\n\r\n\t var treeLevels = [];\r\n\t for (var i = 0; i < levelCount; i++) {\r\n\t treeLevels.push([]);\r\n\t }\r\n\r\n\t Utils.forEach(tree.nodes, function (node) {\r\n\t treeLevels[node.level].push(node);\r\n\t });\r\n\r\n\t tree.treeLevels = treeLevels;\r\n\t tree.cacheRelationships();\r\n\t return tree;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns a random node in this graph.\r\n\t * @param excludedNodes The collection of nodes which should not be considered.\r\n\t * @param incidenceLessThan The maximum degree or incidence the random node should have.\r\n\t * @returns {*}\r\n\t */\r\n\t takeRandomNode: function (excludedNodes, incidenceLessThan) {\r\n\t if (Utils.isUndefined(excludedNodes)) {\r\n\t excludedNodes = [];\r\n\t }\r\n\t if (Utils.isUndefined(incidenceLessThan)) {\r\n\t incidenceLessThan = 4;\r\n\t }\r\n\t if (this.nodes.length === 0) {\r\n\t return null;\r\n\t }\r\n\t if (this.nodes.length === 1) {\r\n\t return contains(excludedNodes, this.nodes[0]) ? null : this.nodes[0];\r\n\t }\r\n\t var pool = $.grep(this.nodes, function (node) {\r\n\t return !contains(excludedNodes, node) && node.degree() <= incidenceLessThan;\r\n\t });\r\n\t if (Utils.isEmpty(pool)) {\r\n\t return null;\r\n\t }\r\n\t return pool[Utils.randomInteger(0, pool.length)];\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether this is an empty graph.\r\n\t */\r\n\t isEmpty: function () {\r\n\t return Utils.isEmpty(this.nodes);\r\n\t },\r\n\r\n\t /**\r\n\t * Checks whether the endpoints of the links are all in the nodes collection.\r\n\t */\r\n\t isHealthy: function () {\r\n\t return Utils.all(this.links, function (link) {\r\n\t return contains(this.nodes, link.source) && contains(this.nodes, link.target);\r\n\t }, this);\r\n\t },\r\n\r\n\t /**\r\n\t * Gets the parents of this node, defined as the adjacent nodes with a link from the adjacent node to this one.\r\n\t * @returns {Array}\r\n\t */\r\n\t getParents: function (n) {\r\n\t if (!this.hasNode(n)) {\r\n\t throw \"The given node is not part of this graph.\";\r\n\t }\r\n\t return n.getParents();\r\n\t },\r\n\r\n\t /**\r\n\t * Gets the children of this node, defined as the adjacent nodes with a link from this node to the adjacent one.\r\n\t * @returns {Array}\r\n\t */\r\n\t getChildren: function (n) {\r\n\t if (!this.hasNode(n)) {\r\n\t throw \"The given node is not part of this graph.\";\r\n\t }\r\n\t return n.getChildren();\r\n\t },\r\n\r\n\t /**\r\n\t * Adds a new link to the graph between the given nodes.\r\n\t */\r\n\t addLink: function (sourceOrLink, target, owner) {\r\n\r\n\t if (Utils.isUndefined(sourceOrLink)) {\r\n\t throw \"The source of the link is not defined.\";\r\n\t }\r\n\t if (Utils.isUndefined(target)) {\r\n\t // can only be undefined if the first one is a Link\r\n\t if (Utils.isDefined(sourceOrLink.type) && sourceOrLink.type === \"Link\") {\r\n\t this.addExistingLink(sourceOrLink);\r\n\t return;\r\n\t }\r\n\t else {\r\n\t throw \"The target of the link is not defined.\";\r\n\t }\r\n\t }\r\n\r\n\t var foundSource = this.getNode(sourceOrLink);\r\n\t if (Utils.isUndefined(foundSource)) {\r\n\t foundSource = this.addNode(sourceOrLink);\r\n\t }\r\n\t var foundTarget = this.getNode(target);\r\n\t if (Utils.isUndefined(foundTarget)) {\r\n\t foundTarget = this.addNode(target);\r\n\t }\r\n\r\n\t var newLink = new Link(foundSource, foundTarget);\r\n\r\n\t if (Utils.isDefined(owner)) {\r\n\t newLink.owner = owner;\r\n\t }\r\n\r\n\t /*newLink.source.outgoing.push(newLink);\r\n\t newLink.source.links.push(newLink);\r\n\t newLink.target.incoming.push(newLink);\r\n\t newLink.target.links.push(newLink);*/\r\n\r\n\t this.links.push(newLink);\r\n\r\n\t return newLink;\r\n\t },\r\n\r\n\t /**\r\n\t * Removes all the links in this graph.\r\n\t */\r\n\t removeAllLinks: function () {\r\n\t while (this.links.length > 0) {\r\n\t var link = this.links[0];\r\n\t this.removeLink(link);\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Adds the given link to the current graph.\r\n\t */\r\n\t addExistingLink: function (link) {\r\n\r\n\t if (this.hasLink(link)) {\r\n\t return;\r\n\t }\r\n\t this.links.push(link);\r\n\t if (this.hasNode(link.source.id)) {\r\n\t // priority to the existing node with the id even if other props are different\r\n\t var s = this.getNode(link.source.id);\r\n\t link.changeSource(s);\r\n\t }\r\n\t else {\r\n\t this.addNode(link.source);\r\n\t }\r\n\r\n\t if (this.hasNode(link.target.id)) {\r\n\t var t = this.getNode(link.target.id);\r\n\t link.changeTarget(t);\r\n\t }\r\n\t else {\r\n\t this.addNode(link.target);\r\n\t }\r\n\r\n\t /* if (!link.source.outgoing.contains(link)) {\r\n\t link.source.outgoing.push(link);\r\n\t }\r\n\t if (!link.source.links.contains(link)) {\r\n\t link.source.links.push(link);\r\n\t }\r\n\t if (!link.target.incoming.contains(link)) {\r\n\t link.target.incoming.push(link);\r\n\t }\r\n\t if (!link.target.links.contains(link)) {\r\n\t link.target.links.push(link);\r\n\t }*/\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether the given identifier or Link is part of this graph.\r\n\t * @param linkOrId An identifier or a Link object.\r\n\t * @returns {*}\r\n\t */\r\n\t hasLink: function (linkOrId) {\r\n\t if (Utils.isString(linkOrId)) {\r\n\t return Utils.any(this.links, function (link) {\r\n\t return link.id === linkOrId;\r\n\t });\r\n\t }\r\n\t if (linkOrId.type === \"Link\") {\r\n\t return contains(this.links, linkOrId);\r\n\t }\r\n\t throw \"The given object is neither an identifier nor a Link.\";\r\n\t },\r\n\t /**\r\n\t * Gets the node with the specified Id or null if not part of this graph.\r\n\t */\r\n\t getNode: function (nodeOrId) {\r\n\t var id = nodeOrId.id || nodeOrId;\r\n\t if (this._nodeMap.containsKey(id)) {\r\n\t return this._nodeMap.get(id);\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether the given node or node Id is part of this graph.\r\n\t */\r\n\t hasNode: function (nodeOrId) {\r\n\t var id = nodeOrId.id || nodeOrId;\r\n\t return this._nodeMap.containsKey(id);\r\n\t },\r\n\r\n\t _addNode: function(node) {\r\n\t this.nodes.push(node);\r\n\t this._nodeMap.add(node.id, node);\r\n\t },\r\n\r\n\t _removeNode: function(node) {\r\n\t Utils.remove(this.nodes, node);\r\n\t this._nodeMap.remove(node.id);\r\n\t },\r\n\r\n\t /**\r\n\t * Removes the given node from this graph.\r\n\t * The node can be specified as an object or as an identifier (string).\r\n\t */\r\n\t removeNode: function (nodeOrId) {\r\n\t var n = nodeOrId;\r\n\t if (Utils.isString(nodeOrId)) {\r\n\t n = this.getNode(nodeOrId);\r\n\t }\r\n\r\n\t if (Utils.isDefined(n)) {\r\n\t var links = n.links;\r\n\t n.links = [];\r\n\t for (var i = 0, len = links.length; i < len; i++) {\r\n\t var link = links[i];\r\n\t this.removeLink(link);\r\n\t }\r\n\t this._removeNode(n);\r\n\t }\r\n\t else {\r\n\t throw \"The identifier should be a Node or the Id (string) of a node.\";\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether the given nodes are connected with a least one link independently of the direction.\r\n\t */\r\n\t areConnected: function (n1, n2) {\r\n\t return Utils.any(this.links, function (link) {\r\n\t return link.source == n1 && link.target == n2 || link.source == n2 && link.target == n1;\r\n\t });\r\n\t },\r\n\r\n\t /**\r\n\t * Removes the given link from this graph.\r\n\t */\r\n\t removeLink: function (link) {\r\n\t /* if (!this.links.contains(link)) {\r\n\t throw \"The given link is not part of the Graph.\";\r\n\t }\r\n\t */\r\n\t Utils.remove(this.links, link);\r\n\r\n\t Utils.remove(link.source.outgoing, link);\r\n\t Utils.remove(link.source.links, link);\r\n\t Utils.remove(link.target.incoming, link);\r\n\t Utils.remove(link.target.links, link);\r\n\t },\r\n\r\n\t /**\r\n\t * Adds a new node to this graph, if not already present.\r\n\t * The node can be an existing Node or the identifier of a new node.\r\n\t * No error is thrown if the node is already there and the existing one is returned.\r\n\t */\r\n\t addNode: function (nodeOrId, layoutRect, owner) {\r\n\r\n\t var newNode = null;\r\n\r\n\t if (!Utils.isDefined(nodeOrId)) {\r\n\t throw \"No Node or identifier for a new Node is given.\";\r\n\t }\r\n\r\n\t if (Utils.isString(nodeOrId)) {\r\n\t if (this.hasNode(nodeOrId)) {\r\n\t return this.getNode(nodeOrId);\r\n\t }\r\n\t newNode = new Node(nodeOrId);\r\n\t }\r\n\t else {\r\n\t if (this.hasNode(nodeOrId)) {\r\n\t return this.getNode(nodeOrId);\r\n\t }\r\n\t // todo: ensure that the param is a Node?\r\n\t newNode = nodeOrId;\r\n\t }\r\n\r\n\t if (Utils.isDefined(layoutRect)) {\r\n\t newNode.bounds(layoutRect);\r\n\t }\r\n\r\n\t if (Utils.isDefined(owner)) {\r\n\t newNode.owner = owner;\r\n\t }\r\n\t this._addNode(newNode);\r\n\t return newNode;\r\n\t },\r\n\r\n\t /**\r\n\t * Adds the given Node and its outgoing links.\r\n\t */\r\n\t addNodeAndOutgoings: function (node) {\r\n\t if (!this.hasNode(node)) {\r\n\t this._addNode(node);\r\n\t }\r\n\r\n\t var newLinks = node.outgoing;\r\n\t node.outgoing = [];\r\n\t Utils.forEach(newLinks, function (link) {\r\n\t this.addExistingLink(link);\r\n\t }, this);\r\n\t },\r\n\r\n\t /**\r\n\t * Sets the 'index' property on the links and nodes of this graph.\r\n\t */\r\n\t setItemIndices: function () {\r\n\t var i;\r\n\t for (i = 0; i < this.nodes.length; ++i) {\r\n\t this.nodes[i].index = i;\r\n\t }\r\n\r\n\t for (i = 0; i < this.links.length; ++i) {\r\n\t this.links[i].index = i;\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns a clone of this graph.\r\n\t */\r\n\t clone: function (saveMapping) {\r\n\t var copy = new Graph();\r\n\t var save = Utils.isDefined(saveMapping) && saveMapping === true;\r\n\t if (save) {\r\n\t copy.nodeMap = new Dictionary();\r\n\t copy.linkMap = new Dictionary();\r\n\t }\r\n\t // we need a map even if the saveMapping is not set\r\n\t var map = new Dictionary();\r\n\t Utils.forEach(this.nodes, function (nOriginal) {\r\n\t var nCopy = nOriginal.clone();\r\n\t map.set(nOriginal, nCopy);\r\n\t copy._addNode(nCopy);\r\n\r\n\t if (save) {\r\n\t copy.nodeMap.set(nCopy, nOriginal);\r\n\t }\r\n\t });\r\n\r\n\t Utils.forEach(this.links, function (linkOriginal) {\r\n\t if (map.containsKey(linkOriginal.source) && map.containsKey(linkOriginal.target)) {\r\n\t var linkCopy = copy.addLink(map.get(linkOriginal.source), map.get(linkOriginal.target));\r\n\t if (save) {\r\n\t copy.linkMap.set(linkCopy, linkOriginal);\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t return copy;\r\n\t },\r\n\r\n\t /**\r\n\t * The parsing allows a quick way to create graphs.\r\n\t * - [\"n1->n2\", \"n2->n3\"]: creates the three nodes and adds the links\r\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.\r\n\t */\r\n\t linearize: function (addIds) {\r\n\t return Graph.Utils.linearize(this, addIds);\r\n\t },\r\n\r\n\t /**\r\n\t * Performs a depth-first traversal starting at the given node.\r\n\t * @param startNode a node or id of a node in this graph\r\n\t * @param action\r\n\t */\r\n\t depthFirstTraversal: function (startNode, action) {\r\n\t if (Utils.isUndefined(startNode)) {\r\n\t throw \"You need to supply a starting node.\";\r\n\t }\r\n\t if (Utils.isUndefined(action)) {\r\n\t throw \"You need to supply an action.\";\r\n\t }\r\n\t if (!this.hasNode(startNode)) {\r\n\t throw \"The given start-node is not part of this graph\";\r\n\t }\r\n\t var foundNode = this.getNode(startNode);// case the given one is an Id\r\n\t var visited = [];\r\n\t this._dftIterator(foundNode, action, visited);\r\n\t },\r\n\r\n\t _dftIterator: function (node, action, visited) {\r\n\r\n\t action(node);\r\n\t visited.push(node);\r\n\t var children = node.getChildren();\r\n\t for (var i = 0, len = children.length; i < len; i++) {\r\n\t var child = children[i];\r\n\t if (contains(visited, child)) {\r\n\t continue;\r\n\t }\r\n\t this._dftIterator(child, action, visited);\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Performs a breadth-first traversal starting at the given node.\r\n\t * @param startNode a node or id of a node in this graph\r\n\t * @param action\r\n\t */\r\n\t breadthFirstTraversal: function (startNode, action) {\r\n\r\n\t if (Utils.isUndefined(startNode)) {\r\n\t throw \"You need to supply a starting node.\";\r\n\t }\r\n\t if (Utils.isUndefined(action)) {\r\n\t throw \"You need to supply an action.\";\r\n\t }\r\n\r\n\t if (!this.hasNode(startNode)) {\r\n\t throw \"The given start-node is not part of this graph\";\r\n\t }\r\n\t var foundNode = this.getNode(startNode);// case the given one is an Id\r\n\t var queue = new Queue();\r\n\t var visited = [];\r\n\t queue.enqueue(foundNode);\r\n\r\n\t while (queue.length > 0) {\r\n\t var node = queue.dequeue();\r\n\t action(node);\r\n\t visited.push(node);\r\n\t var children = node.getChildren();\r\n\t for (var i = 0, len = children.length; i < len; i++) {\r\n\t var child = children[i];\r\n\t if (contains(visited, child) || contains(queue, child)) {\r\n\t continue;\r\n\t }\r\n\t queue.enqueue(child);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * This is the classic Tarjan algorithm for strongly connected components.\r\n\t * See e.g. http://en.wikipedia.org/wiki/Tarjan's_strongly_connected_components_algorithm\r\n\t * @param excludeSingleItems Whether isolated nodes should be excluded from the analysis.\r\n\t * @param node The start node from which the analysis starts.\r\n\t * @param indices Numbers the nodes consecutively in the order in which they are discovered.\r\n\t * @param lowLinks The smallest index of any node known to be reachable from the node, including the node itself\r\n\t * @param connected The current component.\r\n\t * @param stack The bookkeeping stack of things to visit.\r\n\t * @param index The counter of visited nodes used to assign the indices.\r\n\t * @private\r\n\t */\r\n\t _stronglyConnectedComponents: function (excludeSingleItems, node, indices, lowLinks, connected, stack, index) {\r\n\t indices.add(node, index);\r\n\t lowLinks.add(node, index);\r\n\t index++;\r\n\r\n\t stack.push(node);\r\n\r\n\t var children = node.getChildren(), next;\r\n\t for (var i = 0, len = children.length; i < len; i++) {\r\n\t next = children[i];\r\n\t if (!indices.containsKey(next)) {\r\n\t this._stronglyConnectedComponents(excludeSingleItems, next, indices, lowLinks, connected, stack, index);\r\n\t lowLinks.add(node, Math.min(lowLinks.get(node), lowLinks.get(next)));\r\n\t }\r\n\t else if (contains(stack, next)) {\r\n\t lowLinks.add(node, Math.min(lowLinks.get(node), indices.get(next)));\r\n\t }\r\n\t }\r\n\t // If v is a root node, pop the stack and generate a strong component\r\n\t if (lowLinks.get(node) === indices.get(node)) {\r\n\t var component = [];\r\n\t do {\r\n\t next = stack.pop();\r\n\t component.push(next);\r\n\t }\r\n\t while (next !== node);\r\n\t if (!excludeSingleItems || (component.length > 1)) {\r\n\t connected.push(component);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the cycles found in this graph.\r\n\t * The returned arrays consist of the nodes which are strongly coupled.\r\n\t * @param excludeSingleItems Whether isolated nodes should be excluded.\r\n\t * @returns {Array} The array of cycles found.\r\n\t */\r\n\t findCycles: function (excludeSingleItems) {\r\n\t if (Utils.isUndefined(excludeSingleItems)) {\r\n\t excludeSingleItems = true;\r\n\t }\r\n\t var indices = new Dictionary();\r\n\t var lowLinks = new Dictionary();\r\n\t var connected = [];\r\n\t var stack = [];\r\n\t for (var i = 0, len = this.nodes.length; i < len; i++) {\r\n\t var node = this.nodes[i];\r\n\t if (indices.containsKey(node)) {\r\n\t continue;\r\n\t }\r\n\t this._stronglyConnectedComponents(excludeSingleItems, node, indices, lowLinks, connected, stack, 0);\r\n\t }\r\n\t return connected;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether this graph is acyclic.\r\n\t * @returns {*}\r\n\t */\r\n\t isAcyclic: function () {\r\n\t return Utils.isEmpty(this.findCycles());\r\n\t },\r\n\r\n\t /**\r\n\t * Returns whether the given graph is a subgraph of this one.\r\n\t * @param other Another graph instance.\r\n\t */\r\n\t isSubGraph: function (other) {\r\n\t var otherArray = other.linearize();\r\n\t var thisArray = this.linearize();\r\n\t return Utils.all(otherArray, function (s) {\r\n\t return contains(thisArray, s);\r\n\t });\r\n\t },\r\n\r\n\t /**\r\n\t * Makes an acyclic graph from the current (connected) one.\r\n\t * * @returns {Array} The reversed links.\r\n\t */\r\n\t makeAcyclic: function () {\r\n\t // if empty or almost empty\r\n\t if (this.isEmpty() || this.nodes.length <= 1 || this.links.length <= 1) {\r\n\t return [];\r\n\t }\r\n\t // singular case of just two nodes\r\n\t if (this.nodes.length == 2) {\r\n\t var result = [];\r\n\t if (this.links.length > 1) {\r\n\t var oneLink = this.links[0];\r\n\t var oneNode = oneLink.source;\r\n\t for (var i = 0, len = this.links.length; i < len; i++) {\r\n\t var link = this.links[i];\r\n\t if (link.source == oneNode) {\r\n\t continue;\r\n\t }\r\n\t var rev = link.reverse();\r\n\t result.push(rev);\r\n\t }\r\n\t }\r\n\t return result;\r\n\t }\r\n\r\n\t var copy = this.clone(true); // copy.nodeMap tells you the mapping\r\n\t var N = this.nodes.length;\r\n\r\n\t var intensityCatalog = new Dictionary();\r\n\r\n\t /**\r\n\t * If there are both incoming and outgoing links this will return the flow intensity (out-in).\r\n\t * Otherwise the node acts as a flow source with N specifying the (equal) intensity.\r\n\t * @param node\r\n\t * @returns {number}\r\n\t */\r\n\t var flowIntensity = function (node) {\r\n\t if (node.outgoing.length === 0) {\r\n\t return (2 - N);\r\n\t }\r\n\t else if (node.incoming.length === 0) {\r\n\t return (N - 2);\r\n\t }\r\n\t else {\r\n\t return node.outgoing.length - node.incoming.length;\r\n\t }\r\n\t };\r\n\r\n\t /**\r\n\t * Collects the nodes with the same intensity.\r\n\t * @param node\r\n\t * @param intensityCatalog\r\n\t */\r\n\t var catalogEqualIntensity = function (node, intensityCatalog) {\r\n\t var intensity = flowIntensity(node, N);\r\n\t if (!intensityCatalog.containsKey(intensity)) {\r\n\t intensityCatalog.set(intensity, []);\r\n\t }\r\n\t intensityCatalog.get(intensity).push(node);\r\n\t };\r\n\r\n\t Utils.forEach(copy.nodes, function (v) {\r\n\t catalogEqualIntensity(v, intensityCatalog);\r\n\t });\r\n\r\n\t var sourceStack = [];\r\n\t var targetStack = [];\r\n\r\n\t while (copy.nodes.length > 0) {\r\n\t var source, target, intensity;\r\n\t if (intensityCatalog.containsKey(2 - N)) {\r\n\t var targets = intensityCatalog.get(2 - N); // nodes without outgoings\r\n\t while (targets.length > 0) {\r\n\t target = targets.pop();\r\n\t for (var li = 0; li < target.links.length; li++) {\r\n\t var targetLink = target.links[li];\r\n\t source = targetLink.getComplement(target);\r\n\t intensity = flowIntensity(source, N);\r\n\t Utils.remove(intensityCatalog.get(intensity), source);\r\n\t source.removeLink(targetLink);\r\n\t catalogEqualIntensity(source, intensityCatalog);\r\n\t }\r\n\t copy._removeNode(target);\r\n\t targetStack.unshift(target);\r\n\t }\r\n\t }\r\n\r\n\t // move sources to sourceStack\r\n\t if (intensityCatalog.containsKey(N - 2)) {\r\n\t var sources = intensityCatalog.get(N - 2); // nodes without incomings\r\n\t while (sources.length > 0) {\r\n\t source = sources.pop();\r\n\t for (var si = 0; si < source.links.length; si++) {\r\n\t var sourceLink = source.links[si];\r\n\t target = sourceLink.getComplement(source);\r\n\t intensity = flowIntensity(target, N);\r\n\t Utils.remove(intensityCatalog.get(intensity), target);\r\n\t target.removeLink(sourceLink);\r\n\t catalogEqualIntensity(target, intensityCatalog);\r\n\t }\r\n\t sourceStack.push(source);\r\n\t copy._removeNode(source);\r\n\t }\r\n\t }\r\n\r\n\t if (copy.nodes.length > 0) {\r\n\t for (var k = N - 3; k > 2 - N; k--) {\r\n\t if (intensityCatalog.containsKey(k) &&\r\n\t intensityCatalog.get(k).length > 0) {\r\n\t var maxdiff = intensityCatalog.get(k);\r\n\t var v = maxdiff.pop();\r\n\t for (var ri = 0; ri < v.links.length; ri++) {\r\n\t var ril = v.links[ri];\r\n\t var u = ril.getComplement(v);\r\n\t intensity = flowIntensity(u, N);\r\n\t Utils.remove(intensityCatalog.get(intensity), u);\r\n\t u.removeLink(ril);\r\n\t catalogEqualIntensity(u, intensityCatalog);\r\n\t }\r\n\t sourceStack.push(v);\r\n\t copy._removeNode(v);\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t sourceStack = sourceStack.concat(targetStack);\r\n\r\n\t var vertexOrder = new Dictionary();\r\n\t for (var kk = 0; kk < this.nodes.length; kk++) {\r\n\t vertexOrder.set(copy.nodeMap.get(sourceStack[kk]), kk);\r\n\t }\r\n\r\n\t var reversedEdges = [];\r\n\t Utils.forEach(this.links, function (link) {\r\n\t if (vertexOrder.get(link.source) > vertexOrder.get(link.target)) {\r\n\t link.reverse();\r\n\t reversedEdges.push(link);\r\n\t }\r\n\t });\r\n\t return reversedEdges;\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * A collection of predefined graphs for demo and testing purposes.\r\n\t */\r\n\t Graph.Predefined = {\r\n\t /**\r\n\t * Eight-shapes graph all connected in a cycle.\r\n\t * @returns {*}\r\n\t * @constructor\r\n\t */\r\n\t EightGraph: function () {\r\n\t return Graph.Utils.parse([ \"1->2\", \"2->3\", \"3->4\", \"4->1\", \"3->5\", \"5->6\", \"6->7\", \"7->3\"]);\r\n\t },\r\n\r\n\t /**\r\n\t * Creates a typical mindmap diagram.\r\n\t * @returns {*}\r\n\t * @constructor\r\n\t */\r\n\t Mindmap: function () {\r\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\",\r\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\"]);\r\n\t },\r\n\r\n\t /**\r\n\t * Three nodes connected in a cycle.\r\n\t * @returns {*}\r\n\t * @constructor\r\n\t */\r\n\t ThreeGraph: function () {\r\n\t return Graph.Utils.parse([ \"1->2\", \"2->3\", \"3->1\"]);\r\n\t },\r\n\r\n\t /**\r\n\t * A tree with each node having two children.\r\n\t * @param levels How many levels the binary tree should have.\r\n\t * @returns {diagram.Graph}\r\n\t * @constructor\r\n\t */\r\n\t BinaryTree: function (levels) {\r\n\t if (Utils.isUndefined(levels)) {\r\n\t levels = 5;\r\n\t }\r\n\t return Graph.Utils.createBalancedTree(levels, 2);\r\n\t },\r\n\r\n\t /**\r\n\t * A linear graph (discrete line segment).\r\n\t * @param length How many segments (the node count is hence (length+1)).\r\n\t * @returns {diagram.Graph}\r\n\t * @constructor\r\n\t */\r\n\t Linear: function (length) {\r\n\t if (Utils.isUndefined(length)) {\r\n\t length = 10;\r\n\t }\r\n\t return Graph.Utils.createBalancedTree(length, 1);\r\n\t },\r\n\r\n\t /**\r\n\t * A standard tree-graph with the specified levels and children (siblings) count.\r\n\t * Note that for a balanced tree of level N and sibling count s, counting the root as level zero:\r\n\t * - NodeCount = (1-s^(N+1))/(1-s)]\r\n\t * - LinkCount = s.(1-s^N)/(1-s)\r\n\t * @param levels How many levels the tree should have.\r\n\t * @param siblingsCount How many siblings each level should have.\r\n\t * @returns {diagram.Graph}\r\n\t * @constructor\r\n\t */\r\n\t Tree: function (levels, siblingsCount) {\r\n\t return Graph.Utils.createBalancedTree(levels, siblingsCount);\r\n\t },\r\n\r\n\t /**\r\n\t * Creates a forest.\r\n\t * Note that for a balanced forest of level N, sibling count s and tree count t, counting the root as level zero:\r\n\t * - NodeCount = t.(1-s^(N+1))/(1-s)]\r\n\t * - LinkCount = t.s.(1-s^N)/(1-s)\r\n\t * @param levels How many levels the tree should have.\r\n\t * @param siblingsCount How many siblings each level should have.\r\n\t * @param trees The amount of trees the forest should have.\r\n\t * @returns {diagram.Graph}\r\n\t * @constructor\r\n\t */\r\n\t Forest: function (levels, siblingsCount, trees) {\r\n\t return Graph.Utils.createBalancedForest(levels, siblingsCount, trees);\r\n\t },\r\n\r\n\t /**\r\n\t * A workflow-like graph with cycles.\r\n\t * @returns {*}\r\n\t * @constructor\r\n\t */\r\n\t Workflow: function () {\r\n\t return Graph.Utils.parse(\r\n\t [\"0->1\", \"1->2\", \"2->3\", \"1->4\", \"4->3\", \"3->5\", \"5->6\", \"6->3\", \"6->7\", \"5->4\"]\r\n\t );\r\n\t },\r\n\r\n\t /**\r\n\t * A grid graph with the direction of the links avoiding cycles.\r\n\t * Node count: (n+1).(m+1)\r\n\t * Link count: n.(m+1) + m.(n+1)\r\n\t * @param n Horizontal count of grid cells. If zero this will result in a linear graph.\r\n\t * @param m Vertical count of grid cells. If zero this will result in a linear graph.\r\n\t * @constructor\r\n\t */\r\n\t Grid: function (n, m) {\r\n\t var g = new diagram.Graph();\r\n\t if (n <= 0 && m <= 0) {\r\n\t return g;\r\n\t }\r\n\r\n\t for (var i = 0; i < n + 1; i++) {\r\n\t var previous = null;\r\n\t for (var j = 0; j < m + 1; j++) {\r\n\t // using x-y coordinates to name the nodes\r\n\t var node = new Node(i.toString() + \".\" + j.toString());\r\n\t g.addNode(node);\r\n\t if (previous) {\r\n\t g.addLink(previous, node);\r\n\t }\r\n\t if (i > 0) {\r\n\t var left = g.getNode((i - 1).toString() + \".\" + j.toString());\r\n\t g.addLink(left, node);\r\n\t }\r\n\t previous = node;\r\n\t }\r\n\t }\r\n\t return g;\r\n\t }\r\n\r\n\t };\r\n\r\n\t /**\r\n\t * Graph generation and other utilities.\r\n\t */\r\n\t Graph.Utils = {\r\n\t /**\r\n\t * The parsing allows a quick way to create graphs.\r\n\t * - [\"n1->n2\", \"n2->n3\"]: creates the three nodes and adds the links\r\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.\r\n\t */\r\n\t parse: function (graphString) {\r\n\r\n\t var previousLink, graph = new diagram.Graph(), parts = graphString.slice();\r\n\t for (var i = 0, len = parts.length; i < len; i++) {\r\n\t var part = parts[i];\r\n\t if (Utils.isString(part)) // link spec\r\n\t {\r\n\t if (part.indexOf(\"->\") < 0) {\r\n\t throw \"The link should be specified as 'a->b'.\";\r\n\t }\r\n\t var p = part.split(\"->\");\r\n\t if (p.length != 2) {\r\n\t throw \"The link should be specified as 'a->b'.\";\r\n\t }\r\n\t previousLink = new Link(p[0], p[1]);\r\n\t graph.addLink(previousLink);\r\n\t }\r\n\t if (Utils.isObject(part)) {\r\n\t if (!previousLink) {\r\n\t throw \"Specification found before Link definition.\";\r\n\t }\r\n\t kendo.deepExtend(previousLink, part);\r\n\t }\r\n\t }\r\n\t return graph;\r\n\t },\r\n\r\n\t /**\r\n\t * Returns a linearized representation of the given Graph.\r\n\t * See also the Graph.Utils.parse method for the inverse operation.\r\n\t */\r\n\t linearize: function (graph, addIds) {\r\n\t if (Utils.isUndefined(graph)) {\r\n\t throw \"Expected an instance of a Graph object in slot one.\";\r\n\t }\r\n\t if (Utils.isUndefined(addIds)) {\r\n\t addIds = false;\r\n\t }\r\n\t var lin = [];\r\n\t for (var i = 0, len = graph.links.length; i < len; i++) {\r\n\t var link = graph.links[i];\r\n\t lin.push(link.source.id + \"->\" + link.target.id);\r\n\t if (addIds) {\r\n\t lin.push({id: link.id});\r\n\t }\r\n\t }\r\n\t return lin;\r\n\t },\r\n\r\n\t /**\r\n\t * The method used by the diagram creation to instantiate a shape.\r\n\t * @param kendoDiagram The Kendo diagram where the diagram will be created.\r\n\t * @param p The position at which to place the shape.\r\n\t * @param shapeDefaults Optional Shape options.\r\n\t * @param id Optional identifier of the shape.\r\n\t * @returns {*}\r\n\t * @private\r\n\t */\r\n\t _addShape: function (kendoDiagram, p, id, shapeDefaults) {\r\n\t if (Utils.isUndefined(p)) {\r\n\t p = new diagram.Point(0, 0);\r\n\t }\r\n\r\n\t if (Utils.isUndefined(id)) {\r\n\t id = randomId();\r\n\t }\r\n\r\n\t shapeDefaults = kendo.deepExtend({\r\n\t width: 20,\r\n\t height: 20,\r\n\t id: id,\r\n\t radius: 10,\r\n\t fill: \"#778899\",\r\n\t data: \"circle\",\r\n\t undoable: false,\r\n\t x: p.x,\r\n\t y: p.y\r\n\t }, shapeDefaults);\r\n\r\n\t return kendoDiagram.addShape(shapeDefaults);\r\n\t },\r\n\t /**\r\n\t * The method used by the diagram creation to instantiate a connection.\r\n\t * @param diagram he Kendo diagram where the diagram will be created.\r\n\t * @param from The source shape.\r\n\t * @param to The target shape.\r\n\t * @param options Optional Connection options.\r\n\t * @returns {*}\r\n\t * @private\r\n\t */\r\n\t _addConnection: function (diagram, from, to, options) {\r\n\t return diagram.connect(from, to, options);\r\n\t },\r\n\r\n\t /**\r\n\t * Creates a diagram from the given Graph.\r\n\t * @param diagram The Kendo diagram where the diagram will be created.\r\n\t * @param graph The graph structure defining the diagram.\r\n\t */\r\n\t createDiagramFromGraph: function (diagram, graph, doLayout, randomSize) {\r\n\r\n\t if (Utils.isUndefined(diagram)) {\r\n\t throw \"The diagram surface is undefined.\";\r\n\t }\r\n\t if (Utils.isUndefined(graph)) {\r\n\t throw \"No graph specification defined.\";\r\n\t }\r\n\t if (Utils.isUndefined(doLayout)) {\r\n\t doLayout = true;\r\n\t }\r\n\t if (Utils.isUndefined(randomSize)) {\r\n\t randomSize = false;\r\n\t }\r\n\r\n\t var width = diagram.element.clientWidth || 200;\r\n\t var height = diagram.element.clientHeight || 200;\r\n\t var map = [], node, shape;\r\n\t for (var i = 0, len = graph.nodes.length; i < len; i++) {\r\n\t node = graph.nodes[i];\r\n\t var p = node.position;\r\n\t if (Utils.isUndefined(p)) {\r\n\t if (Utils.isDefined(node.x) && Utils.isDefined(node.y)) {\r\n\t p = new Point(node.x, node.y);\r\n\t }\r\n\t else {\r\n\t p = new Point(Utils.randomInteger(10, width - 20), Utils.randomInteger(10, height - 20));\r\n\t }\r\n\t }\r\n\t var opt = {};\r\n\r\n\t if (node.id === \"0\") {\r\n\t /* kendo.deepExtend(opt,\r\n\t {\r\n\t fill: \"Orange\",\r\n\t data: 'circle',\r\n\t width: 100,\r\n\t height: 100,\r\n\t center: new Point(50, 50)\r\n\t });*/\r\n\t }\r\n\t else if (randomSize) {\r\n\t kendo.deepExtend(opt, {\r\n\t width: Math.random() * 150 + 20,\r\n\t height: Math.random() * 80 + 50,\r\n\t data: 'rectangle',\r\n\t fill: {\r\n\t color: \"#778899\"\r\n\t }\r\n\t });\r\n\t }\r\n\r\n\t shape = this._addShape(diagram, p, node.id, opt);\r\n\t //shape.content(node.id);\r\n\r\n\t var bounds = shape.bounds();\r\n\t if (Utils.isDefined(bounds)) {\r\n\t node.x = bounds.x;\r\n\t node.y = bounds.y;\r\n\t node.width = bounds.width;\r\n\t node.height = bounds.height;\r\n\t }\r\n\t map[node.id] = shape;\r\n\t }\r\n\t for (var gli = 0; gli < graph.links.length; gli++) {\r\n\t var link = graph.links[gli];\r\n\t var sourceShape = map[link.source.id];\r\n\t if (Utils.isUndefined(sourceShape)) {\r\n\t continue;\r\n\t }\r\n\t var targetShape = map[link.target.id];\r\n\t if (Utils.isUndefined(targetShape)) {\r\n\t continue;\r\n\t }\r\n\t this._addConnection(diagram, sourceShape, targetShape, {id: link.id});\r\n\r\n\t }\r\n\t if (doLayout) {\r\n\t var l = new diagram.SpringLayout(diagram);\r\n\t l.layoutGraph(graph, {limitToView: false});\r\n\t for (var shi = 0; shi < graph.nodes.length; shi++) {\r\n\t node = graph.nodes[shi];\r\n\t shape = map[node.id];\r\n\t shape.bounds(new Rect(node.x, node.y, node.width, node.height));\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Creates a balanced tree with the specified number of levels and siblings count.\r\n\t * Note that for a balanced tree of level N and sibling count s, counting the root as level zero:\r\n\t * - NodeCount = (1-s^(N+1))/(1-s)]\r\n\t * - LinkCount = s.(1-s^N)/(1-s)\r\n\t * @param levels How many levels the tree should have.\r\n\t * @param siblingsCount How many siblings each level should have.\r\n\t * @returns {diagram.Graph}\r\n\t */\r\n\t createBalancedTree: function (levels, siblingsCount) {\r\n\t if (Utils.isUndefined(levels)) {\r\n\t levels = 3;\r\n\t }\r\n\t if (Utils.isUndefined(siblingsCount)) {\r\n\t siblingsCount = 3;\r\n\t }\r\n\r\n\t var g = new diagram.Graph(), counter = -1, lastAdded = [], news;\r\n\t if (levels <= 0 || siblingsCount <= 0) {\r\n\t return g;\r\n\t }\r\n\t var root = new Node((++counter).toString());\r\n\t g.addNode(root);\r\n\t g.root = root;\r\n\t lastAdded.push(root);\r\n\t for (var i = 0; i < levels; i++) {\r\n\t news = [];\r\n\t for (var j = 0; j < lastAdded.length; j++) {\r\n\t var parent = lastAdded[j];\r\n\t for (var k = 0; k < siblingsCount; k++) {\r\n\t var item = new Node((++counter).toString());\r\n\t g.addLink(parent, item);\r\n\t news.push(item);\r\n\t }\r\n\t }\r\n\t lastAdded = news;\r\n\t }\r\n\t return g;\r\n\t },\r\n\r\n\t /**\r\n\t * Creates a balanced tree with the specified number of levels and siblings count.\r\n\t * Note that for a balanced forest of level N, sibling count s and tree count t, counting the root as level zero:\r\n\t * - NodeCount = t.(1-s^(N+1))/(1-s)]\r\n\t * - LinkCount = t.s.(1-s^N)/(1-s)\r\n\t * @param levels How many levels the tree should have.\r\n\t * @param siblingsCount How many siblings each level should have.\r\n\t * @returns {diagram.Graph}\r\n\t * @param treeCount The number of trees the forest should have.\r\n\t */\r\n\t createBalancedForest: function (levels, siblingsCount, treeCount) {\r\n\t if (Utils.isUndefined(levels)) {\r\n\t levels = 3;\r\n\t }\r\n\t if (Utils.isUndefined(siblingsCount)) {\r\n\t siblingsCount = 3;\r\n\t }\r\n\t if (Utils.isUndefined(treeCount)) {\r\n\t treeCount = 5;\r\n\t }\r\n\t var g = new diagram.Graph(), counter = -1, lastAdded = [], news;\r\n\t if (levels <= 0 || siblingsCount <= 0 || treeCount <= 0) {\r\n\t return g;\r\n\t }\r\n\r\n\t for (var t = 0; t < treeCount; t++) {\r\n\t var root = new Node((++counter).toString());\r\n\t g.addNode(root);\r\n\t lastAdded = [root];\r\n\t for (var i = 0; i < levels; i++) {\r\n\t news = [];\r\n\t for (var j = 0; j < lastAdded.length; j++) {\r\n\t var parent = lastAdded[j];\r\n\t for (var k = 0; k < siblingsCount; k++) {\r\n\t var item = new Node((++counter).toString());\r\n\t g.addLink(parent, item);\r\n\t news.push(item);\r\n\t }\r\n\t }\r\n\t lastAdded = news;\r\n\t }\r\n\t }\r\n\t return g;\r\n\t },\r\n\r\n\t /**\r\n\t * Creates a random graph (uniform distribution) with the specified amount of nodes.\r\n\t * @param nodeCount The amount of nodes the random graph should have.\r\n\t * @param maxIncidence The maximum allowed degree of the nodes.\r\n\t * @param isTree Whether the return graph should be a tree (default: false).\r\n\t * @returns {diagram.Graph}\r\n\t */\r\n\t createRandomConnectedGraph: function (nodeCount, maxIncidence, isTree) {\r\n\r\n\t /* Swa's Mathematica export of random Bernoulli graphs\r\n\t gr[n_,p_]:=Module[{g=RandomGraph[BernoulliGraphDistribution[n,p],VertexLabels->\"Name\",DirectedEdges->True]},\r\n\t While[Not[ConnectedGraphQ[g]],g=RandomGraph[BernoulliGraphDistribution[n,p],VertexLabels->\"Name\",DirectedEdges->True]];g];\r\n\t project[a_]:=(\"\\\"\"<>ToString[Part[#,1]]<>\"->\"<>ToString[Part[#,2]]<>\"\\\"\")& @ a;\r\n\t export[g_]:=project/@ EdgeList[g]\r\n\t g = gr[12,.1]\r\n\t export [g]\r\n\t */\r\n\r\n\t if (Utils.isUndefined(nodeCount)) {\r\n\t nodeCount = 40;\r\n\t }\r\n\t if (Utils.isUndefined(maxIncidence)) {\r\n\t maxIncidence = 4;\r\n\t }\r\n\t if (Utils.isUndefined(isTree)) {\r\n\t isTree = false;\r\n\t }\r\n\r\n\t var g = new diagram.Graph(), counter = -1;\r\n\t if (nodeCount <= 0) {\r\n\t return g;\r\n\t }\r\n\r\n\t var root = new Node((++counter).toString());\r\n\t g.addNode(root);\r\n\t if (nodeCount === 1) {\r\n\t return g;\r\n\t }\r\n\t if (nodeCount > 1) {\r\n\t // random tree\r\n\t for (var i = 1; i < nodeCount; i++) {\r\n\t var poolNode = g.takeRandomNode([], maxIncidence);\r\n\t if (!poolNode) {\r\n\t //failed to find one so the graph will have less nodes than specified\r\n\t break;\r\n\t }\r\n\t var newNode = g.addNode(i.toString());\r\n\t g.addLink(poolNode, newNode);\r\n\t }\r\n\t if (!isTree && nodeCount > 1) {\r\n\t var randomAdditions = Utils.randomInteger(1, nodeCount);\r\n\t for (var ri = 0; ri < randomAdditions; ri++) {\r\n\t var n1 = g.takeRandomNode([], maxIncidence);\r\n\t var n2 = g.takeRandomNode([], maxIncidence);\r\n\t if (n1 && n2 && !g.areConnected(n1, n2)) {\r\n\t g.addLink(n1, n2);\r\n\t }\r\n\t }\r\n\t }\r\n\t return g;\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Generates a random diagram.\r\n\t * @param diagram The host diagram.\r\n\t * @param shapeCount The number of shapes the random diagram should contain.\r\n\t * @param maxIncidence The maximum degree the shapes can have.\r\n\t * @param isTree Whether the generated diagram should be a tree\r\n\t * @param layoutType The optional layout type to apply after the diagram is generated.\r\n\t */\r\n\t randomDiagram: function (diagram, shapeCount, maxIncidence, isTree, randomSize) {\r\n\t var g = kendo.dataviz.diagram.Graph.Utils.createRandomConnectedGraph(shapeCount, maxIncidence, isTree);\r\n\t Graph.Utils.createDiagramFromGraph(diagram, g, false, randomSize);\r\n\t }\r\n\t };\r\n\r\n\t kendo.deepExtend(diagram, {\r\n\t init: function (element) {\r\n\t kendo.init(element, diagram.ui);\r\n\t },\r\n\r\n\t Point: Point,\r\n\t Intersect: Intersect,\r\n\t Geometry: Geometry,\r\n\t Rect: Rect,\r\n\t Size: Size,\r\n\t RectAlign: RectAlign,\r\n\t Matrix: Matrix,\r\n\t MatrixVector: MatrixVector,\r\n\t normalVariable: normalVariable,\r\n\t randomId: randomId,\r\n\t Dictionary: Dictionary,\r\n\t HashTable: HashTable,\r\n\t Queue: Queue,\r\n\t Set: Set,\r\n\t Node: Node,\r\n\t Link: Link,\r\n\t Graph: Graph,\r\n\t PathDefiner: PathDefiner\r\n\t });\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 872:\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__(873);\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/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 866:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./svg\");\n\n/***/ }),\n\n/***/ 873:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (f, define) {\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(852), __webpack_require__(866) ], __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__));\r\n\t})(function () {\r\n\r\n\t (function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var kendo = window.kendo,\r\n\t dataviz = kendo.dataviz,\r\n\t diagram = dataviz.diagram,\r\n\t Class = kendo.Class,\r\n\t Group = diagram.Group,\r\n\t Rect = diagram.Rect,\r\n\t Rectangle = diagram.Rectangle,\r\n\t Utils = diagram.Utils,\r\n\t isUndefined = Utils.isUndefined,\r\n\t Point = diagram.Point,\r\n\t Circle = diagram.Circle,\r\n\t Ticker = diagram.Ticker,\r\n\t deepExtend = kendo.deepExtend,\r\n\t Movable = kendo.ui.Movable,\r\n\t browser = kendo.support.browser,\r\n\t util = kendo.drawing.util,\r\n\t defined = util.defined,\r\n\t inArray = $.inArray,\r\n\t proxy = $.proxy;\r\n\r\n\t // Constants ==============================================================\r\n\t var Cursors = {\r\n\t arrow: \"default\",\r\n\t grip: \"pointer\",\r\n\t cross: \"pointer\",\r\n\t add: \"pointer\",\r\n\t move: \"move\",\r\n\t select: \"pointer\",\r\n\t south: \"s-resize\",\r\n\t east: \"e-resize\",\r\n\t west: \"w-resize\",\r\n\t north: \"n-resize\",\r\n\t rowresize: \"row-resize\",\r\n\t colresize: \"col-resize\"\r\n\t },\r\n\t HIT_TEST_DISTANCE = 10,\r\n\t AUTO = \"Auto\",\r\n\t TOP = \"Top\",\r\n\t RIGHT = \"Right\",\r\n\t LEFT = \"Left\",\r\n\t BOTTOM = \"Bottom\",\r\n\t DEFAULT_SNAP_SIZE = 10,\r\n\t DEFAULT_SNAP_ANGLE = 10,\r\n\t DRAG_START = \"dragStart\",\r\n\t DRAG = \"drag\",\r\n\t DRAG_END = \"dragEnd\",\r\n\t ITEMROTATE = \"itemRotate\",\r\n\t ITEMBOUNDSCHANGE = \"itemBoundsChange\",\r\n\t MIN_SNAP_SIZE = 5,\r\n\t MIN_SNAP_ANGLE = 5,\r\n\t MOUSE_ENTER = \"mouseEnter\",\r\n\t MOUSE_LEAVE = \"mouseLeave\",\r\n\t ZOOM_START = \"zoomStart\",\r\n\t ZOOM_END = \"zoomEnd\",\r\n\t SCROLL_MIN = -20000,\r\n\t SCROLL_MAX = 20000,\r\n\t FRICTION = 0.90,\r\n\t FRICTION_MOBILE = 0.93,\r\n\t VELOCITY_MULTIPLIER = 5,\r\n\t TRANSPARENT = \"transparent\",\r\n\t PAN = \"pan\",\r\n\t ROTATED = \"rotated\",\r\n\t SOURCE = \"source\",\r\n\t TARGET = \"target\",\r\n\t HANDLE_NAMES = {\r\n\t \"-1\": SOURCE,\r\n\t \"1\": TARGET\r\n\t };\r\n\r\n\t diagram.Cursors = Cursors;\r\n\r\n\t var PositionAdapter = kendo.Class.extend({\r\n\t init: function (layoutState) {\r\n\t this.layoutState = layoutState;\r\n\t this.diagram = layoutState.diagram;\r\n\t },\r\n\t initState: function () {\r\n\t this.froms = [];\r\n\t this.tos = [];\r\n\t this.subjects = [];\r\n\t function pusher(id, bounds) {\r\n\t var shape = this.diagram.getShapeById(id);\r\n\t if (shape) {\r\n\t this.subjects.push(shape);\r\n\t this.froms.push(shape.bounds().topLeft());\r\n\t this.tos.push(bounds.topLeft());\r\n\t }\r\n\t }\r\n\r\n\t this.layoutState.nodeMap.forEach(pusher, this);\r\n\t },\r\n\t update: function (tick) {\r\n\t if (this.subjects.length <= 0) {\r\n\t return;\r\n\t }\r\n\t for (var i = 0; i < this.subjects.length; i++) {\r\n\t //todo: define a Lerp function instead\r\n\t this.subjects[i].position(\r\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)\r\n\t );\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var LayoutUndoUnit = Class.extend({\r\n\t init: function (initialState, finalState, animate) {\r\n\t if (isUndefined(animate)) {\r\n\t this.animate = false;\r\n\t }\r\n\t else {\r\n\t this.animate = animate;\r\n\t }\r\n\t this._initialState = initialState;\r\n\t this._finalState = finalState;\r\n\t this.title = \"Diagram layout\";\r\n\t },\r\n\t undo: function () {\r\n\t this.setState(this._initialState);\r\n\t },\r\n\t redo: function () {\r\n\t this.setState(this._finalState);\r\n\t },\r\n\t setState: function (state) {\r\n\t var diagram = state.diagram;\r\n\t if (this.animate) {\r\n\t state.linkMap.forEach(\r\n\t function (id, points) {\r\n\t var conn = diagram.getShapeById(id);\r\n\t conn.visible(false);\r\n\t if (conn) {\r\n\t conn.points(points);\r\n\t }\r\n\t }\r\n\t );\r\n\t var ticker = new Ticker();\r\n\t ticker.addAdapter(new PositionAdapter(state));\r\n\t ticker.onComplete(function () {\r\n\t state.linkMap.forEach(\r\n\t function (id) {\r\n\t var conn = diagram.getShapeById(id);\r\n\t conn.visible(true);\r\n\t }\r\n\t );\r\n\t });\r\n\t ticker.play();\r\n\t }\r\n\t else {\r\n\t state.nodeMap.forEach(function (id, bounds) {\r\n\t var shape = diagram.getShapeById(id);\r\n\t if (shape) {\r\n\t shape.position(bounds.topLeft());\r\n\t }\r\n\t });\r\n\t state.linkMap.forEach(\r\n\t function (id, points) {\r\n\t var conn = diagram.getShapeById(id);\r\n\t if (conn) {\r\n\t conn.points(points);\r\n\t }\r\n\t }\r\n\t );\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var CompositeUnit = Class.extend({\r\n\t init: function (unit) {\r\n\t this.units = [];\r\n\t this.title = \"Composite unit\";\r\n\t if (unit !== undefined) {\r\n\t this.units.push(unit);\r\n\t }\r\n\t },\r\n\t add: function (undoUnit) {\r\n\t this.units.push(undoUnit);\r\n\t },\r\n\t undo: function () {\r\n\t for (var i = 0; i < this.units.length; i++) {\r\n\t this.units[i].undo();\r\n\t }\r\n\t },\r\n\t redo: function () {\r\n\t for (var i = 0; i < this.units.length; i++) {\r\n\t this.units[i].redo();\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var ConnectionEditUnit = Class.extend({\r\n\t init: function (item, redoSource, redoTarget) {\r\n\t this.item = item;\r\n\t this._redoSource = redoSource;\r\n\t this._redoTarget = redoTarget;\r\n\t if (defined(redoSource)) {\r\n\t this._undoSource = item.source();\r\n\t }\r\n\r\n\t if (defined(redoTarget)) {\r\n\t this._undoTarget = item.target();\r\n\t }\r\n\t this.title = \"Connection Editing\";\r\n\t },\r\n\t undo: function () {\r\n\t if (this._undoSource !== undefined) {\r\n\t this.item._updateConnector(this._undoSource, \"source\");\r\n\t }\r\n\r\n\t if (this._undoTarget !== undefined) {\r\n\t this.item._updateConnector(this._undoTarget, \"target\");\r\n\t }\r\n\r\n\t this.item.updateModel();\r\n\t },\r\n\t redo: function () {\r\n\t if (this._redoSource !== undefined) {\r\n\t this.item._updateConnector(this._redoSource, \"source\");\r\n\t }\r\n\r\n\t if (this._redoTarget !== undefined) {\r\n\t this.item._updateConnector(this._redoTarget, \"target\");\r\n\t }\r\n\r\n\t this.item.updateModel();\r\n\t }\r\n\t });\r\n\r\n\t var ConnectionEditUndoUnit = Class.extend({\r\n\t init: function (item, undoSource, undoTarget) {\r\n\t this.item = item;\r\n\t this._undoSource = undoSource;\r\n\t this._undoTarget = undoTarget;\r\n\t this._redoSource = item.source();\r\n\t this._redoTarget = item.target();\r\n\t this.title = \"Connection Editing\";\r\n\t },\r\n\t undo: function () {\r\n\t this.item._updateConnector(this._undoSource, \"source\");\r\n\t this.item._updateConnector(this._undoTarget, \"target\");\r\n\t this.item.updateModel();\r\n\t },\r\n\t redo: function () {\r\n\t this.item._updateConnector(this._redoSource, \"source\");\r\n\t this.item._updateConnector(this._redoTarget, \"target\");\r\n\t this.item.updateModel();\r\n\t }\r\n\t });\r\n\r\n\t var DeleteConnectionUnit = Class.extend({\r\n\t init: function (connection) {\r\n\t this.connection = connection;\r\n\t this.diagram = connection.diagram;\r\n\t this.targetConnector = connection.targetConnector;\r\n\t this.title = \"Delete connection\";\r\n\t },\r\n\t undo: function () {\r\n\t this.diagram._addConnection(this.connection, false);\r\n\t },\r\n\t redo: function () {\r\n\t this.diagram.remove(this.connection, false);\r\n\t }\r\n\t });\r\n\r\n\t var DeleteShapeUnit = Class.extend({\r\n\t init: function (shape) {\r\n\t this.shape = shape;\r\n\t this.diagram = shape.diagram;\r\n\t this.title = \"Deletion\";\r\n\t },\r\n\t undo: function () {\r\n\t this.diagram._addShape(this.shape, false);\r\n\t this.shape.select(false);\r\n\t },\r\n\t redo: function () {\r\n\t this.shape.select(false);\r\n\t this.diagram.remove(this.shape, false);\r\n\t }\r\n\t });\r\n\t /**\r\n\t * Holds the undoredo state when performing a rotation, translation or scaling. The adorner is optional.\r\n\t * @type {*}\r\n\t */\r\n\t var TransformUnit = Class.extend({\r\n\t init: function (shapes, undoStates, adorner) {\r\n\t this.shapes = shapes;\r\n\t this.undoStates = undoStates;\r\n\t this.title = \"Transformation\";\r\n\t this.redoStates = [];\r\n\t this.adorner = adorner;\r\n\t for (var i = 0; i < this.shapes.length; i++) {\r\n\t var shape = this.shapes[i];\r\n\t this.redoStates.push(shape.bounds());\r\n\t }\r\n\t },\r\n\t undo: function () {\r\n\t for (var i = 0; i < this.shapes.length; i++) {\r\n\t var shape = this.shapes[i];\r\n\t shape.bounds(this.undoStates[i]);\r\n\t if (shape.hasOwnProperty(\"layout\")) {\r\n\t shape.layout(shape, this.redoStates[i], this.undoStates[i]);\r\n\t }\r\n\t shape.updateModel();\r\n\t }\r\n\t if (this.adorner) {\r\n\t this.adorner.refreshBounds();\r\n\t this.adorner.refresh();\r\n\t }\r\n\t },\r\n\t redo: function () {\r\n\t for (var i = 0; i < this.shapes.length; i++) {\r\n\t var shape = this.shapes[i];\r\n\t shape.bounds(this.redoStates[i]);\r\n\t // the 'layout' property, if implemented, lets the shape itself work out what to do with the new bounds\r\n\t if (shape.hasOwnProperty(\"layout\")) {\r\n\t shape.layout(shape, this.undoStates[i], this.redoStates[i]);\r\n\t }\r\n\t shape.updateModel();\r\n\t }\r\n\r\n\t if (this.adorner) {\r\n\t this.adorner.refreshBounds();\r\n\t this.adorner.refresh();\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var AddConnectionUnit = Class.extend({\r\n\t init: function (connection, diagram) {\r\n\t this.connection = connection;\r\n\t this.diagram = diagram;\r\n\t this.title = \"New connection\";\r\n\t },\r\n\r\n\t undo: function () {\r\n\t this.diagram.remove(this.connection, false);\r\n\t },\r\n\r\n\t redo: function () {\r\n\t this.diagram._addConnection(this.connection, false);\r\n\t }\r\n\t });\r\n\r\n\t var AddShapeUnit = Class.extend({\r\n\t init: function (shape, diagram) {\r\n\t this.shape = shape;\r\n\t this.diagram = diagram;\r\n\t this.title = \"New shape\";\r\n\t },\r\n\r\n\t undo: function () {\r\n\t this.diagram.deselect();\r\n\t this.diagram.remove(this.shape, false);\r\n\t },\r\n\r\n\t redo: function () {\r\n\t this.diagram._addShape(this.shape, false);\r\n\t }\r\n\t });\r\n\r\n\t var PanUndoUnit = Class.extend({\r\n\t init: function (initialPosition, finalPosition, diagram) {\r\n\t this.initial = initialPosition;\r\n\t this.finalPos = finalPosition;\r\n\t this.diagram = diagram;\r\n\t this.title = \"Pan Unit\";\r\n\t },\r\n\t undo: function () {\r\n\t this.diagram.pan(this.initial);\r\n\t },\r\n\t redo: function () {\r\n\t this.diagram.pan(this.finalPos);\r\n\t }\r\n\t });\r\n\r\n\t var RotateUnit = Class.extend({\r\n\t init: function (adorner, shapes, undoRotates) {\r\n\t this.shapes = shapes;\r\n\t this.undoRotates = undoRotates;\r\n\t this.title = \"Rotation\";\r\n\t this.redoRotates = [];\r\n\t this.redoAngle = adorner._angle;\r\n\t this.adorner = adorner;\r\n\t this.center = adorner._innerBounds.center();\r\n\t for (var i = 0; i < this.shapes.length; i++) {\r\n\t var shape = this.shapes[i];\r\n\t this.redoRotates.push(shape.rotate().angle);\r\n\t }\r\n\t },\r\n\t undo: function () {\r\n\t var i, shape;\r\n\t for (i = 0; i < this.shapes.length; i++) {\r\n\t shape = this.shapes[i];\r\n\t shape.rotate(this.undoRotates[i], this.center, false);\r\n\t if (shape.hasOwnProperty(\"layout\")) {\r\n\t shape.layout(shape);\r\n\t }\r\n\t shape.updateModel();\r\n\t }\r\n\t if (this.adorner) {\r\n\t this.adorner._initialize();\r\n\t this.adorner.refresh();\r\n\t }\r\n\t },\r\n\t redo: function () {\r\n\t var i, shape;\r\n\t for (i = 0; i < this.shapes.length; i++) {\r\n\t shape = this.shapes[i];\r\n\t shape.rotate(this.redoRotates[i], this.center, false);\r\n\t if (shape.hasOwnProperty(\"layout\")) {\r\n\t shape.layout(shape);\r\n\t }\r\n\t shape.updateModel();\r\n\t }\r\n\t if (this.adorner) {\r\n\t this.adorner._initialize();\r\n\t this.adorner.refresh();\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var ToFrontUnit = Class.extend({\r\n\t init: function (diagram, items, initialIndices) {\r\n\t this.diagram = diagram;\r\n\t this.indices = initialIndices;\r\n\t this.items = items;\r\n\t this.title = \"Rotate Unit\";\r\n\t },\r\n\t undo: function () {\r\n\t this.diagram._toIndex(this.items, this.indices);\r\n\t },\r\n\t redo: function () {\r\n\t this.diagram.toFront(this.items, false);\r\n\t }\r\n\t });\r\n\r\n\t var ToBackUnit = Class.extend({\r\n\t init: function (diagram, items, initialIndices) {\r\n\t this.diagram = diagram;\r\n\t this.indices = initialIndices;\r\n\t this.items = items;\r\n\t this.title = \"Rotate Unit\";\r\n\t },\r\n\t undo: function () {\r\n\t this.diagram._toIndex(this.items, this.indices);\r\n\t },\r\n\t redo: function () {\r\n\t this.diagram.toBack(this.items, false);\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * Undo-redo service.\r\n\t */\r\n\t var UndoRedoService = kendo.Observable.extend({\r\n\t init: function (options) {\r\n\t kendo.Observable.fn.init.call(this, options);\r\n\t this.bind(this.events, options);\r\n\t this.stack = [];\r\n\t this.index = 0;\r\n\t this.capacity = 100;\r\n\t },\r\n\r\n\t events: [\"undone\", \"redone\"],\r\n\r\n\t /**\r\n\t * Starts the collection of units. Add those with\r\n\t * the addCompositeItem method and call commit. Or cancel to forget about it.\r\n\t */\r\n\t begin: function () {\r\n\t this.composite = new CompositeUnit();\r\n\t },\r\n\r\n\t /**\r\n\t * Cancels the collection process of unit started with 'begin'.\r\n\t */\r\n\t cancel: function () {\r\n\t this.composite = undefined;\r\n\t },\r\n\r\n\t /**\r\n\t * Commits a batch of units.\r\n\t */\r\n\t commit: function (execute) {\r\n\t if (this.composite.units.length > 0) {\r\n\t this._restart(this.composite, execute);\r\n\t }\r\n\t this.composite = undefined;\r\n\t },\r\n\r\n\t /**\r\n\t * Adds a unit as part of the begin-commit batch.\r\n\t * @param undoUnit\r\n\t */\r\n\t addCompositeItem: function (undoUnit) {\r\n\t if (this.composite) {\r\n\t this.composite.add(undoUnit);\r\n\t } else {\r\n\t this.add(undoUnit);\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Standard addition of a unit. See also the batch version; begin-addCompositeUnit-commit methods.\r\n\t * @param undoUnit The unit to be added.\r\n\t * @param execute If false, the unit will be added but not executed.\r\n\t */\r\n\t add: function (undoUnit, execute) {\r\n\t this._restart(undoUnit, execute);\r\n\t },\r\n\r\n\t /**\r\n\t * Returns the number of undoable unit in the stack.\r\n\t * @returns {Number}\r\n\t */\r\n\r\n\t pop: function() {\r\n\t if (this.index > 0) {\r\n\t this.stack.pop();\r\n\t this.index--;\r\n\t }\r\n\t },\r\n\r\n\t count: function () {\r\n\t return this.stack.length;\r\n\t },\r\n\r\n\t /**\r\n\t * Rollback of the unit on top of the stack.\r\n\t */\r\n\t undo: function () {\r\n\t if (this.index > 0) {\r\n\t this.index--;\r\n\t this.stack[this.index].undo();\r\n\t this.trigger(\"undone\");\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Redo of the last undone action.\r\n\t */\r\n\t redo: function () {\r\n\t if (this.stack.length > 0 && this.index < this.stack.length) {\r\n\t this.stack[this.index].redo();\r\n\t this.index++;\r\n\t this.trigger(\"redone\");\r\n\t }\r\n\t },\r\n\r\n\t _restart: function (composite, execute) {\r\n\t // throw away anything beyond this point if this is a new branch\r\n\t this.stack.splice(this.index, this.stack.length - this.index);\r\n\t this.stack.push(composite);\r\n\t if (execute !== false) {\r\n\t this.redo();\r\n\t } else {\r\n\t this.index++;\r\n\t }\r\n\t // check the capacity\r\n\t if (this.stack.length > this.capacity) {\r\n\t this.stack.splice(0, this.stack.length - this.capacity);\r\n\t this.index = this.capacity; //points to the end of the stack\r\n\t }\r\n\t },\r\n\r\n\t /**\r\n\t * Clears the stack.\r\n\t */\r\n\t clear: function () {\r\n\t this.stack = [];\r\n\t this.index = 0;\r\n\t }\r\n\t });\r\n\r\n\t// Tools =========================================\r\n\r\n\t var EmptyTool = Class.extend({\r\n\t init: function (toolService) {\r\n\t this.toolService = toolService;\r\n\t },\r\n\t start: function () {\r\n\t },\r\n\t move: function () {\r\n\t },\r\n\t end: function () {\r\n\t },\r\n\t tryActivate: function () {\r\n\t return false;\r\n\t },\r\n\t getCursor: function () {\r\n\t return Cursors.arrow;\r\n\t }\r\n\t });\r\n\r\n\t var ScrollerTool = EmptyTool.extend({\r\n\t init: function (toolService) {\r\n\t var tool = this;\r\n\t var friction = kendo.support.mobileOS ? FRICTION_MOBILE : FRICTION;\r\n\t EmptyTool.fn.init.call(tool, toolService);\r\n\r\n\t var diagram = tool.toolService.diagram,\r\n\t canvas = diagram.canvas;\r\n\r\n\t var scroller = diagram.scroller = tool.scroller = $(diagram.scrollable).kendoMobileScroller({\r\n\t friction: friction,\r\n\t velocityMultiplier: VELOCITY_MULTIPLIER,\r\n\t mousewheelScrolling: false,\r\n\t zoom: false,\r\n\t scroll: proxy(tool._move, tool)\r\n\t }).data(\"kendoMobileScroller\");\r\n\r\n\t if (canvas.translate) {\r\n\t tool.movableCanvas = new Movable(canvas.element);\r\n\t }\r\n\r\n\t var virtualScroll = function (dimension, min, max) {\r\n\t dimension.makeVirtual();\r\n\t dimension.virtualSize(min || SCROLL_MIN, max || SCROLL_MAX);\r\n\t };\r\n\r\n\t virtualScroll(scroller.dimensions.x);\r\n\t virtualScroll(scroller.dimensions.y);\r\n\t scroller.disable();\r\n\t },\r\n\r\n\t tryActivate: function (p, meta) {\r\n\t var toolService = this.toolService;\r\n\t var options = toolService.diagram.options.pannable;\r\n\t var enabled = meta.ctrlKey;\r\n\r\n\t if (defined(options.key)) {\r\n\t if (!options.key || options.key == \"none\") {\r\n\t enabled = noMeta(meta) && !defined(toolService.hoveredItem);\r\n\t } else {\r\n\t enabled = meta[options.key + \"Key\"];\r\n\t }\r\n\t }\r\n\r\n\t return options !== false && enabled && !defined(toolService.hoveredAdorner) && !defined(toolService._hoveredConnector);\r\n\t },\r\n\r\n\t start: function () {\r\n\t this.scroller.enable();\r\n\t },\r\n\t move: function () {\r\n\t },//the tool itself should not handle the scrolling. Let kendo scroller take care of this part. Check _move\r\n\t _move: function (args) {\r\n\t var tool = this,\r\n\t diagram = tool.toolService.diagram,\r\n\t canvas = diagram.canvas,\r\n\t scrollPos = new Point(args.scrollLeft, args.scrollTop);\r\n\r\n\t if (canvas.translate) {\r\n\t diagram._storePan(scrollPos.times(-1));\r\n\t tool.movableCanvas.moveTo(scrollPos);\r\n\t canvas.translate(scrollPos.x, scrollPos.y);\r\n\t } else {\r\n\t scrollPos = scrollPos.plus(diagram._pan.times(-1));\r\n\t }\r\n\r\n\t diagram.trigger(PAN, {pan: scrollPos});\r\n\t },\r\n\t end: function () {\r\n\t this.scroller.disable();\r\n\t },\r\n\t getCursor: function () {\r\n\t return Cursors.move;\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * The tool handling the transformations via the adorner.\r\n\t * @type {*}\r\n\t */\r\n\t var PointerTool = Class.extend({\r\n\t init: function (toolService) {\r\n\t this.toolService = toolService;\r\n\t },\r\n\t tryActivate: function () {\r\n\t return true; // the pointer tool is last and handles all others requests.\r\n\t },\r\n\t start: function (p, meta) {\r\n\t var toolService = this.toolService,\r\n\t diagram = toolService.diagram,\r\n\t hoveredItem = toolService.hoveredItem;\r\n\r\n\t if (hoveredItem) {\r\n\t toolService.selectSingle(hoveredItem, meta);\r\n\t if (hoveredItem.adorner) { //connection\r\n\t this.adorner = hoveredItem.adorner;\r\n\t this.handle = this.adorner._hitTest(p);\r\n\t }\r\n\t }\r\n\r\n\t if (!this.handle) {\r\n\t this.handle = diagram._resizingAdorner._hitTest(p);\r\n\t if (this.handle) {\r\n\t this.adorner = diagram._resizingAdorner;\r\n\t }\r\n\t }\r\n\r\n\t if (this.adorner) {\r\n\t if (!this.adorner.isDragHandle(this.handle) || !diagram.trigger(DRAG_START, { shapes: this.adorner.shapes, connections: [] })) {\r\n\t this.adorner.start(p);\r\n\t } else {\r\n\t toolService.startPoint = p;\r\n\t toolService.end(p);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t move: function (p) {\r\n\t if (this.adorner) {\r\n\t this.adorner.move(this.handle, p);\r\n\t if (this.adorner.isDragHandle(this.handle)) {\r\n\t this.toolService.diagram.trigger(DRAG, { shapes: this.adorner.shapes, connections: [] });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t end: function () {\r\n\t var diagram = this.toolService.diagram,\r\n\t adorner = this.adorner,\r\n\t unit;\r\n\r\n\t if (adorner) {\r\n\t if (!adorner.isDragHandle(this.handle) || !diagram.trigger(DRAG_END, { shapes: adorner.shapes, connections: [] })) {\r\n\t unit = adorner.stop();\r\n\t if (unit) {\r\n\t diagram.undoRedoService.add(unit, false);\r\n\t }\r\n\t } else {\r\n\t adorner.cancel();\r\n\t }\r\n\t }\r\n\r\n\t this.adorner = undefined;\r\n\t this.handle = undefined;\r\n\t },\r\n\t getCursor: function (p) {\r\n\t return this.toolService.hoveredItem ? this.toolService.hoveredItem._getCursor(p) : Cursors.arrow;\r\n\t }\r\n\t });\r\n\r\n\t var SelectionTool = Class.extend({\r\n\t init: function (toolService) {\r\n\t this.toolService = toolService;\r\n\t },\r\n\t tryActivate: function (p, meta) {\r\n\t var toolService = this.toolService;\r\n\t var selectable = toolService.diagram.options.selectable;\r\n\t var enabled = selectable && selectable.multiple !== false;\r\n\r\n\t if (enabled) {\r\n\t if (selectable.key && selectable.key != \"none\") {\r\n\t enabled = meta[selectable.key + \"Key\"];\r\n\t } else {\r\n\t enabled = noMeta(meta);\r\n\t }\r\n\t }\r\n\r\n\t return enabled && !defined(toolService.hoveredItem) && !defined(toolService.hoveredAdorner);\r\n\t },\r\n\t start: function (p) {\r\n\t var diagram = this.toolService.diagram;\r\n\t diagram.deselect();\r\n\t diagram.selector.start(p);\r\n\t },\r\n\t move: function (p) {\r\n\t var diagram = this.toolService.diagram;\r\n\t diagram.selector.move(p);\r\n\t },\r\n\t end: function (p, meta) {\r\n\t var diagram = this.toolService.diagram, hoveredItem = this.toolService.hoveredItem;\r\n\t var rect = diagram.selector.bounds();\r\n\t if ((!hoveredItem || !hoveredItem.isSelected) && !meta.ctrlKey) {\r\n\t diagram.deselect();\r\n\t }\r\n\t if (!rect.isEmpty()) {\r\n\t diagram.selectArea(rect);\r\n\t }\r\n\t diagram.selector.end();\r\n\t },\r\n\t getCursor: function () {\r\n\t return Cursors.arrow;\r\n\t }\r\n\t });\r\n\r\n\t var ConnectionTool = Class.extend({\r\n\t init: function (toolService) {\r\n\t this.toolService = toolService;\r\n\t this.type = \"ConnectionTool\";\r\n\t },\r\n\t tryActivate: function() {\r\n\t return this.toolService._hoveredConnector;\r\n\t },\r\n\t start: function (p, meta) {\r\n\t var toolService = this.toolService,\r\n\t diagram = toolService.diagram,\r\n\t connector = toolService._hoveredConnector,\r\n\t connection = diagram._createConnection({}, connector._c, p);\r\n\r\n\t if (canDrag(connection) && !diagram.trigger(DRAG_START, { shapes: [], connections: [connection], connectionHandle: TARGET }) && diagram._addConnection(connection)) {\r\n\t toolService._connectionManipulation(connection, connector._c.shape, true);\r\n\t toolService._removeHover();\r\n\t toolService.selectSingle(toolService.activeConnection, meta);\r\n\t if (meta.type == \"touchmove\") {\r\n\t diagram._cachedTouchTarget = connector.visual;\r\n\t }\r\n\t } else {\r\n\t connection.source(null);\r\n\t toolService.end(p);\r\n\t }\r\n\t },\r\n\r\n\t move: function (p) {\r\n\t var toolService = this.toolService;\r\n\t var connection = toolService.activeConnection;\r\n\r\n\t connection.target(p);\r\n\t toolService.diagram.trigger(DRAG, { shapes: [], connections: [connection], connectionHandle: TARGET });\r\n\t return true;\r\n\t },\r\n\r\n\t end: function (p) {\r\n\t var toolService = this.toolService,\r\n\t d = toolService.diagram,\r\n\t connection = toolService.activeConnection,\r\n\t hoveredItem = toolService.hoveredItem,\r\n\t connector = toolService._hoveredConnector,\r\n\t target,\r\n\t cachedTouchTarget = d._cachedTouchTarget;\r\n\r\n\t if (!connection) {\r\n\t return;\r\n\t }\r\n\r\n\t if (connector && connector._c != connection.sourceConnector) {\r\n\t target = connector._c;\r\n\t } else if (hoveredItem && hoveredItem instanceof diagram.Shape) {\r\n\t target = hoveredItem.getConnector(AUTO) || hoveredItem.getConnector(p);\r\n\t } else {\r\n\t target = p;\r\n\t }\r\n\r\n\t connection.target(target);\r\n\r\n\t if (!d.trigger(DRAG_END, { shapes: [], connections: [connection], connectionHandle: TARGET })) {\r\n\t connection.updateModel();\r\n\t d._syncConnectionChanges();\r\n\t } else {\r\n\t d.remove(connection, false);\r\n\t d.undoRedoService.pop();\r\n\t }\r\n\t toolService._connectionManipulation();\r\n\r\n\t if(cachedTouchTarget) {\r\n\t d._connectorsAdorner.visual.remove(cachedTouchTarget);\r\n\t d._cachedTouchTarget = null;\r\n\t }\r\n\t },\r\n\r\n\t getCursor: function () {\r\n\t return Cursors.arrow;\r\n\t }\r\n\t });\r\n\r\n\t var ConnectionEditTool = Class.extend({\r\n\t init: function (toolService) {\r\n\t this.toolService = toolService;\r\n\t this.type = \"ConnectionTool\";\r\n\t },\r\n\r\n\t tryActivate: function (p, meta) {\r\n\t var toolService = this.toolService,\r\n\t diagram = toolService.diagram,\r\n\t selectable = diagram.options.selectable,\r\n\t item = toolService.hoveredItem,\r\n\t isActive = selectable !== false &&\r\n\t item && item.path && !(item.isSelected && meta.ctrlKey);\r\n\r\n\t if (isActive) {\r\n\t this._c = item;\r\n\t }\r\n\r\n\t return isActive;\r\n\t },\r\n\r\n\t start: function (p, meta) {\r\n\t var toolService = this.toolService;\r\n\t var connection = this._c;\r\n\r\n\t toolService.selectSingle(connection, meta);\r\n\r\n\t var adorner = connection.adorner;\r\n\r\n\t var handle, name;\r\n\t if (adorner) {\r\n\t handle = adorner._hitTest(p);\r\n\t name = HANDLE_NAMES[handle];\r\n\t }\r\n\r\n\t if (canDrag(connection) && adorner && !toolService.diagram.trigger(DRAG_START, { shapes: [], connections: [connection], connectionHandle: name })) {\r\n\t this.handle = handle;\r\n\t this.handleName = name;\r\n\t adorner.start(p);\r\n\t } else {\r\n\t toolService.startPoint = p;\r\n\t toolService.end(p);\r\n\t }\r\n\t },\r\n\r\n\t move: function (p) {\r\n\t var adorner = this._c.adorner;\r\n\t if (canDrag(this._c) && adorner) {\r\n\t adorner.move(this.handle, p);\r\n\t this.toolService.diagram.trigger(DRAG, { shapes: [], connections: [this._c], connectionHandle: this.handleName });\r\n\r\n\t return true;\r\n\t }\r\n\t },\r\n\r\n\t end: function (p) {\r\n\t var connection = this._c;\r\n\t var adorner = connection.adorner;\r\n\t var toolService = this.toolService;\r\n\t var diagram = toolService.diagram;\r\n\r\n\t if (adorner) {\r\n\t if (canDrag(connection)) {\r\n\t var unit = adorner.stop(p);\r\n\t if (!diagram.trigger(DRAG_END, { shapes: [], connections: [connection], connectionHandle: this.handleName })) {\r\n\t diagram.undoRedoService.add(unit, false);\r\n\t connection.updateModel();\r\n\t diagram._syncConnectionChanges();\r\n\t } else {\r\n\t unit.undo();\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t getCursor: function () {\r\n\t return Cursors.move;\r\n\t }\r\n\t });\r\n\r\n\t function testKey(key, str) {\r\n\t return str.charCodeAt(0) == key || str.toUpperCase().charCodeAt(0) == key;\r\n\t }\r\n\r\n\t /**\r\n\t * The service managing the tools.\r\n\t * @type {*}\r\n\t */\r\n\t var ToolService = Class.extend({\r\n\t init: function (diagram) {\r\n\t this.diagram = diagram;\r\n\t this.tools = [\r\n\t new ScrollerTool(this),\r\n\t new ConnectionEditTool(this),\r\n\t new ConnectionTool(this),\r\n\t new SelectionTool(this),\r\n\t new PointerTool(this)\r\n\t ]; // the order matters.\r\n\r\n\t this.activeTool = undefined;\r\n\t },\r\n\r\n\t start: function (p, meta) {\r\n\t meta = deepExtend({}, meta);\r\n\t if (this.activeTool) {\r\n\t this.activeTool.end(p, meta);\r\n\t }\r\n\t this._updateHoveredItem(p);\r\n\t this._activateTool(p, meta);\r\n\t this.activeTool.start(p, meta);\r\n\t this._updateCursor(p);\r\n\t this.diagram.focus();\r\n\t this.diagram.canvas.surface.suspendTracking();\r\n\t this.startPoint = p;\r\n\t return true;\r\n\t },\r\n\r\n\t move: function (p, meta) {\r\n\t meta = deepExtend({}, meta);\r\n\t var updateHovered = true;\r\n\t if (this.activeTool) {\r\n\t updateHovered = this.activeTool.move(p, meta);\r\n\t }\r\n\t if (updateHovered) {\r\n\t this._updateHoveredItem(p);\r\n\t }\r\n\t this._updateCursor(p);\r\n\t return true;\r\n\t },\r\n\r\n\t end: function (p, meta) {\r\n\t meta = deepExtend({}, meta);\r\n\t if (this.activeTool) {\r\n\t this.activeTool.end(p, meta);\r\n\t }\r\n\t this.diagram.canvas.surface.resumeTracking();\r\n\t this.activeTool = undefined;\r\n\t this._updateCursor(p);\r\n\t return true;\r\n\t },\r\n\r\n\t keyDown: function (key, meta) {\r\n\t var diagram = this.diagram;\r\n\t meta = deepExtend({ ctrlKey: false, metaKey: false, altKey: false }, meta);\r\n\t if ((meta.ctrlKey || meta.metaKey) && !meta.altKey) {// ctrl or option\r\n\t if (testKey(key, \"a\")) {// A: select all\r\n\t diagram.selectAll();\r\n\t diagram._destroyToolBar();\r\n\t return true;\r\n\t } else if (testKey(key, \"z\")) {// Z: undo\r\n\t diagram.undo();\r\n\t diagram._destroyToolBar();\r\n\t return true;\r\n\t } else if (testKey(key, \"y\")) {// y: redo\r\n\t diagram.redo();\r\n\t diagram._destroyToolBar();\r\n\t return true;\r\n\t } else if (testKey(key, \"c\")) {\r\n\t diagram.copy();\r\n\t diagram._destroyToolBar();\r\n\t } else if (testKey(key, \"x\")) {\r\n\t diagram.cut();\r\n\t diagram._destroyToolBar();\r\n\t } else if (testKey(key, \"v\")) {\r\n\t diagram.paste();\r\n\t diagram._destroyToolBar();\r\n\t } else if (testKey(key, \"l\")) {\r\n\t diagram.layout();\r\n\t diagram._destroyToolBar();\r\n\t } else if (testKey(key, \"d\")) {\r\n\t diagram._destroyToolBar();\r\n\t diagram.copy();\r\n\t diagram.paste();\r\n\t }\r\n\t } else if (key === 46 || key === 8) {// del: deletion\r\n\t var toRemove = this.diagram._triggerRemove(diagram.select());\r\n\t if (toRemove.length) {\r\n\t this.diagram.remove(toRemove, true);\r\n\t this.diagram._syncChanges();\r\n\t this.diagram._destroyToolBar();\r\n\t }\r\n\r\n\t return true;\r\n\t } else if (key === 27) {// ESC: stop any action\r\n\t this._discardNewConnection();\r\n\t diagram.deselect();\r\n\t diagram._destroyToolBar();\r\n\t return true;\r\n\t }\r\n\r\n\t },\r\n\t wheel: function (p, meta) {\r\n\t var diagram = this.diagram,\r\n\t delta = meta.delta,\r\n\t z = diagram.zoom(),\r\n\t options = diagram.options,\r\n\t zoomRate = options.zoomRate,\r\n\t zoomOptions = { point: p, meta: meta, zoom: z };\r\n\r\n\t if (diagram.trigger(ZOOM_START, zoomOptions)) {\r\n\t return;\r\n\t }\r\n\r\n\t if (delta < 0) {\r\n\t z += zoomRate;\r\n\t } else {\r\n\t z -= zoomRate;\r\n\t }\r\n\r\n\t z = kendo.dataviz.round(Math.max(options.zoomMin, Math.min(options.zoomMax, z)), 2);\r\n\t zoomOptions.zoom = z;\r\n\r\n\t diagram.zoom(z, zoomOptions);\r\n\t diagram.trigger(ZOOM_END, zoomOptions);\r\n\r\n\t return true;\r\n\t },\r\n\t setTool: function (tool, index) {\r\n\t tool.toolService = this;\r\n\t this.tools[index] = tool;\r\n\t },\r\n\r\n\t selectSingle: function(item, meta) {\r\n\t var diagram = this.diagram;\r\n\t var selectable = diagram.options.selectable;\r\n\t if (selectable && !item.isSelected && item.options.selectable !== false) {\r\n\t var addToSelection = meta.ctrlKey && selectable.multiple !== false;\r\n\t diagram.select(item, { addToSelection: addToSelection });\r\n\t }\r\n\t },\r\n\r\n\t _discardNewConnection: function () {\r\n\t if (this.newConnection) {\r\n\t this.diagram.remove(this.newConnection);\r\n\t this.newConnection = undefined;\r\n\t }\r\n\t },\r\n\t _activateTool: function (p, meta) {\r\n\t for (var i = 0; i < this.tools.length; i++) {\r\n\t var tool = this.tools[i];\r\n\t if (tool.tryActivate(p, meta)) {\r\n\t this.activeTool = tool;\r\n\t break; // activating the first available tool in the loop.\r\n\t }\r\n\t }\r\n\t },\r\n\t _updateCursor: function (p) {\r\n\t var element = this.diagram.element;\r\n\t var cursor = this.activeTool ? this.activeTool.getCursor(p) : (this.hoveredAdorner ? this.hoveredAdorner._getCursor(p) : (this.hoveredItem ? this.hoveredItem._getCursor(p) : Cursors.arrow));\r\n\r\n\t element.css({cursor: cursor});\r\n\t // workaround for IE 7 issue in which the elements overflow the container after setting cursor\r\n\t if (browser.msie && browser.version == 7) {\r\n\t element[0].style.cssText = element[0].style.cssText;\r\n\t }\r\n\t },\r\n\t _connectionManipulation: function (connection, disabledShape, isNew) {\r\n\t this.activeConnection = connection;\r\n\t this.disabledShape = disabledShape;\r\n\t if (isNew) {\r\n\t this.newConnection = this.activeConnection;\r\n\t } else {\r\n\t this.newConnection = undefined;\r\n\t }\r\n\t },\r\n\t _updateHoveredItem: function (p) {\r\n\t var hit = this._hitTest(p);\r\n\t var diagram = this.diagram;\r\n\r\n\t if (hit != this.hoveredItem && (!this.disabledShape || hit != this.disabledShape)) {\r\n\t if (this.hoveredItem) {\r\n\t diagram.trigger(MOUSE_LEAVE, { item: this.hoveredItem });\r\n\t this.hoveredItem._hover(false);\r\n\t }\r\n\r\n\t if (hit && hit.options.enable) {\r\n\t diagram.trigger(MOUSE_ENTER, { item: hit });\r\n\r\n\t this.hoveredItem = hit; // Shape, connection or connector\r\n\t this.hoveredItem._hover(true);\r\n\t } else {\r\n\t this.hoveredItem = undefined;\r\n\t }\r\n\t }\r\n\t },\r\n\t _removeHover: function () {\r\n\t if (this.hoveredItem) {\r\n\t this.hoveredItem._hover(false);\r\n\t this.hoveredItem = undefined;\r\n\t }\r\n\t },\r\n\t _hitTest: function (point) {\r\n\t var hit, d = this.diagram, item, i;\r\n\r\n\t // connectors\r\n\t if (this._hoveredConnector) {\r\n\t this._hoveredConnector._hover(false);\r\n\t this._hoveredConnector = undefined;\r\n\t }\r\n\t if (d._connectorsAdorner._visible) {\r\n\t hit = d._connectorsAdorner._hitTest(point);\r\n\t if (hit) {\r\n\t return hit;\r\n\t }\r\n\t }\r\n\r\n\t hit = this.diagram._resizingAdorner._hitTest(point);\r\n\t if (hit) {\r\n\t this.hoveredAdorner = d._resizingAdorner;\r\n\t if (hit.x !== 0 || hit.y !== 0) { // hit testing for resizers or rotator, otherwise if (0,0) than pass through.\r\n\t return;\r\n\t }\r\n\t hit = undefined;\r\n\t } else {\r\n\t this.hoveredAdorner = undefined;\r\n\t }\r\n\r\n\t if (!this.activeTool || this.activeTool.type !== \"ConnectionTool\") {\r\n\t var selectedConnections = []; // only the connections should have higher presence because the connection edit point is on top of connector.\r\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.\r\n\t for (i = 0; i < d._selectedItems.length; i++) {\r\n\t item = d._selectedItems[i];\r\n\t if (item instanceof diagram.Connection) {\r\n\t selectedConnections.push(item);\r\n\t }\r\n\t }\r\n\t hit = this._hitTestItems(selectedConnections, point);\r\n\t }\r\n\r\n\t return hit || this._hitTestElements(point);\r\n\t },\r\n\r\n\t _hitTestElements: function(point) {\r\n\t var diagram = this.diagram;\r\n\t var shapeHit = this._hitTestItems(diagram.shapes, point);\r\n\t var connectionHit = this._hitTestItems(diagram.connections, point);\r\n\t var hit;\r\n\r\n\t if ((!this.activeTool || this.activeTool.type != \"ConnectionTool\") && shapeHit && connectionHit && !hitTestShapeConnectors(shapeHit, point)) {\r\n\t var mainLayer = diagram.mainLayer;\r\n\t var shapeIdx = inArray(shapeHit.visual, mainLayer.children);\r\n\t var connectionIdx = inArray(connectionHit.visual, mainLayer.children);\r\n\t hit = shapeIdx > connectionIdx ? shapeHit : connectionHit;\r\n\t }\r\n\t return hit || shapeHit || connectionHit;\r\n\t },\r\n\r\n\t _hitTestItems: function (array, point) {\r\n\t var i, item, hit;\r\n\t for (i = array.length - 1; i >= 0; i--) {\r\n\t item = array[i];\r\n\t hit = item._hitTest(point);\r\n\t if (hit) {\r\n\t return hit;\r\n\t }\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t// Routing =========================================\r\n\r\n\t /**\r\n\t * Base class for connection routers.\r\n\t */\r\n\t var ConnectionRouterBase = kendo.Class.extend({\r\n\t init: function () {\r\n\t }\r\n\t /*route: function (connection) {\r\n\t },\r\n\t hitTest: function (p) {\r\n\r\n\t },\r\n\t getBounds: function () {\r\n\r\n\t }*/\r\n\t });\r\n\r\n\t /**\r\n\t * Base class for polyline and cascading routing.\r\n\t */\r\n\t var LinearConnectionRouter = ConnectionRouterBase.extend({\r\n\t init: function (connection) {\r\n\t var that = this;\r\n\t ConnectionRouterBase.fn.init.call(that);\r\n\t this.connection = connection;\r\n\t },\r\n\t /**\r\n\t * Hit testing for polyline paths.\r\n\t */\r\n\t hitTest: function (p) {\r\n\t var rec = this.getBounds().inflate(HIT_TEST_DISTANCE);\r\n\t if (!rec.contains(p)) {\r\n\t return false;\r\n\t }\r\n\t return diagram.Geometry.distanceToPolyline(p, this.connection.allPoints()) < HIT_TEST_DISTANCE;\r\n\t },\r\n\r\n\t /**\r\n\t * Bounds of a polyline.\r\n\t * @returns {kendo.dataviz.diagram.Rect}\r\n\t */\r\n\t getBounds: function () {\r\n\t var points = this.connection.allPoints(),\r\n\t s = points[0],\r\n\t e = points[points.length - 1],\r\n\t right = Math.max(s.x, e.x),\r\n\t left = Math.min(s.x, e.x),\r\n\t top = Math.min(s.y, e.y),\r\n\t bottom = Math.max(s.y, e.y);\r\n\r\n\t for (var i = 1; i < points.length - 1; ++i) {\r\n\t right = Math.max(right, points[i].x);\r\n\t left = Math.min(left, points[i].x);\r\n\t top = Math.min(top, points[i].y);\r\n\t bottom = Math.max(bottom, points[i].y);\r\n\t }\r\n\r\n\t return new Rect(left, top, right - left, bottom - top);\r\n\t }\r\n\t });\r\n\r\n\t /**\r\n\t * A simple poly-linear routing which does not alter the intermediate points.\r\n\t * Does hold the underlying hit, bounds....logic.\r\n\t * @type {*|Object|void|extend|Zepto.extend|b.extend}\r\n\t */\r\n\t var PolylineRouter = LinearConnectionRouter.extend({\r\n\t init: function (connection) {\r\n\t var that = this;\r\n\t LinearConnectionRouter.fn.init.call(that);\r\n\t this.connection = connection;\r\n\t },\r\n\t route: function () {\r\n\t // just keep the points as is\r\n\t }\r\n\t });\r\n\r\n\t var CascadingRouter = LinearConnectionRouter.extend({\r\n\t SAME_SIDE_DISTANCE_RATIO: 5,\r\n\r\n\t init: function (connection) {\r\n\t var that = this;\r\n\t LinearConnectionRouter.fn.init.call(that);\r\n\t this.connection = connection;\r\n\t },\r\n\r\n\t routePoints: function(start, end, sourceConnector, targetConnector) {\r\n\t var result;\r\n\r\n\t if (sourceConnector && targetConnector) {\r\n\t result = this._connectorPoints(start, end, sourceConnector, targetConnector);\r\n\t } else {\r\n\t result = this._floatingPoints(start, end, sourceConnector);\r\n\t }\r\n\t return result;\r\n\t },\r\n\r\n\t route: function () {\r\n\t var sourceConnector = this.connection._resolvedSourceConnector;\r\n\t var targetConnector = this.connection._resolvedTargetConnector;\r\n\t var start = this.connection.sourcePoint();\r\n\t var end = this.connection.targetPoint();\r\n\t var points = this.routePoints(start, end, sourceConnector, targetConnector);\r\n\t this.connection.points(points);\r\n\t },\r\n\r\n\t _connectorSides: [{\r\n\t name: \"Top\",\r\n\t axis: \"y\",\r\n\t boundsPoint: \"topLeft\",\r\n\t secondarySign: 1\r\n\t }, {\r\n\t name: \"Left\",\r\n\t axis: \"x\",\r\n\t boundsPoint: \"topLeft\",\r\n\t secondarySign: 1\r\n\t }, {\r\n\t name: \"Bottom\",\r\n\t axis: \"y\",\r\n\t boundsPoint: \"bottomRight\",\r\n\t secondarySign: -1\r\n\t }, {\r\n\t name: \"Right\",\r\n\t axis: \"x\",\r\n\t boundsPoint: \"bottomRight\",\r\n\t secondarySign: -1\r\n\t }],\r\n\r\n\t _connectorSide: function(connector, targetPoint) {\r\n\t var position = connector.position();\r\n\t var shapeBounds = connector.shape.bounds(ROTATED);\r\n\t var bounds = {\r\n\t topLeft: shapeBounds.topLeft(),\r\n\t bottomRight: shapeBounds.bottomRight()\r\n\t };\r\n\t var sides = this._connectorSides;\r\n\t var min = util.MAX_NUM;\r\n\t var sideDistance;\r\n\t var minSide;\r\n\t var axis;\r\n\t var side;\r\n\t for (var idx = 0; idx < sides.length; idx++) {\r\n\t side = sides[idx];\r\n\t axis = side.axis;\r\n\t sideDistance = Math.round(Math.abs(position[axis] - bounds[side.boundsPoint][axis]));\r\n\t if (sideDistance < min) {\r\n\t min = sideDistance;\r\n\t minSide = side;\r\n\t } else if (sideDistance === min &&\r\n\t (position[axis] - targetPoint[axis]) * side.secondarySign > (position[minSide.axis] - targetPoint[minSide.axis]) * minSide.secondarySign) {\r\n\t minSide = side;\r\n\t }\r\n\t }\r\n\t return minSide.name;\r\n\t },\r\n\r\n\t _sameSideDistance: function(connector) {\r\n\t var bounds = connector.shape.bounds(ROTATED);\r\n\t return Math.min(bounds.width, bounds.height) / this.SAME_SIDE_DISTANCE_RATIO;\r\n\t },\r\n\r\n\t _connectorPoints: function(start, end, sourceConnector, targetConnector) {\r\n\t var sourceConnectorSide = this._connectorSide(sourceConnector, end);\r\n\t var targetConnectorSide = this._connectorSide(targetConnector, start);\r\n\t var deltaX = end.x - start.x;\r\n\t var deltaY = end.y - start.y;\r\n\t var sameSideDistance = this._sameSideDistance(sourceConnector);\r\n\t var result = [];\r\n\t var pointX, pointY;\r\n\r\n\t if (sourceConnectorSide === TOP || sourceConnectorSide == BOTTOM) {\r\n\t if (targetConnectorSide == TOP || targetConnectorSide == BOTTOM) {\r\n\t if (sourceConnectorSide == targetConnectorSide) {\r\n\t if (sourceConnectorSide == TOP) {\r\n\t pointY = Math.min(start.y, end.y) - sameSideDistance;\r\n\t } else {\r\n\t pointY = Math.max(start.y, end.y) + sameSideDistance;\r\n\t }\r\n\t result = [new Point(start.x, pointY), new Point(end.x, pointY)];\r\n\t } else {\r\n\t result = [new Point(start.x, start.y + deltaY / 2), new Point(end.x, start.y + deltaY / 2)];\r\n\t }\r\n\t } else {\r\n\t result = [new Point(start.x, end.y)];\r\n\t }\r\n\t } else {\r\n\t if (targetConnectorSide == LEFT || targetConnectorSide == RIGHT) {\r\n\t if (sourceConnectorSide == targetConnectorSide) {\r\n\t if (sourceConnectorSide == LEFT) {\r\n\t pointX = Math.min(start.x, end.x) - sameSideDistance;\r\n\t } else {\r\n\t pointX = Math.max(start.x, end.x) + sameSideDistance;\r\n\t }\r\n\t result = [new Point(pointX, start.y), new Point(pointX, end.y)];\r\n\t } else {\r\n\t result = [new Point(start.x + deltaX / 2, start.y), new Point(start.x + deltaX / 2, start.y + deltaY)];\r\n\t }\r\n\t } else {\r\n\t result = [new Point(end.x, start.y)];\r\n\t }\r\n\t }\r\n\t return result;\r\n\t },\r\n\r\n\t _floatingPoints: function(start, end, sourceConnector) {\r\n\t var sourceConnectorSide = sourceConnector ? this._connectorSide(sourceConnector, end) : null;\r\n\t var cascadeStartHorizontal = this._startHorizontal(start, end, sourceConnectorSide);\r\n\t var points = [start, start, end, end];\r\n\t var deltaX = end.x - start.x;\r\n\t var deltaY = end.y - start.y;\r\n\t var length = points.length;\r\n\t var shiftX;\r\n\t var shiftY;\r\n\r\n\t // note that this is more generic than needed for only two intermediate points.\r\n\t for (var idx = 1; idx < length - 1; ++idx) {\r\n\t if (cascadeStartHorizontal) {\r\n\t if (idx % 2 !== 0) {\r\n\t shiftX = deltaX / (length / 2);\r\n\t shiftY = 0;\r\n\t }\r\n\t else {\r\n\t shiftX = 0;\r\n\t shiftY = deltaY / ((length - 1) / 2);\r\n\t }\r\n\t }\r\n\t else {\r\n\t if (idx % 2 !== 0) {\r\n\t shiftX = 0;\r\n\t shiftY = deltaY / (length / 2);\r\n\t }\r\n\t else {\r\n\t shiftX = deltaX / ((length - 1) / 2);\r\n\t shiftY = 0;\r\n\t }\r\n\t }\r\n\t points[idx] = new Point(points[idx - 1].x + shiftX, points[idx - 1].y + shiftY);\r\n\t }\r\n\t // need to fix the wrong 1.5 factor of the last intermediate point\r\n\t idx--;\r\n\t if ((cascadeStartHorizontal && (idx % 2 !== 0)) || (!cascadeStartHorizontal && (idx % 2 === 0))) {\r\n\t points[length - 2] = new Point(points[length - 1].x, points[length - 2].y);\r\n\t } else {\r\n\t points[length - 2] = new Point(points[length - 2].x, points[length - 1].y);\r\n\t }\r\n\r\n\t return [points[1], points[2]];\r\n\t },\r\n\r\n\t _startHorizontal: function (start, end, sourceSide) {\r\n\t var horizontal;\r\n\t if (sourceSide !== null && (sourceSide === RIGHT || sourceSide === LEFT)) {\r\n\t horizontal = true;\r\n\t } else {\r\n\t horizontal = Math.abs(start.x - end.x) > Math.abs(start.y - end.y);\r\n\t }\r\n\r\n\t return horizontal;\r\n\t }\r\n\t });\r\n\r\n\t// Adorners =========================================\r\n\r\n\t var AdornerBase = Class.extend({\r\n\t init: function (diagram, options) {\r\n\t var that = this;\r\n\t that.diagram = diagram;\r\n\t that.options = deepExtend({}, that.options, options);\r\n\t that.visual = new Group();\r\n\t that.diagram._adorners.push(that);\r\n\t },\r\n\t refresh: function () {\r\n\r\n\t }\r\n\t });\r\n\r\n\t var ConnectionEditAdorner = AdornerBase.extend({\r\n\t init: function (connection, options) {\r\n\t var that = this, diagram;\r\n\t that.connection = connection;\r\n\t diagram = that.connection.diagram;\r\n\t that._ts = diagram.toolService;\r\n\t AdornerBase.fn.init.call(that, diagram, options);\r\n\t var sp = that.connection.sourcePoint();\r\n\t var tp = that.connection.targetPoint();\r\n\t that.spVisual = new Circle(deepExtend(that.options.handles, { center: sp }));\r\n\t that.epVisual = new Circle(deepExtend(that.options.handles, { center: tp }));\r\n\t that.visual.append(that.spVisual);\r\n\t that.visual.append(that.epVisual);\r\n\t },\r\n\r\n\t options: {\r\n\t handles: {}\r\n\t },\r\n\r\n\t _getCursor: function () {\r\n\t return Cursors.move;\r\n\t },\r\n\r\n\t start: function (p) {\r\n\t this.handle = this._hitTest(p);\r\n\t this.startPoint = p;\r\n\t this._initialSource = this.connection.source();\r\n\t this._initialTarget = this.connection.target();\r\n\t switch (this.handle) {\r\n\t case -1:\r\n\t if (this.connection.targetConnector) {\r\n\t this._ts._connectionManipulation(this.connection, this.connection.targetConnector.shape);\r\n\t }\r\n\t break;\r\n\t case 1:\r\n\t if (this.connection.sourceConnector) {\r\n\t this._ts._connectionManipulation(this.connection, this.connection.sourceConnector.shape);\r\n\t }\r\n\t break;\r\n\t }\r\n\t },\r\n\r\n\t move: function (handle, p) {\r\n\t switch (handle) {\r\n\t case -1:\r\n\t this.connection.source(p);\r\n\t break;\r\n\t case 1:\r\n\t this.connection.target(p);\r\n\t break;\r\n\t default:\r\n\t var delta = p.minus(this.startPoint);\r\n\t this.startPoint = p;\r\n\t if (!this.connection.sourceConnector) {\r\n\t this.connection.source(this.connection.sourcePoint().plus(delta));\r\n\t }\r\n\t if (!this.connection.targetConnector) {\r\n\t this.connection.target(this.connection.targetPoint().plus(delta));\r\n\t }\r\n\t break;\r\n\t }\r\n\t this.refresh();\r\n\t return true;\r\n\t },\r\n\r\n\t stop: function (p) {\r\n\t var ts = this.diagram.toolService, item = ts.hoveredItem, target;\r\n\t if (ts._hoveredConnector) {\r\n\t target = ts._hoveredConnector._c;\r\n\t } else if (item && item instanceof diagram.Shape) {\r\n\t target = item.getConnector(AUTO) || item.getConnector(p);\r\n\t } else {\r\n\t target = p;\r\n\t }\r\n\r\n\t if (this.handle === -1) {\r\n\t this.connection.source(target);\r\n\t } else if (this.handle === 1) {\r\n\t this.connection.target(target);\r\n\t }\r\n\r\n\t this.handle = undefined;\r\n\t this._ts._connectionManipulation();\r\n\t return new ConnectionEditUndoUnit(this.connection, this._initialSource, this._initialTarget);\r\n\t },\r\n\r\n\t _hitTest: function (point) {\r\n\t var sourcePoint = this.connection.sourcePoint();\r\n\t var targetPoint = this.connection.targetPoint();\r\n\t var radiusX = this.options.handles.width / 2 + HIT_TEST_DISTANCE;\r\n\t var radiusY = this.options.handles.height / 2 + HIT_TEST_DISTANCE;\r\n\t var sourcePointDistance = sourcePoint.distanceTo(point);\r\n\t var targetPointDistance = targetPoint.distanceTo(point);\r\n\t var sourceHandle = new Rect(sourcePoint.x, sourcePoint.y).inflate(radiusX, radiusY).contains(point);\r\n\t var targetHandle = new Rect(targetPoint.x, targetPoint.y).inflate(radiusX, radiusY).contains(point);\r\n\t var handle = 0;\r\n\r\n\t if (sourceHandle && (!targetHandle || sourcePointDistance < targetPointDistance)) {\r\n\t handle = -1;\r\n\t } else if (targetHandle && (!sourceHandle || targetPointDistance < sourcePointDistance)) {\r\n\t handle = 1;\r\n\t }\r\n\r\n\t return handle;\r\n\t },\r\n\r\n\t refresh: function () {\r\n\t this.spVisual.redraw({ center: this.diagram.modelToLayer(this.connection.sourcePoint()) });\r\n\t this.epVisual.redraw({ center: this.diagram.modelToLayer(this.connection.targetPoint()) });\r\n\t }\r\n\t });\r\n\r\n\t var ConnectorsAdorner = AdornerBase.extend({\r\n\t init: function (diagram, options) {\r\n\t var that = this;\r\n\t AdornerBase.fn.init.call(that, diagram, options);\r\n\t that._refreshHandler = function (e) {\r\n\t if (e.item == that.shape) {\r\n\t that.refresh();\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t show: function (shape) {\r\n\t var that = this, len, i, ctr;\r\n\t that._visible = true;\r\n\t that.shape = shape;\r\n\t that.diagram.bind(ITEMBOUNDSCHANGE, that._refreshHandler);\r\n\t len = shape.connectors.length;\r\n\t that.connectors = [];\r\n\t that._clearVisual();\r\n\t for (i = 0; i < len; i++) {\r\n\t ctr = new ConnectorVisual(shape.connectors[i]);\r\n\t that.connectors.push(ctr);\r\n\t that.visual.append(ctr.visual);\r\n\t }\r\n\t that.visual.visible(true);\r\n\t that.refresh();\r\n\t },\r\n\r\n\t _clearVisual: function() {\r\n\t var that = this; \r\n\t if(that.diagram._cachedTouchTarget) {\r\n\t that._keepCachedTouchTarget();\r\n\t } else {\r\n\t that.visual.clear();\r\n\t }\r\n\t },\r\n\t \r\n\t _keepCachedTouchTarget: function () {\r\n\t var that = this,\r\n\t visualChildren = that.visual.children; \r\n\t var childrenCount = visualChildren.length;\r\n\t var index = inArray(that.diagram._cachedTouchTarget, visualChildren);\r\n\t for (var i = childrenCount - 1; i >= 0; i--) {\r\n\t if(i == index) {\r\n\t continue;\r\n\t }\r\n\t that.visual.remove(visualChildren[i]);\r\n\t }\r\n\t },\r\n\r\n\t destroy: function () {\r\n\t var that = this;\r\n\t that.diagram.unbind(ITEMBOUNDSCHANGE, that._refreshHandler);\r\n\t that.shape = undefined;\r\n\t that._visible = undefined;\r\n\t that.visual.visible(false);\r\n\t },\r\n\r\n\t _hitTest: function (p) {\r\n\t var ctr, i;\r\n\t for (i = 0; i < this.connectors.length; i++) {\r\n\t ctr = this.connectors[i];\r\n\t if (ctr._hitTest(p)) {\r\n\t ctr._hover(true);\r\n\t this.diagram.toolService._hoveredConnector = ctr;\r\n\t break;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t refresh: function () {\r\n\t if (this.shape) {\r\n\t var bounds = this.shape.bounds();\r\n\t bounds = this.diagram.modelToLayer(bounds);\r\n\t this.visual.position(bounds.topLeft());\r\n\t $.each(this.connectors, function () {\r\n\t this.refresh();\r\n\t });\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t function hitToOppositeSide(hit, bounds) {\r\n\t var result;\r\n\r\n\t if (hit.x == -1 && hit.y == -1) {\r\n\t result = bounds.bottomRight();\r\n\t } else if (hit.x == 1 && hit.y == 1) {\r\n\t result = bounds.topLeft();\r\n\t } else if (hit.x == -1 && hit.y == 1) {\r\n\t result = bounds.topRight();\r\n\t } else if (hit.x == 1 && hit.y == -1) {\r\n\t result = bounds.bottomLeft();\r\n\t } else if (hit.x === 0 && hit.y == -1) {\r\n\t result = bounds.bottom();\r\n\t } else if (hit.x === 0 && hit.y == 1) {\r\n\t result = bounds.top();\r\n\t } else if (hit.x == 1 && hit.y === 0) {\r\n\t result = bounds.left();\r\n\t } else if (hit.x == -1 && hit.y === 0) {\r\n\t result = bounds.right();\r\n\t }\r\n\r\n\t return result;\r\n\t }\r\n\r\n\t var ResizingAdorner = AdornerBase.extend({\r\n\t init: function (diagram, options) {\r\n\t var that = this;\r\n\t AdornerBase.fn.init.call(that, diagram, options);\r\n\t that._manipulating = false;\r\n\t that.map = [];\r\n\t that.shapes = [];\r\n\r\n\t that._initSelection();\r\n\t that._createHandles();\r\n\t that.redraw();\r\n\t that.diagram.bind(\"select\", function (e) {\r\n\t that._initialize(e.selected);\r\n\t });\r\n\r\n\t that._refreshHandler = function () {\r\n\t if (!that._internalChange) {\r\n\t that.refreshBounds();\r\n\t that.refresh();\r\n\t }\r\n\t };\r\n\r\n\t that._rotatedHandler = function () {\r\n\t if (that.shapes.length == 1) {\r\n\t that._angle = that.shapes[0].rotate().angle;\r\n\t }\r\n\t that._refreshHandler();\r\n\t };\r\n\r\n\t that.diagram.bind(ITEMBOUNDSCHANGE, that._refreshHandler).bind(ITEMROTATE, that._rotatedHandler);\r\n\t that.refreshBounds();\r\n\t that.refresh();\r\n\t },\r\n\r\n\t options: {\r\n\t handles: {\r\n\t fill: {\r\n\t color: \"#fff\"\r\n\t },\r\n\t stroke: {\r\n\t color: \"#282828\"\r\n\t },\r\n\t height: 7,\r\n\t width: 7,\r\n\t hover: {\r\n\t fill: {\r\n\t color: \"#282828\"\r\n\t },\r\n\t stroke: {\r\n\t color: \"#282828\"\r\n\t }\r\n\t }\r\n\t },\r\n\t selectable: {\r\n\t stroke: {\r\n\t color: \"#778899\",\r\n\t width: 1,\r\n\t dashType: \"dash\"\r\n\t },\r\n\t fill: {\r\n\t color: TRANSPARENT\r\n\t }\r\n\t },\r\n\t offset: 10\r\n\t },\r\n\r\n\t _initSelection: function() {\r\n\t var that = this;\r\n\t var diagram = that.diagram;\r\n\t var selectable = diagram.options.selectable;\r\n\t var options = deepExtend({}, that.options.selectable, selectable);\r\n\t that.rect = new Rectangle(options);\r\n\t that.visual.append(that.rect);\r\n\t },\r\n\r\n\t _resizable: function() {\r\n\t return this.options.editable && this.options.editable.resize !== false;\r\n\t },\r\n\r\n\t _handleOptions: function() {\r\n\t return (this.options.editable.resize || {}).handles || this.options.handles;\r\n\t },\r\n\r\n\t _createHandles: function() {\r\n\t var handles, item, y, x;\r\n\r\n\t if (this._resizable()) {\r\n\t handles = this._handleOptions();\r\n\t for (x = -1; x <= 1; x++) {\r\n\t for (y = -1; y <= 1; y++) {\r\n\t if ((x !== 0) || (y !== 0)) { // (0, 0) element, (-1, -1) top-left, (+1, +1) bottom-right\r\n\t item = new Rectangle(handles);\r\n\t item.drawingElement._hover = proxy(this._hover, this);\r\n\t this.map.push({ x: x, y: y, visual: item });\r\n\t this.visual.append(item);\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t bounds: function (value) {\r\n\t if (value) {\r\n\t this._innerBounds = value.clone();\r\n\t this._bounds = this.diagram.modelToLayer(value).inflate(this.options.offset, this.options.offset);\r\n\t } else {\r\n\t return this._bounds;\r\n\t }\r\n\t },\r\n\r\n\t _hitTest: function (p) {\r\n\t var tp = this.diagram.modelToLayer(p),\r\n\t i, hit, handleBounds, handlesCount = this.map.length, handle;\r\n\r\n\t if (this._angle) {\r\n\t tp = tp.clone().rotate(this._bounds.center(), this._angle);\r\n\t }\r\n\r\n\t if (this._resizable()) {\r\n\t for (i = 0; i < handlesCount; i++) {\r\n\t handle = this.map[i];\r\n\t hit = new Point(handle.x, handle.y);\r\n\t handleBounds = this._getHandleBounds(hit); //local coordinates\r\n\t handleBounds.offset(this._bounds.x, this._bounds.y);\r\n\t if (handleBounds.contains(tp)) {\r\n\t return hit;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (this._bounds.contains(tp)) {\r\n\t return new Point(0, 0);\r\n\t }\r\n\t },\r\n\r\n\t _getHandleBounds: function (p) {\r\n\t if (this._resizable()) {\r\n\t var handles = this._handleOptions(),\r\n\t w = handles.width,\r\n\t h = handles.height,\r\n\t r = new Rect(0, 0, w, h);\r\n\r\n\t if (p.x < 0) {\r\n\t r.x = - w / 2;\r\n\t } else if (p.x === 0) {\r\n\t r.x = Math.floor(this._bounds.width / 2) - w / 2;\r\n\t } else if (p.x > 0) {\r\n\t r.x = this._bounds.width + 1.0 - w / 2;\r\n\t } if (p.y < 0) {\r\n\t r.y = - h / 2;\r\n\t } else if (p.y === 0) {\r\n\t r.y = Math.floor(this._bounds.height / 2) - h / 2;\r\n\t } else if (p.y > 0) {\r\n\t r.y = this._bounds.height + 1.0 - h / 2;\r\n\t }\r\n\r\n\t return r;\r\n\t }\r\n\t },\r\n\r\n\t _getCursor: function (point) {\r\n\t var hit = this._hitTest(point);\r\n\t if (hit && (hit.x >= -1) && (hit.x <= 1) && (hit.y >= -1) && (hit.y <= 1) && this._resizable()) {\r\n\t var angle = this._angle;\r\n\t if (angle) {\r\n\t angle = 360 - angle;\r\n\t hit.rotate(new Point(0, 0), angle);\r\n\t hit = new Point(Math.round(hit.x), Math.round(hit.y));\r\n\t }\r\n\r\n\t if (hit.x == -1 && hit.y == -1) {\r\n\t return \"nw-resize\";\r\n\t }\r\n\t if (hit.x == 1 && hit.y == 1) {\r\n\t return \"se-resize\";\r\n\t }\r\n\t if (hit.x == -1 && hit.y == 1) {\r\n\t return \"sw-resize\";\r\n\t }\r\n\t if (hit.x == 1 && hit.y == -1) {\r\n\t return \"ne-resize\";\r\n\t }\r\n\t if (hit.x === 0 && hit.y == -1) {\r\n\t return \"n-resize\";\r\n\t }\r\n\t if (hit.x === 0 && hit.y == 1) {\r\n\t return \"s-resize\";\r\n\t }\r\n\t if (hit.x == 1 && hit.y === 0) {\r\n\t return \"e-resize\";\r\n\t }\r\n\t if (hit.x == -1 && hit.y === 0) {\r\n\t return \"w-resize\";\r\n\t }\r\n\t }\r\n\t return this._manipulating ? Cursors.move : Cursors.select;\r\n\t },\r\n\r\n\t _initialize: function() {\r\n\t var that = this, i, item,\r\n\t items = that.diagram.select();\r\n\r\n\t that.shapes = [];\r\n\t for (i = 0; i < items.length; i++) {\r\n\t item = items[i];\r\n\t if (item instanceof diagram.Shape) {\r\n\t that.shapes.push(item);\r\n\t item._rotationOffset = new Point();\r\n\t }\r\n\t }\r\n\r\n\t that._angle = that.shapes.length == 1 ? that.shapes[0].rotate().angle : 0;\r\n\t that._startAngle = that._angle;\r\n\t that._rotates();\r\n\t that._positions();\r\n\t that.refreshBounds();\r\n\t that.refresh();\r\n\t that.redraw();\r\n\t },\r\n\r\n\t _rotates: function () {\r\n\t var that = this, i, shape;\r\n\t that.initialRotates = [];\r\n\t for (i = 0; i < that.shapes.length; i++) {\r\n\t shape = that.shapes[i];\r\n\t that.initialRotates.push(shape.rotate().angle);\r\n\t }\r\n\t },\r\n\r\n\t _positions: function () {\r\n\t var that = this, i, shape;\r\n\t that.initialStates = [];\r\n\t for (i = 0; i < that.shapes.length; i++) {\r\n\t shape = that.shapes[i];\r\n\t that.initialStates.push(shape.bounds());\r\n\t }\r\n\t },\r\n\r\n\t _hover: function(value, element) {\r\n\t if (this._resizable()) {\r\n\t var handleOptions = this._handleOptions(),\r\n\t hover = handleOptions.hover,\r\n\t stroke = handleOptions.stroke,\r\n\t fill = handleOptions.fill;\r\n\r\n\t if (value && Utils.isDefined(hover.stroke)) {\r\n\t stroke = deepExtend({}, stroke, hover.stroke);\r\n\t }\r\n\r\n\t if (value && Utils.isDefined(hover.fill)) {\r\n\t fill = hover.fill;\r\n\t }\r\n\t element.stroke(stroke.color, stroke.width, stroke.opacity);\r\n\t element.fill(fill.color, fill.opacity);\r\n\t }\r\n\t },\r\n\r\n\t start: function (p) {\r\n\t this._sp = p;\r\n\t this._cp = p;\r\n\t this._lp = p;\r\n\t this._manipulating = true;\r\n\t this._internalChange = true;\r\n\t this.shapeStates = [];\r\n\t for (var i = 0; i < this.shapes.length; i++) {\r\n\t var shape = this.shapes[i];\r\n\t this.shapeStates.push(shape.bounds());\r\n\t }\r\n\t },\r\n\r\n\t redraw: function () {\r\n\t var i, handle,\r\n\t visibleHandles = this._resizable();\r\n\r\n\t for (i = 0; i < this.map.length; i++) {\r\n\t handle = this.map[i];\r\n\t handle.visual.visible(visibleHandles);\r\n\t }\r\n\t },\r\n\r\n\t angle: function(value) {\r\n\t if (defined(value)) {\r\n\t this._angle = value;\r\n\t }\r\n\r\n\t return this._angle;\r\n\t },\r\n\r\n\t rotate: function() {\r\n\t var center = this._innerBounds.center();\r\n\t var currentAngle = this.angle();\r\n\t this._internalChange = true;\r\n\t for (var i = 0; i < this.shapes.length; i++) {\r\n\t var shape = this.shapes[i];\r\n\t currentAngle = (currentAngle + this.initialRotates[i] - this._startAngle) % 360;\r\n\t shape.rotate(currentAngle, center);\r\n\t }\r\n\t this.refresh();\r\n\t },\r\n\r\n\t move: function (handle, p) {\r\n\t var delta, dragging,\r\n\t dtl = new Point(),\r\n\t dbr = new Point(),\r\n\t bounds, center, shape,\r\n\t i, angle, newBounds,\r\n\t changed = 0, staticPoint,\r\n\t scaleX, scaleY;\r\n\r\n\t if (handle.y === -2 && handle.x === -1) {\r\n\t center = this._innerBounds.center();\r\n\t this._angle = this._truncateAngle(Utils.findAngle(center, p));\r\n\t for (i = 0; i < this.shapes.length; i++) {\r\n\t shape = this.shapes[i];\r\n\t angle = (this._angle + this.initialRotates[i] - this._startAngle) % 360;\r\n\t shape.rotate(angle, center);\r\n\t if (shape.hasOwnProperty(\"layout\")) {\r\n\t shape.layout(shape);\r\n\t }\r\n\t this._rotating = true;\r\n\t }\r\n\t this.refresh();\r\n\t } else {\r\n\t if (this.shouldSnap()) {\r\n\t var thr = this._truncateDistance(p.minus(this._lp));\r\n\t // threshold\r\n\t if (thr.x === 0 && thr.y === 0) {\r\n\t this._cp = p;\r\n\t return;\r\n\t }\r\n\t delta = thr;\r\n\t this._lp = new Point(this._lp.x + thr.x, this._lp.y + thr.y);\r\n\t } else {\r\n\t delta = p.minus(this._cp);\r\n\t }\r\n\r\n\t if (this.isDragHandle(handle)) {\r\n\t dbr = dtl = delta; // dragging\r\n\t dragging = true;\r\n\t } else {\r\n\t if (this._angle) { // adjust the delta so that resizers resize in the correct direction after rotation.\r\n\t delta.rotate(new Point(0, 0), this._angle);\r\n\t }\r\n\t if (handle.x == -1) {\r\n\t dtl.x = delta.x;\r\n\t } else if (handle.x == 1) {\r\n\t dbr.x = delta.x;\r\n\t }\r\n\t if (handle.y == -1) {\r\n\t dtl.y = delta.y;\r\n\t } else if (handle.y == 1) {\r\n\t dbr.y = delta.y;\r\n\t }\r\n\t }\r\n\r\n\t if (!dragging) {\r\n\t staticPoint = hitToOppositeSide(handle, this._innerBounds);\r\n\t scaleX = (this._innerBounds.width + delta.x * handle.x) / this._innerBounds.width;\r\n\t scaleY = (this._innerBounds.height + delta.y * handle.y) / this._innerBounds.height;\r\n\t }\r\n\r\n\t for (i = 0; i < this.shapes.length; i++) {\r\n\t shape = this.shapes[i];\r\n\t bounds = shape.bounds();\r\n\t if (dragging) {\r\n\t if (!canDrag(shape)) {\r\n\t continue;\r\n\t }\r\n\t newBounds = this._displaceBounds(bounds, dtl, dbr, dragging);\r\n\t } else {\r\n\t newBounds = bounds.clone();\r\n\t newBounds.scale(scaleX, scaleY, staticPoint, this._innerBounds.center(), shape.rotate().angle);\r\n\t var newCenter = newBounds.center(); // fixes the new rotation center.\r\n\t newCenter.rotate(bounds.center(), -this._angle);\r\n\t newBounds = new Rect(newCenter.x - newBounds.width / 2, newCenter.y - newBounds.height / 2, newBounds.width, newBounds.height);\r\n\t }\r\n\t if (newBounds.width >= shape.options.minWidth && newBounds.height >= shape.options.minHeight) { // if we up-size very small shape\r\n\t var oldBounds = bounds;\r\n\t shape.bounds(newBounds);\r\n\t if (shape.hasOwnProperty(\"layout\")) {\r\n\t shape.layout(shape, oldBounds, newBounds);\r\n\t }\r\n\t if (oldBounds.width !== newBounds.width || oldBounds.height !== newBounds.height) {\r\n\t shape.rotate(shape.rotate().angle); // forces the rotation to update it's rotation center\r\n\t }\r\n\t changed += 1;\r\n\t }\r\n\t }\r\n\r\n\t if (changed) {\r\n\t if (changed == i) {\r\n\t newBounds = this._displaceBounds(this._innerBounds, dtl, dbr, dragging);\r\n\t this.bounds(newBounds);\r\n\t } else {\r\n\t this.refreshBounds();\r\n\t }\r\n\t this.refresh();\r\n\t }\r\n\r\n\t this._positions();\r\n\t }\r\n\r\n\t this._cp = p;\r\n\t },\r\n\r\n\t isDragHandle: function(handle) {\r\n\t return handle.x === 0 && handle.y === 0;\r\n\t },\r\n\r\n\t cancel: function() {\r\n\t var shapes = this.shapes;\r\n\t var states = this.shapeStates;\r\n\t for (var idx = 0; idx < shapes.length; idx++) {\r\n\t shapes[idx].bounds(states[idx]);\r\n\t }\r\n\t this.refreshBounds();\r\n\t this.refresh();\r\n\t this._manipulating = undefined;\r\n\t this._internalChange = undefined;\r\n\t this._rotating = undefined;\r\n\t },\r\n\r\n\t _truncatePositionToGuides: function (bounds) {\r\n\t if (this.diagram.ruler) {\r\n\t return this.diagram.ruler.truncatePositionToGuides(bounds);\r\n\t }\r\n\t return bounds;\r\n\t },\r\n\r\n\t _truncateSizeToGuides: function (bounds) {\r\n\t if (this.diagram.ruler) {\r\n\t return this.diagram.ruler.truncateSizeToGuides(bounds);\r\n\t }\r\n\t return bounds;\r\n\t },\r\n\r\n\t _truncateAngle: function (a) {\r\n\t var snap = this.snapOptions();\r\n\t var snapAngle = Math.max(snap.angle || DEFAULT_SNAP_ANGLE, MIN_SNAP_ANGLE);\r\n\t return snap ? Math.floor((a % 360) / snapAngle) * snapAngle : (a % 360);\r\n\t },\r\n\r\n\t _truncateDistance: function (d) {\r\n\t if (d instanceof diagram.Point) {\r\n\t return new diagram.Point(this._truncateDistance(d.x), this._truncateDistance(d.y));\r\n\t } else {\r\n\t var snap = this.snapOptions() || {};\r\n\t var snapSize = Math.max(snap.size || DEFAULT_SNAP_SIZE, MIN_SNAP_SIZE);\r\n\t return snap ? Math.floor(d / snapSize) * snapSize : d;\r\n\t }\r\n\t },\r\n\r\n\t snapOptions: function() {\r\n\t var editable = this.diagram.options.editable;\r\n\t var snap = ((editable || {}).drag || {}).snap || {};\r\n\t return snap;\r\n\t },\r\n\r\n\t shouldSnap: function() {\r\n\t var editable = this.diagram.options.editable;\r\n\t var drag = (editable || {}).drag;\r\n\t var snap = (drag || {}).snap;\r\n\t return editable !== false && drag !== false && snap !== false;\r\n\t },\r\n\r\n\t _displaceBounds: function (bounds, dtl, dbr, dragging) {\r\n\t var tl = bounds.topLeft().plus(dtl),\r\n\t br = bounds.bottomRight().plus(dbr),\r\n\t newBounds = Rect.fromPoints(tl, br),\r\n\t newCenter;\r\n\t if (!dragging) {\r\n\t newCenter = newBounds.center();\r\n\t newCenter.rotate(bounds.center(), -this._angle);\r\n\t newBounds = new Rect(newCenter.x - newBounds.width / 2, newCenter.y - newBounds.height / 2, newBounds.width, newBounds.height);\r\n\t }\r\n\t return newBounds;\r\n\t },\r\n\r\n\t stop: function () {\r\n\t var unit, i, shape;\r\n\t if (this._cp != this._sp) {\r\n\t if (this._rotating) {\r\n\t unit = new RotateUnit(this, this.shapes, this.initialRotates);\r\n\t this._rotating = false;\r\n\t } else if (this._diffStates()) {\r\n\t if (this.diagram.ruler) {\r\n\t for (i = 0; i < this.shapes.length; i++) {\r\n\t shape = this.shapes[i];\r\n\t var bounds = shape.bounds();\r\n\t bounds = this._truncateSizeToGuides(this._truncatePositionToGuides(bounds));\r\n\t shape.bounds(bounds);\r\n\t this.refreshBounds();\r\n\t this.refresh();\r\n\t }\r\n\t }\r\n\t for (i = 0; i < this.shapes.length; i++) {\r\n\t shape = this.shapes[i];\r\n\t shape.updateModel();\r\n\t }\r\n\t unit = new TransformUnit(this.shapes, this.shapeStates, this);\r\n\t this.diagram._syncShapeChanges();\r\n\t }\r\n\t }\r\n\r\n\t this._manipulating = undefined;\r\n\t this._internalChange = undefined;\r\n\t this._rotating = undefined;\r\n\t return unit;\r\n\t },\r\n\r\n\t _diffStates: function() {\r\n\t var shapes = this.shapes;\r\n\t var states = this.shapeStates;\r\n\t for (var idx = 0; idx < shapes.length; idx++) {\r\n\t if (!shapes[idx].bounds().equals(states[idx])) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t refreshBounds: function () {\r\n\t var bounds = this.shapes.length == 1 ?\r\n\t this.shapes[0].bounds().clone() :\r\n\t this.diagram.boundingBox(this.shapes, true);\r\n\r\n\t this.bounds(bounds);\r\n\t },\r\n\r\n\t refresh: function () {\r\n\t var that = this, b, bounds;\r\n\t if (this.shapes.length > 0) {\r\n\t bounds = this.bounds();\r\n\t this.visual.visible(true);\r\n\t this.visual.position(bounds.topLeft());\r\n\t $.each(this.map, function () {\r\n\t b = that._getHandleBounds(new Point(this.x, this.y));\r\n\t this.visual.position(b.topLeft());\r\n\t });\r\n\t this.visual.position(bounds.topLeft());\r\n\r\n\t var center = new Point(bounds.width / 2, bounds.height / 2);\r\n\t this.visual.rotate(this._angle, center);\r\n\t this.rect.redraw({ width: bounds.width, height: bounds.height });\r\n\t if (this.rotationThumb) {\r\n\t var thumb = this.options.editable.rotate.thumb;\r\n\t this._rotationThumbBounds = new Rect(bounds.center().x, bounds.y + thumb.y, 0, 0).inflate(thumb.width);\r\n\t this.rotationThumb.redraw({ x: bounds.width / 2 - thumb.width / 2 });\r\n\t }\r\n\t } else {\r\n\t this.visual.visible(false);\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var Selector = Class.extend({\r\n\t init: function (diagram) {\r\n\t var selectable = diagram.options.selectable;\r\n\t this.options = deepExtend({}, this.options, selectable);\r\n\r\n\t this.visual = new Rectangle(this.options);\r\n\t this.diagram = diagram;\r\n\t },\r\n\t options: {\r\n\t stroke: {\r\n\t color: \"#778899\",\r\n\t width: 1,\r\n\t dashType: \"dash\"\r\n\t },\r\n\t fill: {\r\n\t color: TRANSPARENT\r\n\t }\r\n\t },\r\n\t start: function (p) {\r\n\t this._sp = this._ep = p;\r\n\t this.refresh();\r\n\t this.diagram._adorn(this, true);\r\n\t },\r\n\t end: function () {\r\n\t this._sp = this._ep = undefined;\r\n\t this.diagram._adorn(this, false);\r\n\t },\r\n\t bounds: function (value) {\r\n\t if (value) {\r\n\t this._bounds = value;\r\n\t }\r\n\t return this._bounds;\r\n\t },\r\n\t move: function (p) {\r\n\t this._ep = p;\r\n\t this.refresh();\r\n\t },\r\n\t refresh: function () {\r\n\t if (this._sp) {\r\n\t var visualBounds = Rect.fromPoints(this.diagram.modelToLayer(this._sp), this.diagram.modelToLayer(this._ep));\r\n\t this.bounds(Rect.fromPoints(this._sp, this._ep));\r\n\t this.visual.position(visualBounds.topLeft());\r\n\t this.visual.redraw({ height: visualBounds.height + 1, width: visualBounds.width + 1 });\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var ConnectorVisual = Class.extend({\r\n\t init: function (connector) {\r\n\t this.options = deepExtend({}, connector.options);\r\n\t this._c = connector;\r\n\t this.visual = new Circle(this.options);\r\n\t this.refresh();\r\n\t },\r\n\t _hover: function (value) {\r\n\t var options = this.options,\r\n\t hover = options.hover,\r\n\t stroke = options.stroke,\r\n\t fill = options.fill;\r\n\r\n\t if (value && Utils.isDefined(hover.stroke)) {\r\n\t stroke = deepExtend({}, stroke, hover.stroke);\r\n\t }\r\n\r\n\t if (value && Utils.isDefined(hover.fill)) {\r\n\t fill = hover.fill;\r\n\t }\r\n\r\n\t this.visual.redraw({\r\n\t stroke: stroke,\r\n\t fill: fill\r\n\t });\r\n\t },\r\n\t refresh: function () {\r\n\t var p = this._c.shape.diagram.modelToView(this._c.position()),\r\n\t relative = p.minus(this._c.shape.bounds(\"transformed\").topLeft()),\r\n\t value = new Rect(p.x, p.y, 0, 0);\r\n\t value.inflate(this.options.width / 2, this.options.height / 2);\r\n\t this._visualBounds = value;\r\n\t this.visual.redraw({ center: new Point(relative.x, relative.y) });\r\n\t },\r\n\t _hitTest: function (p) {\r\n\t var tp = this._c.shape.diagram.modelToView(p);\r\n\t return this._visualBounds.contains(tp);\r\n\t }\r\n\t });\r\n\r\n\t function canDrag(element) {\r\n\t var editable = element.options.editable;\r\n\t return editable && editable.drag !== false;\r\n\t }\r\n\r\n\t function hitTestShapeConnectors(shape, point) {\r\n\t var connector, position, rect;\r\n\t for (var idx = 0; idx < shape.connectors.length; idx++) {\r\n\t connector = shape.connectors[idx];\r\n\t position = connector.position();\r\n\t rect = new Rect(position.x, position.y);\r\n\t rect.inflate(HIT_TEST_DISTANCE, HIT_TEST_DISTANCE);\r\n\t if (rect.contains(point)) {\r\n\t return connector;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t function noMeta(meta) {\r\n\t return meta.ctrlKey === false && meta.altKey === false && meta.shiftKey === false;\r\n\t }\r\n\r\n\t deepExtend(diagram, {\r\n\t CompositeUnit: CompositeUnit,\r\n\t TransformUnit: TransformUnit,\r\n\t PanUndoUnit: PanUndoUnit,\r\n\t AddShapeUnit: AddShapeUnit,\r\n\t AddConnectionUnit: AddConnectionUnit,\r\n\t DeleteShapeUnit: DeleteShapeUnit,\r\n\t DeleteConnectionUnit: DeleteConnectionUnit,\r\n\t ConnectionEditAdorner: ConnectionEditAdorner,\r\n\t ConnectionTool: ConnectionTool,\r\n\t ConnectorVisual: ConnectorVisual,\r\n\t UndoRedoService: UndoRedoService,\r\n\t ResizingAdorner: ResizingAdorner,\r\n\t Selector: Selector,\r\n\t ToolService: ToolService,\r\n\t ConnectorsAdorner: ConnectorsAdorner,\r\n\t LayoutUndoUnit: LayoutUndoUnit,\r\n\t ConnectionEditUnit: ConnectionEditUnit,\r\n\t ToFrontUnit: ToFrontUnit,\r\n\t ToBackUnit: ToBackUnit,\r\n\t ConnectionRouterBase: ConnectionRouterBase,\r\n\t PolylineRouter: PolylineRouter,\r\n\t CascadingRouter: CascadingRouter,\r\n\t SelectionTool: SelectionTool,\r\n\t ScrollerTool: ScrollerTool,\r\n\t PointerTool: PointerTool,\r\n\t ConnectionEditTool: ConnectionEditTool,\r\n\t RotateUnit: RotateUnit\r\n\t });\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\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__(874);\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/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 870:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./math\");\n\n/***/ }),\n\n/***/ 874:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(852), __webpack_require__(870) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var kendo = window.kendo,\r\n\t diagram = kendo.dataviz.diagram,\r\n\t Class = kendo.Class,\r\n\t deepExtend = kendo.deepExtend,\r\n\t Point = diagram.Point,\r\n\t Rect = diagram.Rect,\r\n\t Matrix = diagram.Matrix,\r\n\t Utils = diagram.Utils,\r\n\t isNumber = Utils.isNumber,\r\n\t isString = Utils.isString,\r\n\t MatrixVector = diagram.MatrixVector,\r\n\r\n\t g = kendo.geometry,\r\n\t d = kendo.drawing,\r\n\r\n\t defined = d.util.defined,\r\n\r\n\t inArray = $.inArray;\r\n\r\n\t // Constants ==============================================================\r\n\t var TRANSPARENT = \"transparent\",\r\n\t Markers = {\r\n\t none: \"none\",\r\n\t arrowStart: \"ArrowStart\",\r\n\t filledCircle: \"FilledCircle\",\r\n\t arrowEnd: \"ArrowEnd\"\r\n\t },\r\n\t FULL_CIRCLE_ANGLE = 360,\r\n\t START = \"start\",\r\n\t END = \"end\",\r\n\t WIDTH = \"width\",\r\n\t HEIGHT = \"height\",\r\n\t X = \"x\",\r\n\t Y = \"y\";\r\n\r\n\t diagram.Markers = Markers;\r\n\r\n\t function diffNumericOptions(options, fields) {\r\n\t var elementOptions = this.options;\r\n\t var hasChanges = false;\r\n\t var value, field;\r\n\t for (var i = 0; i < fields.length; i++) {\r\n\t field = fields[i];\r\n\t value = options[field];\r\n\t if (isNumber(value) && elementOptions[field] !== value) {\r\n\t elementOptions[field] = value;\r\n\t hasChanges = true;\r\n\t }\r\n\t }\r\n\r\n\t return hasChanges;\r\n\t }\r\n\r\n\t var Scale = Class.extend({\r\n\t init: function (x, y) {\r\n\t this.x = x;\r\n\t this.y = y;\r\n\t },\r\n\t toMatrix: function () {\r\n\t return Matrix.scaling(this.x, this.y);\r\n\t },\r\n\t toString: function () {\r\n\t return kendo.format(\"scale({0},{1})\", this.x, this.y);\r\n\t },\r\n\t invert: function() {\r\n\t return new Scale(1/this.x, 1/this.y);\r\n\t }\r\n\t });\r\n\r\n\t var Translation = Class.extend({\r\n\t init: function (x, y) {\r\n\t this.x = x;\r\n\t this.y = y;\r\n\t },\r\n\t toMatrixVector: function () {\r\n\t return new MatrixVector(0, 0, 0, 0, this.x, this.y);\r\n\t },\r\n\t toMatrix: function () {\r\n\t return Matrix.translation(this.x, this.y);\r\n\t },\r\n\t toString: function () {\r\n\t return kendo.format(\"translate({0},{1})\", this.x, this.y);\r\n\t },\r\n\t plus: function (delta) {\r\n\t this.x += delta.x;\r\n\t this.y += delta.y;\r\n\t },\r\n\t times: function (factor) {\r\n\t this.x *= factor;\r\n\t this.y *= factor;\r\n\t },\r\n\t length: function () {\r\n\t return Math.sqrt(this.x * this.x + this.y * this.y);\r\n\t },\r\n\t normalize: function () {\r\n\t if (this.Length === 0) {\r\n\t return;\r\n\t }\r\n\t this.times(1 / this.length());\r\n\t },\r\n\t invert: function() {\r\n\t return new Translation(-this.x, -this.y);\r\n\t }\r\n\t });\r\n\r\n\t var Rotation = Class.extend({\r\n\t init: function (angle, x, y) {\r\n\t this.x = x || 0;\r\n\t this.y = y || 0;\r\n\t this.angle = angle;\r\n\t },\r\n\t toString: function () {\r\n\t if (this.x && this.y) {\r\n\t return kendo.format(\"rotate({0},{1},{2})\", this.angle, this.x, this.y);\r\n\t } else {\r\n\t return kendo.format(\"rotate({0})\", this.angle);\r\n\t }\r\n\t },\r\n\t toMatrix: function () {\r\n\t return Matrix.rotation(this.angle, this.x, this.y); // T*R*T^-1\r\n\t },\r\n\t center: function () {\r\n\t return new Point(this.x, this.y);\r\n\t },\r\n\t invert: function() {\r\n\t return new Rotation(FULL_CIRCLE_ANGLE - this.angle, this.x, this.y);\r\n\t }\r\n\t });\r\n\r\n\t Rotation.ZERO = new Rotation(0);\r\n\r\n\t Rotation.create = function (rotation) {\r\n\t return new Rotation(rotation.angle, rotation.x, rotation.y);\r\n\t };\r\n\r\n\t Rotation.parse = function (str) {\r\n\t var values = str.slice(1, str.length - 1).split(\",\"),\r\n\t angle = values[0],\r\n\t x = values[1],\r\n\t y = values[2];\r\n\t var rotation = new Rotation(angle, x, y);\r\n\t return rotation;\r\n\t };\r\n\r\n\t var CompositeTransform = Class.extend({\r\n\t init: function (x, y, scaleX, scaleY, angle, center) {\r\n\t this.translate = new Translation(x, y);\r\n\t if (scaleX !== undefined && scaleY !== undefined) {\r\n\t this.scale = new Scale(scaleX, scaleY);\r\n\t }\r\n\t if (angle !== undefined) {\r\n\t this.rotate = center ? new Rotation(angle, center.x, center.y) : new Rotation(angle);\r\n\t }\r\n\t },\r\n\t toString: function () {\r\n\t var toString = function (transform) {\r\n\t return transform ? transform.toString() : \"\";\r\n\t };\r\n\r\n\t return toString(this.translate) +\r\n\t toString(this.rotate) +\r\n\t toString(this.scale);\r\n\t },\r\n\r\n\t render: function (visual) {\r\n\t visual._transform = this;\r\n\t visual._renderTransform();\r\n\t },\r\n\r\n\t toMatrix: function () {\r\n\t var m = Matrix.unit();\r\n\r\n\t if (this.translate) {\r\n\t m = m.times(this.translate.toMatrix());\r\n\t }\r\n\t if (this.rotate) {\r\n\t m = m.times(this.rotate.toMatrix());\r\n\t }\r\n\t if (this.scale) {\r\n\t m = m.times(this.scale.toMatrix());\r\n\t }\r\n\t return m;\r\n\t },\r\n\t invert: function() {\r\n\t var rotate = this.rotate ? this.rotate.invert() : undefined,\r\n\t rotateMatrix = rotate ? rotate.toMatrix() : Matrix.unit(),\r\n\t scale = this.scale ? this.scale.invert() : undefined,\r\n\t scaleMatrix = scale ? scale.toMatrix() : Matrix.unit();\r\n\r\n\t var translatePoint = new Point(-this.translate.x, -this.translate.y);\r\n\t translatePoint = rotateMatrix.times(scaleMatrix).apply(translatePoint);\r\n\t var translate = new Translation(translatePoint.x, translatePoint.y);\r\n\r\n\t var transform = new CompositeTransform();\r\n\t transform.translate = translate;\r\n\t transform.rotate = rotate;\r\n\t transform.scale = scale;\r\n\r\n\t return transform;\r\n\t }\r\n\t });\r\n\r\n\t var AutoSizeableMixin = {\r\n\t _setScale: function() {\r\n\t var options = this.options;\r\n\t var originWidth = this._originWidth;\r\n\t var originHeight = this._originHeight;\r\n\t var scaleX = options.width / originWidth;\r\n\t var scaleY = options.height / originHeight;\r\n\r\n\t if (!isNumber(scaleX)) {\r\n\t scaleX = 1;\r\n\t }\r\n\t if (!isNumber(scaleY)) {\r\n\t scaleY = 1;\r\n\t }\r\n\r\n\t this._transform.scale = new Scale(scaleX, scaleY);\r\n\t },\r\n\r\n\t _setTranslate: function() {\r\n\t var options = this.options;\r\n\t var x = options.x || 0;\r\n\t var y = options.y || 0;\r\n\t this._transform.translate = new Translation(x, y);\r\n\t },\r\n\r\n\t _initSize: function() {\r\n\t var options = this.options;\r\n\t var transform = false;\r\n\t if (options.autoSize !== false && (defined(options.width) || defined(options.height))) {\r\n\t this._measure(true);\r\n\t this._setScale();\r\n\t transform = true;\r\n\t }\r\n\r\n\t if (defined(options.x) || defined(options.y)) {\r\n\t this._setTranslate();\r\n\t transform = true;\r\n\t }\r\n\r\n\t if (transform) {\r\n\t this._renderTransform();\r\n\t }\r\n\t },\r\n\r\n\t _updateSize: function(options) {\r\n\t var update = false;\r\n\r\n\t if (this.options.autoSize !== false && this._diffNumericOptions(options, [WIDTH, HEIGHT])) {\r\n\t update = true;\r\n\t this._measure(true);\r\n\t this._setScale();\r\n\t }\r\n\r\n\t if (this._diffNumericOptions(options, [X, Y])) {\r\n\t update = true;\r\n\t this._setTranslate();\r\n\t }\r\n\r\n\t if (update) {\r\n\t this._renderTransform();\r\n\t }\r\n\r\n\t return update;\r\n\t }\r\n\t };\r\n\r\n\t var Element = Class.extend({\r\n\t init: function (options) {\r\n\t var element = this;\r\n\t element.options = deepExtend({}, element.options, options);\r\n\t element.id = element.options.id;\r\n\t element._originSize = Rect.empty();\r\n\t element._transform = new CompositeTransform();\r\n\t },\r\n\r\n\t visible: function (value) {\r\n\t return this.drawingContainer().visible(value);\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options && options.id) {\r\n\t this.id = options.id;\r\n\t }\r\n\t },\r\n\r\n\t position: function (x, y) {\r\n\t var options = this.options;\r\n\t if (!defined(x)) {\r\n\t return new Point(options.x, options.y);\r\n\t }\r\n\r\n\t if (defined(y)) {\r\n\t options.x = x;\r\n\t options.y = y;\r\n\t } else if (x instanceof Point) {\r\n\t options.x = x.x;\r\n\t options.y = x.y;\r\n\t }\r\n\r\n\t this._transform.translate = new Translation(options.x, options.y);\r\n\t this._renderTransform();\r\n\t },\r\n\r\n\t rotate: function (angle, center) {\r\n\t if (defined(angle)) {\r\n\t this._transform.rotate = new Rotation(angle, center.x, center.y);\r\n\t this._renderTransform();\r\n\t }\r\n\t return this._transform.rotate || Rotation.ZERO;\r\n\t },\r\n\r\n\t drawingContainer: function() {\r\n\t return this.drawingElement;\r\n\t },\r\n\r\n\t _renderTransform: function () {\r\n\t var matrix = this._transform.toMatrix();\r\n\t this.drawingContainer().transform(new g.Matrix(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f));\r\n\t },\r\n\r\n\t _hover: function () {},\r\n\r\n\t _diffNumericOptions: diffNumericOptions,\r\n\r\n\t _measure: function (force) {\r\n\t var rect;\r\n\t if (!this._measured || force) {\r\n\t var box = this._boundingBox() || new g.Rect();\r\n\t var startPoint = box.topLeft();\r\n\t rect = new Rect(startPoint.x, startPoint.y, box.width(), box.height());\r\n\t this._originSize = rect;\r\n\t this._originWidth = rect.width;\r\n\t this._originHeight = rect.height;\r\n\t this._measured = true;\r\n\t } else {\r\n\t rect = this._originSize;\r\n\t }\r\n\t return rect;\r\n\t },\r\n\r\n\t _boundingBox: function() {\r\n\t return this.drawingElement.rawBBox();\r\n\t }\r\n\t });\r\n\r\n\t var VisualBase = Element.extend({\r\n\t init: function(options) {\r\n\t Element.fn.init.call(this, options);\r\n\r\n\t options = this.options;\r\n\t options.fill = normalizeDrawingOptions(options.fill);\r\n\t options.stroke = normalizeDrawingOptions(options.stroke);\r\n\t },\r\n\r\n\t options: {\r\n\t stroke: {\r\n\t color: \"gray\",\r\n\t width: 1\r\n\t },\r\n\t fill: {\r\n\t color: TRANSPARENT\r\n\t }\r\n\t },\r\n\r\n\t fill: function(color, opacity) {\r\n\t this._fill({\r\n\t color: getColor(color),\r\n\t opacity: opacity\r\n\t });\r\n\t },\r\n\r\n\t stroke: function(color, width, opacity) {\r\n\t this._stroke({\r\n\t color: getColor(color),\r\n\t width: width,\r\n\t opacity: opacity\r\n\t });\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t var stroke = options.stroke;\r\n\t var fill = options.fill;\r\n\t if (stroke) {\r\n\t this._stroke(normalizeDrawingOptions(stroke));\r\n\t }\r\n\t if (fill) {\r\n\t this._fill(normalizeDrawingOptions(fill));\r\n\t }\r\n\r\n\t Element.fn.redraw.call(this, options);\r\n\t }\r\n\t },\r\n\r\n\t _hover: function (show) {\r\n\t var drawingElement = this.drawingElement;\r\n\t var options = this.options;\r\n\t var hover = options.hover;\r\n\r\n\t if (hover && hover.fill) {\r\n\t var fill = show ? normalizeDrawingOptions(hover.fill) : options.fill;\r\n\t drawingElement.fill(fill.color, fill.opacity);\r\n\t }\r\n\t },\r\n\r\n\t _stroke: function(strokeOptions) {\r\n\t var options = this.options;\r\n\t deepExtend(options, {\r\n\t stroke: strokeOptions\r\n\t });\r\n\r\n\t strokeOptions = options.stroke;\r\n\r\n\t var stroke = null;\r\n\t if (strokeOptions.width > 0) {\r\n\t stroke = {\r\n\t color: strokeOptions.color,\r\n\t width: strokeOptions.width,\r\n\t opacity: strokeOptions.opacity,\r\n\t dashType: strokeOptions.dashType\r\n\t };\r\n\t }\r\n\r\n\t this.drawingElement.options.set(\"stroke\", stroke);\r\n\t },\r\n\r\n\t _fill: function(fillOptions) {\r\n\t var options = this.options;\r\n\t deepExtend(options, {\r\n\t fill: fillOptions || {}\r\n\t });\r\n\t var fill = options.fill;\r\n\r\n\t if (fill.gradient) {\r\n\t var gradient = fill.gradient;\r\n\t var GradientClass = (gradient.type === \"radial\" ? d.RadialGradient : d.LinearGradient);\r\n\t this.drawingElement.fill(new GradientClass(gradient));\r\n\t } else {\r\n\t this.drawingElement.fill(fill.color, fill.opacity);\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var TextBlock = VisualBase.extend({\r\n\t init: function (options) {\r\n\t options = this._textColor(options);\r\n\t VisualBase.fn.init.call(this, options);\r\n\r\n\t this._font();\r\n\t this._initText();\r\n\t this._initSize();\r\n\t },\r\n\r\n\t options: {\r\n\t fontSize: 15,\r\n\t fontFamily: \"sans-serif\",\r\n\t stroke: {\r\n\t width: 0\r\n\t },\r\n\t fill: {\r\n\t color: \"black\"\r\n\t },\r\n\t autoSize: true\r\n\t },\r\n\r\n\t _initText: function() {\r\n\t var options = this.options;\r\n\r\n\t this.drawingElement = new d.Text(defined(options.text) ? options.text : \"\", new g.Point(), {\r\n\t font: options.font\r\n\t });\r\n\r\n\t this._fill();\r\n\t this._stroke();\r\n\t },\r\n\r\n\t _textColor: function(options) {\r\n\t if (options && options.color) {\r\n\t options = deepExtend({}, options, {\r\n\t fill: {\r\n\t color: options.color\r\n\t }\r\n\t });\r\n\t }\r\n\t return options;\r\n\t },\r\n\r\n\t _font: function() {\r\n\t var options = this.options;\r\n\t if (options.fontFamily && defined(options.fontSize)) {\r\n\t var fontOptions = [];\r\n\r\n\t if (options.fontStyle) {\r\n\t fontOptions.push(options.fontStyle);\r\n\t }\r\n\r\n\t if (options.fontWeight) {\r\n\t fontOptions.push(options.fontWeight);\r\n\t }\r\n\r\n\t fontOptions.push(options.fontSize + (isNumber(options.fontSize) ? \"px\" : \"\"));\r\n\t fontOptions.push(options.fontFamily);\r\n\r\n\t options.font = fontOptions.join(\" \");\r\n\t } else {\r\n\t delete options.font;\r\n\t }\r\n\t },\r\n\r\n\t content: function (text) {\r\n\t return this.drawingElement.content(text);\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t var sizeChanged = false;\r\n\t var textOptions = this.options;\r\n\r\n\t options = this._textColor(options);\r\n\r\n\t VisualBase.fn.redraw.call(this, options);\r\n\r\n\t if (options.fontFamily || defined(options.fontSize) || options.fontStyle || options.fontWeight) {\r\n\t deepExtend(textOptions, {\r\n\t fontFamily: options.fontFamily,\r\n\t fontSize: options.fontSize,\r\n\t fontStyle: options.fontStyle,\r\n\t fontWeight: options.fontWeight\r\n\t });\r\n\t this._font();\r\n\t this.drawingElement.options.set(\"font\", textOptions.font);\r\n\t sizeChanged = true;\r\n\t }\r\n\r\n\t if (options.text) {\r\n\t this.content(options.text);\r\n\t sizeChanged = true;\r\n\t }\r\n\r\n\t if (!this._updateSize(options) && sizeChanged) {\r\n\t this._initSize();\r\n\t }\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t deepExtend(TextBlock.fn, AutoSizeableMixin);\r\n\r\n\t var Rectangle = VisualBase.extend({\r\n\t init: function (options) {\r\n\t VisualBase.fn.init.call(this, options);\r\n\t this._initPath();\r\n\t this._setPosition();\r\n\t },\r\n\r\n\t _setPosition: function() {\r\n\t var options = this.options;\r\n\t var x = options.x;\r\n\t var y = options.y;\r\n\t if (defined(x) || defined(y)) {\r\n\t this.position(x || 0, y || 0);\r\n\t }\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t VisualBase.fn.redraw.call(this, options);\r\n\t if (this._diffNumericOptions(options, [WIDTH, HEIGHT])) {\r\n\t this._drawPath();\r\n\t }\r\n\t if (this._diffNumericOptions(options, [X, Y])) {\r\n\t this._setPosition();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _initPath: function() {\r\n\t var options = this.options;\r\n\t this.drawingElement = new d.Path({\r\n\t stroke: options.stroke,\r\n\t closed: true\r\n\t });\r\n\r\n\t this._fill();\r\n\t this._drawPath();\r\n\t },\r\n\r\n\t _drawPath: function() {\r\n\t var drawingElement = this.drawingElement;\r\n\t var sizeOptions = sizeOptionsOrDefault(this.options);\r\n\t var width = sizeOptions.width;\r\n\t var height = sizeOptions.height;\r\n\r\n\t drawingElement.segments.elements([\r\n\t createSegment(0, 0),\r\n\t createSegment(width, 0),\r\n\t createSegment(width, height),\r\n\t createSegment(0, height)\r\n\t ]);\r\n\t }\r\n\t });\r\n\r\n\t var MarkerBase = VisualBase.extend({\r\n\t init: function(options) {\r\n\t VisualBase.fn.init.call(this, options);\r\n\t var anchor = this.options.anchor;\r\n\t this.anchor = new g.Point(anchor.x, anchor.y);\r\n\t this.createElement();\r\n\t },\r\n\r\n\t options: {\r\n\t stroke: {\r\n\t color: TRANSPARENT,\r\n\t width: 0\r\n\t },\r\n\t fill: {\r\n\t color: \"black\"\r\n\t }\r\n\t },\r\n\r\n\t _transformToPath: function(point, path) {\r\n\t var transform = path.transform();\r\n\t if (point && transform) {\r\n\t point = point.transformCopy(transform);\r\n\t }\r\n\t return point;\r\n\t },\r\n\r\n\t redraw: function(options) {\r\n\t if (options) {\r\n\t if (options.position) {\r\n\t this.options.position = options.position;\r\n\t }\r\n\r\n\t VisualBase.fn.redraw.call(this, options);\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var CircleMarker = MarkerBase.extend({\r\n\t options: {\r\n\t radius: 4,\r\n\t anchor: {\r\n\t x: 0,\r\n\t y: 0\r\n\t }\r\n\t },\r\n\r\n\t createElement: function() {\r\n\t var options = this.options;\r\n\t this.drawingElement = new d.Circle(new g.Circle(this.anchor, options.radius), {\r\n\t fill: options.fill,\r\n\t stroke: options.stroke\r\n\t });\r\n\t },\r\n\r\n\t positionMarker: function(path) {\r\n\t var options = this.options;\r\n\t var position = options.position;\r\n\t var segments = path.segments;\r\n\t var targetSegment;\r\n\t var point;\r\n\r\n\t if (position == START) {\r\n\t targetSegment = segments[0];\r\n\t } else {\r\n\t targetSegment = segments[segments.length - 1];\r\n\t }\r\n\t if (targetSegment) {\r\n\t point = this._transformToPath(targetSegment.anchor(), path);\r\n\t this.drawingElement.transform(g.transform().translate(point.x, point.y));\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var ArrowMarker = MarkerBase.extend({\r\n\t options: {\r\n\t path: \"M 0 0 L 10 5 L 0 10 L 3 5 z\" ,\r\n\t anchor: {\r\n\t x: 10,\r\n\t y: 5\r\n\t }\r\n\t },\r\n\r\n\t createElement: function() {\r\n\t var options = this.options;\r\n\t this.drawingElement = d.Path.parse(options.path, {\r\n\t fill: options.fill,\r\n\t stroke: options.stroke\r\n\t });\r\n\t },\r\n\r\n\t positionMarker: function(path) {\r\n\t var points = this._linePoints(path);\r\n\t var start = points.start;\r\n\t var end = points.end;\r\n\t var transform = g.transform();\r\n\t if (start) {\r\n\t transform.rotate(lineAngle(start, end), end);\r\n\t }\r\n\r\n\t if (end) {\r\n\t var anchor = this.anchor;\r\n\t var translate = end.clone().translate(-anchor.x, -anchor.y);\r\n\t transform.translate(translate.x, translate.y);\r\n\t }\r\n\t this.drawingElement.transform(transform);\r\n\t },\r\n\r\n\t _linePoints: function(path) {\r\n\t var options = this.options;\r\n\t var segments = path.segments;\r\n\t var startPoint, endPoint, targetSegment;\r\n\t if (options.position == START) {\r\n\t targetSegment = segments[0];\r\n\t if (targetSegment) {\r\n\t endPoint = targetSegment.anchor();\r\n\t startPoint = targetSegment.controlOut();\r\n\t var nextSegment = segments[1];\r\n\t if (!startPoint && nextSegment) {\r\n\t startPoint = nextSegment.anchor();\r\n\t }\r\n\t }\r\n\t } else {\r\n\t targetSegment = segments[segments.length - 1];\r\n\t if (targetSegment) {\r\n\t endPoint = targetSegment.anchor();\r\n\t startPoint = targetSegment.controlIn();\r\n\t var prevSegment = segments[segments.length - 2];\r\n\t if (!startPoint && prevSegment) {\r\n\t startPoint = prevSegment.anchor();\r\n\t }\r\n\t }\r\n\t }\r\n\t if (endPoint) {\r\n\t return {\r\n\t start: this._transformToPath(startPoint, path),\r\n\t end: this._transformToPath(endPoint, path)\r\n\t };\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var MarkerPathMixin = {\r\n\t _getPath: function(position) {\r\n\t var path = this.drawingElement;\r\n\t if (path instanceof d.MultiPath) {\r\n\t if (position == START) {\r\n\t path = path.paths[0];\r\n\t } else {\r\n\t path = path.paths[path.paths.length - 1];\r\n\t }\r\n\t }\r\n\t if (path && path.segments.length) {\r\n\t return path;\r\n\t }\r\n\t },\r\n\r\n\t _normalizeMarkerOptions: function(options) {\r\n\t var startCap = options.startCap;\r\n\t var endCap = options.endCap;\r\n\r\n\t if (isString(startCap)) {\r\n\t options.startCap = {\r\n\t type: startCap\r\n\t };\r\n\t }\r\n\r\n\t if (isString(endCap)) {\r\n\t options.endCap = {\r\n\t type: endCap\r\n\t };\r\n\t }\r\n\t },\r\n\r\n\t _removeMarker: function(position) {\r\n\t var marker = this._markers[position];\r\n\t if (marker) {\r\n\t this.drawingContainer().remove(marker.drawingElement);\r\n\t delete this._markers[position];\r\n\t }\r\n\t },\r\n\r\n\t _createMarkers: function() {\r\n\t var options = this.options;\r\n\t this._normalizeMarkerOptions(options);\r\n\r\n\t this._markers = {};\r\n\t this._markers[START] = this._createMarker(options.startCap, START);\r\n\t this._markers[END] = this._createMarker(options.endCap, END);\r\n\t },\r\n\r\n\t _createMarker: function(options, position) {\r\n\t var type = (options || {}).type;\r\n\t var path = this._getPath(position);\r\n\t var markerType, marker;\r\n\t if (!path) {\r\n\t this._removeMarker(position);\r\n\t return;\r\n\t }\r\n\r\n\t if (type == Markers.filledCircle) {\r\n\t markerType = CircleMarker;\r\n\t } else if (type == Markers.arrowStart || type == Markers.arrowEnd){\r\n\t markerType = ArrowMarker;\r\n\t } else {\r\n\t this._removeMarker(position);\r\n\t }\r\n\t if (markerType) {\r\n\t marker = new markerType(deepExtend({}, options, {\r\n\t position: position\r\n\t }));\r\n\t marker.positionMarker(path);\r\n\t this.drawingContainer().append(marker.drawingElement);\r\n\r\n\t return marker;\r\n\t }\r\n\t },\r\n\r\n\t _positionMarker : function(position) {\r\n\t var marker = this._markers[position];\r\n\r\n\t if (marker) {\r\n\t var path = this._getPath(position);\r\n\t if (path) {\r\n\t marker.positionMarker(path);\r\n\t } else {\r\n\t this._removeMarker(position);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _capMap: {\r\n\t start: \"startCap\",\r\n\t end: \"endCap\"\r\n\t },\r\n\r\n\t _redrawMarker: function(pathChange, position, options) {\r\n\t this._normalizeMarkerOptions(options);\r\n\r\n\t var pathOptions = this.options;\r\n\t var cap = this._capMap[position];\r\n\t var pathCapType = (pathOptions[cap] || {}).type;\r\n\t var optionsCap = options[cap];\r\n\t var created = false;\r\n\t if (optionsCap) {\r\n\t pathOptions[cap] = deepExtend({}, pathOptions[cap], optionsCap);\r\n\t if (optionsCap.type && pathCapType != optionsCap.type) {\r\n\t this._removeMarker(position);\r\n\t this._markers[position] = this._createMarker(pathOptions[cap], position);\r\n\t created = true;\r\n\t } else if (this._markers[position]) {\r\n\t this._markers[position].redraw(optionsCap);\r\n\t }\r\n\t } else if (pathChange && !this._markers[position] && pathOptions[cap]) {\r\n\t this._markers[position] = this._createMarker(pathOptions[cap], position);\r\n\t created = true;\r\n\t }\r\n\t return created;\r\n\t },\r\n\r\n\t _redrawMarkers: function (pathChange, options) {\r\n\t if (!this._redrawMarker(pathChange, START, options) && pathChange) {\r\n\t this._positionMarker(START);\r\n\t }\r\n\t if (!this._redrawMarker(pathChange, END, options) && pathChange) {\r\n\t this._positionMarker(END);\r\n\t }\r\n\t }\r\n\t };\r\n\r\n\t var Path = VisualBase.extend({\r\n\t init: function (options) {\r\n\t VisualBase.fn.init.call(this, options);\r\n\t this.container = new d.Group();\r\n\t this._createElements();\r\n\t this._initSize();\r\n\t },\r\n\r\n\t options: {\r\n\t autoSize: true\r\n\t },\r\n\r\n\t drawingContainer: function() {\r\n\t return this.container;\r\n\t },\r\n\r\n\t data: function (value) {\r\n\t var options = this.options;\r\n\t if (value) {\r\n\t if (options.data != value) {\r\n\t options.data = value;\r\n\t this._setData(value);\r\n\t this._initSize();\r\n\t this._redrawMarkers(true, {});\r\n\t }\r\n\t } else {\r\n\t return options.data;\r\n\t }\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t VisualBase.fn.redraw.call(this, options);\r\n\r\n\t var pathOptions = this.options;\r\n\t var data = options.data;\r\n\r\n\t if (defined(data) && pathOptions.data != data) {\r\n\t pathOptions.data = data;\r\n\t this._setData(data);\r\n\t if (!this._updateSize(options)) {\r\n\t this._initSize();\r\n\t }\r\n\t this._redrawMarkers(true, options);\r\n\t } else {\r\n\t this._updateSize(options);\r\n\t this._redrawMarkers(false, options);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _createElements: function() {\r\n\t var options = this.options;\r\n\r\n\t this.drawingElement = d.Path.parse(options.data || \"\", {\r\n\t stroke: options.stroke\r\n\t });\r\n\r\n\t this._fill();\r\n\t this.container.append(this.drawingElement);\r\n\t this._createMarkers();\r\n\t },\r\n\r\n\t _setData: function(data) {\r\n\t var drawingElement = this.drawingElement;\r\n\t var multipath = d.Path.parse(data || \"\");\r\n\t var paths = multipath.paths.slice(0);\r\n\t multipath.paths.elements([]);\r\n\t drawingElement.paths.elements(paths);\r\n\t }\r\n\t });\r\n\r\n\t deepExtend(Path.fn, AutoSizeableMixin);\r\n\t deepExtend(Path.fn, MarkerPathMixin);\r\n\r\n\t var Line = VisualBase.extend({\r\n\t init: function (options) {\r\n\t VisualBase.fn.init.call(this, options);\r\n\t this.container = new d.Group();\r\n\t this._initPath();\r\n\t this._createMarkers();\r\n\t },\r\n\r\n\t drawingContainer: function() {\r\n\t return this.container;\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t options = options || {};\r\n\t var from = options.from;\r\n\t var to = options.to;\r\n\t if (from) {\r\n\t this.options.from = from;\r\n\t }\r\n\r\n\t if (to) {\r\n\t this.options.to = to;\r\n\t }\r\n\r\n\t if (from || to) {\r\n\t this._drawPath();\r\n\t this._redrawMarkers(true, options);\r\n\t } else {\r\n\t this._redrawMarkers(false, options);\r\n\t }\r\n\r\n\t VisualBase.fn.redraw.call(this, options);\r\n\t }\r\n\t },\r\n\r\n\t _initPath: function() {\r\n\t var options = this.options;\r\n\t var drawingElement = this.drawingElement = new d.Path({\r\n\t stroke: options.stroke\r\n\t });\r\n\r\n\t this._fill();\r\n\t this._drawPath();\r\n\t this.container.append(drawingElement);\r\n\t },\r\n\r\n\t _drawPath: function() {\r\n\t var options = this.options;\r\n\t var drawingElement = this.drawingElement;\r\n\t var from = options.from || new Point();\r\n\t var to = options.to || new Point();\r\n\r\n\t drawingElement.segments.elements([\r\n\t createSegment(from.x, from.y),\r\n\t createSegment(to.x, to.y)\r\n\t ]);\r\n\t }\r\n\t });\r\n\r\n\t deepExtend(Line.fn, MarkerPathMixin);\r\n\r\n\t var Polyline = VisualBase.extend({\r\n\t init: function (options) {\r\n\t VisualBase.fn.init.call(this, options);\r\n\t this.container = new d.Group();\r\n\t this._initPath();\r\n\t this._createMarkers();\r\n\t },\r\n\r\n\t drawingContainer: function() {\r\n\t return this.container;\r\n\t },\r\n\r\n\t points: function (points) {\r\n\t var options = this.options;\r\n\t if (points) {\r\n\t options.points = points;\r\n\t this._updatePath();\r\n\t } else {\r\n\t return options.points;\r\n\t }\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t var points = options.points;\r\n\t VisualBase.fn.redraw.call(this, options);\r\n\r\n\t if (points && this._pointsDiffer(points)) {\r\n\t this.points(points);\r\n\t this._redrawMarkers(true, options);\r\n\t } else {\r\n\t this._redrawMarkers(false, options);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _initPath: function() {\r\n\t var options = this.options;\r\n\t this.drawingElement = new d.Path({\r\n\t stroke: options.stroke\r\n\t });\r\n\r\n\t this._fill();\r\n\t this.container.append(this.drawingElement);\r\n\r\n\t if (options.points) {\r\n\t this._updatePath();\r\n\t }\r\n\t },\r\n\r\n\t _pointsDiffer: function(points) {\r\n\t var currentPoints = this.options.points;\r\n\t var differ = currentPoints.length !== points.length;\r\n\t if (!differ) {\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t if (currentPoints[i].x !== points[i].x || currentPoints[i].y !== points[i].y) {\r\n\t differ = true;\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return differ;\r\n\t },\r\n\r\n\t _updatePath: function() {\r\n\t var drawingElement = this.drawingElement;\r\n\t var options = this.options;\r\n\t var points = options.points;\r\n\t var segments = [];\r\n\t var point;\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t point = points[i];\r\n\t segments.push(createSegment(point.x, point.y));\r\n\t }\r\n\r\n\t drawingElement.segments.elements(segments);\r\n\t },\r\n\r\n\t options: {\r\n\t points: []\r\n\t }\r\n\t });\r\n\r\n\t deepExtend(Polyline.fn, MarkerPathMixin);\r\n\r\n\t var Image = Element.extend({\r\n\t init: function (options) {\r\n\t Element.fn.init.call(this, options);\r\n\r\n\t this._initImage();\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t if (options.source) {\r\n\t this.drawingElement.src(options.source);\r\n\t }\r\n\r\n\t if (this._diffNumericOptions(options, [WIDTH, HEIGHT, X, Y])) {\r\n\t this.drawingElement.rect(this._rect());\r\n\t }\r\n\r\n\t Element.fn.redraw.call(this, options);\r\n\t }\r\n\t },\r\n\r\n\t _initImage: function() {\r\n\t var options = this.options;\r\n\t var rect = this._rect();\r\n\r\n\t this.drawingElement = new d.Image(options.source, rect, {});\r\n\t },\r\n\r\n\t _rect: function() {\r\n\t var sizeOptions = sizeOptionsOrDefault(this.options);\r\n\t var origin = new g.Point(sizeOptions.x, sizeOptions.y);\r\n\t var size = new g.Size(sizeOptions.width, sizeOptions.height);\r\n\r\n\t return new g.Rect(origin, size);\r\n\t }\r\n\t });\r\n\r\n\t var Group = Element.extend({\r\n\t init: function (options) {\r\n\t this.children = [];\r\n\t Element.fn.init.call(this, options);\r\n\t this.drawingElement = new d.Group();\r\n\t this._initSize();\r\n\t },\r\n\r\n\t options: {\r\n\t autoSize: false\r\n\t },\r\n\r\n\t append: function (visual) {\r\n\t this.drawingElement.append(visual.drawingContainer());\r\n\t this.children.push(visual);\r\n\t this._childrenChange = true;\r\n\t },\r\n\r\n\t remove: function (visual) {\r\n\t if (this._remove(visual)) {\r\n\t this._childrenChange = true;\r\n\t }\r\n\t },\r\n\r\n\t _remove: function(visual) {\r\n\t var index = inArray(visual, this.children);\r\n\t if (index >= 0) {\r\n\t this.drawingElement.removeAt(index);\r\n\t this.children.splice(index, 1);\r\n\t return true;\r\n\t }\r\n\t },\r\n\r\n\t clear: function () {\r\n\t this.drawingElement.clear();\r\n\t this.children = [];\r\n\t this._childrenChange = true;\r\n\t },\r\n\r\n\t toFront: function (visuals) {\r\n\t var visual;\r\n\r\n\t for (var i = 0; i < visuals.length; i++) {\r\n\t visual = visuals[i];\r\n\t if (this._remove(visual)) {\r\n\t this.append(visual);\r\n\t }\r\n\t }\r\n\t },\r\n\t //TO DO: add drawing group support for moving and inserting children\r\n\t toBack: function (visuals) {\r\n\t this._reorderChildren(visuals, 0);\r\n\t },\r\n\r\n\t toIndex: function (visuals, indices) {\r\n\t this._reorderChildren(visuals, indices);\r\n\t },\r\n\r\n\t _reorderChildren: function(visuals, indices) {\r\n\t var group = this.drawingElement;\r\n\t var drawingChildren = group.children.slice(0);\r\n\t var children = this.children;\r\n\t var fixedPosition = isNumber(indices);\r\n\t var i, index, toIndex, drawingElement, visual;\r\n\r\n\t for (i = 0; i < visuals.length; i++) {\r\n\t visual = visuals[i];\r\n\t drawingElement = visual.drawingContainer();\r\n\r\n\t index = inArray(visual, children);\r\n\t if (index >= 0) {\r\n\t drawingChildren.splice(index, 1);\r\n\t children.splice(index, 1);\r\n\r\n\t toIndex = fixedPosition ? indices : indices[i];\r\n\r\n\t drawingChildren.splice(toIndex, 0, drawingElement);\r\n\t children.splice(toIndex, 0, visual);\r\n\t }\r\n\t }\r\n\t group.clear();\r\n\t group.append.apply(group, drawingChildren);\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t if (this._childrenChange) {\r\n\t this._childrenChange = false;\r\n\t if (!this._updateSize(options)) {\r\n\t this._initSize();\r\n\t }\r\n\t } else {\r\n\t this._updateSize(options);\r\n\t }\r\n\r\n\t Element.fn.redraw.call(this, options);\r\n\t }\r\n\t },\r\n\r\n\t _boundingBox: function() {\r\n\t var children = this.children;\r\n\t var boundingBox;\r\n\t var visual, childBoundingBox;\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t visual = children[i];\r\n\t if (visual.visible() && visual._includeInBBox !== false) {\r\n\t childBoundingBox = visual.drawingContainer().clippedBBox(null);\r\n\t if (childBoundingBox) {\r\n\t if (boundingBox) {\r\n\t boundingBox = g.Rect.union(boundingBox, childBoundingBox);\r\n\t } else {\r\n\t boundingBox = childBoundingBox;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return boundingBox;\r\n\t }\r\n\t });\r\n\r\n\t deepExtend(Group.fn, AutoSizeableMixin);\r\n\r\n\t var Layout = Group.extend({\r\n\t init: function (rect, options) {\r\n\t this.children = [];\r\n\t Element.fn.init.call(this, options);\r\n\t this.drawingElement = new d.Layout(toDrawingRect(rect), options);\r\n\t this._initSize();\r\n\t },\r\n\r\n\t rect: function(rect) {\r\n\t if (rect) {\r\n\t this.drawingElement.rect(toDrawingRect(rect));\r\n\t } else {\r\n\t var drawingRect = this.drawingElement.rect();\r\n\t if (drawingRect) {\r\n\t return new Rect(drawingRect.origin.x, drawingRect.origin.y, drawingRect.size.width, drawingRect.size.height);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t reflow: function() {\r\n\t this.drawingElement.reflow();\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t kendo.deepExtend(this.drawingElement.options, options);\r\n\t Group.fn.redraw.call(this, options);\r\n\t }\r\n\t });\r\n\r\n\t var Circle = VisualBase.extend({\r\n\t init: function (options) {\r\n\t VisualBase.fn.init.call(this, options);\r\n\t this._initCircle();\r\n\t this._initSize();\r\n\t },\r\n\r\n\t redraw: function (options) {\r\n\t if (options) {\r\n\t var circleOptions = this.options;\r\n\r\n\t if (options.center) {\r\n\t deepExtend(circleOptions, {\r\n\t center: options.center\r\n\t });\r\n\t this._center.move(circleOptions.center.x, circleOptions.center.y);\r\n\t }\r\n\r\n\t if (this._diffNumericOptions(options, [\"radius\"])) {\r\n\t this._circle.setRadius(circleOptions.radius);\r\n\t }\r\n\r\n\t this._updateSize(options);\r\n\r\n\t VisualBase.fn.redraw.call(this, options);\r\n\t }\r\n\t },\r\n\r\n\t _initCircle: function() {\r\n\t var options = this.options;\r\n\t var width = options.width;\r\n\t var height = options.height;\r\n\t var radius = options.radius;\r\n\t if (!defined(radius)) {\r\n\t if (!defined(width)) {\r\n\t width = height;\r\n\t }\r\n\t if (!defined(height)) {\r\n\t height = width;\r\n\t }\r\n\t options.radius = radius = Math.min(width, height) / 2;\r\n\t }\r\n\r\n\t var center = options.center || {x: radius, y: radius};\r\n\t this._center = new g.Point(center.x, center.y);\r\n\t this._circle = new g.Circle(this._center, radius);\r\n\t this.drawingElement = new d.Circle(this._circle, {\r\n\t stroke: options.stroke\r\n\t });\r\n\r\n\t this._fill();\r\n\t }\r\n\t });\r\n\t deepExtend(Circle.fn, AutoSizeableMixin);\r\n\r\n\t var Canvas = Class.extend({\r\n\t init: function (element, options) {\r\n\t options = options || {};\r\n\t this.element = element;\r\n\t this.surface = d.Surface.create(element, options);\r\n\t if (kendo.isFunction(this.surface.translate)) {\r\n\t this.translate = this._translate;\r\n\t }\r\n\r\n\t this.drawingElement = new d.Group();\r\n\t this._viewBox = new Rect(0, 0, options.width, options.height);\r\n\t this.size(this._viewBox);\r\n\t },\r\n\r\n\t bounds: function () {\r\n\t var box = this.drawingElement.clippedBBox();\r\n\t return new Rect(0, 0, box.width(), box.height());\r\n\t },\r\n\r\n\t size: function (size) {\r\n\t var viewBox = this._viewBox;\r\n\t if (defined(size)) {\r\n\t viewBox.width = size.width;\r\n\t viewBox.height = size.height;\r\n\t this.surface.setSize(size);\r\n\t }\r\n\t return {\r\n\t width: viewBox.width,\r\n\t height: viewBox.height\r\n\t };\r\n\t },\r\n\r\n\t _translate: function (x, y) {\r\n\t var viewBox = this._viewBox;\r\n\t if (defined(x) && defined(y)) {\r\n\t viewBox.x = x;\r\n\t viewBox.y = y;\r\n\t this.surface.translate({x: x, y: y});\r\n\t }\r\n\t return {\r\n\t x: viewBox.x,\r\n\t y: viewBox.y\r\n\t };\r\n\t },\r\n\r\n\t draw: function() {\r\n\t this.surface.draw(this.drawingElement);\r\n\t },\r\n\r\n\t append: function (visual) {\r\n\t this.drawingElement.append(visual.drawingContainer());\r\n\t return this;\r\n\t },\r\n\r\n\t remove: function (visual) {\r\n\t this.drawingElement.remove(visual.drawingContainer());\r\n\t },\r\n\r\n\t insertBefore: function () {\r\n\r\n\t },\r\n\r\n\t clear: function () {\r\n\t this.drawingElement.clear();\r\n\t },\r\n\r\n\t destroy: function(clearHtml) {\r\n\t this.surface.destroy();\r\n\t if(clearHtml) {\r\n\t $(this.element).remove();\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t // Helper functions ===========================================\r\n\r\n\t function sizeOptionsOrDefault(options) {\r\n\t return {\r\n\t x: options.x || 0,\r\n\t y: options.y || 0,\r\n\t width: options.width || 0,\r\n\t height: options.height || 0\r\n\t };\r\n\t }\r\n\r\n\t function normalizeDrawingOptions(options) {\r\n\t if (options) {\r\n\t var drawingOptions = options;\r\n\r\n\t if (isString(drawingOptions)) {\r\n\t drawingOptions = {\r\n\t color: drawingOptions\r\n\t };\r\n\t }\r\n\r\n\t if (drawingOptions.color) {\r\n\t drawingOptions.color = getColor(drawingOptions.color);\r\n\t }\r\n\t return drawingOptions;\r\n\t }\r\n\t }\r\n\r\n\t function getColor(value) {\r\n\t var color;\r\n\t if (value != TRANSPARENT) {\r\n\t color = new d.Color(value).toHex();\r\n\t } else {\r\n\t color = value;\r\n\t }\r\n\t return color;\r\n\t }\r\n\r\n\t function lineAngle(p1, p2) {\r\n\t var xDiff = p2.x - p1.x;\r\n\t var yDiff = p2.y - p1.y;\r\n\t var angle = d.util.deg(Math.atan2(yDiff, xDiff));\r\n\t return angle;\r\n\t }\r\n\r\n\t function createSegment(x, y) {\r\n\t return new d.Segment(new g.Point(x, y));\r\n\t }\r\n\r\n\t function toDrawingRect(rect) {\r\n\t if (rect) {\r\n\t return new g.Rect([rect.x, rect.y], [rect.width, rect.height]);\r\n\t }\r\n\t }\r\n\r\n\t // Exports ================================================================\r\n\t kendo.deepExtend(diagram, {\r\n\t init: function (element) {\r\n\t kendo.init(element, diagram.ui);\r\n\t },\r\n\t diffNumericOptions: diffNumericOptions,\r\n\t Element: Element,\r\n\t Scale: Scale,\r\n\t Translation: Translation,\r\n\t Rotation: Rotation,\r\n\t Circle: Circle,\r\n\t Group: Group,\r\n\t Rectangle: Rectangle,\r\n\t Canvas: Canvas,\r\n\t Path: Path,\r\n\t Layout: Layout,\r\n\t Line: Line,\r\n\t MarkerBase: MarkerBase,\r\n\t ArrowMarker: ArrowMarker,\r\n\t CircleMarker: CircleMarker,\r\n\t Polyline: Polyline,\r\n\t CompositeTransform: CompositeTransform,\r\n\t TextBlock: TextBlock,\r\n\t Image: Image,\r\n\t VisualBase: VisualBase\r\n\t });\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\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__(875);\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/***/ 855:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 875:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(855) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t var kendo = window.kendo,\r\n\t diagram = kendo.dataviz.diagram = {},\r\n\t deepExtend = kendo.deepExtend,\r\n\t isArray = $.isArray,\r\n\t EPSILON = 1e-06;\r\n\r\n\t /*-------------------Diverse utilities----------------------------*/\r\n\t var Utils = {\r\n\t };\r\n\r\n\t deepExtend(Utils, {\r\n\t isNearZero: function (num) {\r\n\t return Math.abs(num) < EPSILON;\r\n\t },\r\n\t isDefined: function (obj) {\r\n\t return typeof obj !== 'undefined';\r\n\t },\r\n\r\n\t isUndefined: function (obj) {\r\n\t return (typeof obj === 'undefined') || obj === null;\r\n\t },\r\n\t /**\r\n\t * Returns whether the given object is an object or a value.\r\n\t */\r\n\t isObject: function (obj) {\r\n\t return obj === Object(obj);\r\n\t },\r\n\t /**\r\n\t * Returns whether the object has a property with the given name.\r\n\t */\r\n\t has: function (obj, key) {\r\n\t return Object.hasOwnProperty.call(obj, key);\r\n\t },\r\n\t /**\r\n\t * Returns whether the given object is a string.\r\n\t */\r\n\t isString: function (obj) {\r\n\t return Object.prototype.toString.call(obj) == '[object String]';\r\n\t },\r\n\t isBoolean: function (obj) {\r\n\t return Object.prototype.toString.call(obj) == '[object Boolean]';\r\n\t },\r\n\t isType: function (obj, type) {\r\n\t return Object.prototype.toString.call(obj) == '[object ' + type + ']';\r\n\t },\r\n\t /**\r\n\t * Returns whether the given object is a number.\r\n\t */\r\n\t isNumber: function (obj) {\r\n\t return !isNaN(parseFloat(obj)) && isFinite(obj);\r\n\t },\r\n\t /**\r\n\t * Return whether the given object (array or dictionary).\r\n\t */\r\n\t isEmpty: function (obj) {\r\n\t if (obj === null) {\r\n\t return true;\r\n\t }\r\n\t if (isArray(obj) || Utils.isString(obj)) {\r\n\t return obj.length === 0;\r\n\t }\r\n\t for (var key in obj) {\r\n\t if (Utils.has(obj, key)) {\r\n\t return false;\r\n\t }\r\n\t }\r\n\t return true;\r\n\t },\r\n\t simpleExtend: function(destination, source) {\r\n\t if(!Utils.isObject(source)) {\r\n\t return;\r\n\t }\r\n\r\n\t for(var name in source) {\r\n\t destination[name] = source[name];\r\n\t }\r\n\t },\r\n\t /**\r\n\t * Returns an array of the specified size and with each entry set to the given value.\r\n\t * @param size\r\n\t * @param value\r\n\t * @returns {Array}\r\n\t */\r\n\t initArray: function createIdArray(size, value) {\r\n\t var array = [];\r\n\t for (var i = 0; i < size; ++i) {\r\n\t array[i] = value;\r\n\t }\r\n\t return array;\r\n\t },\r\n\t serializePoints: function (points) {\r\n\t var res = [];\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var p = points[i];\r\n\t res.push(p.x + \";\" + p.y);\r\n\t }\r\n\t return res.join(\";\");\r\n\t },\r\n\t deserializePoints: function (s) {\r\n\t var v = s.split(\";\"), points = [];\r\n\t if (v.length % 2 !== 0) {\r\n\t throw \"Not an array of points.\";\r\n\t }\r\n\t for (var i = 0; i < v.length; i += 2) {\r\n\t points.push(new diagram.Point(\r\n\t parseInt(v[i], 10),\r\n\t parseInt(v[i + 1], 10)\r\n\t ));\r\n\t }\r\n\t return points;\r\n\t },\r\n\t /**\r\n\t * Returns an integer within the given bounds.\r\n\t * @param lower The inclusive lower bound.\r\n\t * @param upper The exclusive upper bound.\r\n\t * @returns {number}\r\n\t */\r\n\t randomInteger: function (lower, upper) {\r\n\t return parseInt(Math.floor(Math.random() * upper) + lower, 10);\r\n\t } ,\r\n\t /*\r\n\t Depth-first traversal of the given node.\r\n\t */\r\n\t DFT: function (el, func) {\r\n\t func(el);\r\n\t if (el.childNodes) {\r\n\t for (var i = 0; i < el.childNodes.length; i++) {\r\n\t var item = el.childNodes[i];\r\n\t this.DFT(item, func);\r\n\t }\r\n\t }\r\n\t },\r\n\t /*\r\n\t Returns the angle in degrees for the given matrix\r\n\t */\r\n\t getMatrixAngle: function (m) {\r\n\t if (m === null || m.d === 0) {\r\n\t return 0;\r\n\t }\r\n\t return Math.atan2(m.b, m.d) * 180 / Math.PI;\r\n\t },\r\n\r\n\t /*\r\n\t Returns the scaling factors for the given matrix.\r\n\t */\r\n\t getMatrixScaling: function (m) {\r\n\t var sX = Math.sqrt(m.a * m.a + m.c * m.c);\r\n\t var sY = Math.sqrt(m.b * m.b + m.d * m.d);\r\n\t return [sX, sY];\r\n\t }\r\n\r\n\t });\r\n\r\n\t /**\r\n\t * The Range defines an array of equally separated numbers.\r\n\t * @param start The start-value of the Range.\r\n\t * @param stop The end-value of the Range.\r\n\t * @param step The separation between the values (default:1).\r\n\t * @returns {Array}\r\n\t */\r\n\t function Range(start, stop, step) {\r\n\t if (typeof start == 'undefined' || typeof stop == 'undefined') {\r\n\t return [];\r\n\t }\r\n\t if (step && Utils.sign(stop - start) != Utils.sign(step)) {\r\n\t throw \"The sign of the increment should allow to reach the stop-value.\";\r\n\t }\r\n\t step = step || 1;\r\n\t start = start || 0;\r\n\t stop = stop || start;\r\n\t if ((stop - start) / step === Infinity) {\r\n\t throw \"Infinite range defined.\";\r\n\t }\r\n\t var range = [], i = -1, j;\r\n\r\n\t function rangeIntegerScale(x) {\r\n\t var k = 1;\r\n\t while (x * k % 1) {\r\n\t k *= 10;\r\n\t }\r\n\t return k;\r\n\t }\r\n\r\n\t var k = rangeIntegerScale(Math.abs(step));\r\n\t start *= k;\r\n\t stop *= k;\r\n\t step *= k;\r\n\t if (start > stop && step > 0) {\r\n\t step = -step;\r\n\t }\r\n\t if (step < 0) {\r\n\t while ((j = start + step * ++i) >= stop) {\r\n\t range.push(j / k);\r\n\t }\r\n\t }\r\n\t else {\r\n\t while ((j = start + step * ++i) <= stop) {\r\n\t range.push(j / k);\r\n\t }\r\n\t }\r\n\t return range;\r\n\t }\r\n\r\n\t /*-------------------Diverse math functions----------------------------*/\r\n\r\n\t function findRadian(start, end) {\r\n\t if (start == end) {\r\n\t return 0;\r\n\t }\r\n\t var sngXComp = end.x - start.x,\r\n\t sngYComp = start.y - end.y,\r\n\t atan = Math.atan(sngXComp / sngYComp);\r\n\t if (sngYComp >= 0) {\r\n\t return sngXComp < 0 ? atan + (2 * Math.PI) : atan;\r\n\t }\r\n\t return atan + Math.PI;\r\n\t }\r\n\r\n\t Utils.sign = function(number) {\r\n\t return number ? number < 0 ? -1 : 1 : 0;\r\n\t };\r\n\r\n\t Utils.findAngle = function(center, end) {\r\n\t return findRadian(center, end) * 180 / Math.PI;\r\n\t };\r\n\r\n\t /*-------------------Array Helpers ----------------------------*/\r\n\r\n\t Utils.forEach = function(arr, iterator, thisRef) {\r\n\t for (var i = 0; i < arr.length; i++) {\r\n\t iterator.call(thisRef, arr[i], i, arr);\r\n\t }\r\n\t };\r\n\r\n\t Utils.any = function(arr, predicate) {\r\n\t for (var i = 0; i < arr.length; ++i) {\r\n\t if (predicate(arr[i])) {\r\n\t return arr[i];\r\n\t }\r\n\t }\r\n\t return null;\r\n\t };\r\n\r\n\t Utils.remove = function (arr, what) {\r\n\t var ax;\r\n\t while ((ax = Utils.indexOf(arr, what)) !== -1) {\r\n\t arr.splice(ax, 1);\r\n\t }\r\n\t return arr;\r\n\t };\r\n\r\n\t Utils.contains = function (arr, obj) {\r\n\t return Utils.indexOf(arr, obj) !== -1;\r\n\t };\r\n\r\n\t Utils.indexOf = function(arr, what) {\r\n\t return $.inArray(what, arr);\r\n\t };\r\n\r\n\t Utils.fold = function (list, iterator, acc, context) {\r\n\t var initial = arguments.length > 2;\r\n\r\n\t for (var i = 0; i < list.length; i++) {\r\n\t var value = list[i];\r\n\t if (!initial) {\r\n\t acc = value;\r\n\t initial = true;\r\n\t }\r\n\t else {\r\n\t acc = iterator.call(context, acc, value, i, list);\r\n\t }\r\n\t }\r\n\r\n\t if (!initial) {\r\n\t throw 'Reduce of empty array with no initial value';\r\n\t }\r\n\r\n\t return acc;\r\n\t };\r\n\r\n\t Utils.find = function (arr, iterator, context) {\r\n\t var result;\r\n\t Utils.any(arr, function (value, index, list) {\r\n\t if (iterator.call(context, value, index, list)) {\r\n\t result = value;\r\n\t return true;\r\n\t }\r\n\t return false;\r\n\t });\r\n\t return result;\r\n\t };\r\n\r\n\t Utils.first = function (arr, constraint, context) {\r\n\t if (arr.length === 0) {\r\n\t return null;\r\n\t }\r\n\t if (Utils.isUndefined(constraint)) {\r\n\t return arr[0];\r\n\t }\r\n\r\n\t return Utils.find(arr, constraint, context);\r\n\t };\r\n\r\n\t /**\r\n\t * Inserts the given element at the specified position and returns the result.\r\n\t */\r\n\t Utils.insert = function (arr, element, position) {\r\n\t arr.splice(position, 0, element);\r\n\t return arr;\r\n\t };\r\n\r\n\t Utils.all = function (arr, iterator, context) {\r\n\t var result = true;\r\n\t var value;\r\n\r\n\t for (var i = 0; i < arr.length; i++) {\r\n\t value = arr[i];\r\n\t result = result && iterator.call(context, value, i, arr);\r\n\r\n\t if (!result) {\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t };\r\n\r\n\t Utils.clear = function (arr) {\r\n\t arr.splice(0, arr.length);\r\n\t };\r\n\r\n\t /**\r\n\t * Sort the arrays on the basis of the first one (considered as keys and the other array as values).\r\n\t * @param a\r\n\t * @param b\r\n\t * @param sortfunc (optiona) sorting function for the values in the first array\r\n\t */\r\n\t Utils.bisort = function (a, b, sortfunc) {\r\n\t if (Utils.isUndefined(a)) {\r\n\t throw \"First array is not specified.\";\r\n\t }\r\n\t if (Utils.isUndefined(b)) {\r\n\t throw \"Second array is not specified.\";\r\n\t }\r\n\t if (a.length != b.length) {\r\n\t throw \"The two arrays should have equal length\";\r\n\t }\r\n\r\n\t var all = [], i;\r\n\r\n\t for (i = 0; i < a.length; i++) {\r\n\t all.push({ 'x': a[i], 'y': b[i] });\r\n\t }\r\n\t if (Utils.isUndefined(sortfunc)) {\r\n\t all.sort(function (m, n) {\r\n\t return m.x - n.x;\r\n\t });\r\n\t }\r\n\t else {\r\n\t all.sort(function (m, n) {\r\n\t return sortfunc(m.x, n.x);\r\n\t });\r\n\t }\r\n\r\n\t Utils.clear(a);\r\n\t Utils.clear(b);\r\n\r\n\t for (i = 0; i < all.length; i++) {\r\n\t a.push(all[i].x);\r\n\t b.push(all[i].y);\r\n\t }\r\n\t };\r\n\r\n\t Utils.addRange = function (arr, range) {\r\n\t arr.push.apply(arr, range);\r\n\t };\r\n\r\n\t var Easing = {\r\n\t easeInOut: function (pos) {\r\n\t return ((-Math.cos(pos * Math.PI) / 2) + 0.5);\r\n\t }\r\n\t };\r\n\r\n\t /**\r\n\t * An animation ticker driving an adapter which sets a particular\r\n\t * property in function of the tick.\r\n\t * @type {*}\r\n\t */\r\n\t var Ticker = kendo.Class.extend({\r\n\t init: function () {\r\n\t this.adapters = [];\r\n\t this.target = 0;\r\n\t this.tick = 0;\r\n\t this.interval = 20;\r\n\t this.duration = 800;\r\n\t this.lastTime = null;\r\n\t this.handlers = [];\r\n\t var _this = this;\r\n\t this.transition = Easing.easeInOut;\r\n\t this.timerDelegate = function () {\r\n\t _this.onTimerEvent();\r\n\t };\r\n\t },\r\n\t addAdapter: function (a) {\r\n\t this.adapters.push(a);\r\n\t },\r\n\t onComplete: function (handler) {\r\n\t this.handlers.push(handler);\r\n\t },\r\n\t removeHandler: function (handler) {\r\n\t this.handlers = $.grep(this.handlers, function (h) {\r\n\t return h !== handler;\r\n\t });\r\n\t },\r\n\t trigger: function () {\r\n\t var _this = this;\r\n\t if (this.handlers) {\r\n\t Utils.forEach(this.handlers, function (h) {\r\n\t return h.call(_this.caller !== null ? _this.caller : _this);\r\n\t });\r\n\t }\r\n\t },\r\n\t onStep: function () {\r\n\t },\r\n\t seekTo: function (to) {\r\n\t this.seekFromTo(this.tick, to);\r\n\t },\r\n\t seekFromTo: function (from, to) {\r\n\t this.target = Math.max(0, Math.min(1, to));\r\n\t this.tick = Math.max(0, Math.min(1, from));\r\n\t this.lastTime = new Date().getTime();\r\n\t if (!this.intervalId) {\r\n\t this.intervalId = window.setInterval(this.timerDelegate, this.interval);\r\n\t }\r\n\t },\r\n\t stop: function () {\r\n\t if (this.intervalId) {\r\n\t window.clearInterval(this.intervalId);\r\n\t this.intervalId = null;\r\n\r\n\t //this.trigger.call(this);\r\n\t this.trigger();\r\n\t // this.next();\r\n\t }\r\n\t },\r\n\t play: function (origin) {\r\n\t if (this.adapters.length === 0) {\r\n\t return;\r\n\t }\r\n\t if (origin !== null) {\r\n\t this.caller = origin;\r\n\t }\r\n\t this.initState();\r\n\t this.seekFromTo(0, 1);\r\n\t },\r\n\t reverse: function () {\r\n\t this.seekFromTo(1, 0);\r\n\t },\r\n\t initState: function () {\r\n\t if (this.adapters.length === 0) {\r\n\t return;\r\n\t }\r\n\t for (var i = 0; i < this.adapters.length; i++) {\r\n\t this.adapters[i].initState();\r\n\t }\r\n\t },\r\n\t propagate: function () {\r\n\t var value = this.transition(this.tick);\r\n\r\n\t for (var i = 0; i < this.adapters.length; i++) {\r\n\t this.adapters[i].update(value);\r\n\t }\r\n\t },\r\n\t onTimerEvent: function () {\r\n\t var now = new Date().getTime();\r\n\t var timePassed = now - this.lastTime;\r\n\t this.lastTime = now;\r\n\t var movement = (timePassed / this.duration) * (this.tick < this.target ? 1 : -1);\r\n\t if (Math.abs(movement) >= Math.abs(this.tick - this.target)) {\r\n\t this.tick = this.target;\r\n\t } else {\r\n\t this.tick += movement;\r\n\t }\r\n\r\n\t try {\r\n\t this.propagate();\r\n\t } finally {\r\n\t this.onStep.call(this);\r\n\t if (this.target == this.tick) {\r\n\t this.stop();\r\n\t }\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t kendo.deepExtend(diagram, {\r\n\t init: function (element) {\r\n\t kendo.init(element, diagram.ui);\r\n\t },\r\n\r\n\t Utils: Utils,\r\n\t Range: Range,\r\n\t Ticker: Ticker\r\n\t });\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\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__(876);\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/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 876:\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__(852) ], __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__(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/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\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){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(878), __webpack_require__(852) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var math = Math,\r\n\t atan = math.atan,\r\n\t exp = math.exp,\r\n\t pow = math.pow,\r\n\t sin = math.sin,\r\n\t log = math.log,\r\n\t tan = math.tan,\r\n\r\n\t kendo = window.kendo,\r\n\t Class = kendo.Class,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t deepExtend = kendo.deepExtend,\r\n\r\n\t g = kendo.geometry,\r\n\t Point = g.Point,\r\n\r\n\t map = dataviz.map,\r\n\t Location = map.Location,\r\n\r\n\t util = kendo.drawing.util,\r\n\t rad = util.rad,\r\n\t deg = util.deg,\r\n\t limit = util.limitValue;\r\n\r\n\t // Constants ==============================================================\r\n\t var PI = math.PI,\r\n\t PI_DIV_2 = PI / 2,\r\n\t PI_DIV_4 = PI / 4,\r\n\t DEG_TO_RAD = PI / 180;\r\n\r\n\t // Coordinate reference systems ===========================================\r\n\t var WGS84 = {\r\n\t a: 6378137, // Semi-major radius\r\n\t b: 6356752.314245179, // Semi-minor radius\r\n\t f: 0.0033528106647474805, // Flattening\r\n\t e: 0.08181919084262149 // Eccentricity\r\n\t };\r\n\r\n\t // WGS 84 / World Mercator\r\n\t var Mercator = Class.extend({\r\n\t init: function(options) {\r\n\t this._initOptions(options);\r\n\t },\r\n\r\n\t MAX_LNG: 180,\r\n\t MAX_LAT: 85.0840590501,\r\n\t INVERSE_ITERATIONS: 15,\r\n\t INVERSE_CONVERGENCE: 1e-12,\r\n\r\n\t options: {\r\n\t centralMeridian: 0,\r\n\t datum: WGS84\r\n\t },\r\n\r\n\t forward: function(loc, clamp) {\r\n\t var proj = this,\r\n\t options = proj.options,\r\n\t datum = options.datum,\r\n\t r = datum.a,\r\n\t lng0 = options.centralMeridian,\r\n\t lat = limit(loc.lat, -proj.MAX_LAT, proj.MAX_LAT),\r\n\t lng = clamp ? limit(loc.lng, -proj.MAX_LNG, proj.MAX_LNG) : loc.lng,\r\n\t x = rad(lng - lng0) * r,\r\n\t y = proj._projectLat(lat);\r\n\r\n\t return new Point(x, y);\r\n\t },\r\n\r\n\t _projectLat: function(lat) {\r\n\t var datum = this.options.datum,\r\n\t ecc = datum.e,\r\n\t r = datum.a,\r\n\t y = rad(lat),\r\n\t ts = tan(PI_DIV_4 + y / 2),\r\n\t con = ecc * sin(y),\r\n\t p = pow((1 - con) / (1 + con), ecc / 2);\r\n\r\n\t // See:\r\n\t // http://en.wikipedia.org/wiki/Mercator_projection#Generalization_to_the_ellipsoid\r\n\t return r * log(ts * p);\r\n\t },\r\n\r\n\t inverse: function(point, clamp) {\r\n\t var proj = this,\r\n\t options = proj.options,\r\n\t datum = options.datum,\r\n\t r = datum.a,\r\n\t lng0 = options.centralMeridian,\r\n\t lng = point.x / (DEG_TO_RAD * r) + lng0,\r\n\t lat = limit(proj._inverseY(point.y), -proj.MAX_LAT, proj.MAX_LAT);\r\n\r\n\t if (clamp) {\r\n\t lng = limit(lng, -proj.MAX_LNG, proj.MAX_LNG);\r\n\t }\r\n\r\n\t return new Location(lat, lng);\r\n\t },\r\n\r\n\t _inverseY: function(y) {\r\n\t var proj = this,\r\n\t datum = proj.options.datum,\r\n\t r = datum.a,\r\n\t ecc = datum.e,\r\n\t ecch = ecc / 2,\r\n\t ts = exp(-y / r),\r\n\t phi = PI_DIV_2 - 2 * atan(ts),\r\n\t i;\r\n\r\n\t for (i = 0; i <= proj.INVERSE_ITERATIONS; i++) {\r\n\t var con = ecc * sin(phi),\r\n\t p = pow((1 - con) / (1 + con), ecch),\r\n\t dphi = PI_DIV_2 - 2 * atan(ts * p) - phi;\r\n\r\n\t phi += dphi;\r\n\r\n\t if (math.abs(dphi) <= proj.INVERSE_CONVERGENCE) {\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t return deg(phi);\r\n\t }\r\n\t });\r\n\r\n\t // WGS 84 / Pseudo-Mercator\r\n\t // Used by Google Maps, Bing, OSM, etc.\r\n\t // Spherical projection of ellipsoidal coordinates.\r\n\t var SphericalMercator = Mercator.extend({\r\n\t MAX_LAT: 85.0511287798,\r\n\r\n\t _projectLat: function(lat) {\r\n\t var r = this.options.datum.a,\r\n\t y = rad(lat),\r\n\t ts = tan(PI_DIV_4 + y / 2);\r\n\r\n\t return r * log(ts);\r\n\t },\r\n\r\n\t _inverseY: function(y) {\r\n\t var r = this.options.datum.a,\r\n\t ts = exp(-y / r);\r\n\r\n\t return deg(PI_DIV_2 - (2 * atan(ts)));\r\n\t }\r\n\t });\r\n\r\n\t var Equirectangular = Class.extend({\r\n\t forward: function(loc) {\r\n\t return new Point(loc.lng, loc.lat);\r\n\t },\r\n\r\n\t inverse: function(point) {\r\n\t return new Location(point.y, point.x);\r\n\t }\r\n\t });\r\n\r\n\t // TODO: Better (less cryptic name) for this class(es)\r\n\t var EPSG3857 = Class.extend({\r\n\t init: function() {\r\n\t var crs = this,\r\n\t proj = crs._proj = new SphericalMercator();\r\n\r\n\t var c = this.c = 2 * PI * proj.options.datum.a;\r\n\r\n\t // Scale circumference to 1, mirror Y and shift origin to top left\r\n\t this._tm = g.transform().translate(0.5, 0.5).scale(1/c, -1/c);\r\n\r\n\t // Inverse transform matrix\r\n\t this._itm = g.transform().scale(c, -c).translate(-0.5, -0.5);\r\n\t },\r\n\r\n\t // Location <-> Point (screen coordinates for a given scale)\r\n\t toPoint: function(loc, scale, clamp) {\r\n\t var point = this._proj.forward(loc, clamp);\r\n\r\n\t return point\r\n\t .transform(this._tm)\r\n\t .scale(scale || 1);\r\n\t },\r\n\r\n\t toLocation: function(point, scale, clamp) {\r\n\t point = point\r\n\t .clone()\r\n\t .scale(1 / (scale || 1))\r\n\t .transform(this._itm);\r\n\r\n\t return this._proj.inverse(point, clamp);\r\n\t }\r\n\t });\r\n\r\n\t var EPSG3395 = Class.extend({\r\n\t init: function() {\r\n\t this._proj = new Mercator();\r\n\t },\r\n\r\n\t toPoint: function(loc) {\r\n\t return this._proj.forward(loc);\r\n\t },\r\n\r\n\t toLocation: function(point) {\r\n\t return this._proj.inverse(point);\r\n\t }\r\n\t });\r\n\r\n\t // WGS 84\r\n\t var EPSG4326 = Class.extend({\r\n\t init: function() {\r\n\t this._proj = new Equirectangular();\r\n\t },\r\n\r\n\t toPoint: function(loc) {\r\n\t return this._proj.forward(loc);\r\n\t },\r\n\r\n\t toLocation: function(point) {\r\n\t return this._proj.inverse(point);\r\n\t }\r\n\t });\r\n\r\n\t // Exports ================================================================\r\n\t deepExtend(dataviz, {\r\n\t map: {\r\n\t crs: {\r\n\t EPSG3395: EPSG3395,\r\n\t EPSG3857: EPSG3857,\r\n\t EPSG4326: EPSG4326\r\n\t },\r\n\t datums: {\r\n\t WGS84: WGS84\r\n\t },\r\n\t projections: {\r\n\t Equirectangular: Equirectangular,\r\n\t Mercator: Mercator,\r\n\t SphericalMercator: SphericalMercator\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 878:\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__(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/***/ 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){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(880), __webpack_require__(881) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var proxy = $.proxy,\r\n\r\n\t kendo = window.kendo,\r\n\t Class = kendo.Class,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t deepExtend = kendo.deepExtend,\r\n\r\n\t Extent = dataviz.map.Extent,\r\n\r\n\t util = kendo.drawing.util,\r\n\t defined = util.defined;\r\n\r\n\t // Implementation =========================================================\r\n\t var Layer = Class.extend({\r\n\t init: function(map, options) {\r\n\t this._initOptions(options);\r\n\t this.map = map;\r\n\r\n\t this.element = $(\"\")\r\n\t .css({\r\n\t \"zIndex\": this.options.zIndex,\r\n\t \"opacity\": this.options.opacity\r\n\t })\r\n\t .appendTo(map.scrollElement);\r\n\r\n\t this._beforeReset = proxy(this._beforeReset, this);\r\n\t this._reset = proxy(this._reset, this);\r\n\t this._resize = proxy(this._resize, this);\r\n\t this._panEnd = proxy(this._panEnd, this);\r\n\t this._activate();\r\n\r\n\t this._updateAttribution();\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this._deactivate();\r\n\t },\r\n\r\n\t show: function() {\r\n\t this.reset();\r\n\t this._activate();\r\n\t this._applyExtent(true);\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this._deactivate();\r\n\t this._setVisibility(false);\r\n\t },\r\n\r\n\t reset: function() {\r\n\t this._beforeReset();\r\n\t this._reset();\r\n\t },\r\n\r\n\t _reset: function() {\r\n\t this._applyExtent();\r\n\t },\r\n\r\n\t _beforeReset: $.noop,\r\n\r\n\t _resize: $.noop,\r\n\r\n\t _panEnd: function() {\r\n\t this._applyExtent();\r\n\t },\r\n\r\n\t _applyExtent: function() {\r\n\t var options = this.options;\r\n\r\n\t var zoom = this.map.zoom();\r\n\t var matchMinZoom = !defined(options.minZoom) || zoom >= options.minZoom;\r\n\t var matchMaxZoom = !defined(options.maxZoom) || zoom <= options.maxZoom;\r\n\r\n\t var extent = Extent.create(options.extent);\r\n\t var inside = !extent || extent.overlaps(this.map.extent());\r\n\r\n\t this._setVisibility(matchMinZoom && matchMaxZoom && inside);\r\n\t },\r\n\r\n\t _setVisibility: function(visible) {\r\n\t this.element.css(\"display\", visible ? \"\" : \"none\");\r\n\t },\r\n\r\n\t _activate: function() {\r\n\t var map = this.map;\r\n\t map.bind(\"beforeReset\", this._beforeReset);\r\n\t map.bind(\"reset\", this._reset);\r\n\t map.bind(\"resize\", this._resize);\r\n\t map.bind(\"panEnd\", this._panEnd);\r\n\t },\r\n\r\n\t _deactivate: function() {\r\n\t var map = this.map;\r\n\t map.unbind(\"beforeReset\", this._beforeReset);\r\n\t map.unbind(\"reset\", this._reset);\r\n\t map.unbind(\"resize\", this._resize);\r\n\t map.unbind(\"panEnd\", this._panEnd);\r\n\t },\r\n\r\n\t _updateAttribution: function() {\r\n\t var attr = this.map.attribution;\r\n\r\n\t if (attr) {\r\n\t attr.add(this.options.attribution);\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t // Exports ================================================================\r\n\t deepExtend(dataviz, {\r\n\t map: {\r\n\t layers: {\r\n\t Layer: Layer\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 880:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../../kendo.core\");\n\n/***/ }),\n\n/***/ 881:\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__(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/***/ 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) {\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(883) ], __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__));\r\n\t})(function() {\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var kendo = window.kendo,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t deepExtend = kendo.deepExtend,\r\n\t defined = kendo.drawing.util.defined,\r\n\r\n\t Extent = dataviz.map.Extent,\r\n\t Location = dataviz.map.Location,\r\n\t TileLayer = dataviz.map.layers.TileLayer,\r\n\t TileView = dataviz.map.layers.TileView;\r\n\r\n\t // Bing tile layer =============================================================\r\n\t var BingLayer = TileLayer.extend({\r\n\t init: function(map, options) {\r\n\t this.options.baseUrl =\r\n\t this._scheme() +\r\n\t \"://dev.virtualearth.net/REST/v1/Imagery/Metadata/\";\r\n\r\n\t TileLayer.fn.init.call(this, map, options);\r\n\r\n\t this._onMetadata = $.proxy(this._onMetadata, this);\r\n\t this._fetchMetadata();\r\n\t },\r\n\r\n\t options: {\r\n\t imagerySet: \"road\"\r\n\t },\r\n\r\n\t _fetchMetadata: function() {\r\n\t var options = this.options;\r\n\r\n\t if (!options.key) {\r\n\t throw new Error(\"Bing tile layer: API key is required\");\r\n\t }\r\n\r\n\t $.ajax({\r\n\t url: options.baseUrl + options.imagerySet,\r\n\t data: {\r\n\t output: \"json\",\r\n\t include: \"ImageryProviders\",\r\n\t key: options.key,\r\n\t uriScheme: this._scheme()\r\n\t },\r\n\t type: \"get\",\r\n\t dataType: \"jsonp\",\r\n\t jsonp: \"jsonp\",\r\n\t success: this._onMetadata\r\n\t });\r\n\t },\r\n\r\n\t _scheme: function(proto) {\r\n\t proto = proto || window.location.protocol;\r\n\t return proto.replace(\":\", \"\") === \"https\" ? \"https\" : \"http\";\r\n\t },\r\n\r\n\t _onMetadata: function(data) {\r\n\t if (data && data.resourceSets.length) {\r\n\t var resource = this.resource = data.resourceSets[0].resources[0];\r\n\r\n\t deepExtend(this._view.options, {\r\n\t urlTemplate: resource.imageUrl\r\n\t .replace(\"{subdomain}\", \"#= subdomain #\")\r\n\t .replace(\"{quadkey}\", \"#= quadkey #\")\r\n\t .replace(\"{culture}\", \"#= culture #\"),\r\n\t subdomains: resource.imageUrlSubdomains\r\n\t });\r\n\r\n\t var options = this.options;\r\n\t if (!defined(options.minZoom)) {\r\n\t options.minZoom = resource.zoomMin;\r\n\t }\r\n\t if (!defined(options.maxZoom)) {\r\n\t options.maxZoom = resource.zoomMax;\r\n\t }\r\n\r\n\t this._addAttribution();\r\n\r\n\t if (this.element.css(\"display\") !== \"none\") {\r\n\t this._reset();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _viewType: function() {\r\n\t return BingView;\r\n\t },\r\n\r\n\t _addAttribution: function() {\r\n\t var attr = this.map.attribution;\r\n\t if (attr) {\r\n\t var items = this.resource.imageryProviders;\r\n\t if (items) {\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t var item = items[i];\r\n\t for (var y = 0; y < item.coverageAreas.length; y++) {\r\n\t var area = item.coverageAreas[y];\r\n\t attr.add({\r\n\t text: item.attribution,\r\n\t minZoom: area.zoomMin,\r\n\t maxZoom: area.zoomMax,\r\n\t extent: new Extent(\r\n\t new Location(area.bbox[2], area.bbox[1]),\r\n\t new Location(area.bbox[0], area.bbox[3])\r\n\t )\r\n\t });\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t imagerySet: function(value) {\r\n\t if (value) {\r\n\t this.options.imagerySet = value;\r\n\t this.map.attribution.clear();\r\n\t this._fetchMetadata();\r\n\t } else {\r\n\t return this.options.imagerySet;\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var BingView = TileView.extend({\r\n\t options: {\r\n\t culture: \"en-US\"\r\n\t },\r\n\r\n\t tileOptions: function(currentIndex) {\r\n\t var options = TileView.fn.tileOptions.call(this, currentIndex);\r\n\r\n\t options.culture = this.options.culture;\r\n\t options.quadkey = this.tileQuadKey(this.wrapIndex(currentIndex));\r\n\r\n\t return options;\r\n\t },\r\n\r\n\t tileQuadKey: function(index) {\r\n\t var quadKey = \"\",\r\n\t digit, mask, i;\r\n\r\n\t for (i = this._zoom; i > 0; i--) {\r\n\t digit = 0;\r\n\t mask = 1 << (i - 1);\r\n\r\n\t if ((index.x & mask) !== 0) {\r\n\t digit++;\r\n\t }\r\n\r\n\t if ((index.y & mask) !== 0) {\r\n\t digit += 2;\r\n\t }\r\n\r\n\t quadKey += digit;\r\n\t }\r\n\r\n\t return quadKey;\r\n\t }\r\n\t });\r\n\r\n\t // Exports ================================================================\r\n\t deepExtend(dataviz, {\r\n\t map: {\r\n\t layers: {\r\n\t bing: BingLayer,\r\n\t BingLayer: BingLayer,\r\n\t BingView: BingView\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 883:\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__(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/***/ 884:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(885) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var kendo = window.kendo,\r\n\t getter = kendo.getter,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t deepExtend = kendo.deepExtend,\r\n\r\n\t g = kendo.geometry,\r\n\t d = kendo.drawing,\r\n\r\n\t util = d.util,\r\n\t defined = util.defined,\r\n\r\n\t map = dataviz.map,\r\n\t Location = map.Location,\r\n\t ShapeLayer = map.layers.ShapeLayer;\r\n\r\n\t // Implementation =========================================================\r\n\t var BubbleLayer = ShapeLayer.extend({\r\n\t options: {\r\n\t autoBind: true,\r\n\t locationField: \"location\",\r\n\t valueField: \"value\",\r\n\t minSize: 0,\r\n\t maxSize: 100,\r\n\t scale: \"sqrt\",\r\n\t symbol: \"circle\"\r\n\t },\r\n\r\n\t _load: function(data) {\r\n\t this.surface.clear();\r\n\r\n\t if (data.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var opt = this.options;\r\n\t var getValue = getter(opt.valueField);\r\n\r\n\t data = data.slice(0);\r\n\t data.sort(function(a, b) {\r\n\t return getValue(b) - getValue(a);\r\n\t });\r\n\r\n\t var scaleType = this._scaleType();\r\n\t var scale;\r\n\t for (var i = 0; i < data.length; i++) {\r\n\t var dataItem = data[i];\r\n\t var location = getter(opt.locationField)(dataItem);\r\n\t var value = getter(opt.valueField)(dataItem);\r\n\r\n\t if (defined(location) && defined(value)) {\r\n\t if (!scale) {\r\n\t scale = new scaleType([0, value], [opt.minSize, opt.maxSize]);\r\n\t }\r\n\r\n\t location = Location.create(location);\r\n\t var center = this.map.locationToView(location);\r\n\t var size = scale.map(value);\r\n\r\n\t var symbol = this._createSymbol({\r\n\t center: center,\r\n\t size: size,\r\n\t style: opt.style,\r\n\t dataItem: dataItem,\r\n\t location: location\r\n\t });\r\n\r\n\t symbol.dataItem = dataItem;\r\n\t symbol.location = location;\r\n\t symbol.value = value;\r\n\r\n\t this._drawSymbol(symbol);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _scaleType: function() {\r\n\t var scale = this.options.scale;\r\n\r\n\t if (kendo.isFunction(scale)) {\r\n\t return scale;\r\n\t }\r\n\r\n\t return dataviz.map.scales[scale];\r\n\t },\r\n\r\n\t _createSymbol: function(args) {\r\n\t var symbol = this.options.symbol;\r\n\t if (!kendo.isFunction(symbol)) {\r\n\t symbol = dataviz.map.symbols[symbol];\r\n\t }\r\n\r\n\t return symbol(args);\r\n\t },\r\n\r\n\t _drawSymbol: function(shape) {\r\n\t var args = { layer: this, shape: shape };\r\n\t var cancelled = this.map.trigger(\"shapeCreated\", args);\r\n\t if (!cancelled) {\r\n\t this.surface.draw(shape);\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var SqrtScale = kendo.Class.extend({\r\n\t init: function(domain, range) {\r\n\t this._domain = domain;\r\n\t this._range = range;\r\n\r\n\t var domainRange = Math.sqrt(domain[1]) - Math.sqrt(domain[0]);\r\n\t var outputRange = range[1] - range[0];\r\n\t this._ratio = outputRange / domainRange;\r\n\t },\r\n\r\n\t map: function(value) {\r\n\t var rel = (Math.sqrt(value) - Math.sqrt(this._domain[0])) * this._ratio;\r\n\t return this._range[0] + rel;\r\n\t }\r\n\t });\r\n\r\n\t var Symbols = {\r\n\t circle: function (args) {\r\n\t var geo = new g.Circle(args.center, args.size / 2);\r\n\t return new d.Circle(geo, args.style);\r\n\t },\r\n\r\n\t square: function(args) {\r\n\t var path = new d.Path(args.style);\r\n\t var halfSize = args.size / 2;\r\n\t var center = args.center;\r\n\r\n\t path.moveTo(center.x - halfSize, center.y - halfSize)\r\n\t .lineTo(center.x + halfSize, center.y - halfSize)\r\n\t .lineTo(center.x + halfSize, center.y + halfSize)\r\n\t .lineTo(center.x - halfSize, center.y + halfSize)\r\n\t .close();\r\n\r\n\t return path;\r\n\t }\r\n\t };\r\n\r\n\t // Exports ================================================================\r\n\t deepExtend(dataviz, {\r\n\t map: {\r\n\t layers: {\r\n\t bubble: BubbleLayer,\r\n\t BubbleLayer: BubbleLayer\r\n\t },\r\n\t scales: {\r\n\t sqrt: SqrtScale\r\n\t },\r\n\t symbols: Symbols\r\n\t }\r\n\t });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 885:\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__(886);\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/***/ 881:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../location\");\n\n/***/ }),\n\n/***/ 886:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(887), __webpack_require__(881),\r\n\t __webpack_require__(888), __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var doc = document,\r\n\t math = Math,\r\n\t indexOf = $.inArray,\r\n\t proxy = $.proxy,\r\n\r\n\t kendo = window.kendo,\r\n\t Class = kendo.Class,\r\n\t DataSource = kendo.data.DataSource,\r\n\t Tooltip = kendo.ui.Tooltip,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t deepExtend = kendo.deepExtend,\r\n\r\n\t map = dataviz.map,\r\n\t Location = map.Location,\r\n\t Layer = map.layers.Layer;\r\n\r\n\t // Implementation =========================================================\r\n\t var MarkerLayer = Layer.extend({\r\n\t init: function(map, options) {\r\n\t Layer.fn.init.call(this, map, options);\r\n\r\n\t this._markerClick = proxy(this._markerClick, this);\r\n\t this.element.on(\"click\", \".k-marker\", this._markerClick);\r\n\r\n\t this.items = [];\r\n\t this._initDataSource();\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t Layer.fn.destroy.call(this);\r\n\r\n\t this.element.off(\"click\", \".k-marker\", this._markerClick);\r\n\r\n\t this.dataSource.unbind(\"change\", this._dataChange);\r\n\t this.clear();\r\n\t },\r\n\r\n\t options: {\r\n\t zIndex: 1000,\r\n\t autoBind: true,\r\n\t dataSource: {},\r\n\t locationField: \"location\",\r\n\t titleField: \"title\"\r\n\t },\r\n\r\n\t add: function(arg) {\r\n\t if ($.isArray(arg)) {\r\n\t for (var i = 0; i < arg.length; i++) {\r\n\t this._addOne(arg[i]);\r\n\t }\r\n\t } else {\r\n\t return this._addOne(arg);\r\n\t }\r\n\t },\r\n\r\n\t remove: function(marker) {\r\n\t marker.destroy();\r\n\r\n\t var index = indexOf(marker, this.items);\r\n\t if (index > -1) {\r\n\t this.items.splice(index, 1);\r\n\t }\r\n\t },\r\n\r\n\t clear: function() {\r\n\t for (var i = 0; i < this.items.length; i++) {\r\n\t this.items[i].destroy();\r\n\t }\r\n\r\n\t this.items = [];\r\n\t },\r\n\r\n\t update: function(marker) {\r\n\t var loc = marker.location();\r\n\t if (loc) {\r\n\t marker.showAt(this.map.locationToView(loc));\r\n\r\n\t var args = { marker: marker, layer: this };\r\n\t this.map.trigger(\"markerActivate\", args);\r\n\t }\r\n\t },\r\n\r\n\t _reset: function() {\r\n\t Layer.fn._reset.call(this);\r\n\t var items = this.items;\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t this.update(items[i]);\r\n\t }\r\n\t },\r\n\r\n\t bind: function (options, dataItem) {\r\n\t var marker = map.Marker.create(options, this.options);\r\n\t marker.dataItem = dataItem;\r\n\r\n\t var args = { marker: marker, layer: this };\r\n\t var cancelled = this.map.trigger(\"markerCreated\", args);\r\n\t if (!cancelled) {\r\n\t this.add(marker);\r\n\t return marker;\r\n\t }\r\n\t },\r\n\r\n\t setDataSource: function(dataSource) {\r\n\t if (this.dataSource) {\r\n\t this.dataSource.unbind(\"change\", this._dataChange);\r\n\t }\r\n\r\n\t this.dataSource = kendo.data.DataSource.create(dataSource);\r\n\t this.dataSource.bind(\"change\", this._dataChange);\r\n\r\n\t if (this.options.autoBind) {\r\n\t this.dataSource.fetch();\r\n\t }\r\n\t },\r\n\r\n\t _addOne: function(arg) {\r\n\t var marker = Marker.create(arg, this.options);\r\n\t marker.addTo(this);\r\n\r\n\t return marker;\r\n\t },\r\n\r\n\t _initDataSource: function() {\r\n\t var dsOptions = this.options.dataSource;\r\n\t this._dataChange = proxy(this._dataChange, this);\r\n\t this.dataSource = DataSource\r\n\t .create(dsOptions)\r\n\t .bind(\"change\", this._dataChange);\r\n\r\n\t if (dsOptions && this.options.autoBind) {\r\n\t this.dataSource.fetch();\r\n\t }\r\n\t },\r\n\r\n\t _dataChange: function(e) {\r\n\t this._load(e.sender.view());\r\n\t },\r\n\r\n\t _load: function(data) {\r\n\t this._data = data;\r\n\t this.clear();\r\n\r\n\t var getLocation = kendo.getter(this.options.locationField);\r\n\t var getTitle = kendo.getter(this.options.titleField);\r\n\t for (var i = 0; i < data.length; i++) {\r\n\t var dataItem = data[i];\r\n\t this.bind({\r\n\t location: getLocation(dataItem),\r\n\t title: getTitle(dataItem)\r\n\t }, dataItem);\r\n\t }\r\n\t },\r\n\r\n\t _markerClick: function(e) {\r\n\t var args = { marker: $(e.target).data(\"kendoMarker\"), layer: this };\r\n\t this.map.trigger(\"markerClick\", args);\r\n\t }\r\n\t });\r\n\r\n\t var Marker = Class.extend({\r\n\t init: function(options) {\r\n\t this.options = options || {};\r\n\t },\r\n\r\n\t addTo: function(parent) {\r\n\t this.layer = parent.markers || parent;\r\n\t this.layer.items.push(this);\r\n\t this.layer.update(this);\r\n\t },\r\n\r\n\t location: function(value) {\r\n\t if (value) {\r\n\t this.options.location = Location.create(value).toArray();\r\n\r\n\t if (this.layer) {\r\n\t this.layer.update(this);\r\n\t }\r\n\r\n\t return this;\r\n\t } else {\r\n\t return Location.create(this.options.location);\r\n\t }\r\n\t },\r\n\r\n\t showAt: function(point) {\r\n\t this.render();\r\n\t this.element.css({\r\n\t left: math.round(point.x),\r\n\t top: math.round(point.y)\r\n\t });\r\n\r\n\t if (this.tooltip && this.tooltip.popup) {\r\n\t // TODO: Expose popup/tooltip updatePosition? method\r\n\t this.tooltip.popup._position();\r\n\t }\r\n\t },\r\n\r\n\t hide: function() {\r\n\t if (this.element) {\r\n\t this.element.remove();\r\n\t this.element = null;\r\n\t }\r\n\r\n\t if (this.tooltip) {\r\n\t this.tooltip.destroy();\r\n\t this.tooltip = null;\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this.layer = null;\r\n\t this.hide();\r\n\t },\r\n\r\n\t render: function() {\r\n\t if (!this.element) {\r\n\t var options = this.options;\r\n\t var layer = this.layer;\r\n\r\n\t this.element = $(doc.createElement(\"span\"))\r\n\t .addClass(\"k-marker k-icon k-i-marker-\" + kendo.toHyphens(options.shape || \"pin\"))\r\n\t .attr(\"title\", options.title)\r\n\t .attr(options.attributes || {})\r\n\t .data(\"kendoMarker\", this)\r\n\t .css(\"zIndex\", options.zIndex);\r\n\r\n\t if (layer) {\r\n\t layer.element.append(this.element);\r\n\t }\r\n\r\n\t this.renderTooltip();\r\n\t }\r\n\t },\r\n\r\n\t renderTooltip: function() {\r\n\t var marker = this;\r\n\t var title = marker.options.title;\r\n\t var options = marker.options.tooltip || {};\r\n\r\n\t if (options && Tooltip) {\r\n\t var template = options.template;\r\n\t if (template) {\r\n\t var contentTemplate = kendo.template(template);\r\n\t options.content = function(e) {\r\n\t e.location = marker.location();\r\n\t e.marker = marker;\r\n\t return contentTemplate(e);\r\n\t };\r\n\t }\r\n\r\n\t if (title || options.content || options.contentUrl) {\r\n\t this.tooltip = new Tooltip(this.element, options);\r\n\t this.tooltip.marker = this;\r\n\t }\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t Marker.create = function(arg, defaults) {\r\n\t if (arg instanceof Marker) {\r\n\t return arg;\r\n\t }\r\n\r\n\t return new Marker(deepExtend({}, defaults, arg));\r\n\t };\r\n\r\n\t // Exports ================================================================\r\n\t deepExtend(dataviz, {\r\n\t map: {\r\n\t layers: {\r\n\t marker: MarkerLayer,\r\n\t MarkerLayer: MarkerLayer\r\n\t },\r\n\t Marker: Marker\r\n\t }\r\n\t });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 887:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./base\");\n\n/***/ }),\n\n/***/ 888:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../../kendo.data\");\n\n/***/ }),\n\n/***/ 889:\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__(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/***/ 881:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../location\");\n\n/***/ }),\n\n/***/ 887:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./base\");\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){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(887), __webpack_require__(881)], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var proxy = $.proxy,\r\n\r\n\t kendo = window.kendo,\r\n\t Class = kendo.Class,\r\n\t DataSource = kendo.data.DataSource,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t deepExtend = kendo.deepExtend,\r\n\r\n\t g = kendo.geometry,\r\n\r\n\t d = kendo.drawing,\r\n\t Group = d.Group,\r\n\r\n\t last = d.util.last,\r\n\t defined = d.util.defined,\r\n\r\n\t map = dataviz.map,\r\n\t Location = map.Location,\r\n\t Layer = map.layers.Layer;\r\n\r\n\t // Implementation =========================================================\r\n\t var ShapeLayer = Layer.extend({\r\n\t init: function(map, options) {\r\n\r\n\t this._pan = proxy(this._pan, this);\r\n\r\n\t Layer.fn.init.call(this, map, options);\r\n\r\n\t this.surface = d.Surface.create(this.element, {\r\n\t width: map.scrollElement.width(),\r\n\t height: map.scrollElement.height()\r\n\t });\r\n\r\n\t this._initRoot();\r\n\r\n\t this.movable = new kendo.ui.Movable(this.surface.element);\r\n\t this._markers = [];\r\n\r\n\t this._click = this._handler(\"shapeClick\");\r\n\t this.surface.bind(\"click\", this._click);\r\n\r\n\t this._mouseenter = this._handler(\"shapeMouseEnter\");\r\n\t this.surface.bind(\"mouseenter\", this._mouseenter);\r\n\r\n\t this._mouseleave = this._handler(\"shapeMouseLeave\");\r\n\t this.surface.bind(\"mouseleave\", this._mouseleave);\r\n\r\n\t this._initDataSource();\r\n\t },\r\n\r\n\t options: {\r\n\t autoBind: true\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t Layer.fn.destroy.call(this);\r\n\r\n\t this.surface.destroy();\r\n\t this.dataSource.unbind(\"change\", this._dataChange);\r\n\t },\r\n\r\n\t setDataSource: function(dataSource) {\r\n\t if (this.dataSource) {\r\n\t this.dataSource.unbind(\"change\", this._dataChange);\r\n\t }\r\n\r\n\t this.dataSource = kendo.data.DataSource.create(dataSource);\r\n\t this.dataSource.bind(\"change\", this._dataChange);\r\n\r\n\t if (this.options.autoBind) {\r\n\t this.dataSource.fetch();\r\n\t }\r\n\t },\r\n\r\n\t _reset: function() {\r\n\t Layer.fn._reset.call(this);\r\n\t this._translateSurface();\r\n\r\n\t if (this._data) {\r\n\t this._load(this._data);\r\n\t }\r\n\t },\r\n\r\n\t _initRoot: function() {\r\n\t this._root = new Group();\r\n\t this.surface.draw(this._root);\r\n\t },\r\n\r\n\t _beforeReset: function() {\r\n\t this.surface.clear();\r\n\t this._initRoot();\r\n\t },\r\n\r\n\t _resize: function() {\r\n\t this.surface.size(this.map.size());\r\n\t },\r\n\r\n\t _initDataSource: function() {\r\n\t var dsOptions = this.options.dataSource;\r\n\t this._dataChange = proxy(this._dataChange, this);\r\n\t this.dataSource = DataSource\r\n\t .create(dsOptions)\r\n\t .bind(\"change\", this._dataChange);\r\n\r\n\t if (dsOptions && this.options.autoBind) {\r\n\t this.dataSource.fetch();\r\n\t }\r\n\t },\r\n\r\n\t _dataChange: function(e) {\r\n\t this._data = e.sender.view();\r\n\t this._load(this._data);\r\n\t },\r\n\r\n\t _load: function(data) {\r\n\t this._clearMarkers();\r\n\r\n\t if (!this._loader) {\r\n\t this._loader = new GeoJSONLoader(this.map, this.options.style, this);\r\n\t }\r\n\r\n\t var container = new Group();\r\n\t for (var i = 0; i < data.length; i++) {\r\n\t var shape = this._loader.parse(data[i]);\r\n\t if (shape) {\r\n\t container.append(shape);\r\n\t }\r\n\t }\r\n\r\n\t this._root.clear();\r\n\t this._root.append(container);\r\n\t },\r\n\r\n\t shapeCreated: function(shape) {\r\n\t var cancelled = false;\r\n\t if (shape instanceof d.Circle) {\r\n\t cancelled = defined(this._createMarker(shape));\r\n\t }\r\n\r\n\t if (!cancelled) {\r\n\t var args = { layer: this, shape: shape };\r\n\t cancelled = this.map.trigger(\"shapeCreated\", args);\r\n\t }\r\n\r\n\t return cancelled;\r\n\t },\r\n\r\n\t featureCreated: function(e) {\r\n\t e.layer = this;\r\n\t this.map.trigger(\"shapeFeatureCreated\", e);\r\n\t },\r\n\r\n\t _createMarker: function(shape) {\r\n\t var marker = this.map.markers.bind({\r\n\t location: shape.location\r\n\t }, shape.dataItem);\r\n\r\n\t if (marker) {\r\n\t this._markers.push(marker);\r\n\t }\r\n\r\n\t return marker;\r\n\t },\r\n\r\n\t _clearMarkers: function() {\r\n\t for (var i = 0; i < this._markers.length; i++) {\r\n\t this.map.markers.remove(this._markers[i]);\r\n\t }\r\n\t this._markers = [];\r\n\t },\r\n\r\n\t _pan: function() {\r\n\t if (!this._panning) {\r\n\t this._panning = true;\r\n\t this.surface.suspendTracking();\r\n\t }\r\n\t },\r\n\r\n\t _panEnd: function(e) {\r\n\t Layer.fn._panEnd.call(this, e);\r\n\t this._translateSurface();\r\n\t this.surface.resumeTracking();\r\n\t this._panning = false;\r\n\t },\r\n\r\n\t _translateSurface: function() {\r\n\t var map = this.map;\r\n\t var nw = map.locationToView(map.extent().nw);\r\n\r\n\t if (this.surface.translate) {\r\n\t this.surface.translate(nw);\r\n\t this.movable.moveTo({ x: nw.x, y: nw.y });\r\n\t }\r\n\t },\r\n\r\n\t _handler: function(event) {\r\n\t var layer = this;\r\n\t return function(e) {\r\n\t if (e.element) {\r\n\t var args = {\r\n\t layer: layer,\r\n\t shape: e.element,\r\n\t originalEvent: e.originalEvent\r\n\t };\r\n\r\n\t layer.map.trigger(event, args);\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t _activate: function() {\r\n\t Layer.fn._activate.call(this);\r\n\r\n\t this.map.bind(\"pan\", this._pan);\r\n\t },\r\n\r\n\t _deactivate: function() {\r\n\t Layer.fn._deactivate.call(this);\r\n\r\n\t this.map.unbind(\"pan\", this._pan);\r\n\t }\r\n\t });\r\n\r\n\t var GeoJSONLoader = Class.extend({\r\n\t init: function(locator, defaultStyle, observer) {\r\n\t this.observer = observer;\r\n\t this.locator = locator;\r\n\t this.style = defaultStyle;\r\n\t },\r\n\r\n\t parse: function(item) {\r\n\t var root = new Group();\r\n\t var unwrap = true;\r\n\r\n\t if (item.type === \"Feature\") {\r\n\t unwrap = false;\r\n\t this._loadGeometryTo(root, item.geometry, item);\r\n\t this._featureCreated(root, item);\r\n\t } else {\r\n\t this._loadGeometryTo(root, item, item);\r\n\t }\r\n\r\n\t if (unwrap && root.children.length < 2) {\r\n\t root = root.children[0];\r\n\t }\r\n\r\n\t return root;\r\n\t },\r\n\r\n\t _shapeCreated: function(shape) {\r\n\t var cancelled = false;\r\n\r\n\t if (this.observer && this.observer.shapeCreated) {\r\n\t cancelled = this.observer.shapeCreated(shape);\r\n\t }\r\n\r\n\t return cancelled;\r\n\t },\r\n\r\n\t _featureCreated: function(group, dataItem) {\r\n\t if (this.observer && this.observer.featureCreated) {\r\n\t this.observer.featureCreated({\r\n\t group: group,\r\n\t dataItem: dataItem,\r\n\t properties: dataItem.properties\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t _loadGeometryTo: function(container, geometry, dataItem) {\r\n\t var coords = geometry.coordinates;\r\n\t var i;\r\n\t var path;\r\n\r\n\t switch(geometry.type) {\r\n\t case \"LineString\":\r\n\t path = this._loadPolygon(container, [coords], dataItem);\r\n\t this._setLineFill(path);\r\n\t break;\r\n\r\n\t case \"MultiLineString\":\r\n\t for (i = 0; i < coords.length; i++) {\r\n\t path = this._loadPolygon(container, [coords[i]], dataItem);\r\n\t this._setLineFill(path);\r\n\t }\r\n\t break;\r\n\r\n\t case \"Polygon\":\r\n\t this._loadPolygon(container, coords, dataItem);\r\n\t break;\r\n\r\n\t case \"MultiPolygon\":\r\n\t for (i = 0; i < coords.length; i++) {\r\n\t this._loadPolygon(container, coords[i], dataItem);\r\n\t }\r\n\t break;\r\n\r\n\t case \"Point\":\r\n\t this._loadPoint(container, coords, dataItem);\r\n\t break;\r\n\r\n\t case \"MultiPoint\":\r\n\t for (i = 0; i < coords.length; i++) {\r\n\t this._loadPoint(container, coords[i], dataItem);\r\n\t }\r\n\t break;\r\n\t }\r\n\t },\r\n\r\n\t _setLineFill: function(path) {\r\n\t var segments = path.segments;\r\n\t if (segments.length < 4 || !segments[0].anchor().equals(last(segments).anchor())) {\r\n\t path.options.fill = null;\r\n\t }\r\n\t },\r\n\r\n\t _loadShape: function(container, shape) {\r\n\t if (!this._shapeCreated(shape)) {\r\n\t container.append(shape);\r\n\t }\r\n\r\n\t return shape;\r\n\t },\r\n\r\n\t _loadPolygon: function(container, rings, dataItem) {\r\n\t var shape = this._buildPolygon(rings);\r\n\t shape.dataItem = dataItem;\r\n\r\n\t return this._loadShape(container, shape);\r\n\t },\r\n\r\n\t _buildPolygon: function(rings) {\r\n\t var type = rings.length > 1 ? d.MultiPath : d.Path;\r\n\t var path = new type(this.style);\r\n\r\n\t for (var i = 0; i < rings.length; i++) {\r\n\t for (var j = 0; j < rings[i].length; j++) {\r\n\t var point = this.locator.locationToView(\r\n\t Location.fromLngLat(rings[i][j])\r\n\t );\r\n\r\n\t if (j === 0) {\r\n\t path.moveTo(point.x, point.y);\r\n\t } else {\r\n\t path.lineTo(point.x, point.y);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return path;\r\n\t },\r\n\r\n\t _loadPoint: function(container, coords, dataItem) {\r\n\t var location = Location.fromLngLat(coords);\r\n\t var point = this.locator.locationToView(location);\r\n\r\n\t var circle = new g.Circle(point, 10);\r\n\t var shape = new d.Circle(circle, this.style);\r\n\t shape.dataItem = dataItem;\r\n\t shape.location = location;\r\n\r\n\t return this._loadShape(container, shape);\r\n\t }\r\n\t });\r\n\r\n\t // Exports ================================================================\r\n\t deepExtend(kendo.data, {\r\n\t schemas: {\r\n\t geojson: {\r\n\t type: \"json\",\r\n\t data: function(data) {\r\n\t if (data.type === \"FeatureCollection\") {\r\n\t return data.features;\r\n\t }\r\n\r\n\t if (data.type === \"GeometryCollection\") {\r\n\t return data.geometries;\r\n\t }\r\n\r\n\t return data;\r\n\t }\r\n\t }\r\n\t },\r\n\t transports: {\r\n\t geojson: {\r\n\t read: {\r\n\t dataType: \"json\"\r\n\t }\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t deepExtend(dataviz, {\r\n\t map: {\r\n\t layers: {\r\n\t shape: ShapeLayer,\r\n\t ShapeLayer: ShapeLayer\r\n\t },\r\n\t GeoJSONLoader: GeoJSONLoader\r\n\t }\r\n\t });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\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__(891);\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/***/ 881:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../location\");\n\n/***/ }),\n\n/***/ 887:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./base\");\n\n/***/ }),\n\n/***/ 891:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define) {\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(887), __webpack_require__(881) ], __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__));\r\n\t})(function() {\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var math = Math,\r\n\r\n\t proxy = $.proxy,\r\n\r\n\t kendo = window.kendo,\r\n\t Class = kendo.Class,\r\n\t template = kendo.template,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t deepExtend = kendo.deepExtend,\r\n\r\n\t g = kendo.geometry,\r\n\t Point = g.Point,\r\n\r\n\t Layer = dataviz.map.layers.Layer,\r\n\r\n\t util = kendo.util,\r\n\t renderSize = util.renderSize,\r\n\r\n\t drawingUtil = kendo.drawing.util,\r\n\t round = drawingUtil.round,\r\n\t limit = drawingUtil.limitValue;\r\n\r\n\t // Image tile layer =============================================================\r\n\t var TileLayer = Layer.extend({\r\n\t init: function(map, options) {\r\n\t Layer.fn.init.call(this, map, options);\r\n\r\n\t if (typeof this.options.subdomains === \"string\") {\r\n\t this.options.subdomains = this.options.subdomains.split(\"\");\r\n\t }\r\n\r\n\t var viewType = this._viewType();\r\n\t this._view = new viewType(this.element, this.options);\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t Layer.fn.destroy.call(this);\r\n\r\n\t this._view.destroy();\r\n\t this._view = null;\r\n\t },\r\n\r\n\t _beforeReset: function() {\r\n\t var map = this.map;\r\n\t var origin = map.locationToLayer(map.extent().nw).round();\r\n\t this._view.viewOrigin(origin);\r\n\t },\r\n\r\n\t _reset: function() {\r\n\t Layer.fn._reset.call(this);\r\n\t this._updateView();\r\n\t this._view.reset();\r\n\t },\r\n\r\n\t _viewType: function() {\r\n\t return TileView;\r\n\t },\r\n\r\n\t _activate: function() {\r\n\t Layer.fn._activate.call(this);\r\n\r\n\t if (!kendo.support.mobileOS) {\r\n\t if (!this._pan) {\r\n\t this._pan = kendo.throttle(\r\n\t proxy(this._render, this),\r\n\t 100\r\n\t );\r\n\t }\r\n\r\n\t this.map.bind(\"pan\", this._pan);\r\n\t }\r\n\t },\r\n\r\n\t _deactivate: function() {\r\n\t Layer.fn._deactivate.call(this);\r\n\r\n\t if (this._pan) {\r\n\t this.map.unbind(\"pan\", this._pan);\r\n\t }\r\n\t },\r\n\r\n\t _updateView: function() {\r\n\t var view = this._view,\r\n\t map = this.map,\r\n\t extent = map.extent(),\r\n\t extentToPoint = {\r\n\t nw: map.locationToLayer(extent.nw).round(),\r\n\t se: map.locationToLayer(extent.se).round()\r\n\t };\r\n\r\n\t view.center(map.locationToLayer(map.center()));\r\n\t view.extent(extentToPoint);\r\n\t view.zoom(map.zoom());\r\n\t },\r\n\r\n\t _resize: function() {\r\n\t this._render();\r\n\t },\r\n\r\n\t _panEnd: function(e) {\r\n\t Layer.fn._panEnd.call(this, e);\r\n\t this._render();\r\n\t },\r\n\r\n\t _render: function() {\r\n\t this._updateView();\r\n\t this._view.render();\r\n\t }\r\n\t });\r\n\r\n\t var TileView = Class.extend({\r\n\t init: function(element, options) {\r\n\t this.element = element;\r\n\t this._initOptions(options);\r\n\r\n\t this.pool = new TilePool();\r\n\t },\r\n\r\n\t options: {\r\n\t tileSize: 256,\r\n\t subdomains: [\"a\", \"b\", \"c\"],\r\n\t urlTemplate: \"\"\r\n\t },\r\n\r\n\t center: function(center) {\r\n\t this._center = center;\r\n\t },\r\n\r\n\t extent: function(extent) {\r\n\t this._extent = extent;\r\n\t },\r\n\r\n\t viewOrigin: function(origin) {\r\n\t this._viewOrigin = origin;\r\n\t },\r\n\r\n\t zoom: function(zoom) {\r\n\t this._zoom = zoom;\r\n\t },\r\n\r\n\t pointToTileIndex: function(point) {\r\n\t return new Point(\r\n\t math.floor(point.x / this.options.tileSize),\r\n\t math.floor(point.y / this.options.tileSize)\r\n\t );\r\n\t },\r\n\r\n\t tileCount: function() {\r\n\t var size = this.size(),\r\n\t firstTileIndex = this.pointToTileIndex(this._extent.nw),\r\n\t nw = this._extent.nw,\r\n\t point = this.indexToPoint(firstTileIndex).translate(-nw.x, -nw.y);\r\n\r\n\t return {\r\n\t x: math.ceil((math.abs(point.x) + size.width) / this.options.tileSize),\r\n\t y: math.ceil((math.abs(point.y) + size.height) / this.options.tileSize)\r\n\t };\r\n\t },\r\n\r\n\t size: function() {\r\n\t var nw = this._extent.nw,\r\n\t se = this._extent.se,\r\n\t diff = se.clone().translate(-nw.x, -nw.y);\r\n\r\n\t return {\r\n\t width: diff.x,\r\n\t height: diff.y\r\n\t };\r\n\t },\r\n\r\n\t indexToPoint: function(index) {\r\n\t var x = index.x, y = index.y;\r\n\r\n\t return new Point(\r\n\t x * this.options.tileSize,\r\n\t y * this.options.tileSize\r\n\t );\r\n\t },\r\n\r\n\t subdomainText: function() {\r\n\t var subdomains = this.options.subdomains;\r\n\r\n\t return subdomains[this.subdomainIndex++ % subdomains.length];\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this.element.empty();\r\n\t this.pool.empty();\r\n\t },\r\n\r\n\t reset: function() {\r\n\t this.pool.reset();\r\n\t this.subdomainIndex = 0;\r\n\t this.render();\r\n\t },\r\n\r\n\t render: function() {\r\n\t var size = this.tileCount(),\r\n\t firstTileIndex = this.pointToTileIndex(this._extent.nw),\r\n\t tile, x, y;\r\n\r\n\t for (x = 0; x < size.x; x++) {\r\n\t for (y = 0; y < size.y; y++) {\r\n\t tile = this.createTile({\r\n\t x: firstTileIndex.x + x,\r\n\t y: firstTileIndex.y + y\r\n\t });\r\n\r\n\t if (!tile.visible) {\r\n\t tile.show();\r\n\t }\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t createTile: function(currentIndex) {\r\n\t var options = this.tileOptions(currentIndex);\r\n\t var tile = this.pool.get(this._center, options);\r\n\t if (tile.element.parent().length === 0) {\r\n\t this.element.append(tile.element);\r\n\t }\r\n\r\n\t return tile;\r\n\t },\r\n\r\n\t tileOptions: function(currentIndex) {\r\n\t var index = this.wrapIndex(currentIndex),\r\n\t point = this.indexToPoint(currentIndex),\r\n\t origin = this._viewOrigin,\r\n\t offset = point.clone().translate(-origin.x, -origin.y);\r\n\r\n\t return {\r\n\t index: index,\r\n\t currentIndex: currentIndex,\r\n\t point: point,\r\n\t offset: roundPoint(offset),\r\n\t zoom: this._zoom,\r\n\t size: this.options.tileSize,\r\n\t subdomain: this.subdomainText(),\r\n\t urlTemplate: this.options.urlTemplate,\r\n\t errorUrlTemplate: this.options.errorUrlTemplate\r\n\t };\r\n\t },\r\n\r\n\t wrapIndex: function(index) {\r\n\t var boundary = math.pow(2, this._zoom);\r\n\t return {\r\n\t x: this.wrapValue(index.x, boundary),\r\n\t y: limit(index.y, 0, boundary - 1)\r\n\t };\r\n\t },\r\n\r\n\t wrapValue: function(value, boundary) {\r\n\t var remainder = (math.abs(value) % boundary);\r\n\t if (value >= 0) {\r\n\t value = remainder;\r\n\t } else {\r\n\t value = boundary - (remainder === 0 ? boundary : remainder);\r\n\t }\r\n\r\n\t return value;\r\n\t }\r\n\t });\r\n\r\n\t var ImageTile = Class.extend({\r\n\t init: function(id, options) {\r\n\t this.id = id;\r\n\t this.visible = true;\r\n\r\n\t this._initOptions(options);\r\n\t this.createElement();\r\n\t this.show();\r\n\t },\r\n\r\n\t options: {\r\n\t urlTemplate: \"\",\r\n\t errorUrlTemplate: \"\"\r\n\t },\r\n\r\n\t createElement: function() {\r\n\t this.element = $(\"![]()
\")\r\n\t .css({ width: this.options.size, height: this.options.size })\r\n\t .on(\"error\", proxy(function(e) {\r\n\t if (this.errorUrl()) {\r\n\t e.target.setAttribute(\"src\", this.errorUrl());\r\n\t } else {\r\n\t e.target.removeAttribute(\"src\");\r\n\t }\r\n\t }, this));\r\n\t },\r\n\r\n\t show: function() {\r\n\t var element = this.element[0];\r\n\t element.style.top = renderSize(this.options.offset.y);\r\n\t element.style.left = renderSize(this.options.offset.x);\r\n\r\n\t var url = this.url();\r\n\t if (url) {\r\n\t element.setAttribute(\"src\", url);\r\n\t }\r\n\r\n\t element.style.visibility = \"visible\";\r\n\t this.visible = true;\r\n\t },\r\n\r\n\t hide: function() {\r\n\t this.element[0].style.visibility = \"hidden\";\r\n\t this.visible = false;\r\n\t },\r\n\r\n\t url: function() {\r\n\t var urlResult = template(this.options.urlTemplate);\r\n\r\n\t return urlResult(this.urlOptions());\r\n\t },\r\n\r\n\t errorUrl: function() {\r\n\t var urlResult = template(this.options.errorUrlTemplate);\r\n\r\n\t return urlResult(this.urlOptions());\r\n\t },\r\n\r\n\t urlOptions: function() {\r\n\t var options = this.options;\r\n\t return {\r\n\t zoom: options.zoom,\r\n\t subdomain: options.subdomain,\r\n\t z: options.zoom,\r\n\t x: options.index.x,\r\n\t y: options.index.y,\r\n\t s: options.subdomain,\r\n\t quadkey: options.quadkey,\r\n\t q: options.quadkey,\r\n\t culture: options.culture,\r\n\t c: options.culture\r\n\t };\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t if (this.element) {\r\n\t this.element.remove();\r\n\t this.element = null;\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t var TilePool = Class.extend({\r\n\t init: function() {\r\n\t this._items = [];\r\n\t },\r\n\r\n\t options: {\r\n\t maxSize: 100\r\n\t },\r\n\r\n\t get: function(center, options) {\r\n\t if (this._items.length >= this.options.maxSize) {\r\n\t this._remove(center);\r\n\t }\r\n\r\n\t return this._create(options);\r\n\t },\r\n\r\n\t empty: function() {\r\n\t var items = this._items;\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t items[i].destroy();\r\n\t }\r\n\r\n\t this._items = [];\r\n\t },\r\n\r\n\t reset: function() {\r\n\t var items = this._items;\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t items[i].hide();\r\n\t }\r\n\t },\r\n\r\n\t _create: function(options) {\r\n\t var items = this._items;\r\n\t var tile;\r\n\r\n\t // Build an unique token for the image\r\n\t // This normally would be the URL, but we don't care about subdomains\r\n\t var id = util.hashKey(\r\n\t options.point.toString() +\r\n\t options.offset.toString() +\r\n\t options.zoom +\r\n\t options.urlTemplate\r\n\t );\r\n\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t if (items[i].id === id) {\r\n\t tile = items[i];\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t if (tile) {\r\n\t tile.show();\r\n\t } else {\r\n\t tile = new ImageTile(id, options);\r\n\t this._items.push(tile);\r\n\t }\r\n\r\n\t return tile;\r\n\t },\r\n\r\n\t _remove: function(center) {\r\n\t var items = this._items;\r\n\t var maxDist = -1;\r\n\t var index = -1;\r\n\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t var dist = items[i].options.point.distanceTo(center);\r\n\t if (dist > maxDist && !items[i].visible) {\r\n\t index = i;\r\n\t maxDist = dist;\r\n\t }\r\n\t }\r\n\r\n\t if (index !== -1) {\r\n\t items[index].destroy();\r\n\t items.splice(index, 1);\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t // Methods ================================================================\r\n\t function roundPoint(point) {\r\n\t return new Point(round(point.x), round(point.y));\r\n\t }\r\n\r\n\t // Exports ================================================================\r\n\t deepExtend(dataviz, {\r\n\t map: {\r\n\t layers: {\r\n\t tile: TileLayer,\r\n\t TileLayer: TileLayer,\r\n\r\n\t ImageTile: ImageTile,\r\n\t TilePool: TilePool,\r\n\t TileView: TileView\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\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__(892);\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/***/ 852:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.drawing\");\n\n/***/ }),\n\n/***/ 892:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(852), __webpack_require__(893) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var math = Math,\r\n\t abs = math.abs,\r\n\t atan = math.atan,\r\n\t atan2 = math.atan2,\r\n\t cos = math.cos,\r\n\t max = math.max,\r\n\t min = math.min,\r\n\t sin = math.sin,\r\n\t tan = math.tan,\r\n\r\n\t kendo = window.kendo,\r\n\t Class = kendo.Class,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t deepExtend = kendo.deepExtend,\r\n\r\n\t util = kendo.drawing.util,\r\n\t defined = util.defined,\r\n\t deg = util.deg,\r\n\t rad = util.rad,\r\n\t round = util.round,\r\n\t valueOrDefault = util.valueOrDefault,\r\n\r\n\t sqr = kendo.util.sqr;\r\n\r\n\t // Implementation =========================================================\r\n\t var Location = Class.extend({\r\n\t init: function(lat, lng) {\r\n\t if (arguments.length === 1) {\r\n\t this.lat = lat[0];\r\n\t this.lng = lat[1];\r\n\t } else {\r\n\t this.lat = lat;\r\n\t this.lng = lng;\r\n\t }\r\n\t },\r\n\r\n\t DISTANCE_ITERATIONS: 100,\r\n\t DISTANCE_CONVERGENCE: 1e-12,\r\n\t DISTANCE_PRECISION: 2,\r\n\t FORMAT: \"{0:N6},{1:N6}\",\r\n\r\n\t toArray: function() {\r\n\t return [this.lat, this.lng];\r\n\t },\r\n\r\n\t equals: function(loc) {\r\n\t return loc && loc.lat === this.lat && loc.lng === this.lng;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Location(this.lat, this.lng);\r\n\t },\r\n\r\n\t round: function(precision) {\r\n\t this.lng = round(this.lng, precision);\r\n\t this.lat = round(this.lat, precision);\r\n\t return this;\r\n\t },\r\n\r\n\t wrap: function() {\r\n\t this.lng = this.lng % 180;\r\n\t this.lat = this.lat % 90;\r\n\t return this;\r\n\t },\r\n\r\n\t distanceTo: function(dest, datum) {\r\n\t return this.greatCircleTo(dest, datum).distance;\r\n\t },\r\n\r\n\t destination: function(distance, bearing, datum) {\r\n\t bearing = rad(bearing);\r\n\t datum = datum || dataviz.map.datums.WGS84;\r\n\r\n\t var fromLat = rad(this.lat);\r\n\t var fromLng = rad(this.lng);\r\n\t var dToR = distance / kendo.dataviz.map.datums.WGS84.a;\r\n\r\n\t var lat = math.asin(sin(fromLat) * cos(dToR) +\r\n\t cos(fromLat) * sin(dToR) * cos(bearing));\r\n\r\n\t var lng = fromLng + atan2(sin(bearing) * sin(dToR) * cos(fromLat),\r\n\t cos(dToR) - sin(fromLat) * sin(lat));\r\n\r\n\t return new Location(deg(lat), deg(lng));\r\n\t },\r\n\r\n\t greatCircleTo: function(dest, datum) {\r\n\t dest = Location.create(dest);\r\n\t datum = datum || dataviz.map.datums.WGS84;\r\n\r\n\t if (!dest || this.clone().round(8).equals(dest.clone().round(8))) {\r\n\t return {\r\n\t distance: 0,\r\n\t azimuthFrom: 0,\r\n\t azimuthTo: 0\r\n\t };\r\n\t }\r\n\r\n\t // See http://en.wikipedia.org/wiki/Vincenty's_formulae#Notation\r\n\t // o == sigma\r\n\t // A == alpha\r\n\t var a = datum.a;\r\n\t var b = datum.b;\r\n\t var f = datum.f;\r\n\r\n\t var L = rad(dest.lng - this.lng);\r\n\r\n\t var U1 = atan((1 - f) * tan(rad(this.lat)));\r\n\t var sinU1 = sin(U1);\r\n\t var cosU1 = cos(U1);\r\n\r\n\t var U2 = atan((1 - f) * tan(rad(dest.lat)));\r\n\t var sinU2 = sin(U2);\r\n\t var cosU2 = cos(U2);\r\n\r\n\t var lambda = L;\r\n\t var prevLambda;\r\n\r\n\t var i = this.DISTANCE_ITERATIONS;\r\n\t var converged = false;\r\n\r\n\t var sinLambda;\r\n\t var cosLambda;\r\n\t var sino;\r\n\t var cosA2;\r\n\t var coso;\r\n\t var cos2om;\r\n\t var sigma;\r\n\r\n\t while (!converged && i-- > 0) {\r\n\t sinLambda = sin(lambda);\r\n\t cosLambda = cos(lambda);\r\n\t sino = math.sqrt(\r\n\t sqr(cosU2 * sinLambda) + sqr(cosU1 * sinU2 - sinU1 * cosU2 * cosLambda)\r\n\t );\r\n\r\n\t coso = sinU1 * sinU2 + cosU1 * cosU2 * cosLambda;\r\n\t sigma = atan2(sino, coso);\r\n\r\n\t var sinA = cosU1 * cosU2 * sinLambda / sino;\r\n\t cosA2 = 1 - sqr(sinA);\r\n\t cos2om = 0;\r\n\t if (cosA2 !== 0) {\r\n\t cos2om = coso - 2 * sinU1 * sinU2 / cosA2;\r\n\t }\r\n\r\n\t prevLambda = lambda;\r\n\t var C = f / 16 * cosA2 * (4 + f * (4 - 3 * cosA2));\r\n\t lambda = L + (1 - C) * f * sinA * (\r\n\t sigma + C * sino * (cos2om + C * coso * (-1 + 2 * sqr(cos2om)))\r\n\t );\r\n\r\n\t converged = abs(lambda - prevLambda) <= this.DISTANCE_CONVERGENCE;\r\n\t }\r\n\r\n\t var u2 = cosA2 * (sqr(a) - sqr(b)) / sqr(b);\r\n\t var A = 1 + u2 / 16384 * (4096 + u2 * (-768 + u2 * (320 - 175 * u2)));\r\n\t var B = u2 / 1024 * (256 + u2 * (-128 + u2 * (74 - 47 * u2)));\r\n\t var deltao = B * sino * (cos2om + B / 4 * (\r\n\t coso * (-1 + 2 * sqr(cos2om)) - B / 6 * cos2om * (-3 + 4 * sqr(sino)) * (-3 + 4 * sqr(cos2om))\r\n\t ));\r\n\r\n\t var azimuthFrom = atan2(cosU2 * sinLambda, cosU1 * sinU2 - sinU1 * cosU2 * cosLambda);\r\n\t var azimuthTo = atan2(cosU1 * sinLambda, -sinU1 * cosU2 + cosU1 * sinU2 * cosLambda);\r\n\r\n\t return {\r\n\t distance: round(b * A * (sigma - deltao), this.DISTANCE_PRECISION),\r\n\t azimuthFrom: deg(azimuthFrom),\r\n\t azimuthTo: deg(azimuthTo)\r\n\t };\r\n\t }\r\n\t });\r\n\r\n\t // IE < 9 doesn't allow to override toString on definition\r\n\t Location.fn.toString = function() {\r\n\t return kendo.format(this.FORMAT, this.lat, this.lng);\r\n\t };\r\n\r\n\t Location.fromLngLat = function(ll) {\r\n\t return new Location(ll[1], ll[0]);\r\n\t };\r\n\r\n\t Location.fromLatLng = function(ll) {\r\n\t return new Location(ll[0], ll[1]);\r\n\t };\r\n\r\n\t Location.create = function(a, b) {\r\n\t if (defined(a)) {\r\n\t if (a instanceof Location) {\r\n\t return a.clone();\r\n\t } else if (arguments.length === 1 && a.length === 2) {\r\n\t return Location.fromLatLng(a);\r\n\t } else {\r\n\t return new Location(a, b);\r\n\t }\r\n\t }\r\n\t };\r\n\r\n\t var Extent = Class.extend({\r\n\t init: function(nw, se) {\r\n\t nw = Location.create(nw);\r\n\t se = Location.create(se);\r\n\r\n\t if (nw.lng + 180 > se.lng + 180 &&\r\n\t nw.lat + 90 < se.lat + 90) {\r\n\t this.se = nw;\r\n\t this.nw = se;\r\n\t } else {\r\n\t this.se = se;\r\n\t this.nw = nw;\r\n\t }\r\n\t },\r\n\r\n\t contains: function(loc) {\r\n\t var nw = this.nw,\r\n\t se = this.se,\r\n\t lng = valueOrDefault(loc.lng, loc[1]),\r\n\t lat = valueOrDefault(loc.lat, loc[0]);\r\n\r\n\t return loc &&\r\n\t lng + 180 >= nw.lng + 180 &&\r\n\t lng + 180 <= se.lng + 180 &&\r\n\t lat + 90 >= se.lat + 90 &&\r\n\t lat + 90 <= nw.lat + 90;\r\n\t },\r\n\r\n\t center: function() {\r\n\t var nw = this.nw;\r\n\t var se = this.se;\r\n\r\n\t var lng = nw.lng + (se.lng - nw.lng) / 2;\r\n\t var lat = nw.lat + (se.lat - nw.lat) / 2;\r\n\t return new Location(lat, lng);\r\n\t },\r\n\r\n\t containsAny: function(locs) {\r\n\t var result = false;\r\n\t for (var i = 0; i < locs.length; i++) {\r\n\t result = result || this.contains(locs[i]);\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t include: function(loc) {\r\n\t var nw = this.nw,\r\n\t se = this.se,\r\n\t lng = valueOrDefault(loc.lng, loc[1]),\r\n\t lat = valueOrDefault(loc.lat, loc[0]);\r\n\r\n\t nw.lng = min(nw.lng, lng);\r\n\t nw.lat = max(nw.lat, lat);\r\n\r\n\t se.lng = max(se.lng, lng);\r\n\t se.lat = min(se.lat, lat);\r\n\t },\r\n\r\n\t includeAll: function(locs) {\r\n\t for (var i = 0; i < locs.length; i++) {\r\n\t this.include(locs[i]);\r\n\t }\r\n\t },\r\n\r\n\t edges: function() {\r\n\t var nw = this.nw,\r\n\t se = this.se;\r\n\r\n\t return {nw: this.nw, ne: new Location(nw.lat, se.lng),\r\n\t se: this.se, sw: new Location(se.lat, nw.lng)};\r\n\t },\r\n\r\n\t toArray: function() {\r\n\t var nw = this.nw,\r\n\t se = this.se;\r\n\r\n\t return [nw, new Location(nw.lat, se.lng),\r\n\t se, new Location(se.lat, nw.lng)];\r\n\t },\r\n\r\n\t overlaps: function(extent) {\r\n\t return this.containsAny(extent.toArray()) ||\r\n\t extent.containsAny(this.toArray());\r\n\t }\r\n\t });\r\n\r\n\t Extent.World = new Extent([90, -180], [-90, 180]);\r\n\r\n\t Extent.create = function(a, b) {\r\n\t if (a instanceof Extent) {\r\n\t return a;\r\n\t } else if (a && b) {\r\n\t return new Extent(a, b);\r\n\t } else if (a && a.length === 4 && !b) {\r\n\t return new Extent([a[0], a[1]], [a[2], a[3]]);\r\n\t }\r\n\t };\r\n\r\n\t // Exports ================================================================\r\n\t deepExtend(dataviz, {\r\n\t map: {\r\n\t Extent: Extent,\r\n\t Location: Location\r\n\t }\r\n\t });\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 893:\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__(894);\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/***/ 878:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"./location\");\n\n/***/ }),\n\n/***/ 894:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(895), __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__));\r\n\t})(function(){\r\n\r\n\t(function ($, undefined) {\r\n\t // Imports ================================================================\r\n\t var doc = document,\r\n\t math = Math,\r\n\t min = math.min,\r\n\t pow = math.pow,\r\n\r\n\t proxy = $.proxy,\r\n\r\n\t kendo = window.kendo,\r\n\t Widget = kendo.ui.Widget,\r\n\t deepExtend = kendo.deepExtend,\r\n\r\n\t dataviz = kendo.dataviz,\r\n\t ui = dataviz.ui,\r\n\r\n\t g = kendo.geometry,\r\n\t Point = g.Point,\r\n\r\n\t map = dataviz.map,\r\n\t Extent = map.Extent,\r\n\t Location = map.Location,\r\n\t EPSG3857 = map.crs.EPSG3857,\r\n\r\n\t util = kendo.util,\r\n\t renderPos = util.renderPos,\r\n\r\n\t drawingUtil = kendo.drawing.util,\r\n\r\n\t defined = drawingUtil.defined,\r\n\t limit = drawingUtil.limitValue,\r\n\t valueOrDefault = drawingUtil.valueOrDefault;\r\n\r\n\t // Constants ==============================================================\r\n\t var CSS_PREFIX = \"k-\",\r\n\t FRICTION = 0.90,\r\n\t FRICTION_MOBILE = 0.93,\r\n\t MOUSEWHEEL = \"DOMMouseScroll mousewheel\",\r\n\t VELOCITY_MULTIPLIER = 5;\r\n\r\n\t // Map widget =============================================================\r\n\t var Map = Widget.extend({\r\n\t init: function(element, options) {\r\n\t kendo.destroy(element);\r\n\t Widget.fn.init.call(this, element);\r\n\r\n\t this._initOptions(options);\r\n\t this.bind(this.events, options);\r\n\r\n\t this.crs = new EPSG3857();\r\n\r\n\t this.element\r\n\t .addClass(CSS_PREFIX + this.options.name.toLowerCase())\r\n\t .css(\"position\", \"relative\")\r\n\t .empty()\r\n\t .append(doc.createElement(\"div\"));\r\n\r\n\t this._viewOrigin = this._getOrigin();\r\n\t this._initScroller();\r\n\t this._initMarkers();\r\n\t this._initControls();\r\n\t this._initLayers();\r\n\t this._reset();\r\n\r\n\t this._mousewheel = proxy(this._mousewheel, this);\r\n\t this.element.bind(\"click\", proxy(this._click, this));\r\n\t this.element.bind(MOUSEWHEEL, this._mousewheel);\r\n\t },\r\n\r\n\t options: {\r\n\t name: \"Map\",\r\n\t controls: {\r\n\t attribution: true,\r\n\t navigator: {\r\n\t panStep: 100\r\n\t },\r\n\t zoom: true\r\n\t },\r\n\t layers: [],\r\n\t layerDefaults: {\r\n\t shape: {\r\n\t style: {\r\n\t fill: {\r\n\t color: \"#fff\"\r\n\t },\r\n\t stroke: {\r\n\t color: \"#aaa\",\r\n\t width: 0.5\r\n\t }\r\n\t }\r\n\t },\r\n\t bubble: {\r\n\t style: {\r\n\t fill: {\r\n\t color: \"#fff\",\r\n\t opacity: 0.5\r\n\t },\r\n\t stroke: {\r\n\t color: \"#aaa\",\r\n\t width: 0.5\r\n\t }\r\n\t }\r\n\t },\r\n\t marker: {\r\n\t shape: \"pinTarget\",\r\n\t tooltip: {\r\n\t position: \"top\"\r\n\t }\r\n\t }\r\n\t },\r\n\t center: [0, 0],\r\n\t zoom: 3,\r\n\t minSize: 256,\r\n\t minZoom: 1,\r\n\t maxZoom: 19,\r\n\t markers: [],\r\n\t markerDefaults: {\r\n\t shape: \"pinTarget\",\r\n\t tooltip: {\r\n\t position: \"top\"\r\n\t }\r\n\t },\r\n\t wraparound: true\r\n\t },\r\n\r\n\t events:[\r\n\t \"beforeReset\",\r\n\t \"click\",\r\n\t \"markerActivate\",\r\n\t \"markerClick\",\r\n\t \"markerCreated\",\r\n\t \"pan\",\r\n\t \"panEnd\",\r\n\t \"reset\",\r\n\t \"shapeClick\",\r\n\t \"shapeCreated\",\r\n\t \"shapeFeatureCreated\",\r\n\t \"shapeMouseEnter\",\r\n\t \"shapeMouseLeave\",\r\n\t \"zoomEnd\",\r\n\t \"zoomStart\"\r\n\t ],\r\n\r\n\t destroy: function() {\r\n\t this.scroller.destroy();\r\n\r\n\t if (this.navigator) {\r\n\t this.navigator.destroy();\r\n\t }\r\n\r\n\t if (this.attribution) {\r\n\t this.attribution.destroy();\r\n\t }\r\n\r\n\t if (this.zoomControl) {\r\n\t this.zoomControl.destroy();\r\n\t }\r\n\r\n\t this.markers.destroy();\r\n\r\n\t for (var i = 0; i < this.layers.length; i++) {\r\n\t this.layers[i].destroy();\r\n\t }\r\n\r\n\t Widget.fn.destroy.call(this);\r\n\t },\r\n\r\n\t zoom: function(level) {\r\n\t var options = this.options;\r\n\r\n\t if (defined(level)) {\r\n\t level = math.round(limit(level, options.minZoom, options.maxZoom));\r\n\t if (options.zoom !== level) {\r\n\t options.zoom = level;\r\n\t this._reset();\r\n\t }\r\n\r\n\t return this;\r\n\t } else {\r\n\t return options.zoom;\r\n\t }\r\n\t },\r\n\r\n\t center: function(center) {\r\n\t if (center) {\r\n\t this.options.center = Location.create(center).toArray();\r\n\t this._reset();\r\n\r\n\t return this;\r\n\t } else {\r\n\t return Location.create(this.options.center);\r\n\t }\r\n\t },\r\n\r\n\t extent: function(extent) {\r\n\t if (extent) {\r\n\t this._setExtent(extent);\r\n\t return this;\r\n\t } else {\r\n\t return this._getExtent();\r\n\t }\r\n\t },\r\n\r\n\t setOptions: function(options) {\r\n\t Widget.fn.setOptions.call(this, options);\r\n\t this._reset();\r\n\t },\r\n\r\n\t locationToLayer: function(location, zoom) {\r\n\t var clamp = !this.options.wraparound;\r\n\t location = Location.create(location);\r\n\t return this.crs.toPoint(location, this._layerSize(zoom), clamp);\r\n\t },\r\n\r\n\t layerToLocation: function(point, zoom) {\r\n\t var clamp = !this.options.wraparound;\r\n\t point = Point.create(point);\r\n\t return this.crs.toLocation(point, this._layerSize(zoom), clamp);\r\n\t },\r\n\r\n\t locationToView: function(location) {\r\n\t location = Location.create(location);\r\n\t var origin = this.locationToLayer(this._viewOrigin);\r\n\t var point = this.locationToLayer(location);\r\n\r\n\t return point.translateWith(origin.scale(-1));\r\n\t },\r\n\r\n\t viewToLocation: function(point, zoom) {\r\n\t var origin = this.locationToLayer(this._getOrigin(), zoom);\r\n\t point = Point.create(point);\r\n\t point = point.clone().translateWith(origin);\r\n\t return this.layerToLocation(point, zoom);\r\n\t },\r\n\r\n\t eventOffset: function(e) {\r\n\t var offset = this.element.offset();\r\n\t var event = e.originalEvent || e;\r\n\t var x = valueOrDefault(event.pageX, event.clientX) - offset.left;\r\n\t var y = valueOrDefault(event.pageY, event.clientY) - offset.top;\r\n\r\n\t return new g.Point(x, y);\r\n\t },\r\n\r\n\t eventToView: function(e) {\r\n\t var cursor = this.eventOffset(e);\r\n\t return this.locationToView(this.viewToLocation(cursor));\r\n\t },\r\n\r\n\t eventToLayer: function(e) {\r\n\t return this.locationToLayer(this.eventToLocation(e));\r\n\t },\r\n\r\n\t eventToLocation: function(e) {\r\n\t var cursor = this.eventOffset(e);\r\n\t return this.viewToLocation(cursor);\r\n\t },\r\n\r\n\t viewSize: function() {\r\n\t var element = this.element;\r\n\t var scale = this._layerSize();\r\n\t var width = element.width();\r\n\r\n\t if (!this.options.wraparound) {\r\n\t width = min(scale, width);\r\n\t }\r\n\t return {\r\n\t width: width,\r\n\t height: min(scale, element.height())\r\n\t };\r\n\t },\r\n\r\n\t exportVisual: function() {\r\n\t this._reset();\r\n\t return false;\r\n\t },\r\n\r\n\t _setOrigin: function(origin, zoom) {\r\n\t var size = this.viewSize(),\r\n\t topLeft;\r\n\r\n\t origin = this._origin = Location.create(origin);\r\n\t topLeft = this.locationToLayer(origin, zoom);\r\n\t topLeft.x += size.width / 2;\r\n\t topLeft.y += size.height / 2;\r\n\r\n\t this.options.center = this.layerToLocation(topLeft, zoom).toArray();\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t _getOrigin: function(invalidate) {\r\n\t var size = this.viewSize(),\r\n\t topLeft;\r\n\r\n\t if (invalidate || !this._origin) {\r\n\t topLeft = this.locationToLayer(this.center());\r\n\t topLeft.x -= size.width / 2;\r\n\t topLeft.y -= size.height / 2;\r\n\r\n\t this._origin = this.layerToLocation(topLeft);\r\n\t }\r\n\r\n\t return this._origin;\r\n\t },\r\n\r\n\t _setExtent: function(extent) {\r\n\t var raw = Extent.create(extent);\r\n\t var se = raw.se.clone();\r\n\t if (this.options.wraparound && se.lng < 0 && extent.nw.lng > 0) {\r\n\t se.lng = 180 + (180 + se.lng);\r\n\t }\r\n\r\n\t extent = new Extent(raw.nw, se);\r\n\t this.center(extent.center());\r\n\r\n\t var width = this.element.width();\r\n\t var height = this.element.height();\r\n\t for (var zoom = this.options.maxZoom; zoom >= this.options.minZoom; zoom--) {\r\n\t var topLeft = this.locationToLayer(extent.nw, zoom);\r\n\t var bottomRight = this.locationToLayer(extent.se, zoom);\r\n\r\n\t var layerWidth = math.abs(bottomRight.x - topLeft.x);\r\n\t var layerHeight = math.abs(bottomRight.y - topLeft.y);\r\n\r\n\t if (layerWidth <= width && layerHeight <= height) {\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t this.zoom(zoom);\r\n\t },\r\n\r\n\t _getExtent: function() {\r\n\t var nw = this._getOrigin();\r\n\t var bottomRight = this.locationToLayer(nw);\r\n\t var size = this.viewSize();\r\n\r\n\t bottomRight.x += size.width;\r\n\t bottomRight.y += size.height;\r\n\r\n\t var se = this.layerToLocation(bottomRight);\r\n\t return new Extent(nw, se);\r\n\t },\r\n\r\n\t _zoomAround: function(pivot, level) {\r\n\t this._setOrigin(this.layerToLocation(pivot, level), level);\r\n\t this.zoom(level);\r\n\t },\r\n\r\n\t _initControls: function() {\r\n\t var controls = this.options.controls;\r\n\r\n\t if (ui.Attribution && controls.attribution) {\r\n\t this._createAttribution(controls.attribution);\r\n\t }\r\n\r\n\t if (!kendo.support.mobileOS) {\r\n\t if (ui.Navigator && controls.navigator) {\r\n\t this._createNavigator(controls.navigator);\r\n\t }\r\n\r\n\t if (ui.ZoomControl && controls.zoom) {\r\n\t this._createZoomControl(controls.zoom);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _createControlElement: function(options, defaultPos) {\r\n\t var pos = options.position || defaultPos;\r\n\t var posSelector = \".\" + renderPos(pos).replace(\" \", \".\");\r\n\t var wrap = $(\".k-map-controls\" + posSelector, this.element);\r\n\t if (wrap.length === 0) {\r\n\t wrap = $(\"
\")\r\n\t .addClass(\"k-map-controls \" + renderPos(pos))\r\n\t .appendTo(this.element);\r\n\t }\r\n\r\n\t return $(\"
\").appendTo(wrap);\r\n\t },\r\n\r\n\t _createAttribution: function(options) {\r\n\t var element = this._createControlElement(options, \"bottomRight\");\r\n\t this.attribution = new ui.Attribution(element, options);\r\n\t },\r\n\r\n\t _createNavigator: function(options) {\r\n\t var element = this._createControlElement(options, \"topLeft\");\r\n\t var navigator = this.navigator = new ui.Navigator(element, options);\r\n\r\n\t this._navigatorPan = proxy(this._navigatorPan, this);\r\n\t navigator.bind(\"pan\", this._navigatorPan);\r\n\r\n\t this._navigatorCenter = proxy(this._navigatorCenter, this);\r\n\t navigator.bind(\"center\", this._navigatorCenter);\r\n\t },\r\n\r\n\t _navigatorPan: function(e) {\r\n\t var map = this;\r\n\t var scroller = map.scroller;\r\n\r\n\t var x = scroller.scrollLeft + e.x;\r\n\t var y = scroller.scrollTop - e.y;\r\n\r\n\t var bounds = this._virtualSize;\r\n\t var height = this.element.height();\r\n\t var width = this.element.width();\r\n\r\n\t // TODO: Move limits in scroller\r\n\t x = limit(x, bounds.x.min, bounds.x.max - width);\r\n\t y = limit(y, bounds.y.min, bounds.y.max - height);\r\n\r\n\t map.scroller.one(\"scroll\", function(e) { map._scrollEnd(e); });\r\n\t map.scroller.scrollTo(-x, -y);\r\n\t },\r\n\r\n\t _navigatorCenter: function() {\r\n\t this.center(this.options.center);\r\n\t },\r\n\r\n\t _createZoomControl: function(options) {\r\n\t var element = this._createControlElement(options, \"topLeft\");\r\n\t var zoomControl = this.zoomControl = new ui.ZoomControl(element, options);\r\n\r\n\t this._zoomControlChange = proxy(this._zoomControlChange, this);\r\n\t zoomControl.bind(\"change\", this._zoomControlChange);\r\n\t },\r\n\r\n\t _zoomControlChange: function(e) {\r\n\t if (!this.trigger(\"zoomStart\", { originalEvent: e })) {\r\n\t this.zoom(this.zoom() + e.delta);\r\n\t this.trigger(\"zoomEnd\", { originalEvent: e });\r\n\t }\r\n\t },\r\n\r\n\t _initScroller: function() {\r\n\t var friction = kendo.support.mobileOS ? FRICTION_MOBILE : FRICTION;\r\n\t var zoomable = this.options.zoomable !== false;\r\n\t var scroller = this.scroller = new kendo.mobile.ui.Scroller(\r\n\t this.element.children(0), {\r\n\t friction: friction,\r\n\t velocityMultiplier: VELOCITY_MULTIPLIER,\r\n\t zoom: zoomable,\r\n\t mousewheelScrolling: false\r\n\t });\r\n\r\n\t scroller.bind(\"scroll\", proxy(this._scroll, this));\r\n\t scroller.bind(\"scrollEnd\", proxy(this._scrollEnd, this));\r\n\t scroller.userEvents.bind(\"gesturestart\", proxy(this._scaleStart, this));\r\n\t scroller.userEvents.bind(\"gestureend\", proxy(this._scale, this));\r\n\r\n\t this.scrollElement = scroller.scrollElement;\r\n\t },\r\n\r\n\t _initLayers: function() {\r\n\t var defs = this.options.layers,\r\n\t layers = this.layers = [];\r\n\r\n\t for (var i = 0; i < defs.length; i++) {\r\n\t var options = defs[i];\r\n\t var type = options.type || \"shape\";\r\n\t var defaults = this.options.layerDefaults[type];\r\n\t var impl = dataviz.map.layers[type];\r\n\r\n\t layers.push(new impl(this, deepExtend({}, defaults, options)));\r\n\t }\r\n\t },\r\n\r\n\t _initMarkers: function() {\r\n\t this.markers = new map.layers.MarkerLayer(this, this.options.markerDefaults);\r\n\t this.markers.add(this.options.markers);\r\n\t },\r\n\r\n\t _scroll: function(e) {\r\n\t var origin = this.locationToLayer(this._viewOrigin).round();\r\n\t var movable = e.sender.movable;\r\n\r\n\t var offset = new g.Point(movable.x, movable.y).scale(-1).scale(1/movable.scale);\r\n\t origin.x += offset.x;\r\n\t origin.y += offset.y;\r\n\r\n\t this._scrollOffset = offset;\r\n\r\n\t this._setOrigin(this.layerToLocation(origin));\r\n\t this.trigger(\"pan\", {\r\n\t originalEvent: e,\r\n\t origin: this._getOrigin(),\r\n\t center: this.center()\r\n\t });\r\n\t },\r\n\r\n\t _scrollEnd: function(e) {\r\n\t if (!this._scrollOffset || !this._panComplete()) {\r\n\t return;\r\n\t }\r\n\r\n\t this._scrollOffset = null;\r\n\t this._panEndTS = new Date();\r\n\r\n\t this.trigger(\"panEnd\", {\r\n\t originalEvent: e,\r\n\t origin: this._getOrigin(),\r\n\t center: this.center()\r\n\t });\r\n\t },\r\n\r\n\t _panComplete: function() {\r\n\t return new Date() - (this._panEndTS || 0) > 50;\r\n\t },\r\n\r\n\t _scaleStart: function(e) {\r\n\t if (this.trigger(\"zoomStart\", { originalEvent: e })) {\r\n\t var touch = e.touches[1];\r\n\t if (touch) {\r\n\t touch.cancel();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _scale: function(e) {\r\n\t var scale = this.scroller.movable.scale;\r\n\t var zoom = this._scaleToZoom(scale);\r\n\t var gestureCenter = new g.Point(e.center.x, e.center.y);\r\n\t var centerLocation = this.viewToLocation(gestureCenter, zoom);\r\n\t var centerPoint = this.locationToLayer(centerLocation, zoom);\r\n\t var originPoint = centerPoint.translate(-gestureCenter.x, -gestureCenter.y);\r\n\r\n\t this._zoomAround(originPoint, zoom);\r\n\t this.trigger(\"zoomEnd\", { originalEvent: e });\r\n\t },\r\n\r\n\t _scaleToZoom: function(scaleDelta) {\r\n\t var scale = this._layerSize() * scaleDelta;\r\n\t var tiles = scale / this.options.minSize;\r\n\t var zoom = math.log(tiles) / math.log(2);\r\n\r\n\t return math.round(zoom);\r\n\t },\r\n\r\n\t _reset: function() {\r\n\t if (this.attribution) {\r\n\t this.attribution.filter(this.center(), this.zoom());\r\n\t }\r\n\r\n\t this._viewOrigin = this._getOrigin(true);\r\n\t this._resetScroller();\r\n\t this.trigger(\"beforeReset\");\r\n\t this.trigger(\"reset\");\r\n\t },\r\n\r\n\t _resetScroller: function() {\r\n\t var scroller = this.scroller;\r\n\t var x = scroller.dimensions.x;\r\n\t var y = scroller.dimensions.y;\r\n\t var scale = this._layerSize();\r\n\t var nw = this.extent().nw;\r\n\t var topLeft = this.locationToLayer(nw).round();\r\n\r\n\t scroller.movable.round = true;\r\n\t scroller.reset();\r\n\t scroller.userEvents.cancel();\r\n\r\n\t var zoom = this.zoom();\r\n\t scroller.dimensions.forcedMinScale = pow(2, this.options.minZoom - zoom);\r\n\t scroller.dimensions.maxScale = pow(2, this.options.maxZoom - zoom);\r\n\r\n\t var xBounds = { min: -topLeft.x, max: scale - topLeft.x };\r\n\t var yBounds = { min: -topLeft.y, max: scale - topLeft.y };\r\n\r\n\t if (this.options.wraparound) {\r\n\t xBounds.max = 20 * scale;\r\n\t xBounds.min = -xBounds.max;\r\n\t }\r\n\r\n\t if (this.options.pannable === false) {\r\n\t var viewSize = this.viewSize();\r\n\t xBounds.min = yBounds.min = 0;\r\n\t xBounds.max = viewSize.width;\r\n\t yBounds.max = viewSize.height;\r\n\t }\r\n\r\n\t x.makeVirtual();\r\n\t y.makeVirtual();\r\n\t x.virtualSize(xBounds.min, xBounds.max);\r\n\t y.virtualSize(yBounds.min, yBounds.max);\r\n\r\n\t this._virtualSize = { x: xBounds, y: yBounds };\r\n\t },\r\n\r\n\t _renderLayers: function() {\r\n\t var defs = this.options.layers,\r\n\t layers = this.layers = [],\r\n\t scrollWrap = this.scrollWrap;\r\n\r\n\t scrollWrap.empty();\r\n\r\n\t for (var i = 0; i < defs.length; i++) {\r\n\t var options = defs[i];\r\n\t var type = options.type || \"shape\";\r\n\t var defaults = this.options.layerDefaults[type];\r\n\t var impl = dataviz.map.layers[type];\r\n\r\n\t layers.push(new impl(this, deepExtend({}, defaults, options)));\r\n\t }\r\n\t },\r\n\r\n\t _layerSize: function(zoom) {\r\n\t zoom = valueOrDefault(zoom, this.options.zoom);\r\n\t return this.options.minSize * pow(2, zoom);\r\n\t },\r\n\r\n\t _click: function(e) {\r\n\t if (!this._panComplete()) {\r\n\t return;\r\n\t }\r\n\r\n\t var cursor = this.eventOffset(e);\r\n\t this.trigger(\"click\", {\r\n\t originalEvent: e,\r\n\t location: this.viewToLocation(cursor)\r\n\t });\r\n\t },\r\n\r\n\t _mousewheel: function(e) {\r\n\t e.preventDefault();\r\n\t var delta = dataviz.mwDelta(e) > 0 ? -1 : 1;\r\n\t var options = this.options;\r\n\t var fromZoom = this.zoom();\r\n\t var toZoom = limit(fromZoom + delta, options.minZoom, options.maxZoom);\r\n\r\n\t if (options.zoomable !== false && toZoom !== fromZoom) {\r\n\t if (!this.trigger(\"zoomStart\", { originalEvent: e })) {\r\n\t var cursor = this.eventOffset(e);\r\n\t var location = this.viewToLocation(cursor);\r\n\t var postZoom = this.locationToLayer(location, toZoom);\r\n\t var origin = postZoom.translate(-cursor.x, -cursor.y);\r\n\t this._zoomAround(origin, toZoom);\r\n\r\n\t this.trigger(\"zoomEnd\", { originalEvent: e });\r\n\t }\r\n\t }\r\n\t }\r\n\t });\r\n\r\n\t // Exports ================================================================\r\n\t dataviz.ui.plugin(Map);\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 895:\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__(896);\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/***/ 855:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\n\n/***/ }),\n\n/***/ 896:\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__(855) ], __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-header k-shadow 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__(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/***/ 855:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.core\");\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__(855) ], __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-wrap k-buttons-horizontal 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__(898);\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/***/ 898:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(899)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function () {\r\n\r\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\r\n\tvar dataviz = kendo.dataviz;\r\n\tvar constants = dataviz.constants;\r\n\tvar Chart = dataviz.Chart;\r\n\tvar elementSize = dataviz.elementSize;\r\n\tvar deepExtend = dataviz.deepExtend;\r\n\r\n\tvar TOP_OFFSET = -2;\r\n\r\n\tvar SharedTooltip$1 = dataviz.SharedTooltip.extend({\r\n\t _slotAnchor: function(coords, slot) {\r\n\t var axis = this.plotArea.categoryAxis;\r\n\t var vertical = axis.options.vertical;\r\n\t var align = vertical ? {\r\n\t horizontal: \"left\",\r\n\t vertical: \"center\"\r\n\t } : {\r\n\t horizontal: \"center\",\r\n\t vertical: \"bottom\"\r\n\t };\r\n\r\n\t var point;\r\n\r\n\t if (vertical) {\r\n\t point = new dataviz.Point(this.plotArea.box.x2, slot.center().y);\r\n\t } else {\r\n\t point = new dataviz.Point(slot.center().x, TOP_OFFSET);\r\n\t }\r\n\r\n\t return {\r\n\t point: point,\r\n\t align: align\r\n\t };\r\n\t },\r\n\r\n\t _defaultAnchor: function(point, slot) {\r\n\t return this._slotAnchor({}, slot);\r\n\t }\r\n\t});\r\n\r\n\tvar DEAULT_BAR_WIDTH = 150;\r\n\tvar DEAULT_BULLET_WIDTH = 150;\r\n\tvar NO_CROSSHAIR = [ constants.BAR, constants.BULLET ];\r\n\r\n\tfunction hide(children) {\r\n\t var state = [];\r\n\t for (var idx = 0; idx < children.length; idx++) {\r\n\t var child = children[idx];\r\n\t state[idx] = child.style.display;\r\n\t child.style.display = \"none\";\r\n\t }\r\n\r\n\t return state;\r\n\t}\r\n\r\n\tfunction show(children, state) {\r\n\t for (var idx = 0; idx < children.length; idx++) {\r\n\t children[idx].style.display = state[idx];\r\n\t }\r\n\t}\r\n\r\n\tfunction wrapNumber(value) {\r\n\t return dataviz.isNumber(value) ? [ value ] : value;\r\n\t}\r\n\r\n\tvar Sparkline = Chart.extend({\r\n\t _setElementClass: function(element) {\r\n\t dataviz.addClass(element, 'k-sparkline');\r\n\t },\r\n\r\n\t _initElement: function(element) {\r\n\t Chart.fn._initElement.call(this, element);\r\n\r\n\t this._initialWidth = Math.floor(elementSize(element).width);\r\n\t },\r\n\r\n\t _resize: function() {\r\n\t var element = this.element;\r\n\t var state = hide(element.childNodes);\r\n\r\n\t this._initialWidth = Math.floor(elementSize(element).width);\r\n\r\n\t show(element.childNodes, state);\r\n\r\n\t Chart.fn._resize.call(this);\r\n\t },\r\n\r\n\t _modelOptions: function() {\r\n\t var chartOptions = this.options;\r\n\t var stage = this._surfaceWrap();\r\n\t var displayState = hide(stage.childNodes);\r\n\r\n\t var space = document.createElement('span');\r\n\t space.innerHTML = ' ';\r\n\r\n\t stage.appendChild(space);\r\n\r\n\t var options = deepExtend({\r\n\t width: this._autoWidth,\r\n\t height: elementSize(stage).height,\r\n\t transitions: chartOptions.transitions\r\n\t }, chartOptions.chartArea, {\r\n\t inline: true,\r\n\t align: false\r\n\t });\r\n\r\n\t elementSize(stage, {\r\n\t width: options.width,\r\n\t height: options.height\r\n\t });\r\n\r\n\t stage.removeChild(space);\r\n\r\n\t show(stage.childNodes, displayState);\r\n\t this.surface.resize();\r\n\r\n\t return options;\r\n\t },\r\n\r\n\t _surfaceWrap: function() {\r\n\t if (!this.stage) {\r\n\t var stage = this.stage = document.createElement('span');\r\n\t this.element.appendChild(stage);\r\n\t }\r\n\t return this.stage;\r\n\t },\r\n\r\n\t _createPlotArea: function(skipSeries) {\r\n\t var plotArea = Chart.fn._createPlotArea.call(this, skipSeries);\r\n\t this._autoWidth = this._initialWidth || this._calculateWidth(plotArea);\r\n\r\n\t return plotArea;\r\n\t },\r\n\r\n\t _calculateWidth: function(plotArea) {\r\n\t var options = this.options;\r\n\t var margin = dataviz.getSpacing(options.chartArea.margin);\r\n\t var charts = plotArea.charts;\r\n\t var stage = this._surfaceWrap();\r\n\t var total = 0;\r\n\r\n\t for (var i = 0; i < charts.length; i++) {\r\n\t var currentChart = charts[i];\r\n\t var firstSeries = (currentChart.options.series || [])[0];\r\n\t if (!firstSeries) {\r\n\t continue;\r\n\t }\r\n\r\n\t if (firstSeries.type === constants.BAR) {\r\n\t return DEAULT_BAR_WIDTH;\r\n\t }\r\n\r\n\t if (firstSeries.type === constants.BULLET) {\r\n\t return DEAULT_BULLET_WIDTH;\r\n\t }\r\n\r\n\t if (firstSeries.type === constants.PIE) {\r\n\t return elementSize(stage).height;\r\n\t }\r\n\r\n\t var categoryAxis = currentChart.categoryAxis;\r\n\t if (categoryAxis) {\r\n\t var pointsCount = categoryAxis.options.categories.length *\r\n\t (!currentChart.options.isStacked && dataviz.inArray(firstSeries.type, [ constants.COLUMN, constants.VERTICAL_BULLET ]) ? currentChart.seriesOptions.length : 1);\r\n\r\n\t total = Math.max(total, pointsCount);\r\n\t }\r\n\t }\r\n\r\n\t var size = total * options.pointWidth;\r\n\t if (size > 0) {\r\n\t size += margin.left + margin.right;\r\n\t }\r\n\r\n\t return size;\r\n\t },\r\n\r\n\t _createSharedTooltip: function(options) {\r\n\t return new SharedTooltip$1(this._plotArea, options);\r\n\t }\r\n\t});\r\n\r\n\tSparkline.normalizeOptions = function(userOptions) {\r\n\t var options = wrapNumber(userOptions);\r\n\r\n\t if (dataviz.isArray(options)) {\r\n\t options = { seriesDefaults: { data: options } };\r\n\t } else {\r\n\t options = deepExtend({}, options);\r\n\t }\r\n\r\n\t if (!options.series) {\r\n\t options.series = [ { data: wrapNumber(options.data) } ];\r\n\t }\r\n\r\n\t deepExtend(options, {\r\n\t seriesDefaults: {\r\n\t type: options.type\r\n\t }\r\n\t });\r\n\r\n\t if (dataviz.inArray(options.series[0].type, NO_CROSSHAIR) ||\r\n\t dataviz.inArray(options.seriesDefaults.type, NO_CROSSHAIR)) {\r\n\t options = deepExtend({}, {\r\n\t categoryAxis: {\r\n\t crosshair: {\r\n\t visible: false\r\n\t }\r\n\t }\r\n\t }, options);\r\n\t }\r\n\r\n\t return options;\r\n\t};\r\n\r\n\tdataviz.setDefaultOptions(Sparkline, {\r\n\t chartArea: {\r\n\t margin: 2\r\n\t },\r\n\t axisDefaults: {\r\n\t visible: false,\r\n\t majorGridLines: {\r\n\t visible: false\r\n\t },\r\n\t valueAxis: {\r\n\t narrowRange: true\r\n\t }\r\n\t },\r\n\t seriesDefaults: {\r\n\t type: \"line\",\r\n\t area: {\r\n\t line: {\r\n\t width: 0.5\r\n\t }\r\n\t },\r\n\t bar: {\r\n\t stack: true\r\n\t },\r\n\t padding: 2,\r\n\t width: 0.5,\r\n\t overlay: {\r\n\t gradient: null\r\n\t },\r\n\t highlight: {\r\n\t visible: false\r\n\t },\r\n\t border: {\r\n\t width: 0\r\n\t },\r\n\t markers: {\r\n\t size: 2,\r\n\t visible: false\r\n\t }\r\n\t },\r\n\t tooltip: {\r\n\t visible: true,\r\n\t shared: true\r\n\t },\r\n\t categoryAxis: {\r\n\t crosshair: {\r\n\t visible: true,\r\n\t tooltip: {\r\n\t visible: false\r\n\t }\r\n\t }\r\n\t },\r\n\t legend: {\r\n\t visible: false\r\n\t },\r\n\t transitions: false,\r\n\r\n\t pointWidth: 5,\r\n\r\n\t panes: [ { clip: false } ]\r\n\t});\r\n\r\n\tkendo.deepExtend(kendo.dataviz, {\r\n\t Sparkline: Sparkline\r\n\t});\r\n\r\n\t})();\r\n\r\n\t}, __webpack_require__(3));\n\n/***/ }),\n\n/***/ 899:\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__(900);\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/***/ 900:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(901)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\r\n\tvar dataviz = kendo.dataviz;\r\n\tvar Chart = dataviz.ui.Chart;\r\n\tvar KendoSparkline = dataviz.Sparkline;\r\n\tvar ChartInstanceObserver = dataviz.ChartInstanceObserver;\r\n\r\n\tvar extend = $.extend;\r\n\r\n\tvar Sparkline = Chart.extend({\r\n\r\n\t init: function(element, userOptions) {\r\n\t var options = userOptions;\r\n\t if (options instanceof kendo.data.ObservableArray) {\r\n\t options = { seriesDefaults: { data: options } };\r\n\t }\r\n\r\n\t Chart.fn.init.call(this, element, KendoSparkline.normalizeOptions(options));\r\n\t },\r\n\r\n\t _createChart: function(options, themeOptions) {\r\n\t this._instance = new KendoSparkline(this.element[0], options, themeOptions, {\r\n\t observer: new ChartInstanceObserver(this),\r\n\t sender: this,\r\n\t rtl: this._isRtl()\r\n\t });\r\n\t },\r\n\r\n\t _createTooltip: function() {\r\n\t return new SparklineTooltip(this.element, extend({}, this.options.tooltip, {\r\n\t rtl: this._isRtl()\r\n\t }));\r\n\t },\r\n\r\n\t options: {\r\n\t name: \"Sparkline\",\r\n\t chartArea: {\r\n\t margin: 2\r\n\t },\r\n\t axisDefaults: {\r\n\t visible: false,\r\n\t majorGridLines: {\r\n\t visible: false\r\n\t },\r\n\t valueAxis: {\r\n\t narrowRange: true\r\n\t }\r\n\t },\r\n\t seriesDefaults: {\r\n\t type: \"line\",\r\n\t area: {\r\n\t line: {\r\n\t width: 0.5\r\n\t }\r\n\t },\r\n\t bar: {\r\n\t stack: true\r\n\t },\r\n\t padding: 2,\r\n\t width: 0.5,\r\n\t overlay: {\r\n\t gradient: null\r\n\t },\r\n\t highlight: {\r\n\t visible: false\r\n\t },\r\n\t border: {\r\n\t width: 0\r\n\t },\r\n\t markers: {\r\n\t size: 2,\r\n\t visible: false\r\n\t }\r\n\t },\r\n\t tooltip: {\r\n\t visible: true,\r\n\t shared: true\r\n\t },\r\n\t categoryAxis: {\r\n\t crosshair: {\r\n\t visible: true,\r\n\t tooltip: {\r\n\t visible: false\r\n\t }\r\n\t }\r\n\t },\r\n\t legend: {\r\n\t visible: false\r\n\t },\r\n\t transitions: false,\r\n\r\n\t pointWidth: 5,\r\n\r\n\t panes: [{\r\n\t clip: false\r\n\t }]\r\n\t }\r\n\t});\r\n\r\n\tdataviz.ui.plugin(Sparkline);\r\n\r\n\tvar SparklineTooltip = dataviz.Tooltip.extend({\r\n\t options: {\r\n\t animation: {\r\n\t duration: 0\r\n\t }\r\n\t },\r\n\r\n\t _hideElement: function() {\r\n\t if (this.element) {\r\n\t this.element.hide().remove();\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tdataviz.SparklineTooltip = SparklineTooltip;\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 901:\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__(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/***/ 899:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.chart\");\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){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(899)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function () {\r\n\r\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\r\n\tvar dataviz = kendo.dataviz;\r\n\tvar elementStyles = dataviz.elementStyles;\r\n\tvar deepExtend = dataviz.deepExtend;\r\n\tvar toTime = dataviz.toTime;\r\n\tvar datavizConstants = dataviz.constants;\r\n\tvar Chart = dataviz.Chart;\r\n\tvar drawing = kendo.drawing;\r\n\r\n\tvar FadeOutAnimation = drawing.Animation.extend({\r\n\t setup: function() {\r\n\t this._initialOpacity = parseFloat(elementStyles(this.element, 'opacity').opacity);\r\n\t },\r\n\r\n\t step: function(pos) {\r\n\t elementStyles(this.element, {\r\n\t opacity: String(dataviz.interpolateValue(this._initialOpacity, 0, pos))\r\n\t });\r\n\t },\r\n\r\n\t abort: function() {\r\n\t drawing.Animation.fn.abort.call(this);\r\n\t elementStyles(this.element, {\r\n\t display: 'none',\r\n\t opacity: String(this._initialOpacity)\r\n\t });\r\n\t },\r\n\r\n\t cancel: function() {\r\n\t drawing.Animation.fn.abort.call(this);\r\n\t elementStyles(this.element, {\r\n\t opacity: String(this._initialOpacity)\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tfunction createDiv(className, style) {\r\n\t var div = document.createElement(\"div\");\r\n\t div.className = className;\r\n\t if (style) {\r\n\t div.style.cssText = style;\r\n\t }\r\n\r\n\t return div;\r\n\t}\r\n\r\n\tvar NavigatorHint = dataviz.Class.extend({\r\n\t init: function(container, chartService, options) {\r\n\r\n\t this.options = deepExtend({}, this.options, options);\r\n\t this.container = container;\r\n\t this.chartService = chartService;\r\n\r\n\t var padding = elementStyles(container, [ \"paddingLeft\", \"paddingTop\" ]);\r\n\t this.chartPadding = {\r\n\t top: padding.paddingTop,\r\n\t left: padding.paddingLeft\r\n\t };\r\n\r\n\t this.createElements();\r\n\t container.appendChild(this.element);\r\n\t },\r\n\r\n\t createElements: function() {\r\n\t var element = this.element = createDiv('k-navigator-hint', 'display: none; position: absolute; top: 1px; left: 1px;');\r\n\t var tooltip = this.tooltip = createDiv('k-tooltip k-chart-tooltip');\r\n\t var scroll = this.scroll = createDiv('k-scroll');\r\n\r\n\t tooltip.innerHTML = ' ';\r\n\r\n\t element.appendChild(tooltip);\r\n\t element.appendChild(scroll);\r\n\t },\r\n\r\n\t show: function(from, to, bbox) {\r\n\t var ref = this;\r\n\t var element = ref.element;\r\n\t var options = ref.options;\r\n\t var scroll = ref.scroll;\r\n\t var tooltip = ref.tooltip;\r\n\t var middle = dataviz.toDate(toTime(from) + toTime(to - from) / 2);\r\n\t var scrollWidth = bbox.width() * 0.4;\r\n\t var minPos = bbox.center().x - scrollWidth;\r\n\t var maxPos = bbox.center().x;\r\n\t var posRange = maxPos - minPos;\r\n\t var range = options.max - options.min;\r\n\t var scale = posRange / range;\r\n\t var offset = middle - options.min;\r\n\t var text = this.chartService.intl.format(options.format, from, to);\r\n\t var template = dataviz.getTemplate(options);\r\n\r\n\t this.clearHideTimeout();\r\n\r\n\t if (!this._visible) {\r\n\t elementStyles(element, {\r\n\t visibility: 'hidden',\r\n\t display: 'block'\r\n\t });\r\n\t this._visible = true;\r\n\t }\r\n\r\n\t if (template) {\r\n\t text = template({\r\n\t from: from,\r\n\t to: to\r\n\t });\r\n\t }\r\n\r\n\t tooltip.innerHTML = text;\r\n\t elementStyles(tooltip, {\r\n\t left: bbox.center().x - tooltip.offsetWidth / 2,\r\n\t top: bbox.y1\r\n\t });\r\n\r\n\t var tooltipStyle = elementStyles(tooltip, [ 'marginTop', 'borderTopWidth', 'height' ]);\r\n\r\n\t elementStyles(scroll, {\r\n\t width: scrollWidth,\r\n\t left: minPos + offset * scale,\r\n\t top: bbox.y1 + tooltipStyle.marginTop + tooltipStyle.borderTopWidth + tooltipStyle.height / 2\r\n\t });\r\n\r\n\t elementStyles(element, {\r\n\t visibility: 'visible'\r\n\t });\r\n\t },\r\n\r\n\t clearHideTimeout: function() {\r\n\t if (this._hideTimeout) {\r\n\t clearTimeout(this._hideTimeout);\r\n\t }\r\n\r\n\t if (this._hideAnimation) {\r\n\t this._hideAnimation.cancel();\r\n\t }\r\n\t },\r\n\r\n\t hide: function() {\r\n\t var this$1 = this;\r\n\r\n\t this.clearHideTimeout();\r\n\r\n\t this._hideTimeout = setTimeout(function () {\r\n\t this$1._visible = false;\r\n\t this$1._hideAnimation = new FadeOutAnimation(this$1.element);\r\n\t this$1._hideAnimation.setup();\r\n\t this$1._hideAnimation.play();\r\n\t }, this.options.hideDelay);\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this.clearHideTimeout();\r\n\t if (this.container) {\r\n\t this.container.removeChild(this.element);\r\n\t }\r\n\t delete this.container;\r\n\t delete this.chartService;\r\n\t delete this.element;\r\n\t delete this.tooltip;\r\n\t delete this.scroll;\r\n\t }\r\n\t});\r\n\r\n\tdataviz.setDefaultOptions(NavigatorHint, {\r\n\t format: \"{0:d} - {1:d}\",\r\n\t hideDelay: 500\r\n\t});\r\n\r\n\tvar NAVIGATOR_PANE = \"_navigator\";\r\n\tvar NAVIGATOR_AXIS = NAVIGATOR_PANE;\r\n\r\n\tvar constants = {\r\n\t\tNAVIGATOR_AXIS: NAVIGATOR_AXIS,\r\n\t\tNAVIGATOR_PANE: NAVIGATOR_PANE\r\n\t};\r\n\r\n\tvar ZOOM_ACCELERATION = 3;\r\n\r\n\tvar Navigator = dataviz.Class.extend({\r\n\t init: function(chart) {\r\n\r\n\t this.chart = chart;\r\n\t var options = this.options = deepExtend({}, this.options, chart.options.navigator);\r\n\t var select = options.select;\r\n\t if (select) {\r\n\t select.from = this.parseDate(select.from);\r\n\t select.to = this.parseDate(select.to);\r\n\t }\r\n\r\n\t if (!dataviz.defined(options.hint.visible)) {\r\n\t options.hint.visible = options.visible;\r\n\t }\r\n\r\n\t var obj;\r\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 ));\r\n\t chart.addObserver(this.chartObserver);\r\n\t },\r\n\r\n\t parseDate: function(value) {\r\n\t return dataviz.parseDate(this.chart.chartService.intl, value);\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t if (this.chart) {\r\n\t this.chart.removeObserver(this.chartObserver);\r\n\t delete this.chart;\r\n\t }\r\n\r\n\t if (this.selection) {\r\n\t this.selection.destroy();\r\n\t delete this.selection;\r\n\t }\r\n\r\n\t if (this.hint) {\r\n\t this.hint.destroy();\r\n\t delete this.hint;\r\n\t }\r\n\t },\r\n\r\n\t redraw: function() {\r\n\t this._redrawSelf();\r\n\t this.initSelection();\r\n\t },\r\n\r\n\t initSelection: function() {\r\n\t var ref = this;\r\n\t var chart = ref.chart;\r\n\t var options = ref.options;\r\n\t var axis = this.mainAxis();\r\n\t var ref$1 = axis.range();\r\n\t var min = ref$1.min;\r\n\t var max = ref$1.max;\r\n\t var ref$2 = options.select;\r\n\t var from = ref$2.from;\r\n\t var to = ref$2.to;\r\n\t var mousewheel = ref$2.mousewheel;\r\n\t var axisClone = clone(axis);\r\n\t var groups = axis.options.categories;\r\n\t var selection = this.selection;\r\n\r\n\t if (groups.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t if (selection) {\r\n\t selection.destroy();\r\n\t }\r\n\r\n\t // \"Freeze\" the selection axis position until the next redraw\r\n\t axisClone.box = axis.box;\r\n\r\n\t selection = this.selection = new dataviz.Selection(chart, axisClone, {\r\n\t min: min,\r\n\t max: max,\r\n\t from: from || min,\r\n\t to: to || max,\r\n\t mousewheel: dataviz.valueOrDefault(mousewheel, { zoom: \"left\" }),\r\n\t visible: options.visible\r\n\t }, new dataviz.InstanceObserver(this, {\r\n\t selectStart: '_selectStart',\r\n\t select: '_select',\r\n\t selectEnd: '_selectEnd'\r\n\t }));\r\n\r\n\t if (this.hint) {\r\n\t this.hint.destroy();\r\n\t }\r\n\r\n\t if (options.hint.visible) {\r\n\t this.hint = new NavigatorHint(chart.element, chart.chartService, {\r\n\t min: min,\r\n\t max: max,\r\n\t template: dataviz.getTemplate(options.hint),\r\n\t format: options.hint.format\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t setRange: function() {\r\n\t var plotArea = this.chart._createPlotArea(true);\r\n\t var axis = plotArea.namedCategoryAxes[NAVIGATOR_AXIS];\r\n\r\n\t var ref = axis.range();\r\n\t var min = ref.min;\r\n\t var max = ref.max;\r\n\r\n\t var select = this.options.select || {};\r\n\t var from = select.from || min;\r\n\t if (from < min) {\r\n\t from = min;\r\n\t }\r\n\r\n\t var to = select.to || max;\r\n\t if (to > max) {\r\n\t to = max;\r\n\t }\r\n\r\n\t this.options.select = deepExtend({}, select, {\r\n\t from: from,\r\n\t to: to\r\n\t });\r\n\r\n\t this.filterAxes();\r\n\t },\r\n\r\n\t _redrawSelf: function(silent) {\r\n\t var plotArea = this.chart._plotArea;\r\n\r\n\t if (plotArea) {\r\n\t plotArea.redraw(dataviz.last(plotArea.panes), silent);\r\n\t }\r\n\t },\r\n\r\n\t redrawSlaves: function() {\r\n\t var chart = this.chart;\r\n\t var plotArea = chart._plotArea;\r\n\t var slavePanes = plotArea.panes.slice(0, -1);\r\n\r\n\t // Update the original series and categoryAxis before partial refresh.\r\n\t plotArea.srcSeries = chart.options.series;\r\n\t plotArea.options.categoryAxis = chart.options.categoryAxis;\r\n\r\n\t plotArea.redraw(slavePanes);\r\n\t },\r\n\r\n\t _drag: function(e) {\r\n\t var ref = this;\r\n\t var chart = ref.chart;\r\n\t var selection = ref.selection;\r\n\t var coords = chart._eventCoordinates(e.originalEvent);\r\n\t var navigatorAxis = this.mainAxis();\r\n\t var naviRange = navigatorAxis.datesRange();\r\n\t var inNavigator = navigatorAxis.pane.box.containsPoint(coords);\r\n\t var axis = chart._plotArea.categoryAxis;\r\n\t var range = e.axisRanges[axis.options.name];\r\n\t var select = this.options.select;\r\n\t var duration;\r\n\r\n\t if (!range || inNavigator || !selection) {\r\n\t return;\r\n\t }\r\n\r\n\t if (select.from && select.to) {\r\n\t duration = toTime(select.to) - toTime(select.from);\r\n\t } else {\r\n\t duration = toTime(selection.options.to) - toTime(selection.options.from);\r\n\t }\r\n\r\n\t var from = dataviz.toDate(dataviz.limitValue(\r\n\t toTime(range.min),\r\n\t naviRange.min, toTime(naviRange.max) - duration\r\n\t ));\r\n\r\n\t var to = dataviz.toDate(dataviz.limitValue(\r\n\t toTime(from) + duration,\r\n\t toTime(naviRange.min) + duration, naviRange.max\r\n\t ));\r\n\r\n\t this.options.select = { from: from, to: to };\r\n\r\n\t if (this.options.liveDrag) {\r\n\t this.filterAxes();\r\n\t this.redrawSlaves();\r\n\t }\r\n\r\n\t selection.set(from, to);\r\n\r\n\t this.showHint(from, to);\r\n\t },\r\n\r\n\t _dragEnd: function() {\r\n\t this.filterAxes();\r\n\t this.filter();\r\n\t this.redrawSlaves();\r\n\r\n\t if (this.hint) {\r\n\t this.hint.hide();\r\n\t }\r\n\t },\r\n\r\n\t readSelection: function() {\r\n\t var ref = this;\r\n\t var ref_selection_options = ref.selection.options;\r\n\t var from = ref_selection_options.from;\r\n\t var to = ref_selection_options.to;\r\n\t var select = ref.options.select;\r\n\r\n\t select.from = from;\r\n\t select.to = to;\r\n\t },\r\n\r\n\t filterAxes: function() {\r\n\t var ref = this;\r\n\t var select = ref.options.select; if (select === void 0) { select = { }; }\r\n\t var chart = ref.chart;\r\n\t var allAxes = chart.options.categoryAxis;\r\n\t var from = select.from;\r\n\t var to = select.to;\r\n\r\n\t for (var idx = 0; idx < allAxes.length; idx++) {\r\n\t var axis = allAxes[idx];\r\n\t if (axis.pane !== NAVIGATOR_PANE) {\r\n\t axis.min = from;\r\n\t axis.max = to;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t filter: function() {\r\n\t var ref = this;\r\n\t var chart = ref.chart;\r\n\t var select = ref.options.select;\r\n\t if (chart.requiresHandlers([ \"navigatorFilter\" ])) {\r\n\t var axisOptions = new dataviz.DateCategoryAxis(deepExtend({\r\n\t baseUnit: \"fit\"\r\n\t }, chart.options.categoryAxis[0], {\r\n\t categories: [ select.from, select.to ]\r\n\t }), chart.chartService).options;\r\n\r\n\t this.chart.trigger(\"navigatorFilter\", {\r\n\t from: dataviz.addDuration(axisOptions.min, -axisOptions.baseUnitStep, axisOptions.baseUnit),\r\n\t to: dataviz.addDuration(axisOptions.max, axisOptions.baseUnitStep, axisOptions.baseUnit)\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t _zoom: function(e) {\r\n\t var ref = this;\r\n\t var axis = ref.chart._plotArea.categoryAxis;\r\n\t var selection = ref.selection;\r\n\t var ref_options = ref.options;\r\n\t var select = ref_options.select;\r\n\t var liveDrag = ref_options.liveDrag;\r\n\t var categories = this.mainAxis().options.categories;\r\n\t var delta = e.delta;\r\n\r\n\t if (!selection) {\r\n\t return;\r\n\t }\r\n\r\n\t var fromIx = dataviz.lteDateIndex(selection.options.from, categories);\r\n\t var toIx = dataviz.lteDateIndex(selection.options.to, categories);\r\n\r\n\t e.originalEvent.preventDefault();\r\n\r\n\t if (Math.abs(delta) > 1) {\r\n\t delta *= ZOOM_ACCELERATION;\r\n\t }\r\n\r\n\t if (toIx - fromIx > 1) {\r\n\t selection.expand(delta);\r\n\t this.readSelection();\r\n\t } else {\r\n\t axis.options.min = select.from;\r\n\t select.from = axis.scaleRange(-e.delta).min;\r\n\t }\r\n\r\n\t if (liveDrag) {\r\n\t this.filterAxes();\r\n\t this.redrawSlaves();\r\n\t }\r\n\r\n\t selection.set(select.from, select.to);\r\n\r\n\t this.showHint(this.options.select.from, this.options.select.to);\r\n\t },\r\n\r\n\t _zoomEnd: function(e) {\r\n\t this._dragEnd(e);\r\n\t },\r\n\r\n\t showHint: function(from, to) {\r\n\t var plotArea = this.chart._plotArea;\r\n\r\n\t if (this.hint) {\r\n\t this.hint.show(from, to, plotArea.backgroundBox());\r\n\t }\r\n\t },\r\n\r\n\t _selectStart: function(e) {\r\n\t return this.chart._selectStart(e);\r\n\t },\r\n\r\n\t _select: function(e) {\r\n\t this.showHint(e.from, e.to);\r\n\r\n\t return this.chart._select(e);\r\n\t },\r\n\r\n\t _selectEnd: function(e) {\r\n\t if (this.hint) {\r\n\t this.hint.hide();\r\n\t }\r\n\r\n\t this.readSelection();\r\n\t this.filterAxes();\r\n\t this.filter();\r\n\t this.redrawSlaves();\r\n\r\n\t return this.chart._selectEnd(e);\r\n\t },\r\n\r\n\t mainAxis: function() {\r\n\t var plotArea = this.chart._plotArea;\r\n\r\n\t if (plotArea) {\r\n\t return plotArea.namedCategoryAxes[NAVIGATOR_AXIS];\r\n\t }\r\n\t },\r\n\r\n\t select: function(from, to) {\r\n\t var select = this.options.select;\r\n\r\n\t if (from && to) {\r\n\t select.from = this.parseDate(from);\r\n\t select.to = this.parseDate(to);\r\n\r\n\t this.filterAxes();\r\n\t this.filter();\r\n\t this.redrawSlaves();\r\n\r\n\t this.selection.set(from, to);\r\n\t }\r\n\r\n\t return {\r\n\t from: select.from,\r\n\t to: select.to\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tNavigator.setup = function(options, themeOptions) {\r\n\t if (options === void 0) { options = {}; }\r\n\t if (themeOptions === void 0) { themeOptions = {}; }\r\n\r\n\t if (options.__navi) {\r\n\t return;\r\n\t }\r\n\t options.__navi = true;\r\n\r\n\t var naviOptions = deepExtend({}, themeOptions.navigator, options.navigator);\r\n\t var panes = options.panes = [].concat(options.panes);\r\n\t var paneOptions = deepExtend({}, naviOptions.pane, { name: NAVIGATOR_PANE });\r\n\r\n\t if (!naviOptions.visible) {\r\n\t paneOptions.visible = false;\r\n\t paneOptions.height = 0.1;\r\n\t }\r\n\r\n\t panes.push(paneOptions);\r\n\r\n\t Navigator.attachAxes(options, naviOptions);\r\n\t Navigator.attachSeries(options, naviOptions, themeOptions);\r\n\t};\r\n\r\n\tNavigator.attachAxes = function(options, naviOptions) {\r\n\t var series = naviOptions.series || [];\r\n\t var categoryAxes = options.categoryAxis = [].concat(options.categoryAxis);\r\n\t var valueAxes = options.valueAxis = [].concat(options.valueAxis);\r\n\r\n\t var equallySpacedSeries = dataviz.filterSeriesByType(series, datavizConstants.EQUALLY_SPACED_SERIES);\r\n\t var justifyAxis = equallySpacedSeries.length === 0;\r\n\r\n\t var base = deepExtend({\r\n\t type: \"date\",\r\n\t pane: NAVIGATOR_PANE,\r\n\t roundToBaseUnit: !justifyAxis,\r\n\t justified: justifyAxis,\r\n\t _collapse: false,\r\n\t majorTicks: { visible: true },\r\n\t tooltip: { visible: false },\r\n\t labels: { step: 1 },\r\n\t autoBind: naviOptions.autoBindElements,\r\n\t autoBaseUnitSteps: {\r\n\t minutes: [ 1 ],\r\n\t hours: [ 1, 2 ],\r\n\t days: [ 1, 2 ],\r\n\t weeks: [],\r\n\t months: [ 1 ],\r\n\t years: [ 1 ]\r\n\t }\r\n\t });\r\n\t var user = naviOptions.categoryAxis;\r\n\r\n\t categoryAxes.push(\r\n\t deepExtend({}, base, {\r\n\t maxDateGroups: 200\r\n\t }, user, {\r\n\t name: NAVIGATOR_AXIS,\r\n\t title: null,\r\n\t baseUnit: \"fit\",\r\n\t baseUnitStep: \"auto\",\r\n\t labels: { visible: false },\r\n\t majorTicks: { visible: false }\r\n\t }), deepExtend({}, base, user, {\r\n\t name: NAVIGATOR_AXIS + \"_labels\",\r\n\t maxDateGroups: 20,\r\n\t baseUnitStep: \"auto\",\r\n\t plotBands: [],\r\n\t autoBaseUnitSteps: {\r\n\t minutes: []\r\n\t },\r\n\t _overlap: true\r\n\t }), deepExtend({}, base, user, {\r\n\t name: NAVIGATOR_AXIS + \"_ticks\",\r\n\t maxDateGroups: 200,\r\n\t majorTicks: {\r\n\t width: 0.5\r\n\t },\r\n\t plotBands: [],\r\n\t title: null,\r\n\t labels: { visible: false, mirror: true },\r\n\t _overlap: true\r\n\t })\r\n\t );\r\n\r\n\t valueAxes.push(deepExtend({\r\n\t name: NAVIGATOR_AXIS,\r\n\t pane: NAVIGATOR_PANE,\r\n\t majorGridLines: {\r\n\t visible: false\r\n\t },\r\n\t visible: false\r\n\t }, naviOptions.valueAxis));\r\n\t};\r\n\r\n\tNavigator.attachSeries = function(options, naviOptions, themeOptions) {\r\n\t var series = options.series = options.series || [];\r\n\t var navigatorSeries = [].concat(naviOptions.series || []);\r\n\t var seriesColors = themeOptions.seriesColors;\r\n\t var defaults = naviOptions.seriesDefaults;\r\n\r\n\t for (var idx = 0; idx < navigatorSeries.length; idx++) {\r\n\t series.push(\r\n\t deepExtend({\r\n\t color: seriesColors[idx % seriesColors.length],\r\n\t categoryField: naviOptions.dateField,\r\n\t visibleInLegend: false,\r\n\t tooltip: {\r\n\t visible: false\r\n\t }\r\n\t }, defaults, navigatorSeries[idx], {\r\n\t axis: NAVIGATOR_AXIS,\r\n\t categoryAxis: NAVIGATOR_AXIS,\r\n\t autoBind: naviOptions.autoBindElements\r\n\t })\r\n\t );\r\n\t }\r\n\t};\r\n\r\n\tfunction ClonedObject() { }\r\n\tfunction clone(obj) {\r\n\t ClonedObject.prototype = obj;\r\n\t return new ClonedObject();\r\n\t}\r\n\r\n\tvar AUTO_CATEGORY_WIDTH = 28;\r\n\r\n\tvar StockChart = Chart.extend({\r\n\t applyDefaults: function(options, themeOptions) {\r\n\t var width = dataviz.elementSize(this.element).width || datavizConstants.DEFAULT_WIDTH;\r\n\t var theme = themeOptions;\r\n\r\n\t var stockDefaults = {\r\n\t seriesDefaults: {\r\n\t categoryField: options.dateField\r\n\t },\r\n\t axisDefaults: {\r\n\t categoryAxis: {\r\n\t name: \"default\",\r\n\t majorGridLines: {\r\n\t visible: false\r\n\t },\r\n\t labels: {\r\n\t step: 2\r\n\t },\r\n\t majorTicks: {\r\n\t visible: false\r\n\t },\r\n\t maxDateGroups: Math.floor(width / AUTO_CATEGORY_WIDTH)\r\n\t }\r\n\t }\r\n\t };\r\n\r\n\t if (theme) {\r\n\t theme = deepExtend({}, theme, stockDefaults);\r\n\t }\r\n\r\n\t Navigator.setup(options, theme);\r\n\r\n\t Chart.fn.applyDefaults.call(this, options, theme);\r\n\t },\r\n\r\n\t _setElementClass: function(element) {\r\n\t dataviz.addClass(element, 'k-chart k-stockchart');\r\n\t },\r\n\r\n\t setOptions: function(options) {\r\n\t this.destroyNavigator();\r\n\t Chart.fn.setOptions.call(this, options);\r\n\t },\r\n\r\n\t _resize: function() {\r\n\t var transitions = this.options.transitions;\r\n\r\n\t this.options.transitions = false;\r\n\t this._fullRedraw();\r\n\t this.options.transitions = transitions;\r\n\t },\r\n\r\n\t _redraw: function() {\r\n\t var navigator = this.navigator;\r\n\r\n\t if (!this._dirty() && navigator && navigator.options.partialRedraw) {\r\n\t navigator.redrawSlaves();\r\n\t } else {\r\n\t this._fullRedraw();\r\n\t }\r\n\t },\r\n\r\n\t _dirty: function() {\r\n\t var options = this.options;\r\n\t var series = [].concat(options.series, options.navigator.series);\r\n\t var seriesCount = dataviz.grep(series, function(s) { return s && s.visible; }).length;\r\n\t var dirty = this._seriesCount !== seriesCount;\r\n\t this._seriesCount = seriesCount;\r\n\r\n\t return dirty;\r\n\t },\r\n\r\n\t _fullRedraw: function() {\r\n\t var navigator = this.navigator;\r\n\r\n\t if (!navigator) {\r\n\t navigator = this.navigator = new Navigator(this);\r\n\t this.trigger(\"navigatorCreated\", { navigator: navigator });\r\n\t }\r\n\r\n\t navigator.setRange();\r\n\t Chart.fn._redraw.call(this);\r\n\t navigator.initSelection();\r\n\t },\r\n\r\n\t _trackSharedTooltip: function(coords) {\r\n\t var plotArea = this._plotArea;\r\n\t var pane = plotArea.paneByPoint(coords);\r\n\r\n\t if (pane && pane.options.name === NAVIGATOR_PANE) {\r\n\t this._unsetActivePoint();\r\n\t } else {\r\n\t Chart.fn._trackSharedTooltip.call(this, coords);\r\n\t }\r\n\t },\r\n\r\n\t bindCategories: function() {\r\n\t Chart.fn.bindCategories.call(this);\r\n\t this.copyNavigatorCategories();\r\n\t },\r\n\r\n\t copyNavigatorCategories: function() {\r\n\t var definitions = [].concat(this.options.categoryAxis);\r\n\t var categories;\r\n\r\n\t for (var axisIx = 0; axisIx < definitions.length; axisIx++) {\r\n\t var axis = definitions[axisIx];\r\n\t if (axis.name === NAVIGATOR_AXIS) {\r\n\t categories = axis.categories;\r\n\t } else if (categories && axis.pane === NAVIGATOR_PANE) {\r\n\t axis.categories = categories;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t destroyNavigator: function() {\r\n\t if (this.navigator) {\r\n\t this.navigator.destroy();\r\n\t this.navigator = null;\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this.destroyNavigator();\r\n\t Chart.fn.destroy.call(this);\r\n\t },\r\n\r\n\t _stopDragEvent: function(e) {\r\n\t var coords = this._eventCoordinates(e);\r\n\t var pane = this._plotArea.paneByPoint(coords);\r\n\r\n\t return Chart.fn._stopDragEvent.call(this, e) || (pane && pane.options.name === NAVIGATOR_PANE);\r\n\t }\r\n\t});\r\n\r\n\tdataviz.setDefaultOptions(StockChart, {\r\n\t dateField: \"date\",\r\n\t axisDefaults: {\r\n\t categoryAxis: {\r\n\t type: \"date\",\r\n\t baseUnit: \"fit\",\r\n\t justified: true\r\n\t },\r\n\t valueAxis: {\r\n\t narrowRange: true,\r\n\t labels: {\r\n\t format: \"C\"\r\n\t }\r\n\t }\r\n\t },\r\n\t navigator: {\r\n\t select: {},\r\n\t seriesDefaults: {\r\n\t markers: {\r\n\t visible: false\r\n\t },\r\n\t tooltip: {\r\n\t visible: true\r\n\t },\r\n\t line: {\r\n\t width: 2\r\n\t }\r\n\t },\r\n\t hint: {},\r\n\t visible: true\r\n\t },\r\n\t tooltip: {\r\n\t visible: true\r\n\t },\r\n\t legend: {\r\n\t visible: false\r\n\t }\r\n\t});\r\n\r\n\tkendo.deepExtend(kendo.dataviz, {\r\n\t constants: constants,\r\n\t Navigator: Navigator,\r\n\t NavigatorHint: NavigatorHint,\r\n\t StockChart: StockChart\r\n\t});\r\n\r\n\t})();\r\n\r\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__(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/***/ 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){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [\r\n\t __webpack_require__(904)\r\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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\r\n\t var kendo = window.kendo;\r\n\t var dataviz = kendo.dataviz;\r\n\t var ChartInstanceObserver = dataviz.ChartInstanceObserver;\r\n\t var Chart = dataviz.ui.Chart;\r\n\t var KendoStockChart = dataviz.StockChart;\r\n\t var constants = dataviz.constants;\r\n\t var NAVIGATOR_AXIS = constants.NAVIGATOR_AXIS;\r\n\t var NAVIGATOR_PANE = constants.NAVIGATOR_PANE;\r\n\t var deepExtend = kendo.deepExtend;\r\n\t var defined = dataviz.defined;\r\n\t var proxy = $.proxy;\r\n\r\n\t var CHANGE = \"change\";\r\n\r\n\t var StockInstanceObserver = ChartInstanceObserver.extend({\r\n\t handlerMap: {\r\n\t navigatorFilter: '_onNavigatorFilter',\r\n\t navigatorCreated: '_onNavigatorCreated'\r\n\t }\r\n\t });\r\n\r\n\t var StockChart = Chart.extend({\r\n\r\n\t options: {\r\n\t name: \"StockChart\",\r\n\t dateField: \"date\",\r\n\t axisDefaults: {\r\n\t categoryAxis: {\r\n\t type: \"date\",\r\n\t baseUnit: \"fit\",\r\n\t justified: true\r\n\t },\r\n\t valueAxis: {\r\n\t narrowRange: true,\r\n\t labels: {\r\n\t format: \"C\"\r\n\t }\r\n\t }\r\n\t },\r\n\t navigator: {\r\n\t select: {},\r\n\t seriesDefaults: {\r\n\t markers: {\r\n\t visible: false\r\n\t },\r\n\t tooltip: {\r\n\t visible: true,\r\n\t template: \"#= kendo.toString(category, 'd') #\"\r\n\t },\r\n\t line: {\r\n\t width: 2\r\n\t }\r\n\t },\r\n\t hint: {},\r\n\t visible: true\r\n\t },\r\n\t tooltip: {\r\n\t visible: true\r\n\t },\r\n\t legend: {\r\n\t visible: false\r\n\t }\r\n\t },\r\n\r\n\t _createChart: function(options, themeOptions) {\r\n\t this._initNavigatorOptions(options);\r\n\t this._instance = new KendoStockChart(this.element[0], options, themeOptions, {\r\n\t observer: new StockInstanceObserver(this),\r\n\t sender: this,\r\n\t rtl: this._isRtl()\r\n\t });\r\n\t },\r\n\r\n\t _initNavigatorOptions: function(options) {\r\n\t var navigatorOptions = options.navigator || {};\r\n\t var support = kendo.support;\r\n\t var isTouch = support.touch;\r\n\t var isFirefox = support.browser.mozilla;\r\n\r\n\t deepExtend(navigatorOptions, {\r\n\t autoBindElements: !navigatorOptions.dataSource,\r\n\t partialRedraw: navigatorOptions.dataSource,\r\n\t liveDrag: !isTouch && !isFirefox\r\n\t });\r\n\t },\r\n\r\n\t _initDataSource: function(userOptions) {\r\n\t var options = userOptions || {},\r\n\t dataSource = options.dataSource,\r\n\t hasServerFiltering = dataSource && dataSource.serverFiltering,\r\n\t mainAxis = [].concat(options.categoryAxis)[0],\r\n\t naviOptions = options.navigator || {},\r\n\t select = naviOptions.select,\r\n\t hasSelect = select && select.from && select.to;\r\n\r\n\t if (hasServerFiltering && hasSelect) {\r\n\t var filter = [].concat(dataSource.filter || []);\r\n\r\n\t var from = kendo.parseDate(select.from);\r\n\t var to = kendo.parseDate(select.to);\r\n\t var dummyAxis = new dataviz.DateCategoryAxis(deepExtend({\r\n\t baseUnit: \"fit\"\r\n\t }, mainAxis, {\r\n\t categories: [from, to]\r\n\t }), kendo);\r\n\r\n\t dataSource.filter = buildFilter(dummyAxis.range().min, to).concat(filter);\r\n\t }\r\n\r\n\t Chart.fn._initDataSource.call(this, userOptions);\r\n\t },\r\n\r\n\t _onNavigatorCreated: function(e) {\r\n\t this._instance = e.sender;\r\n\t this.options = e.sender.options;\r\n\t this._navigator = this.navigator = e.navigator;\r\n\t this._initNavigatorDataSource();\r\n\t },\r\n\r\n\t _initNavigatorDataSource: function() {\r\n\t var navigatorOptions = this.options.navigator;\r\n\t var autoBind = navigatorOptions.autoBind;\r\n\t var dsOptions = navigatorOptions.dataSource;\r\n\r\n\t if (dsOptions) {\r\n\t this._navigatorDataChangedHandler = this._navigatorDataChangedHandler || proxy(this._onNavigatorDataChanged, this);\r\n\t this._navigatorDataSource = kendo.data.DataSource\r\n\t .create(dsOptions)\r\n\t .bind(CHANGE, this._navigatorDataChangedHandler);\r\n\r\n\t if (!defined(autoBind)) {\r\n\t autoBind = this.options.autoBind;\r\n\t }\r\n\r\n\t if (autoBind) {\r\n\t this._navigatorDataSource.fetch();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _onNavigatorDataChanged: function() {\r\n\t var chart = this,\r\n\t instance = chart._instance,\r\n\t series = chart.options.series,\r\n\t seriesIx,\r\n\t seriesLength = series.length,\r\n\t categoryAxes = chart.options.categoryAxis,\r\n\t axisIx,\r\n\t axesLength = categoryAxes.length,\r\n\t data = chart._navigatorDataSource.view(),\r\n\t currentSeries,\r\n\t currentAxis,\r\n\t naviCategories;\r\n\r\n\t for (seriesIx = 0; seriesIx < seriesLength; seriesIx++) {\r\n\t currentSeries = series[seriesIx];\r\n\r\n\t if (currentSeries.axis == NAVIGATOR_AXIS && chart._isBindable(currentSeries)) {\r\n\t currentSeries.data = data;\r\n\t }\r\n\t }\r\n\r\n\t for (axisIx = 0; axisIx < axesLength; axisIx++) {\r\n\t currentAxis = categoryAxes[axisIx];\r\n\r\n\t if (currentAxis.pane == NAVIGATOR_PANE) {\r\n\t if (currentAxis.name == NAVIGATOR_AXIS) {\r\n\t chart._bindCategoryAxis(currentAxis, data, axisIx);\r\n\t naviCategories = currentAxis.categories;\r\n\t } else {\r\n\t currentAxis.categories = naviCategories;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (instance._model) {\r\n\t var navigator = this.navigator;\r\n\t navigator.redraw();\r\n\t navigator.setRange();\r\n\r\n\t if (!chart.options.dataSource || (chart.options.dataSource && chart._dataBound)) {\r\n\t navigator.redrawSlaves();\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _bindCategories: function() {\r\n\t Chart.fn._bindCategories.call(this);\r\n\t if (this._instance) {\r\n\t this._instance.copyNavigatorCategories();\r\n\t }\r\n\t },\r\n\r\n\t _onDataChanged: function() {\r\n\t Chart.fn._onDataChanged.call(this);\r\n\r\n\t this._dataBound = true;\r\n\t },\r\n\r\n\t setOptions: function(options) {\r\n\t this._removeNavigatorDataSource();\r\n\t this._initNavigatorOptions(options);\r\n\t this._instance.destroyNavigator();\r\n\t Chart.fn.setOptions.call(this, options);\r\n\t },\r\n\r\n\t _onNavigatorFilter: function(e) {\r\n\t this.dataSource.filter(buildFilter(e.from, e.to));\r\n\t },\r\n\r\n\t requiresHandlers: function(names) {\r\n\t if (dataviz.inArray('navigatorFilter', names)) {\r\n\t var dataSource = this.dataSource;\r\n\t var hasServerFiltering = dataSource && dataSource.options.serverFiltering;\r\n\t return hasServerFiltering && this.options.navigator.dataSource;\r\n\t }\r\n\r\n\t return Chart.fn.requiresHandlers.call(this, names);\r\n\t },\r\n\r\n\t _removeNavigatorDataSource: function() {\r\n\t var navigatorDataSource = this._navigatorDataSource;\r\n\t if (navigatorDataSource) {\r\n\t navigatorDataSource.unbind(CHANGE, this._navigatorDataChangedHandler);\r\n\t delete this._navigatorDataSource;\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t Chart.fn.destroy.call(this);\r\n\t this._removeNavigatorDataSource();\r\n\t }\r\n\t });\r\n\r\n\t dataviz.ui.plugin(StockChart);\r\n\r\n\t function buildFilter(from, to) {\r\n\t return [{\r\n\t field: \"Date\", operator: \"gte\", value: from\r\n\t }, {\r\n\t field: \"Date\", operator: \"lt\", value: to\r\n\t }];\r\n\t }\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\n\n/***/ }),\n\n/***/ 904:\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__(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/***/ 850:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\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__(850) ], __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\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()) + \" \");\r\n\t },\r\n\r\n\t mapCoordinates: function() {\r\n\t var srcElement = this.srcElement;\r\n\t var start = srcElement.start();\r\n\t var end = srcElement.end();\r\n\t var attrs = [\r\n\t [ \"x1\", start.x ],\r\n\t [ \"y1\", start.y ],\r\n\t [ \"x2\", end.x ],\r\n\t [ \"y2\", end.y ],\r\n\t this.mapSpace()\r\n\t ];\r\n\r\n\t return attrs;\r\n\t }\r\n\t});\r\n\r\n\tvar RadialGradientNode = GradientNode.extend({\r\n\t template: function() {\r\n\t return (\"\" + (this.renderChildren()) + \" \");\r\n\t },\r\n\r\n\t mapCoordinates: function() {\r\n\t var srcElement = this.srcElement;\r\n\t var center = srcElement.center();\r\n\t var radius = srcElement.radius();\r\n\t var attrs = [\r\n\t [ \"cx\", center.x ],\r\n\t [ \"cy\", center.y ],\r\n\t [ \"r\", radius ],\r\n\t this.mapSpace()\r\n\t ];\r\n\t return attrs;\r\n\t }\r\n\t});\r\n\r\n\tvar ClipNode = Node.extend({\r\n\t init: function(srcElement) {\r\n\t Node.fn.init.call(this);\r\n\r\n\t this.srcElement = srcElement;\r\n\t this.id = srcElement.id;\r\n\r\n\t this.load([ srcElement ]);\r\n\t },\r\n\r\n\t template: function() {\r\n\t return (\"\" + (this.renderChildren()) + \" \");\r\n\t }\r\n\t});\r\n\r\n\tvar DefinitionNode = Node.extend({\r\n\t init: function() {\r\n\t Node.fn.init.call(this);\r\n\t this.definitionMap = {};\r\n\t },\r\n\r\n\t attachTo: function(domElement) {\r\n\t this.element = domElement;\r\n\t },\r\n\r\n\t template: function() {\r\n\t return (\"\" + (this.renderChildren()) + \" \");\r\n\t },\r\n\r\n\t definitionChange: function(e) {\r\n\t var definitions = e.definitions;\r\n\t var action = e.action;\r\n\r\n\t if (action === \"add\") {\r\n\t this.addDefinitions(definitions);\r\n\t } else if (action === \"remove\") {\r\n\t this.removeDefinitions(definitions);\r\n\t }\r\n\t },\r\n\r\n\t createDefinition: function(type, item) {\r\n\t var nodeType;\r\n\t if (type === \"clip\") {\r\n\t nodeType = ClipNode;\r\n\t } else if (type === \"fill\") {\r\n\t if (item instanceof LinearGradient) {\r\n\t nodeType = LinearGradientNode;\r\n\t } else if (item instanceof RadialGradient) {\r\n\t nodeType = RadialGradientNode;\r\n\t }\r\n\t }\r\n\t return new nodeType(item);\r\n\t },\r\n\r\n\t addDefinitions: function(definitions) {\r\n\t var this$1 = this;\r\n\r\n\t for (var field in definitions) {\r\n\t this$1.addDefinition(field, definitions[field]);\r\n\t }\r\n\t },\r\n\r\n\t addDefinition: function(type, srcElement) {\r\n\t var ref = this;\r\n\t var element = ref.element;\r\n\t var definitionMap = ref.definitionMap;\r\n\t var id = srcElement.id;\r\n\t var mapItem = definitionMap[id];\r\n\t if (!mapItem) {\r\n\t var node = this.createDefinition(type, srcElement);\r\n\t definitionMap[id] = {\r\n\t element: node,\r\n\t count: 1\r\n\t };\r\n\t this.append(node);\r\n\t if (element) {\r\n\t node.attachTo(this.element);\r\n\t }\r\n\t } else {\r\n\t mapItem.count++;\r\n\t }\r\n\t },\r\n\r\n\t removeDefinitions: function(definitions) {\r\n\t var this$1 = this;\r\n\r\n\t for (var field in definitions) {\r\n\t this$1.removeDefinition(definitions[field]);\r\n\t }\r\n\t },\r\n\r\n\t removeDefinition: function(srcElement) {\r\n\t var definitionMap = this.definitionMap;\r\n\t var id = srcElement.id;\r\n\t var mapItem = definitionMap[id];\r\n\r\n\t if (mapItem) {\r\n\t mapItem.count--;\r\n\t if (mapItem.count === 0) {\r\n\t this.remove(this.childNodes.indexOf(mapItem.element), 1);\r\n\t delete definitionMap[id];\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar RootNode = Node.extend({\r\n\t init: function(options) {\r\n\t Node.fn.init.call(this);\r\n\t this.options = options;\r\n\t this.defs = new DefinitionNode();\r\n\t },\r\n\r\n\t attachTo: function(domElement) {\r\n\t this.element = domElement;\r\n\t this.defs.attachTo(domElement.firstElementChild);\r\n\t },\r\n\r\n\t clear: function() {\r\n\t BaseNode.prototype.clear.call(this);\r\n\t },\r\n\r\n\t template: function() {\r\n\t return this.defs.render() + this.renderChildren();\r\n\t },\r\n\r\n\t definitionChange: function(e) {\r\n\t this.defs.definitionChange(e);\r\n\t }\r\n\t});\r\n\r\n\tvar RTL = 'rtl';\r\n\r\n\tfunction alignToScreen(element) {\r\n\t var ctm;\r\n\r\n\t try {\r\n\t ctm = element.getScreenCTM ? element.getScreenCTM() : null;\r\n\t } catch (e) { } // eslint-disable-line no-empty\r\n\r\n\t if (ctm) {\r\n\t var left = - ctm.e % 1;\r\n\t var top = - ctm.f % 1;\r\n\t var style = element.style;\r\n\r\n\t if (left !== 0 || top !== 0) {\r\n\t style.left = left + \"px\";\r\n\t style.top = top + \"px\";\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tvar Surface$1 = Surface.extend({\r\n\t init: function(element, options) {\r\n\t Surface.fn.init.call(this, element, options);\r\n\r\n\t this._root = new RootNode($.extend({\r\n\t rtl: elementStyles(element, 'direction').direction === RTL\r\n\t }, this.options));\r\n\r\n\t renderSVG$1(this.element, this._template());\r\n\r\n\t this._rootElement = this.element.firstElementChild;\r\n\r\n\t alignToScreen(this._rootElement);\r\n\r\n\t this._root.attachTo(this._rootElement);\r\n\r\n\t bindEvents(this.element, {\r\n\t click: this._click,\r\n\t mouseover: this._mouseenter,\r\n\t mouseout: this._mouseleave,\r\n\t mousemove: this._mousemove\r\n\t });\r\n\r\n\t this.resize();\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t if (this._root) {\r\n\t this._root.destroy();\r\n\t this._root = null;\r\n\t this._rootElement = null;\r\n\t unbindEvents(this.element, {\r\n\t click: this._click,\r\n\t mouseover: this._mouseenter,\r\n\t mouseout: this._mouseleave,\r\n\t mousemove: this._mousemove\r\n\t });\r\n\t }\r\n\r\n\t Surface.fn.destroy.call(this);\r\n\t },\r\n\r\n\t translate: function(offset) {\r\n\t var viewBox = (Math.round(offset.x)) + \" \" + (Math.round(offset.y)) + \" \" + (this._size.width) + \" \" + (this._size.height);\r\n\r\n\t this._offset = offset;\r\n\t this._rootElement.setAttribute(\"viewBox\", viewBox);\r\n\t },\r\n\r\n\t draw: function(element) {\r\n\t Surface.fn.draw.call(this, element);\r\n\t this._root.load([ element ]);\r\n\t },\r\n\r\n\t clear: function() {\r\n\t Surface.fn.clear.call(this);\r\n\t this._root.clear();\r\n\t },\r\n\r\n\t svg: function() {\r\n\t return \"\" + this._template();\r\n\t },\r\n\r\n\t exportVisual: function() {\r\n\t var ref = this;\r\n\t var visual = ref._visual;\r\n\t var offset = ref._offset;\r\n\r\n\t if (offset) {\r\n\t var wrap = new Group();\r\n\t wrap.children.push(visual);\r\n\r\n\t wrap.transform(\r\n\t transform().translate(-offset.x, -offset.y)\r\n\t );\r\n\r\n\t visual = wrap;\r\n\t }\r\n\r\n\t return visual;\r\n\t },\r\n\r\n\t _resize: function() {\r\n\t if (this._offset) {\r\n\t this.translate(this._offset);\r\n\t }\r\n\t },\r\n\r\n\t _template: function() {\r\n\t return (\"\");\r\n\t }\r\n\t});\r\n\r\n\tSurface$1.prototype.type = \"svg\";\r\n\r\n\tif (typeof document !== \"undefined\" && document.implementation.hasFeature(\"http://www.w3.org/TR/SVG11/feature#BasicStructure\", \"1.1\")) {\r\n\t Surface.support.svg = true;\r\n\t SurfaceFactory.current.register(\"svg\", Surface$1, 10);\r\n\t}\r\n\r\n\tvar GroupNode = Node.extend({\r\n\t template: function() {\r\n\t return (\"\" + (this.renderChildren()) + \"\");\r\n\t },\r\n\r\n\t optionsChange: function(e) {\r\n\t if (e.field === \"transform\") {\r\n\t this.transformChange(e.value);\r\n\t }\r\n\r\n\t Node.fn.optionsChange.call(this, e);\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP.Group = GroupNode;\r\n\r\n\tvar DASH_ARRAYS = {\r\n\t dot: [ 1.5, 3.5 ],\r\n\t dash: [ 4, 3.5 ],\r\n\t longdash: [ 8, 3.5 ],\r\n\t dashdot: [ 3.5, 3.5, 1.5, 3.5 ],\r\n\t longdashdot: [ 8, 3.5, 1.5, 3.5 ],\r\n\t longdashdotdot: [ 8, 3.5, 1.5, 3.5, 1.5, 3.5 ]\r\n\t};\r\n\r\n\tvar SOLID = \"solid\";\r\n\tvar BUTT = \"butt\";\r\n\r\n\tvar ATTRIBUTE_MAP = {\r\n\t \"fill.opacity\": \"fill-opacity\",\r\n\t \"stroke.color\": \"stroke\",\r\n\t \"stroke.width\": \"stroke-width\",\r\n\t \"stroke.opacity\": \"stroke-opacity\"\r\n\t};\r\n\tvar SPACE = \" \";\r\n\r\n\tvar PathNode = Node.extend({\r\n\t geometryChange: function() {\r\n\t this.attr(\"d\", this.renderData());\r\n\t this.invalidate();\r\n\t },\r\n\r\n\t optionsChange: function(e) {\r\n\t switch (e.field) {\r\n\t case \"fill\":\r\n\t if (e.value) {\r\n\t this.allAttr(this.mapFill(e.value));\r\n\t } else {\r\n\t this.removeAttr(\"fill\");\r\n\t }\r\n\t break;\r\n\r\n\t case \"fill.color\":\r\n\t this.allAttr(this.mapFill({ color: e.value }));\r\n\t break;\r\n\r\n\t case \"stroke\":\r\n\t if (e.value) {\r\n\t this.allAttr(this.mapStroke(e.value));\r\n\t } else {\r\n\t this.removeAttr(\"stroke\");\r\n\t }\r\n\t break;\r\n\r\n\t case \"transform\":\r\n\t this.transformChange(e.value);\r\n\t break;\r\n\r\n\t default:\r\n\t var name = ATTRIBUTE_MAP[e.field];\r\n\t if (name) {\r\n\t this.attr(name, e.value);\r\n\t }\r\n\t break;\r\n\t }\r\n\r\n\t Node.fn.optionsChange.call(this, e);\r\n\t },\r\n\r\n\t content: function() {\r\n\t if (this.element) {\r\n\t this.element.textContent = this.srcElement.content();\r\n\t }\r\n\t },\r\n\r\n\t renderData: function() {\r\n\t return this.printPath(this.srcElement);\r\n\t },\r\n\r\n\t printPath: function(path) {\r\n\t var this$1 = this;\r\n\r\n\t var segments = path.segments;\r\n\t var length = segments.length;\r\n\t if (length > 0) {\r\n\t var parts = [];\r\n\t var output, currentType;\r\n\r\n\t for (var i = 1; i < length; i++) {\r\n\t var segmentType = this$1.segmentType(segments[i - 1], segments[i]);\r\n\t if (segmentType !== currentType) {\r\n\t currentType = segmentType;\r\n\t parts.push(segmentType);\r\n\t }\r\n\r\n\t if (segmentType === \"L\") {\r\n\t parts.push(this$1.printPoints(segments[i].anchor()));\r\n\t } else {\r\n\t parts.push(this$1.printPoints(segments[i - 1].controlOut(), segments[i].controlIn(), segments[i].anchor()));\r\n\t }\r\n\t }\r\n\r\n\t output = \"M\" + this.printPoints(segments[0].anchor()) + SPACE + parts.join(SPACE);\r\n\t if (path.options.closed) {\r\n\t output += \"Z\";\r\n\t }\r\n\r\n\t return output;\r\n\t }\r\n\t },\r\n\r\n\t printPoints: function() {\r\n\t var points = arguments;\r\n\t var length = points.length;\r\n\t var result = [];\r\n\r\n\t for (var i = 0; i < length; i++) {\r\n\t result.push(points[i].toString(3));\r\n\t }\r\n\r\n\t return result.join(\" \");\r\n\t },\r\n\r\n\t segmentType: function(segmentStart, segmentEnd) {\r\n\t return segmentStart.controlOut() && segmentEnd.controlIn() ? \"C\" : \"L\";\r\n\t },\r\n\r\n\t mapStroke: function(stroke) {\r\n\t var attrs = [];\r\n\r\n\t if (stroke && !isTransparent(stroke.color)) {\r\n\t attrs.push([ \"stroke\", stroke.color ]);\r\n\t attrs.push([ \"stroke-width\", stroke.width ]);\r\n\t attrs.push([ \"stroke-linecap\", this.renderLinecap(stroke) ]);\r\n\t attrs.push([ \"stroke-linejoin\", stroke.lineJoin ]);\r\n\r\n\t if (defined(stroke.opacity)) {\r\n\t attrs.push([ \"stroke-opacity\", stroke.opacity ]);\r\n\t }\r\n\r\n\t if (defined(stroke.dashType)) {\r\n\t attrs.push([ \"stroke-dasharray\", this.renderDashType(stroke) ]);\r\n\t }\r\n\t } else {\r\n\t attrs.push([ \"stroke\", NONE ]);\r\n\t }\r\n\r\n\t return attrs;\r\n\t },\r\n\r\n\t renderStroke: function() {\r\n\t return renderAllAttr(\r\n\t this.mapStroke(this.srcElement.options.stroke)\r\n\t );\r\n\t },\r\n\r\n\t renderDashType: function(stroke) {\r\n\t var dashType = stroke.dashType;\r\n\t var width = stroke.width; if (width === void 0) { width = 1; }\r\n\r\n\t if (dashType && dashType !== SOLID) {\r\n\t var dashArray = DASH_ARRAYS[dashType.toLowerCase()];\r\n\t var result = [];\r\n\r\n\t for (var i = 0; i < dashArray.length; i++) {\r\n\t result.push(dashArray[i] * width);\r\n\t }\r\n\r\n\t return result.join(\" \");\r\n\t }\r\n\t },\r\n\r\n\t renderLinecap: function(stroke) {\r\n\t var dashType = stroke.dashType;\r\n\t var lineCap = stroke.lineCap;\r\n\r\n\t return (dashType && dashType !== \"solid\") ? BUTT : lineCap;\r\n\t },\r\n\r\n\t mapFill: function(fill) {\r\n\t var attrs = [];\r\n\t if (!(fill && fill.nodeType === \"Gradient\")) {\r\n\t if (fill && !isTransparent(fill.color)) {\r\n\t attrs.push([ \"fill\", fill.color ]);\r\n\r\n\t if (defined(fill.opacity)) {\r\n\t attrs.push([ \"fill-opacity\", fill.opacity ]);\r\n\t }\r\n\t } else {\r\n\t attrs.push([ \"fill\", NONE ]);\r\n\t }\r\n\t }\r\n\r\n\t return attrs;\r\n\t },\r\n\r\n\t renderFill: function() {\r\n\t return renderAllAttr(\r\n\t this.mapFill(this.srcElement.options.fill)\r\n\t );\r\n\t },\r\n\r\n\t template: function() {\r\n\t return \"\" +\r\n\t \" \";\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP.Image = ImageNode;\r\n\r\n\tvar ENTITY_REGEX = /&(?:[a-zA-Z]+|#\\d+);/g;\r\n\r\n\tfunction decodeEntities(text) {\r\n\t if (!text || typeof text !== \"string\" || !ENTITY_REGEX.test(text)) {\r\n\t return text;\r\n\t }\r\n\r\n\t var element = decodeEntities._element;\r\n\t ENTITY_REGEX.lastIndex = 0;\r\n\r\n\t return text.replace(ENTITY_REGEX, function (match) {\r\n\t element.innerHTML = match;\r\n\r\n\t return element.textContent || element.innerText;\r\n\t });\r\n\t}\r\n\r\n\tif (typeof document !== \"undefined\") {\r\n\t decodeEntities._element = document.createElement(\"span\");\r\n\t}\r\n\r\n\tvar TextNode = PathNode.extend({\r\n\t geometryChange: function() {\r\n\t var pos = this.pos();\r\n\t this.attr(\"x\", pos.x);\r\n\t this.attr(\"y\", pos.y);\r\n\t this.invalidate();\r\n\t },\r\n\r\n\t optionsChange: function(e) {\r\n\t if (e.field === \"font\") {\r\n\t this.attr(\"style\", renderStyle(this.mapStyle()));\r\n\t this.geometryChange();\r\n\t } else if (e.field === \"content\") {\r\n\t PathNode.fn.content.call(this, this.srcElement.content());\r\n\t }\r\n\r\n\t PathNode.fn.optionsChange.call(this, e);\r\n\t },\r\n\r\n\t mapStyle: function(encode) {\r\n\t var style = PathNode.fn.mapStyle.call(this, encode);\r\n\t var font = this.srcElement.options.font;\r\n\r\n\t if (encode) {\r\n\t font = kendo.htmlEncode(font);\r\n\t }\r\n\r\n\t style.push([ \"font\", font ], [ \"white-space\", \"pre\" ]);\r\n\r\n\t return style;\r\n\t },\r\n\r\n\t pos: function() {\r\n\t var pos = this.srcElement.position();\r\n\t var size = this.srcElement.measure();\r\n\t return pos.clone().setY(pos.y + size.baseline);\r\n\t },\r\n\r\n\t renderContent: function() {\r\n\t var content = this.srcElement.content();\r\n\t content = decodeEntities(content);\r\n\t content = kendo.htmlEncode(content);\r\n\r\n\t return kendoUtil.normalizeText(content);\r\n\t },\r\n\r\n\t renderTextAnchor: function() {\r\n\t var anchor;\r\n\r\n\t if ((this.options || {}).rtl && !(supportBrowser.msie || supportBrowser.edge)) {\r\n\t anchor = 'end';\r\n\t }\r\n\r\n\t return renderAttr(\"text-anchor\", anchor);\r\n\t },\r\n\r\n\t template: function() {\r\n\t return \"\" + (this.renderContent()) + \" \";\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP.Text = TextNode;\r\n\r\n\tvar MultiPathNode = PathNode.extend({\r\n\t renderData: function() {\r\n\t var this$1 = this;\r\n\r\n\t var paths = this.srcElement.paths;\r\n\r\n\t if (paths.length > 0) {\r\n\t var result = [];\r\n\r\n\t for (var i = 0; i < paths.length; i++) {\r\n\t result.push(this$1.printPath(paths[i]));\r\n\t }\r\n\r\n\t return result.join(\" \");\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP.MultiPath = MultiPathNode;\r\n\r\n\tvar geometry = {\r\n\t\tCircle: Circle$2,\r\n\t\tArc: Arc$2,\r\n\t\tRect: Rect,\r\n\t\tPoint: Point,\r\n\t\tSegment: Segment,\r\n\t\tMatrix: Matrix,\r\n\t\tSize: Size,\r\n\t\ttoMatrix: toMatrix,\r\n\t\tTransformation: Transformation,\r\n\t\ttransform: transform\r\n\t};\r\n\r\n\tfunction exportGroup(group) {\r\n\t var root = new RootNode({\r\n\t skipBaseHref: true\r\n\t });\r\n\t var bbox = group.clippedBBox();\r\n\t var rootGroup = group;\r\n\r\n\t if (bbox) {\r\n\t var origin = bbox.getOrigin();\r\n\t var exportRoot = new Group();\r\n\t exportRoot.transform(transform().translate(-origin.x, -origin.y));\r\n\t exportRoot.children.push(group);\r\n\t rootGroup = exportRoot;\r\n\t }\r\n\r\n\t root.load([ rootGroup ]);\r\n\r\n\t var svg = \"\";\r\n\r\n\t root.destroy();\r\n\r\n\t return svg;\r\n\t}\r\n\r\n\tvar svg = {\r\n\t\tSurface: Surface$1,\r\n\t\tRootNode: RootNode,\r\n\t\tNode: Node,\r\n\t\tGroupNode: GroupNode,\r\n\t\tArcNode: ArcNode,\r\n\t\tCircleNode: CircleNode,\r\n\t\tRectNode: RectNode,\r\n\t\tImageNode: ImageNode,\r\n\t\tTextNode: TextNode,\r\n\t\tPathNode: PathNode,\r\n\t\tMultiPathNode: MultiPathNode,\r\n\t\tDefinitionNode: DefinitionNode,\r\n\t\tClipNode: ClipNode,\r\n\t\tGradientStopNode: GradientStopNode,\r\n\t\tLinearGradientNode: LinearGradientNode,\r\n\t\tRadialGradientNode: RadialGradientNode,\r\n\t\texportGroup: exportGroup\r\n\t};\r\n\r\n\tvar NODE_MAP$2 = {};\r\n\r\n\tfunction renderPath(ctx, path) {\r\n\t var segments = path.segments;\r\n\r\n\t if (segments.length === 0) {\r\n\t return;\r\n\t }\r\n\r\n\t var segment = segments[0];\r\n\t var anchor = segment.anchor();\r\n\t ctx.moveTo(anchor.x, anchor.y);\r\n\r\n\t for (var i = 1; i < segments.length; i++) {\r\n\t segment = segments[i];\r\n\t anchor = segment.anchor();\r\n\r\n\t var prevSeg = segments[i - 1];\r\n\t var prevOut = prevSeg.controlOut();\r\n\t var controlIn = segment.controlIn();\r\n\r\n\t if (prevOut && controlIn) {\r\n\t ctx.bezierCurveTo(prevOut.x, prevOut.y,\r\n\t controlIn.x, controlIn.y,\r\n\t anchor.x, anchor.y);\r\n\t } else {\r\n\t ctx.lineTo(anchor.x, anchor.y);\r\n\t }\r\n\t }\r\n\r\n\t if (path.options.closed) {\r\n\t ctx.closePath();\r\n\t }\r\n\t}\r\n\r\n\tvar Node$2 = BaseNode.extend({\r\n\t init: function(srcElement) {\r\n\t BaseNode.fn.init.call(this, srcElement);\r\n\t if (srcElement) {\r\n\t this.initClip();\r\n\t }\r\n\t },\r\n\r\n\t initClip: function() {\r\n\t var clip = this.srcElement.clip();\r\n\t if (clip) {\r\n\t this.clip = clip;\r\n\t clip.addObserver(this);\r\n\t }\r\n\t },\r\n\r\n\t clear: function() {\r\n\t if (this.srcElement) {\r\n\t this.srcElement.removeObserver(this);\r\n\t }\r\n\r\n\t this.clearClip();\r\n\r\n\t BaseNode.fn.clear.call(this);\r\n\t },\r\n\r\n\t clearClip: function() {\r\n\t if (this.clip) {\r\n\t this.clip.removeObserver(this);\r\n\t delete this.clip;\r\n\t }\r\n\t },\r\n\r\n\t setClip: function(ctx) {\r\n\t if (this.clip) {\r\n\t ctx.beginPath();\r\n\t renderPath(ctx, this.clip);\r\n\t ctx.clip();\r\n\t }\r\n\t },\r\n\r\n\t optionsChange: function(e) {\r\n\t if (e.field === \"clip\") {\r\n\t this.clearClip();\r\n\t this.initClip();\r\n\t }\r\n\r\n\t BaseNode.fn.optionsChange.call(this, e);\r\n\t },\r\n\r\n\t setTransform: function(ctx) {\r\n\t if (this.srcElement) {\r\n\t var transform = this.srcElement.transform();\r\n\t if (transform) {\r\n\t ctx.transform.apply(ctx, transform.matrix().toArray(6));\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t loadElements: function(elements, pos, cors) {\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < elements.length; i++) {\r\n\t var srcElement = elements[i];\r\n\t var children = srcElement.children;\r\n\r\n\t var childNode = new NODE_MAP$2[srcElement.nodeType](srcElement, cors);\r\n\r\n\t if (children && children.length > 0) {\r\n\t childNode.load(children, pos, cors);\r\n\t }\r\n\r\n\t if (defined(pos)) {\r\n\t this$1.insertAt(childNode, pos);\r\n\t } else {\r\n\t this$1.append(childNode);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t load: function(elements, pos, cors) {\r\n\t this.loadElements(elements, pos, cors);\r\n\r\n\t this.invalidate();\r\n\t },\r\n\r\n\t setOpacity: function(ctx) {\r\n\t if (this.srcElement) {\r\n\t var opacity = this.srcElement.opacity();\r\n\t if (defined(opacity)) {\r\n\t this.globalAlpha(ctx, opacity);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t globalAlpha: function(ctx, value) {\r\n\t var opactity = value;\r\n\t if (opactity && ctx.globalAlpha) {\r\n\t opactity *= ctx.globalAlpha;\r\n\t }\r\n\t ctx.globalAlpha = opactity;\r\n\t },\r\n\r\n\t visible: function() {\r\n\t var src = this.srcElement;\r\n\t return !src || (src && src.options.visible !== false);\r\n\t }\r\n\t});\r\n\r\n\tvar GroupNode$2 = Node$2.extend({\r\n\t renderTo: function(ctx) {\r\n\t if (!this.visible()) {\r\n\t return;\r\n\t }\r\n\r\n\t ctx.save();\r\n\r\n\t this.setTransform(ctx);\r\n\t this.setClip(ctx);\r\n\t this.setOpacity(ctx);\r\n\r\n\t var childNodes = this.childNodes;\r\n\t for (var i = 0; i < childNodes.length; i++) {\r\n\t var child = childNodes[i];\r\n\t if (child.visible()) {\r\n\t child.renderTo(ctx);\r\n\t }\r\n\t }\r\n\r\n\t ctx.restore();\r\n\t }\r\n\t});\r\n\r\n\tTraversable.extend(GroupNode$2.prototype, \"childNodes\");\r\n\r\n\tNODE_MAP$2.Group = GroupNode$2;\r\n\r\n\tvar FRAME_DELAY = 1000 / 60;\r\n\r\n\tvar RootNode$2 = GroupNode$2.extend({\r\n\t init: function(canvas) {\r\n\t GroupNode$2.fn.init.call(this);\r\n\r\n\t this.canvas = canvas;\r\n\t this.ctx = canvas.getContext(\"2d\");\r\n\r\n\t var invalidateHandler = this._invalidate.bind(this);\r\n\t this.invalidate = kendo.throttle(function () {\r\n\t kendo.animationFrame(invalidateHandler);\r\n\t }, FRAME_DELAY);\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t GroupNode$2.fn.destroy.call(this);\r\n\t this.canvas = null;\r\n\t this.ctx = null;\r\n\t },\r\n\r\n\t load: function(elements, pos, cors) {\r\n\t this.loadElements(elements, pos, cors);\r\n\t this._invalidate();\r\n\t },\r\n\r\n\t _invalidate: function() {\r\n\t if (!this.ctx) {\r\n\t return;\r\n\t }\r\n\t this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\r\n\t this.renderTo(this.ctx);\r\n\t }\r\n\t});\r\n\r\n\tTraversable.extend(RootNode$2.prototype, \"childNodes\");\r\n\r\n\tvar QuadRoot = Class.extend({\r\n\t init: function() {\r\n\r\n\t this.shapes = [];\r\n\t },\r\n\r\n\t _add: function(shape, bbox) {\r\n\t this.shapes.push({\r\n\t bbox: bbox,\r\n\t shape: shape\r\n\t });\r\n\t shape._quadNode = this;\r\n\t },\r\n\r\n\t pointShapes: function(point) {\r\n\t var shapes = this.shapes;\r\n\t var length = shapes.length;\r\n\t var result = [];\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (shapes[idx].bbox.containsPoint(point)) {\r\n\t result.push(shapes[idx].shape);\r\n\t }\r\n\t }\r\n\t return result;\r\n\t },\r\n\r\n\t insert: function(shape, bbox) {\r\n\t this._add(shape, bbox);\r\n\t },\r\n\r\n\t remove: function(shape) {\r\n\t var shapes = this.shapes;\r\n\t var length = shapes.length;\r\n\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (shapes[idx].shape === shape) {\r\n\t shapes.splice(idx, 1);\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar QuadNode = QuadRoot.extend({\r\n\t init: function(rect) {\r\n\t QuadRoot.fn.init.call(this);\r\n\t this.children = [];\r\n\t this.rect = rect;\r\n\t },\r\n\r\n\t inBounds: function(rect) {\r\n\t var nodeRect = this.rect;\r\n\t var nodeBottomRight = nodeRect.bottomRight();\r\n\t var bottomRight = rect.bottomRight();\r\n\t var inBounds = nodeRect.origin.x <= rect.origin.x && nodeRect.origin.y <= rect.origin.y && bottomRight.x <= nodeBottomRight.x &&\r\n\t bottomRight.y <= nodeBottomRight.y;\r\n\t return inBounds;\r\n\t },\r\n\r\n\t pointShapes: function(point) {\r\n\t var children = this.children;\r\n\t var length = children.length;\r\n\t var result = QuadRoot.fn.pointShapes.call(this, point);\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t append(result, children[idx].pointShapes(point));\r\n\t }\r\n\t return result;\r\n\t },\r\n\r\n\t insert: function(shape, bbox) {\r\n\t var children = this.children;\r\n\t var inserted = false;\r\n\r\n\t if (this.inBounds(bbox)) {\r\n\t if (this.shapes.length < 4) {\r\n\t this._add(shape, bbox);\r\n\t } else {\r\n\t if (!children.length) {\r\n\t this._initChildren();\r\n\t }\r\n\r\n\t for (var idx = 0; idx < children.length; idx++) {\r\n\t if (children[idx].insert(shape, bbox)) {\r\n\t inserted = true;\r\n\t break;\r\n\t }\r\n\t }\r\n\r\n\t if (!inserted) {\r\n\t this._add(shape, bbox);\r\n\t }\r\n\t }\r\n\t inserted = true;\r\n\t }\r\n\r\n\t return inserted;\r\n\t },\r\n\r\n\t _initChildren: function() {\r\n\t var ref = this;\r\n\t var rect = ref.rect;\r\n\t var children = ref.children;\r\n\t var center = rect.center();\r\n\t var halfWidth = rect.width() / 2;\r\n\t var halfHeight = rect.height() / 2;\r\n\r\n\t children.push(\r\n\t new QuadNode(new Rect([ rect.origin.x, rect.origin.y ], [ halfWidth, halfHeight ])),\r\n\t new QuadNode(new Rect([ center.x, rect.origin.y ], [ halfWidth, halfHeight ])),\r\n\t new QuadNode(new Rect([ rect.origin.x, center.y ], [ halfWidth, halfHeight ])),\r\n\t new QuadNode(new Rect([ center.x, center.y ], [ halfWidth, halfHeight ]))\r\n\t );\r\n\t }\r\n\t});\r\n\r\n\tvar ROOT_SIZE = 3000;\r\n\tvar LEVEL_STEP = 10000;\r\n\tvar MAX_LEVEL = 75;\r\n\r\n\tvar ShapesQuadTree = Class.extend({\r\n\t init: function() {\r\n\r\n\t this.initRoots();\r\n\t },\r\n\r\n\t initRoots: function() {\r\n\t this.rootMap = {};\r\n\t this.root = new QuadRoot();\r\n\t this.rootElements = [];\r\n\t },\r\n\r\n\t clear: function() {\r\n\t var this$1 = this;\r\n\r\n\t var rootElements = this.rootElements;\r\n\t for (var idx = 0; idx < rootElements.length; idx++) {\r\n\t this$1.remove(rootElements[idx]);\r\n\t }\r\n\t this.initRoots();\r\n\t },\r\n\r\n\t pointShape: function(point) {\r\n\t var sectorRoot = ( this.rootMap[ Math.floor( point.x / ROOT_SIZE ) ] || {} )[ Math.floor( point.y / ROOT_SIZE ) ];\r\n\t var result = this.root.pointShapes(point);\r\n\r\n\t if (sectorRoot) {\r\n\t result = result.concat(sectorRoot.pointShapes(point));\r\n\t }\r\n\r\n\t this.assignZindex(result);\r\n\r\n\t result.sort(zIndexComparer);\r\n\t for (var idx = 0; idx < result.length; idx++) {\r\n\t if (result[idx].containsPoint(point)) {\r\n\t return result[idx];\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t assignZindex: function(elements) {\r\n\t var this$1 = this;\r\n\r\n\t for (var idx = 0; idx < elements.length; idx++) {\r\n\t var element = elements[idx];\r\n\t var zIndex = 0;\r\n\t var levelWeight = Math.pow(LEVEL_STEP, MAX_LEVEL);\r\n\t var parents = [];\r\n\r\n\t while (element) {\r\n\t parents.push(element);\r\n\t element = element.parent;\r\n\t }\r\n\r\n\t while (parents.length) {\r\n\t element = parents.pop();\r\n\t zIndex += ((element.parent ? element.parent.children : this$1.rootElements).indexOf(element) + 1) * levelWeight;\r\n\t levelWeight /= LEVEL_STEP;\r\n\t }\r\n\r\n\t elements[idx]._zIndex = zIndex;\r\n\t }\r\n\t },\r\n\r\n\t optionsChange: function(e) {\r\n\t if (e.field === \"transform\" || e.field === \"stroke.width\") {\r\n\t this.bboxChange(e.element);\r\n\t }\r\n\t },\r\n\r\n\t geometryChange: function(e) {\r\n\t this.bboxChange(e.element);\r\n\t },\r\n\r\n\t bboxChange: function(element) {\r\n\t var this$1 = this;\r\n\r\n\t if (element.nodeType === \"Group\") {\r\n\t for (var idx = 0; idx < element.children.length; idx++) {\r\n\t this$1.bboxChange(element.children[idx]);\r\n\t }\r\n\t } else {\r\n\t if (element._quadNode) {\r\n\t element._quadNode.remove(element);\r\n\t }\r\n\t this._insertShape(element);\r\n\t }\r\n\t },\r\n\r\n\t add: function(elements) {\r\n\t var elementsArray = Array.isArray(elements) ? elements.slice(0) : [ elements ];\r\n\r\n\t append(this.rootElements, elementsArray);\r\n\t this._insert(elementsArray);\r\n\t },\r\n\r\n\t childrenChange: function(e) {\r\n\t var this$1 = this;\r\n\r\n\t if (e.action === \"remove\") {\r\n\t for (var idx = 0; idx < e.items.length; idx++) {\r\n\t this$1.remove(e.items[idx]);\r\n\t }\r\n\t } else {\r\n\t this._insert(Array.prototype.slice.call(e.items, 0));\r\n\t }\r\n\t },\r\n\r\n\t _insert: function(elements) {\r\n\t var this$1 = this;\r\n\r\n\t var element;\r\n\r\n\t while (elements.length > 0) {\r\n\t element = elements.pop();\r\n\t element.addObserver(this$1);\r\n\t if (element.nodeType === \"Group\") {\r\n\t append(elements, element.children);\r\n\t } else {\r\n\t this$1._insertShape(element);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t _insertShape: function(shape) {\r\n\t var bbox = shape.bbox();\r\n\t if (bbox) {\r\n\t var sectors = this.getSectors(bbox);\r\n\t var x = sectors[0][0];\r\n\t var y = sectors[1][0];\r\n\r\n\t if (this.inRoot(sectors)) {\r\n\t this.root.insert(shape, bbox);\r\n\t } else {\r\n\t var rootMap = this.rootMap;\r\n\t if (!rootMap[x]) {\r\n\t rootMap[x] = {};\r\n\t }\r\n\r\n\t if (!rootMap[x][y]) {\r\n\t rootMap[x][y] = new QuadNode(\r\n\t new Rect([ x * ROOT_SIZE, y * ROOT_SIZE ], [ ROOT_SIZE, ROOT_SIZE ])\r\n\t );\r\n\t }\r\n\r\n\t rootMap[x][y].insert(shape, bbox);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t remove: function(element) {\r\n\t var this$1 = this;\r\n\r\n\t element.removeObserver(this);\r\n\r\n\t if (element.nodeType === \"Group\") {\r\n\t var children = element.children;\r\n\t for (var idx = 0; idx < children.length; idx++) {\r\n\t this$1.remove(children[idx]);\r\n\t }\r\n\t } else if (element._quadNode) {\r\n\t element._quadNode.remove(element);\r\n\t delete element._quadNode;\r\n\t }\r\n\t },\r\n\r\n\t inRoot: function(sectors) {\r\n\t return sectors[0].length > 1 || sectors[1].length > 1;\r\n\t },\r\n\r\n\t getSectors: function(rect) {\r\n\t var bottomRight = rect.bottomRight();\r\n\t var bottomX = Math.floor(bottomRight.x / ROOT_SIZE);\r\n\t var bottomY = Math.floor(bottomRight.y / ROOT_SIZE);\r\n\t var sectors = [ [], [] ];\r\n\t for (var x = Math.floor(rect.origin.x / ROOT_SIZE); x <= bottomX; x++) {\r\n\t sectors[0].push(x);\r\n\t }\r\n\t for (var y = Math.floor(rect.origin.y / ROOT_SIZE); y <= bottomY; y++) {\r\n\t sectors[1].push(y);\r\n\t }\r\n\t return sectors;\r\n\t }\r\n\t});\r\n\r\n\tfunction zIndexComparer(x1, x2) {\r\n\t if (x1._zIndex < x2._zIndex) {\r\n\t return 1;\r\n\t }\r\n\t if (x1._zIndex > x2._zIndex) {\r\n\t return -1;\r\n\t }\r\n\r\n\t return 0;\r\n\t}\r\n\r\n\tvar SurfaceCursor = Class.extend({\r\n\t init: function(surface) {\r\n\t surface.bind(\"mouseenter\", this._mouseenter.bind(this));\r\n\t surface.bind(\"mouseleave\", this._mouseleave.bind(this));\r\n\r\n\t this.element = surface.element;\r\n\t },\r\n\r\n\t clear: function() {\r\n\t this._resetCursor();\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this._resetCursor();\r\n\t delete this.element;\r\n\t },\r\n\r\n\t _mouseenter: function(e) {\r\n\t var cursor = this._shapeCursor(e);\r\n\r\n\t if (!cursor) {\r\n\t this._resetCursor();\r\n\t } else {\r\n\t if (!this._current) {\r\n\t this._defaultCursor = this._getCursor();\r\n\t }\r\n\r\n\t this._setCursor(cursor);\r\n\t }\r\n\t },\r\n\r\n\t _mouseleave: function() {\r\n\t this._resetCursor();\r\n\t },\r\n\r\n\t _shapeCursor: function(e) {\r\n\t var shape = e.element;\r\n\r\n\t while (shape && !defined(shape.options.cursor)) {\r\n\t shape = shape.parent;\r\n\t }\r\n\r\n\t if (shape) {\r\n\t return shape.options.cursor;\r\n\t }\r\n\t },\r\n\r\n\t _getCursor: function() {\r\n\t if (this.element) {\r\n\t return this.element.style.cursor;\r\n\t }\r\n\t },\r\n\r\n\t _setCursor: function(cursor) {\r\n\t if (this.element) {\r\n\t this.element.style.cursor = cursor;\r\n\t this._current = cursor;\r\n\t }\r\n\t },\r\n\r\n\t _resetCursor: function() {\r\n\t if (this._current) {\r\n\t this._setCursor(this._defaultCursor || \"\");\r\n\t delete this._current;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tvar Surface$3 = Surface.extend({\r\n\t init: function(element, options) {\r\n\t Surface.fn.init.call(this, element, options);\r\n\r\n\t this.element.innerHTML = this._template(this);\r\n\r\n\t var canvas = this.element.firstElementChild;\r\n\t var size = elementSize(element);\r\n\r\n\t canvas.width = size.width;\r\n\t canvas.height = size.height;\r\n\r\n\t this._rootElement = canvas;\r\n\r\n\t this._root = new RootNode$2(canvas);\r\n\r\n\t this._mouseTrackHandler = this._trackMouse.bind(this);\r\n\r\n\t bindEvents(this.element, {\r\n\t click: this._mouseTrackHandler,\r\n\t mousemove: this._mouseTrackHandler\r\n\t });\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t Surface.fn.destroy.call(this);\r\n\r\n\t if (this._root) {\r\n\t this._root.destroy();\r\n\t this._root = null;\r\n\t }\r\n\r\n\t if (this._searchTree) {\r\n\t this._searchTree.clear();\r\n\t delete this._searchTree;\r\n\t }\r\n\r\n\t if (this._cursor) {\r\n\t this._cursor.destroy();\r\n\t delete this._cursor;\r\n\t }\r\n\r\n\t unbindEvents(this.element, {\r\n\t click: this._mouseTrackHandler,\r\n\t mousemove: this._mouseTrackHandler\r\n\t });\r\n\t },\r\n\r\n\t draw: function(element) {\r\n\t Surface.fn.draw.call(this, element);\r\n\t this._root.load([ element ], undefined, this.options.cors);\r\n\r\n\t if (this._searchTree) {\r\n\t this._searchTree.add([ element ]);\r\n\t }\r\n\t },\r\n\r\n\t clear: function() {\r\n\t Surface.fn.clear.call(this);\r\n\t this._root.clear();\r\n\r\n\t if (this._searchTree) {\r\n\t this._searchTree.clear();\r\n\t }\r\n\r\n\t if (this._cursor) {\r\n\t this._cursor.clear();\r\n\t }\r\n\t },\r\n\r\n\t eventTarget: function(e) {\r\n\t if (this._searchTree) {\r\n\t var point = this._surfacePoint(e);\r\n\t var shape = this._searchTree.pointShape(point);\r\n\t return shape;\r\n\t }\r\n\t },\r\n\r\n\t image: function() {\r\n\t var ref = this;\r\n\t var root = ref._root;\r\n\t var rootElement = ref._rootElement;\r\n\t var loadingStates = [];\r\n\r\n\t root.traverse(function (childNode) {\r\n\t if (childNode.loading) {\r\n\t loadingStates.push(childNode.loading);\r\n\t }\r\n\t });\r\n\r\n\t var promise = createPromise();\r\n\t var resolveDataURL = function () {\r\n\t root._invalidate();\r\n\r\n\t try {\r\n\t var data = rootElement.toDataURL();\r\n\t promise.resolve(data);\r\n\t } catch (e) {\r\n\t promise.reject(e);\r\n\t }\r\n\t };\r\n\r\n\t promiseAll(loadingStates).then(resolveDataURL, resolveDataURL);\r\n\r\n\t return promise;\r\n\t },\r\n\r\n\t suspendTracking: function() {\r\n\t Surface.fn.suspendTracking.call(this);\r\n\t if (this._searchTree) {\r\n\t this._searchTree.clear();\r\n\t delete this._searchTree;\r\n\t }\r\n\t },\r\n\r\n\t resumeTracking: function() {\r\n\t Surface.fn.resumeTracking.call(this);\r\n\t if (!this._searchTree) {\r\n\t this._searchTree = new ShapesQuadTree();\r\n\r\n\t var childNodes = this._root.childNodes;\r\n\t var rootElements = [];\r\n\t for (var idx = 0; idx < childNodes.length; idx++) {\r\n\t rootElements.push(childNodes[idx].srcElement);\r\n\t }\r\n\t this._searchTree.add(rootElements);\r\n\t }\r\n\t },\r\n\r\n\t _resize: function() {\r\n\t this._rootElement.width = this._size.width;\r\n\t this._rootElement.height = this._size.height;\r\n\r\n\t this._root.invalidate();\r\n\t },\r\n\r\n\t _template: function() {\r\n\t return \"\";\r\n\t },\r\n\r\n\t _enableTracking: function() {\r\n\t this._searchTree = new ShapesQuadTree();\r\n\t this._cursor = new SurfaceCursor(this);\r\n\r\n\t Surface.fn._enableTracking.call(this);\r\n\t },\r\n\r\n\t _trackMouse: function(e) {\r\n\t if (this._suspendedTracking) {\r\n\t return;\r\n\t }\r\n\r\n\t var shape = this.eventTarget(e);\r\n\r\n\t if (e.type !== \"click\") {\r\n\t var currentShape = this._currentShape;\r\n\t if (currentShape && currentShape !== shape) {\r\n\t this.trigger(\"mouseleave\", {\r\n\t element: currentShape,\r\n\t originalEvent: e,\r\n\t type: \"mouseleave\"\r\n\t });\r\n\t }\r\n\r\n\t if (shape && currentShape !== shape) {\r\n\t this.trigger(\"mouseenter\", {\r\n\t element: shape,\r\n\t originalEvent: e,\r\n\t type: \"mouseenter\"\r\n\t });\r\n\t }\r\n\r\n\t this.trigger(\"mousemove\", {\r\n\t element: shape,\r\n\t originalEvent: e,\r\n\t type: \"mousemove\"\r\n\t });\r\n\r\n\t this._currentShape = shape;\r\n\t } else if (shape) {\r\n\t this.trigger(\"click\", {\r\n\t element: shape,\r\n\t originalEvent: e,\r\n\t type: \"click\"\r\n\t });\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tSurface$3.prototype.type = \"canvas\";\r\n\r\n\tif (typeof document !== \"undefined\" && document.createElement(\"canvas\").getContext) {\r\n\t Surface.support.canvas = true;\r\n\t SurfaceFactory.current.register(\"canvas\", Surface$3, 20);\r\n\t}\r\n\r\n\tfunction addGradientStops(gradient, stops) {\r\n\t for (var idx = 0; idx < stops.length; idx++) {\r\n\t var stop = stops[idx];\r\n\t var color = kendo.parseColor(stop.color());\r\n\r\n\t color.a *= stop.opacity();\r\n\r\n\t gradient.addColorStop(stop.offset(), color.toCssRgba());\r\n\t }\r\n\t}\r\n\r\n\tvar PathNode$2 = Node$2.extend({\r\n\t renderTo: function(ctx) {\r\n\t ctx.save();\r\n\r\n\t this.setTransform(ctx);\r\n\t this.setClip(ctx);\r\n\t this.setOpacity(ctx);\r\n\r\n\t ctx.beginPath();\r\n\r\n\t this.renderPoints(ctx, this.srcElement);\r\n\r\n\t this.setLineDash(ctx);\r\n\t this.setLineCap(ctx);\r\n\t this.setLineJoin(ctx);\r\n\r\n\t this.setFill(ctx);\r\n\t this.setStroke(ctx);\r\n\r\n\t ctx.restore();\r\n\t },\r\n\r\n\t setFill: function(ctx) {\r\n\t var fill = this.srcElement.options.fill;\r\n\t var hasFill = false;\r\n\r\n\t if (fill) {\r\n\t if (fill.nodeType === \"Gradient\") {\r\n\t this.setGradientFill(ctx, fill);\r\n\t hasFill = true;\r\n\t } else if (!isTransparent(fill.color)) {\r\n\t ctx.fillStyle = fill.color;\r\n\r\n\t ctx.save();\r\n\t this.globalAlpha(ctx, fill.opacity);\r\n\t ctx.fill();\r\n\t ctx.restore();\r\n\r\n\t hasFill = true;\r\n\t }\r\n\t }\r\n\r\n\t return hasFill;\r\n\t },\r\n\r\n\t setGradientFill: function(ctx, fill) {\r\n\t var bbox = this.srcElement.rawBBox();\r\n\t var gradient;\r\n\r\n\t if (fill instanceof LinearGradient) {\r\n\t var start = fill.start();\r\n\t var end = fill.end();\r\n\t gradient = ctx.createLinearGradient(start.x, start.y, end.x, end.y);\r\n\t } else if (fill instanceof RadialGradient) {\r\n\t var center = fill.center();\r\n\t gradient = ctx.createRadialGradient(center.x, center.y, 0, center.x, center.y, fill.radius());\r\n\t }\r\n\r\n\t addGradientStops(gradient, fill.stops);\r\n\r\n\t ctx.save();\r\n\r\n\t if (!fill.userSpace()) {\r\n\t ctx.transform(bbox.width(), 0, 0, bbox.height(), bbox.origin.x, bbox.origin.y);\r\n\t }\r\n\t ctx.fillStyle = gradient;\r\n\t ctx.fill();\r\n\r\n\t ctx.restore();\r\n\t },\r\n\r\n\t setStroke: function(ctx) {\r\n\t var stroke = this.srcElement.options.stroke;\r\n\t if (stroke && !isTransparent(stroke.color) && stroke.width > 0) {\r\n\t ctx.strokeStyle = stroke.color;\r\n\t ctx.lineWidth = valueOrDefault(stroke.width, 1);\r\n\r\n\t ctx.save();\r\n\t this.globalAlpha(ctx, stroke.opacity);\r\n\t ctx.stroke();\r\n\t ctx.restore();\r\n\r\n\t return true;\r\n\t }\r\n\t },\r\n\r\n\t dashType: function() {\r\n\t var stroke = this.srcElement.options.stroke;\r\n\t if (stroke && stroke.dashType) {\r\n\t return stroke.dashType.toLowerCase();\r\n\t }\r\n\t },\r\n\r\n\t setLineDash: function(ctx) {\r\n\t var dashType = this.dashType();\r\n\t if (dashType && dashType !== SOLID) {\r\n\t var dashArray = DASH_ARRAYS[dashType];\r\n\t if (ctx.setLineDash) {\r\n\t ctx.setLineDash(dashArray);\r\n\t } else {\r\n\t ctx.mozDash = dashArray;\r\n\t ctx.webkitLineDash = dashArray;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t setLineCap: function(ctx) {\r\n\t var dashType = this.dashType();\r\n\t var stroke = this.srcElement.options.stroke;\r\n\t if (dashType && dashType !== SOLID) {\r\n\t ctx.lineCap = BUTT;\r\n\t } else if (stroke && stroke.lineCap) {\r\n\t ctx.lineCap = stroke.lineCap;\r\n\t }\r\n\t },\r\n\r\n\t setLineJoin: function(ctx) {\r\n\t var stroke = this.srcElement.options.stroke;\r\n\t if (stroke && stroke.lineJoin) {\r\n\t ctx.lineJoin = stroke.lineJoin;\r\n\t }\r\n\t },\r\n\r\n\t renderPoints: function(ctx, path) {\r\n\t renderPath(ctx, path);\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP$2.Path = PathNode$2;\r\n\r\n\tvar ArcNode$2 = PathNode$2.extend({\r\n\t renderPoints: function(ctx) {\r\n\t var path = this.srcElement.toPath();\r\n\t renderPath(ctx, path);\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP$2.Arc = ArcNode$2;\r\n\r\n\tvar CircleNode$2 = PathNode$2.extend({\r\n\t renderPoints: function(ctx) {\r\n\t var ref = this.srcElement.geometry();\r\n\t var center = ref.center;\r\n\t var radius = ref.radius;\r\n\r\n\t ctx.arc(center.x, center.y, radius, 0, Math.PI * 2);\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP$2.Circle = CircleNode$2;\r\n\r\n\tvar RectNode$2 = PathNode$2.extend({\r\n\t renderPoints: function(ctx) {\r\n\t var ref = this.srcElement.geometry();\r\n\t var origin = ref.origin;\r\n\t var size = ref.size;\r\n\r\n\t ctx.rect(origin.x, origin.y, size.width, size.height);\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP$2.Rect = RectNode$2;\r\n\r\n\tvar ImageNode$2 = PathNode$2.extend({\r\n\t init: function(srcElement, cors) {\r\n\t PathNode$2.fn.init.call(this, srcElement);\r\n\r\n\t this.onLoad = this.onLoad.bind(this);\r\n\t this.onError = this.onError.bind(this);\r\n\r\n\t this.loading = createPromise();\r\n\r\n\t var img = this.img = new Image();\r\n\r\n\t if (cors && !(/^data:/i.test(srcElement.src()))) {\r\n\t img.crossOrigin = cors;\r\n\t }\r\n\r\n\t img.src = srcElement.src();\r\n\r\n\t if (img.complete) {\r\n\t this.onLoad();\r\n\t } else {\r\n\t img.onload = this.onLoad;\r\n\t img.onerror = this.onError;\r\n\t }\r\n\t },\r\n\r\n\t renderTo: function(ctx) {\r\n\t if (this.loading.state() === \"resolved\") {\r\n\t ctx.save();\r\n\r\n\t this.setTransform(ctx);\r\n\t this.setClip(ctx);\r\n\r\n\t this.drawImage(ctx);\r\n\r\n\t ctx.restore();\r\n\t }\r\n\t },\r\n\r\n\t optionsChange: function(e) {\r\n\t if (e.field === \"src\") {\r\n\t this.loading = createPromise();\r\n\t this.img.src = this.srcElement.src();\r\n\t } else {\r\n\t PathNode$2.fn.optionsChange.call(this, e);\r\n\t }\r\n\t },\r\n\r\n\t onLoad: function() {\r\n\t this.loading.resolve();\r\n\t this.invalidate();\r\n\t },\r\n\r\n\t onError: function() {\r\n\t this.loading.reject(new Error(\r\n\t \"Unable to load image '\" + this.img.src +\r\n\t \"'. Check for connectivity and verify CORS headers.\"\r\n\t ));\r\n\t },\r\n\r\n\t drawImage: function(ctx) {\r\n\t var rect = this.srcElement.rect();\r\n\t var topLeft = rect.topLeft();\r\n\r\n\t ctx.drawImage(\r\n\t this.img, topLeft.x, topLeft.y, rect.width(), rect.height()\r\n\t );\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP$2.Image = ImageNode$2;\r\n\r\n\tvar TextNode$2 = PathNode$2.extend({\r\n\t renderTo: function(ctx) {\r\n\t var text = this.srcElement;\r\n\t var pos = text.position();\r\n\t var size = text.measure();\r\n\r\n\t ctx.save();\r\n\r\n\t this.setTransform(ctx);\r\n\t this.setClip(ctx);\r\n\t this.setOpacity(ctx);\r\n\r\n\t ctx.beginPath();\r\n\r\n\t ctx.font = text.options.font;\r\n\t ctx.textAlign = 'left';\r\n\r\n\t if (this.setFill(ctx)) {\r\n\t ctx.fillText(text.content(), pos.x, pos.y + size.baseline);\r\n\t }\r\n\r\n\t if (this.setStroke(ctx)) {\r\n\t this.setLineDash(ctx);\r\n\t ctx.strokeText(text.content(), pos.x, pos.y + size.baseline);\r\n\t }\r\n\r\n\t ctx.restore();\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP$2.Text = TextNode$2;\r\n\r\n\tvar MultiPathNode$2 = PathNode$2.extend({\r\n\t renderPoints: function(ctx) {\r\n\t var paths = this.srcElement.paths;\r\n\t for (var i = 0; i < paths.length; i++) {\r\n\t renderPath(ctx, paths[i]);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tNODE_MAP$2.MultiPath = MultiPathNode$2;\r\n\r\n\tvar canvas = {\r\n\t\tSurface: Surface$3,\r\n\t\tRootNode: RootNode$2,\r\n\t\tNode: Node$2,\r\n\t\tGroupNode: GroupNode$2,\r\n\t\tArcNode: ArcNode$2,\r\n\t\tCircleNode: CircleNode$2,\r\n\t\tRectNode: RectNode$2,\r\n\t\tImageNode: ImageNode$2,\r\n\t\tTextNode: TextNode$2,\r\n\t\tPathNode: PathNode$2,\r\n\t\tMultiPathNode: MultiPathNode$2\r\n\t};\r\n\r\n\tfunction exportImage(group, options) {\r\n\t var defaults = {\r\n\t width: \"800px\", height: \"600px\",\r\n\t cors: \"Anonymous\"\r\n\t };\r\n\r\n\t var exportRoot = group;\r\n\t var bbox = group.clippedBBox();\r\n\r\n\t if (bbox) {\r\n\t var origin = bbox.getOrigin();\r\n\t exportRoot = new Group();\r\n\t exportRoot.transform(transform().translate(-origin.x, -origin.y));\r\n\t exportRoot.children.push(group);\r\n\r\n\t var size = bbox.getSize();\r\n\t defaults.width = size.width + \"px\";\r\n\t defaults.height = size.height + \"px\";\r\n\t }\r\n\r\n\t var surfaceOptions = $.extend(defaults, options);\r\n\r\n\t var container = document.createElement(\"div\");\r\n\t var style = container.style;\r\n\r\n\t style.display = \"none\";\r\n\t style.width = surfaceOptions.width;\r\n\t style.height = surfaceOptions.height;\r\n\t document.body.appendChild(container);\r\n\r\n\t var surface = new Surface$3(container, surfaceOptions);\r\n\t surface.suspendTracking();\r\n\t surface.draw(exportRoot);\r\n\r\n\t var promise = surface.image();\r\n\t var destroy = function () {\r\n\t surface.destroy();\r\n\t document.body.removeChild(container);\r\n\t };\r\n\t promise.then(destroy, destroy);\r\n\r\n\t return promise;\r\n\t}\r\n\r\n\tfunction exportSVG(group, options) {\r\n\t var svg = exportGroup(group);\r\n\r\n\t if (!options || !options.raw) {\r\n\t svg = \"data:image/svg+xml;base64,\" + encodeBase64(svg);\r\n\t }\r\n\r\n\t return createPromise().resolve(svg);\r\n\t}\r\n\r\n\t/* eslint-disable no-multi-spaces, key-spacing, indent, camelcase, space-before-blocks, eqeqeq, brace-style */\r\n\t/* eslint-disable space-infix-ops, space-before-function-paren, array-bracket-spacing, object-curly-spacing */\r\n\t/* eslint-disable no-nested-ternary, max-params, default-case, no-else-return, no-empty, yoda */\r\n\t/* eslint-disable no-param-reassign, no-var, block-scoped-var */\r\n\r\n\tvar browser = supportBrowser;\r\n\t/*\r\n\r\n\t XXX: to test:\r\n\r\n\t - cloneNodes function:\r\n\t - drawing document containing canvas with page breaking\r\n\t - drawing document with named radio -s (should not clear selection)\r\n\t - IE9/IE10 don't support el.dataset; do they copy user data?\r\n\r\n\t - repeating table headers/footers on page breaking\r\n\r\n\t - forceBreak, keepTogether\r\n\r\n\t - avoidLinks\r\n\r\n\t */\r\n\r\n\t/* -----[ local vars ]----- */\r\n\r\n\tfunction slice$1(thing) {\r\n\t return Array.prototype.slice.call(thing);\r\n\t}\r\n\r\n\tvar KENDO_PSEUDO_ELEMENT = \"KENDO-PSEUDO-ELEMENT\";\r\n\r\n\tvar IMAGE_CACHE = {};\r\n\r\n\tvar nodeInfo = {};\r\n\tnodeInfo._root = nodeInfo;\r\n\r\n\t/* -----[ Custom Text node to speed up rendering in kendo.pdf ]----- */\r\n\r\n\tvar TextRect = Text.extend({\r\n\t init: function(str, rect, options) {\r\n\t Text.fn.init.call(this, str, rect.getOrigin(), options);\r\n\t this._pdfRect = rect;\r\n\t },\r\n\r\n\t rect: function() {\r\n\t // this is the crux of it: we can avoid a call to\r\n\t // measure(), which is what the base class does, since we\r\n\t // already know the rect. measure() is s-l-o-w.\r\n\t return this._pdfRect;\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t // also let's avoid creating a new rectangle.\r\n\t return this._pdfRect;\r\n\t }\r\n\t});\r\n\r\n\tfunction addClass(el, cls) {\r\n\t if (el.classList) {\r\n\t el.classList.add(cls);\r\n\t } else {\r\n\t el.className += \" \" + cls;\r\n\t }\r\n\t}\r\n\r\n\tfunction removeClass(el, cls) {\r\n\t if (el.classList) {\r\n\t el.classList.remove(cls);\r\n\t } else {\r\n\t el.className = el.className.split(/\\s+/).reduce(function(a, word){\r\n\t if (word != cls) {\r\n\t a.push(word);\r\n\t }\r\n\t return a;\r\n\t }, []).join(\" \");\r\n\t }\r\n\t}\r\n\r\n\tfunction setCSS(el, styles) {\r\n\t Object.keys(styles).forEach(function(key){\r\n\t el.style[key] = styles[key];\r\n\t });\r\n\t}\r\n\r\n\tvar matches = typeof Element !== \"undefined\" && Element.prototype && (function(p){\r\n\t if (p.matches) {\r\n\t return function(el, selector) { return el.matches(selector); };\r\n\t }\r\n\t if (p.webkitMatchesSelector) {\r\n\t return function(el, selector) { return el.webkitMatchesSelector(selector); };\r\n\t }\r\n\t if (p.mozMatchesSelector) {\r\n\t return function(el, selector) { return el.mozMatchesSelector(selector); };\r\n\t }\r\n\t if (p.msMatchesSelector) {\r\n\t return function(el, selector) { return el.msMatchesSelector(selector); };\r\n\t }\r\n\t return function(s) {\r\n\t\treturn [].indexOf.call(document.querySelectorAll(s), this) !== -1;\r\n\t };\r\n\t})(Element.prototype);\r\n\r\n\tfunction closest(el, selector) {\r\n\t if (el.closest) {\r\n\t return el.closest(selector);\r\n\t }\r\n\t // IE: stringifying rather than simply comparing with `document`,\r\n\t // which is not iframe-proof and fails in editor export —\r\n\t // https://github.com/telerik/kendo/issues/6721\r\n\t while (el && !/^\\[object (?:HTML)?Document\\]$/.test(String(el))) {\r\n\t if (matches(el, selector)) {\r\n\t return el;\r\n\t }\r\n\t el = el.parentNode;\r\n\t }\r\n\t}\r\n\r\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\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\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__(906);\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/***/ 850:\n/***/ (function(module, exports) {\n\n\tmodule.exports = require(\"../../kendo.dataviz.core\");\n\n/***/ }),\n\n/***/ 906:\n/***/ (function(module, exports, __webpack_require__) {\n\n\tvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(850) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function () {\r\n\r\n\twindow.kendo.dataviz = window.kendo.dataviz || {};\r\n\r\n\tvar BAR_GAP = 1.5;\r\n\tvar BAR_SPACING = 0.4;\r\n\tvar BLACK = '#000';\r\n\tvar SANS = 'Arial, Helvetica, sans-serif';\r\n\tvar SANS11 = \"11px \" + SANS;\r\n\tvar SANS12 = '12px ' + SANS;\r\n\tvar SANS16 = '16px ' + SANS;\r\n\tvar TRANSPARENT = 'transparent';\r\n\tvar WHITE = '#fff';\r\n\r\n\tvar notes = function () { return ({\r\n\t icon: {\r\n\t border: {\r\n\t width: 1\r\n\t }\r\n\t },\r\n\t label: {\r\n\t font: SANS12,\r\n\t padding: 3\r\n\t },\r\n\t line: {\r\n\t length: 10,\r\n\t width: 2\r\n\t },\r\n\t visible: true\r\n\t}); };\r\n\r\n\tvar axisDefaults = function () { return ({\r\n\t labels: {\r\n\t font: SANS12\r\n\t },\r\n\t notes: notes(),\r\n\t title: {\r\n\t font: SANS16,\r\n\t margin: 5\r\n\t }\r\n\t}); };\r\n\r\n\tvar areaSeries = function () { return ({\r\n\t highlight: {\r\n\t markers: {\r\n\t border: {}\r\n\t }\r\n\t },\r\n\t line: {\r\n\t opacity: 1,\r\n\t width: 0\r\n\t },\r\n\t markers: {\r\n\t size: 6,\r\n\t visible: false\r\n\t },\r\n\t opacity: 0.4\r\n\t}); };\r\n\r\n\tvar rangeAreaSeries = function () { return ({\r\n\t highlight: {\r\n\t markers: {\r\n\t border: {}\r\n\t }\r\n\t },\r\n\t line: {\r\n\t opacity: 1,\r\n\t width: 0\r\n\t },\r\n\t markers: {\r\n\t size: 6,\r\n\t visible: false\r\n\t },\r\n\t opacity: 0.4\r\n\t}); };\r\n\r\n\tvar barSeries = function () { return ({\r\n\t gap: BAR_GAP,\r\n\t spacing: BAR_SPACING\r\n\t}); };\r\n\r\n\tvar boxPlotSeries = function () { return ({\r\n\t outliersField: \"\",\r\n\t meanField: \"\",\r\n\t border: {\r\n\t _brightness: 0.8,\r\n\t width: 1\r\n\t },\r\n\t downColor: WHITE,\r\n\t gap: 1,\r\n\t highlight: {\r\n\t border: {\r\n\t opacity: 1,\r\n\t width: 2\r\n\t },\r\n\t whiskers: {\r\n\t width: 3\r\n\t },\r\n\t mean: {\r\n\t width: 2\r\n\t },\r\n\t median: {\r\n\t width: 2\r\n\t }\r\n\t },\r\n\t mean: {\r\n\t width: 2\r\n\t },\r\n\t median: {\r\n\t width: 2\r\n\t },\r\n\t spacing: 0.3,\r\n\t whiskers: {\r\n\t width: 2\r\n\t }\r\n\t}); };\r\n\r\n\tvar bubbleSeries = function () { return ({\r\n\t border: {\r\n\t width: 0\r\n\t },\r\n\t labels: {\r\n\t background: TRANSPARENT\r\n\t },\r\n\t opacity: 0.6\r\n\t}); };\r\n\r\n\tvar bulletSeries = function () { return ({\r\n\t gap: BAR_GAP,\r\n\t spacing: BAR_SPACING,\r\n\t target: {\r\n\t color: \"#ff0000\"\r\n\t }\r\n\t}); };\r\n\r\n\tvar candlestickSeries = function () { return ({\r\n\t border: {\r\n\t _brightness: 0.8,\r\n\t width: 1\r\n\t },\r\n\t downColor: WHITE,\r\n\t gap: 1,\r\n\t highlight: {\r\n\t border: {\r\n\t opacity: 1,\r\n\t width: 2\r\n\t },\r\n\t line: {\r\n\t width: 2\r\n\t }\r\n\t },\r\n\t line: {\r\n\t color: BLACK,\r\n\t width: 1\r\n\t },\r\n\t spacing: 0.3\r\n\t}); };\r\n\r\n\tvar columnSeries = function () { return ({\r\n\t gap: BAR_GAP,\r\n\t spacing: BAR_SPACING\r\n\t}); };\r\n\r\n\tvar donutSeries = function () { return ({\r\n\t margin: 1\r\n\t}); };\r\n\r\n\tvar lineSeries = function () { return ({\r\n\t width: 2\r\n\t}); };\r\n\r\n\tvar ohlcSeries = function () { return ({\r\n\t gap: 1,\r\n\t highlight: {\r\n\t line: {\r\n\t opacity: 1,\r\n\t width: 3\r\n\t }\r\n\t },\r\n\t line: {\r\n\t width: 1\r\n\t },\r\n\t spacing: 0.3\r\n\t}); };\r\n\r\n\tvar radarAreaSeries = function () { return ({\r\n\t line: {\r\n\t opacity: 1,\r\n\t width: 0\r\n\t },\r\n\t markers: {\r\n\t size: 6,\r\n\t visible: false\r\n\t },\r\n\t opacity: 0.5\r\n\t}); };\r\n\r\n\tvar radarLineSeries = function () { return ({\r\n\t markers: {\r\n\t visible: false\r\n\t },\r\n\t width: 2\r\n\t}); };\r\n\r\n\tvar rangeBarSeries = function () { return ({\r\n\t gap: BAR_GAP,\r\n\t spacing: BAR_SPACING\r\n\t}); };\r\n\r\n\tvar rangeColumnSeries = function () { return ({\r\n\t gap: BAR_GAP,\r\n\t spacing: BAR_SPACING\r\n\t}); };\r\n\r\n\tvar scatterLineSeries = function () { return ({\r\n\t width: 1\r\n\t}); };\r\n\r\n\tvar waterfallSeries = function () { return ({\r\n\t gap: 0.5,\r\n\t line: {\r\n\t color: BLACK,\r\n\t width: 1\r\n\t },\r\n\t spacing: BAR_SPACING\r\n\t}); };\r\n\r\n\tvar pieSeries = function () { return ({\r\n\t labels: {\r\n\t background: '',\r\n\t color: '',\r\n\t padding: {\r\n\t top: 5,\r\n\t bottom: 5,\r\n\t left: 7,\r\n\t right: 7\r\n\t }\r\n\t }\r\n\t}); };\r\n\r\n\tvar funnelSeries = function () { return ({\r\n\t labels: {\r\n\t background: '',\r\n\t color: '',\r\n\t padding: {\r\n\t top: 5,\r\n\t bottom: 5,\r\n\t left: 7,\r\n\t right: 7\r\n\t }\r\n\t }\r\n\t}); };\r\n\r\n\tvar seriesDefaults = function (options) { return ({\r\n\t visible: true,\r\n\t labels: {\r\n\t font: SANS11\r\n\t },\r\n\t overlay: options.gradients ? {} : {\r\n\t gradient: \"none\"\r\n\t },\r\n\t area: areaSeries(),\r\n\t rangeArea: rangeAreaSeries(),\r\n\t verticalRangeArea: rangeAreaSeries(),\r\n\t bar: barSeries(),\r\n\t boxPlot: boxPlotSeries(),\r\n\t bubble: bubbleSeries(),\r\n\t bullet: bulletSeries(),\r\n\t candlestick: candlestickSeries(),\r\n\t column: columnSeries(),\r\n\t pie: pieSeries(),\r\n\t donut: donutSeries(),\r\n\t funnel: funnelSeries(),\r\n\t horizontalWaterfall: waterfallSeries(),\r\n\t line: lineSeries(),\r\n\t notes: notes(),\r\n\t ohlc: ohlcSeries(),\r\n\t radarArea: radarAreaSeries(),\r\n\t radarLine: radarLineSeries(),\r\n\t polarArea: radarAreaSeries(),\r\n\t polarLine: radarLineSeries(),\r\n\t rangeBar: rangeBarSeries(),\r\n\t rangeColumn: rangeColumnSeries(),\r\n\t scatterLine: scatterLineSeries(),\r\n\t verticalArea: areaSeries(),\r\n\t verticalBoxPlot: boxPlotSeries(),\r\n\t verticalBullet: bulletSeries(),\r\n\t verticalLine: lineSeries(),\r\n\t waterfall: waterfallSeries()\r\n\t}); };\r\n\r\n\tvar title = function () { return ({\r\n\t font: SANS16\r\n\t}); };\r\n\r\n\tvar legend = function () { return ({\r\n\t labels: {\r\n\t font: SANS12\r\n\t }\r\n\t}); };\r\n\r\n\tvar baseTheme = function (options) {\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t return ({\r\n\t axisDefaults: axisDefaults(),\r\n\t categoryAxis: {\r\n\t majorGridLines: {\r\n\t visible: true\r\n\t }\r\n\t },\r\n\t navigator: {\r\n\t pane: {\r\n\t height: 90,\r\n\t margin: {\r\n\t top: 10\r\n\t }\r\n\t }\r\n\t },\r\n\t seriesDefaults: seriesDefaults(options),\r\n\t title: title(),\r\n\t legend: legend()\r\n\t});\r\n\t};\r\n\r\n\tkendo.deepExtend(kendo.dataviz, {\r\n\t chartBaseTheme: baseTheme\r\n\t});\r\n\r\n\t})();\r\n\r\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__(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/***/ 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__(908) ], __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 TEXT = \"#656565\";\n\t var AXIS = \"rgba(0, 0, 0, .04)\";\n\t var SERIES = [\"#ff6358\", \"#ffd246\", \"#78d237\", \"#28b4c8\", \"#2d73f5\", \"#aa46be\"];\n\t var SERIES_LIGHT = [\"#ffd9dc\", \"#ffeced\", \"#cceef3\", \"#e6f8fb\", \"#fff2da\", \"#fff7e8\"];\n\t var PRIMARY = SERIES[0];\n\n\t registerTheme(\"default-v2\", {\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\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/***/ 908:\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__(909);\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__;(function(f, define){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(910) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\t \r\n\t var kendo = window.kendo;\r\n\t var drawing = kendo.drawing;\r\n\t var drawDOM = drawing.drawDOM;\r\n\r\n\t drawing.drawDOM = function(element, options) {\r\n\t return drawDOM($(element)[0], options);\r\n\t };\r\n\r\n\t drawing.drawDOM.drawText = drawDOM.drawText;\r\n\t drawing.drawDOM.getFontFaces = drawDOM.getFontFaces;\r\n\r\n\t})(window.kendo.jQuery);\r\n\r\n\t}, __webpack_require__(3));\r\n\n\n/***/ }),\n\n/***/ 910:\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__(911);\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){\r\n\t !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(912), __webpack_require__(913), __webpack_require__(914) ], __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__));\r\n\t})(function(){\r\n\r\n\t(function ($) {\r\n\r\n\t/* jshint eqnull:true */\r\n\t/* jshint -W069 */\r\n\t/* jshint latedef: nofunc */\r\n\r\n\twindow.kendo = window.kendo || {};\r\n\tvar kendoDrawing = kendo.drawing;\r\n\tvar kendoDrawingUtil = kendoDrawing.util;\r\n\tvar Class = kendo.Class;\r\n\tvar kendoUtil = kendo.util;\r\n\tvar support = kendo.support;\r\n\tvar supportBrowser = support.browser;\r\n\r\n\tvar createPromise = kendoDrawingUtil.createPromise;\r\n\tvar promiseAll = kendoDrawingUtil.promiseAll;\r\n\r\n\tvar ObserversMixin = {\r\n\t extend: function(proto) {\r\n\t var this$1 = this;\r\n\r\n\t for (var method in this) {\r\n\t if (method !== \"extend\") {\r\n\t proto[method] = this$1[method];\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t observers: function() {\r\n\t this._observers = this._observers || [];\r\n\t return this._observers;\r\n\t },\r\n\r\n\t addObserver: function(element) {\r\n\t if (!this._observers) {\r\n\t this._observers = [ element ];\r\n\t } else {\r\n\t this._observers.push(element);\r\n\t }\r\n\t return this;\r\n\t },\r\n\r\n\t removeObserver: function(element) {\r\n\t var observers = this.observers();\r\n\t var index = observers.indexOf(element);\r\n\t if (index !== -1) {\r\n\t observers.splice(index, 1);\r\n\t }\r\n\t return this;\r\n\t },\r\n\r\n\t trigger: function(methodName, event) {\r\n\t var observers = this._observers;\r\n\r\n\t if (observers && !this._suspended) {\r\n\t for (var idx = 0; idx < observers.length; idx++) {\r\n\t var observer = observers[idx];\r\n\t if (observer[methodName]) {\r\n\t observer[methodName](event);\r\n\t }\r\n\t }\r\n\t }\r\n\t return this;\r\n\t },\r\n\r\n\t optionsChange: function(e) {\r\n\t if (e === void 0) { e = {}; }\r\n\r\n\t e.element = this;\r\n\t this.trigger(\"optionsChange\", e);\r\n\t },\r\n\r\n\t geometryChange: function() {\r\n\t this.trigger(\"geometryChange\", {\r\n\t element: this\r\n\t });\r\n\t },\r\n\r\n\t suspend: function() {\r\n\t this._suspended = (this._suspended || 0) + 1;\r\n\t return this;\r\n\t },\r\n\r\n\t resume: function() {\r\n\t this._suspended = Math.max((this._suspended || 0) - 1, 0);\r\n\t return this;\r\n\t },\r\n\r\n\t _observerField: function(field, value) {\r\n\t if (this[field]) {\r\n\t this[field].removeObserver(this);\r\n\t }\r\n\t this[field] = value;\r\n\t value.addObserver(this);\r\n\t }\r\n\t};\r\n\r\n\tfunction append(first, second) {\r\n\t first.push.apply(first, second);\r\n\t return first;\r\n\t}\r\n\r\n\t/* eslint-disable key-spacing,no-multi-spaces,no-param-reassign */\r\n\r\n\tvar literals = {\r\n\t 1 : \"i\", 10 : \"x\", 100 : \"c\",\r\n\t 2 : \"ii\", 20 : \"xx\", 200 : \"cc\",\r\n\t 3 : \"iii\", 30 : \"xxx\", 300 : \"ccc\",\r\n\t 4 : \"iv\", 40 : \"xl\", 400 : \"cd\",\r\n\t 5 : \"v\", 50 : \"l\", 500 : \"d\",\r\n\t 6 : \"vi\", 60 : \"lx\", 600 : \"dc\",\r\n\t 7 : \"vii\", 70 : \"lxx\", 700 : \"dcc\",\r\n\t 8 : \"viii\", 80 : \"lxxx\", 800 : \"dccc\",\r\n\t 9 : \"ix\", 90 : \"xc\", 900 : \"cm\",\r\n\t 1000 : \"m\"\r\n\t};\r\n\r\n\tfunction arabicToRoman(n) {\r\n\t var values = [ 1000,\r\n\t 900 , 800, 700, 600, 500, 400, 300, 200, 100,\r\n\t 90 , 80 , 70 , 60 , 50 , 40 , 30 , 20 , 10 ,\r\n\t 9 , 8 , 7 , 6 , 5 , 4 , 3 , 2 , 1 ];\r\n\r\n\t var roman = \"\";\r\n\t while (n > 0) {\r\n\t if (n < values[0]) {\r\n\t values.shift();\r\n\t } else {\r\n\t roman += literals[values[0]];\r\n\t n -= values[0];\r\n\t }\r\n\t }\r\n\t return roman;\r\n\t}\r\n\r\n\tvar UNDEFINED = \"undefined\";\r\n\r\n\tfunction defined(value) {\r\n\t return typeof value !== UNDEFINED;\r\n\t}\r\n\r\n\tvar defId = 1;\r\n\r\n\tfunction definitionId() {\r\n\t return \"kdef\" + defId++;\r\n\t}\r\n\r\n\tvar DEG_TO_RAD = Math.PI / 180;\r\n\tvar MAX_NUM = Number.MAX_VALUE;\r\n\tvar MIN_NUM = -Number.MAX_VALUE;\r\n\r\n\tfunction deg(radians) {\r\n\t return radians / DEG_TO_RAD;\r\n\t}\r\n\r\n\tvar KEY_STR = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\r\n\tvar fromCharCode = String.fromCharCode;\r\n\r\n\tfunction encodeUTF8(input) {\r\n\t var output = \"\";\r\n\r\n\t for (var i = 0; i < input.length; i++) {\r\n\t var c = input.charCodeAt(i);\r\n\r\n\t if (c < 0x80) {\r\n\t // One byte\r\n\t output += fromCharCode(c);\r\n\t } else if (c < 0x800) {\r\n\t // Two bytes\r\n\t output += fromCharCode(0xC0 | (c >>> 6));\r\n\t output += fromCharCode(0x80 | (c & 0x3f));\r\n\t } else if (c < 0x10000) {\r\n\t // Three bytes\r\n\t output += fromCharCode(0xE0 | (c >>> 12));\r\n\t output += fromCharCode(0x80 | (c >>> 6 & 0x3f));\r\n\t output += fromCharCode(0x80 | (c & 0x3f));\r\n\t }\r\n\t }\r\n\r\n\t return output;\r\n\t}\r\n\r\n\tfunction encodeBase64(input) {\r\n\t var output = \"\";\r\n\t var i = 0;\r\n\r\n\t var utfInput = encodeUTF8(input);\r\n\r\n\t while (i < utfInput.length) {\r\n\t var chr1 = utfInput.charCodeAt(i++);\r\n\t var chr2 = utfInput.charCodeAt(i++);\r\n\t var chr3 = utfInput.charCodeAt(i++);\r\n\r\n\t var enc1 = chr1 >> 2;\r\n\t var enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);\r\n\t var enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);\r\n\t var enc4 = chr3 & 63;\r\n\r\n\t if (isNaN(chr2)) {\r\n\t enc3 = enc4 = 64;\r\n\t } else if (isNaN(chr3)) {\r\n\t enc4 = 64;\r\n\t }\r\n\r\n\t output = output +\r\n\t KEY_STR.charAt(enc1) + KEY_STR.charAt(enc2) +\r\n\t KEY_STR.charAt(enc3) + KEY_STR.charAt(enc4);\r\n\t }\r\n\r\n\t return output;\r\n\t}\r\n\r\n\tfunction eventCoordinates(e) {\r\n\t if (defined((e.x || {}).location)) {\r\n\t return {\r\n\t x: e.x.location,\r\n\t y: e.y.location\r\n\t };\r\n\t }\r\n\r\n\t return {\r\n\t x: e.pageX || e.clientX || 0,\r\n\t y: e.pageY || e.clientY || 0\r\n\t };\r\n\t}\r\n\r\n\tfunction eventElement(e) {\r\n\t if (e === void 0) { e = {}; }\r\n\r\n\t return e.touch ? e.touch.initialTouch : e.target;\r\n\t}\r\n\r\n\tfunction isTransparent(color) {\r\n\t return color === \"\" || color === null || color === \"none\" || color === \"transparent\" || !defined(color);\r\n\t}\r\n\r\n\tfunction last(array) {\r\n\t if (array) {\r\n\t return array[array.length - 1];\r\n\t }\r\n\t}\r\n\r\n\tfunction limitValue(value, min, max) {\r\n\t return Math.max(Math.min(value, max), min);\r\n\t}\r\n\r\n\t/* eslint-disable no-multi-spaces, key-spacing, indent, camelcase, space-before-blocks, eqeqeq, brace-style */\r\n\t/* eslint-disable space-infix-ops, space-before-function-paren, array-bracket-spacing, object-curly-spacing */\r\n\t/* eslint-disable no-nested-ternary, max-params, default-case, no-else-return, no-empty */\r\n\t/* eslint-disable no-param-reassign, no-var, block-scoped-var */\r\n\r\n\t// mergeSort is stable.\r\n\tfunction mergeSort(a, cmp) {\r\n\t if (a.length < 2) {\r\n\t return a.slice();\r\n\t }\r\n\t function merge(a, b) {\r\n\t var r = [], ai = 0, bi = 0, i = 0;\r\n\t while (ai < a.length && bi < b.length) {\r\n\t if (cmp(a[ai], b[bi]) <= 0) {\r\n\t r[i++] = a[ai++];\r\n\t } else {\r\n\t r[i++] = b[bi++];\r\n\t }\r\n\t }\r\n\t if (ai < a.length) {\r\n\t r.push.apply(r, a.slice(ai));\r\n\t }\r\n\t if (bi < b.length) {\r\n\t r.push.apply(r, b.slice(bi));\r\n\t }\r\n\t return r;\r\n\t }\r\n\t return (function sort(a) {\r\n\t if (a.length <= 1) {\r\n\t return a;\r\n\t }\r\n\t var m = Math.floor(a.length / 2);\r\n\t var left = a.slice(0, m);\r\n\t var right = a.slice(m);\r\n\t left = sort(left);\r\n\t right = sort(right);\r\n\t return merge(left, right);\r\n\t })(a);\r\n\t}\r\n\r\n\tfunction rad(degrees) {\r\n\t return degrees * DEG_TO_RAD;\r\n\t}\r\n\r\n\tfunction pow(p) {\r\n\t if (p) {\r\n\t return Math.pow(10, p);\r\n\t }\r\n\r\n\t return 1;\r\n\t}\r\n\r\n\tfunction round(value, precision) {\r\n\t var power = pow(precision);\r\n\t return Math.round(value * power) / power;\r\n\t}\r\n\r\n\tfunction valueOrDefault(value, defaultValue) {\r\n\t return defined(value) ? value : defaultValue;\r\n\t}\r\n\r\n\tfunction bindEvents(element, events) {\r\n\t for (var eventName in events) {\r\n\t var eventNames = eventName.trim().split(\" \");\r\n\t for (var idx = 0; idx < eventNames.length; idx++) {\r\n\t element.addEventListener(eventNames[idx], events[eventName], false);\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction elementOffset(element) {\r\n\t var box = element.getBoundingClientRect();\r\n\r\n\t var documentElement = document.documentElement;\r\n\r\n\t return {\r\n\t top: box.top + (window.pageYOffset || documentElement.scrollTop) - (documentElement.clientTop || 0),\r\n\t left: box.left + (window.pageXOffset || documentElement.scrollLeft) - (documentElement.clientLeft || 0)\r\n\t };\r\n\t}\r\n\r\n\tfunction elementStyles(element, styles) {\r\n\t var result = {};\r\n\t var style = window.getComputedStyle(element);\r\n\t var stylesArray = Array.isArray(styles) ? styles : [ styles ];\r\n\r\n\t for (var idx = 0; idx < stylesArray.length; idx++) {\r\n\t var field = stylesArray[idx];\r\n\t result[field] = style[field];\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction getPixels(value) {\r\n\t if (isNaN(value)) {\r\n\t return value;\r\n\t }\r\n\t return value + \"px\";\r\n\t}\r\n\r\n\tfunction elementSize(element, size) {\r\n\t if (size) {\r\n\t var width = size.width;\r\n\t var height = size.height;\r\n\r\n\t if (defined(width)) {\r\n\t element.style.width = getPixels(width);\r\n\t }\r\n\r\n\t if (defined(height)) {\r\n\t element.style.height = getPixels(height);\r\n\t }\r\n\r\n\t } else {\r\n\t var size$1 = elementStyles(element, [ 'width', 'height' ]);\r\n\r\n\t return {\r\n\t width: parseInt(size$1.width, 10),\r\n\t height: parseInt(size$1.height, 10)\r\n\t };\r\n\t }\r\n\t}\r\n\r\n\tfunction unbindEvents(element, events) {\r\n\t if (events === void 0) { events = {}; }\r\n\r\n\t for (var name in events) {\r\n\t var eventNames = name.trim().split(\" \");\r\n\t for (var idx = 0; idx < eventNames.length; idx++) {\r\n\t element.removeEventListener(eventNames[idx], events[name], false);\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tvar util = {\r\n\t\tappend: append,\r\n\t\tarabicToRoman: arabicToRoman,\r\n\t\tcreatePromise: createPromise,\r\n\t\tdefined: defined,\r\n\t\tdefinitionId: definitionId,\r\n\t\tdeg: deg,\r\n\t\tencodeBase64: encodeBase64,\r\n\t\teventCoordinates: eventCoordinates,\r\n\t\teventElement: eventElement,\r\n\t\tisTransparent: isTransparent,\r\n\t\tlast: last,\r\n\t\tlimitValue: limitValue,\r\n\t\tmergeSort: mergeSort,\r\n\t\tpromiseAll: promiseAll,\r\n\t\trad: rad,\r\n\t\tround: round,\r\n\t\tvalueOrDefault: valueOrDefault,\r\n\t\tbindEvents: bindEvents,\r\n\t\telementOffset: elementOffset,\r\n\t\telementSize: elementSize,\r\n\t\telementStyles: elementStyles,\r\n\t\tunbindEvents: unbindEvents,\r\n\t\tDEG_TO_RAD: DEG_TO_RAD,\r\n\t\tMAX_NUM: MAX_NUM,\r\n\t\tMIN_NUM: MIN_NUM\r\n\t};\r\n\r\n\tvar toString = {}.toString;\r\n\r\n\tvar OptionsStore = Class.extend({\r\n\t init: function(options, prefix) {\r\n\t var this$1 = this;\r\n\t if (prefix === void 0) { prefix = \"\"; }\r\n\r\n\t this.prefix = prefix;\r\n\r\n\t for (var field in options) {\r\n\t var member = options[field];\r\n\t member = this$1._wrap(member, field);\r\n\t this$1[field] = member;\r\n\t }\r\n\t },\r\n\r\n\t get: function(field) {\r\n\t var parts = field.split(\".\");\r\n\t var result = this;\r\n\r\n\t while (parts.length && result) {\r\n\t var part = parts.shift();\r\n\t result = result[part];\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t set: function(field, value) {\r\n\t var current = this.get(field);\r\n\r\n\t if (current !== value) {\r\n\t this._set(field, this._wrap(value, field));\r\n\t this.optionsChange({\r\n\t field: this.prefix + field,\r\n\t value: value\r\n\t });\r\n\t }\r\n\t },\r\n\r\n\t _set: function(field, value) {\r\n\t var this$1 = this;\r\n\r\n\t var composite = field.indexOf(\".\") >= 0;\r\n\t var parentObj = this;\r\n\t var fieldName = field;\r\n\r\n\t if (composite) {\r\n\t var parts = fieldName.split(\".\");\r\n\t var prefix = this.prefix;\r\n\r\n\t while (parts.length > 1) {\r\n\t fieldName = parts.shift();\r\n\t prefix += fieldName + \".\";\r\n\r\n\t var obj = parentObj[fieldName];\r\n\r\n\t if (!obj) {\r\n\t obj = new OptionsStore({}, prefix);\r\n\t obj.addObserver(this$1);\r\n\t parentObj[fieldName] = obj;\r\n\t }\r\n\t parentObj = obj;\r\n\t }\r\n\t fieldName = parts[0];\r\n\t }\r\n\r\n\t parentObj._clear(fieldName);\r\n\t parentObj[fieldName] = value;\r\n\t },\r\n\r\n\t _clear: function(field) {\r\n\t var current = this[field];\r\n\t if (current && current.removeObserver) {\r\n\t current.removeObserver(this);\r\n\t }\r\n\t },\r\n\r\n\t _wrap: function(object, field) {\r\n\t var type = toString.call(object);\r\n\t var wrapped = object;\r\n\r\n\t if (wrapped !== null && defined(wrapped) && type === \"[object Object]\") {\r\n\t if (!(object instanceof OptionsStore) && !(object instanceof Class)) {\r\n\t wrapped = new OptionsStore(wrapped, this.prefix + field + \".\");\r\n\t }\r\n\r\n\t wrapped.addObserver(this);\r\n\t }\r\n\r\n\t return wrapped;\r\n\t }\r\n\t});\r\n\r\n\tObserversMixin.extend(OptionsStore.prototype);\r\n\r\n\tfunction setAccessor(field) {\r\n\t return function(value) {\r\n\t if (this[field] !== value) {\r\n\t this[field] = value;\r\n\t this.geometryChange();\r\n\t }\r\n\r\n\t return this;\r\n\t };\r\n\t}\r\n\r\n\tfunction getAccessor(field) {\r\n\t return function() {\r\n\t return this[field];\r\n\t };\r\n\t}\r\n\r\n\tfunction defineAccessors(fn, fields) {\r\n\t for (var i = 0; i < fields.length; i++) {\r\n\t var name = fields[i];\r\n\t var capitalized = name.charAt(0).toUpperCase() +\r\n\t name.substring(1, name.length);\r\n\r\n\t fn[\"set\" + capitalized] = setAccessor(name);\r\n\t fn[\"get\" + capitalized] = getAccessor(name);\r\n\t }\r\n\t}\r\n\r\n\tvar Matrix = Class.extend({\r\n\t init: function(a, b, c, d, e, f) {\r\n\t if (a === void 0) { a = 0; }\r\n\t if (b === void 0) { b = 0; }\r\n\t if (c === void 0) { c = 0; }\r\n\t if (d === void 0) { d = 0; }\r\n\t if (e === void 0) { e = 0; }\r\n\t if (f === void 0) { f = 0; }\r\n\r\n\t this.a = a;\r\n\t this.b = b;\r\n\t this.c = c;\r\n\t this.d = d;\r\n\t this.e = e;\r\n\t this.f = f;\r\n\t },\r\n\r\n\t multiplyCopy: function(matrix) {\r\n\t return new Matrix(\r\n\t this.a * matrix.a + this.c * matrix.b,\r\n\t this.b * matrix.a + this.d * matrix.b,\r\n\t this.a * matrix.c + this.c * matrix.d,\r\n\t this.b * matrix.c + this.d * matrix.d,\r\n\t this.a * matrix.e + this.c * matrix.f + this.e,\r\n\t this.b * matrix.e + this.d * matrix.f + this.f\r\n\t );\r\n\t },\r\n\r\n\t invert: function() {\r\n\t var ref = this;\r\n\t var a = ref.a;\r\n\t var b = ref.b;\r\n\t var d = ref.c;\r\n\t var e = ref.d;\r\n\t var g = ref.e;\r\n\t var h = ref.f;\r\n\t var det = a * e - b * d;\r\n\r\n\t if (det === 0) {\r\n\t return null;\r\n\t }\r\n\r\n\t return new Matrix(e / det, -b / det, -d / det, a / det,\r\n\t (d * h - e * g) / det, (b * g - a * h) / det);\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Matrix(this.a, this.b, this.c, this.d, this.e, this.f);\r\n\t },\r\n\r\n\t equals: function(other) {\r\n\t if (!other) {\r\n\t return false;\r\n\t }\r\n\r\n\t return this.a === other.a && this.b === other.b &&\r\n\t this.c === other.c && this.d === other.d &&\r\n\t this.e === other.e && this.f === other.f;\r\n\t },\r\n\r\n\t round: function(precision) {\r\n\t this.a = round(this.a, precision);\r\n\t this.b = round(this.b, precision);\r\n\t this.c = round(this.c, precision);\r\n\t this.d = round(this.d, precision);\r\n\t this.e = round(this.e, precision);\r\n\t this.f = round(this.f, precision);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t toArray: function(precision) {\r\n\t var result = [ this.a, this.b, this.c, this.d, this.e, this.f ];\r\n\r\n\t if (defined(precision)) {\r\n\t for (var i = 0; i < result.length; i++) {\r\n\t result[i] = round(result[i], precision);\r\n\t }\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t toString: function(precision, separator) {\r\n\t if (separator === void 0) { separator = \",\"; }\r\n\r\n\t return this.toArray(precision).join(separator);\r\n\t }\r\n\t});\r\n\r\n\tMatrix.translate = function(x, y) {\r\n\t return new Matrix(1, 0, 0, 1, x, y);\r\n\t};\r\n\r\n\tMatrix.unit = function() {\r\n\t return new Matrix(1, 0, 0, 1, 0, 0);\r\n\t};\r\n\r\n\tMatrix.rotate = function(angle, x, y) {\r\n\t var matrix = new Matrix();\r\n\t matrix.a = Math.cos(rad(angle));\r\n\t matrix.b = Math.sin(rad(angle));\r\n\t matrix.c = -matrix.b;\r\n\t matrix.d = matrix.a;\r\n\t matrix.e = (x - x * matrix.a + y * matrix.b) || 0;\r\n\t matrix.f = (y - y * matrix.a - x * matrix.b) || 0;\r\n\r\n\t return matrix;\r\n\t};\r\n\r\n\tMatrix.scale = function(scaleX, scaleY) {\r\n\t return new Matrix(scaleX, 0, 0, scaleY, 0, 0);\r\n\t};\r\n\r\n\tMatrix.IDENTITY = Matrix.unit();\r\n\r\n\tfunction toMatrix(transformation) {\r\n\t if (transformation && typeof transformation.matrix === \"function\") {\r\n\t return transformation.matrix();\r\n\t }\r\n\r\n\t return transformation;\r\n\t}\r\n\r\n\tvar Point = Class.extend({\r\n\t init: function(x, y) {\r\n\r\n\t this.x = x || 0;\r\n\t this.y = y || 0;\r\n\t },\r\n\r\n\t equals: function(other) {\r\n\t return other && other.x === this.x && other.y === this.y;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Point(this.x, this.y);\r\n\t },\r\n\r\n\t rotate: function(angle, origin) {\r\n\t var originPoint = Point.create(origin) || Point.ZERO;\r\n\r\n\t return this.transform(Matrix.rotate(angle, originPoint.x, originPoint.y));\r\n\t },\r\n\r\n\t translate: function(x, y) {\r\n\t this.x += x;\r\n\t this.y += y;\r\n\r\n\t this.geometryChange();\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t translateWith: function(point) {\r\n\t return this.translate(point.x, point.y);\r\n\t },\r\n\r\n\t move: function(x, y) {\r\n\t this.x = this.y = 0;\r\n\t return this.translate(x, y);\r\n\t },\r\n\r\n\t scale: function(scaleX, scaleY) {\r\n\t if (scaleY === void 0) { scaleY = scaleX; }\r\n\r\n\t this.x *= scaleX;\r\n\t this.y *= scaleY;\r\n\r\n\t this.geometryChange();\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t scaleCopy: function(scaleX, scaleY) {\r\n\t return this.clone().scale(scaleX, scaleY);\r\n\t },\r\n\r\n\t transform: function(transformation) {\r\n\t var matrix = toMatrix(transformation);\r\n\t var ref = this;\r\n\t var x = ref.x;\r\n\t var y = ref.y;\r\n\r\n\t this.x = matrix.a * x + matrix.c * y + matrix.e;\r\n\t this.y = matrix.b * x + matrix.d * y + matrix.f;\r\n\r\n\t this.geometryChange();\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t transformCopy: function(transformation) {\r\n\t var point = this.clone();\r\n\r\n\t if (transformation) {\r\n\t point.transform(transformation);\r\n\t }\r\n\r\n\t return point;\r\n\t },\r\n\r\n\t distanceTo: function(point) {\r\n\t var dx = this.x - point.x;\r\n\t var dy = this.y - point.y;\r\n\r\n\t return Math.sqrt(dx * dx + dy * dy);\r\n\t },\r\n\r\n\t round: function(digits) {\r\n\t this.x = round(this.x, digits);\r\n\t this.y = round(this.y, digits);\r\n\r\n\t this.geometryChange();\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t toArray: function(digits) {\r\n\t var doRound = defined(digits);\r\n\t var x = doRound ? round(this.x, digits) : this.x;\r\n\t var y = doRound ? round(this.y, digits) : this.y;\r\n\r\n\t return [ x, y ];\r\n\t },\r\n\r\n\t toString: function(digits, separator) {\r\n\t if (separator === void 0) { separator = \" \"; }\r\n\r\n\t var ref = this;\r\n\t var x = ref.x;\r\n\t var y = ref.y;\r\n\r\n\t if (defined(digits)) {\r\n\t x = round(x, digits);\r\n\t y = round(y, digits);\r\n\t }\r\n\r\n\t return x + separator + y;\r\n\t }\r\n\t});\r\n\r\n\tPoint.create = function(arg0, arg1) {\r\n\t if (defined(arg0)) {\r\n\t if (arg0 instanceof Point) {\r\n\t return arg0;\r\n\t } else if (arguments.length === 1 && arg0.length === 2) {\r\n\t return new Point(arg0[0], arg0[1]);\r\n\t }\r\n\r\n\t return new Point(arg0, arg1);\r\n\t }\r\n\t};\r\n\r\n\tPoint.min = function() {\r\n\t var arguments$1 = arguments;\r\n\r\n\t var minX = MAX_NUM;\r\n\t var minY = MAX_NUM;\r\n\r\n\t for (var i = 0; i < arguments.length; i++) {\r\n\t var point = arguments$1[i];\r\n\t minX = Math.min(point.x, minX);\r\n\t minY = Math.min(point.y, minY);\r\n\t }\r\n\r\n\t return new Point(minX, minY);\r\n\t};\r\n\r\n\tPoint.max = function() {\r\n\t var arguments$1 = arguments;\r\n\r\n\t var maxX = MIN_NUM;\r\n\t var maxY = MIN_NUM;\r\n\r\n\t for (var i = 0; i < arguments.length; i++) {\r\n\t var point = arguments$1[i];\r\n\t maxX = Math.max(point.x, maxX);\r\n\t maxY = Math.max(point.y, maxY);\r\n\t }\r\n\r\n\t return new Point(maxX, maxY);\r\n\t};\r\n\r\n\tPoint.minPoint = function() {\r\n\t return new Point(MIN_NUM, MIN_NUM);\r\n\t};\r\n\r\n\tPoint.maxPoint = function() {\r\n\t return new Point(MAX_NUM, MAX_NUM);\r\n\t};\r\n\r\n\tif (Object.defineProperties) {\r\n\t Object.defineProperties(Point, {\r\n\t ZERO: {\r\n\t get: function() {\r\n\t return new Point(0, 0);\r\n\t }\r\n\t }\r\n\t });\r\n\t}\r\n\r\n\tdefineAccessors(Point.prototype, [ \"x\", \"y\" ]);\r\n\tObserversMixin.extend(Point.prototype);\r\n\r\n\tvar Size = Class.extend({\r\n\t init: function(width, height) {\r\n\r\n\t this.width = width || 0;\r\n\t this.height = height || 0;\r\n\t },\r\n\r\n\t equals: function(other) {\r\n\t return other && other.width === this.width && other.height === this.height;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Size(this.width, this.height);\r\n\t },\r\n\r\n\t toArray: function(digits) {\r\n\t var doRound = defined(digits);\r\n\t var width = doRound ? round(this.width, digits) : this.width;\r\n\t var height = doRound ? round(this.height, digits) : this.height;\r\n\r\n\t return [ width, height ];\r\n\t }\r\n\t});\r\n\r\n\tSize.create = function(arg0, arg1) {\r\n\t if (defined(arg0)) {\r\n\t if (arg0 instanceof Size) {\r\n\t return arg0;\r\n\t } else if (arguments.length === 1 && arg0.length === 2) {\r\n\t return new Size(arg0[0], arg0[1]);\r\n\t }\r\n\r\n\t return new Size(arg0, arg1);\r\n\t }\r\n\t};\r\n\r\n\tif (Object.defineProperties) {\r\n\t Object.defineProperties(Size, {\r\n\t ZERO: {\r\n\t get: function() {\r\n\t return new Size(0, 0);\r\n\t }\r\n\t }\r\n\t });\r\n\t}\r\n\r\n\tdefineAccessors(Size.prototype, [ \"width\", \"height\" ]);\r\n\tObserversMixin.extend(Size.prototype);\r\n\r\n\tvar Rect = Class.extend({\r\n\t init: function(origin, size) {\r\n\t if (origin === void 0) { origin = new Point(); }\r\n\t if (size === void 0) { size = new Size(); }\r\n\r\n\t this.setOrigin(origin);\r\n\t this.setSize(size);\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Rect(\r\n\t this.origin.clone(),\r\n\t this.size.clone()\r\n\t );\r\n\t },\r\n\r\n\t equals: function(other) {\r\n\t return other &&\r\n\t other.origin.equals(this.origin) &&\r\n\t other.size.equals(this.size);\r\n\t },\r\n\r\n\t setOrigin: function(value) {\r\n\t this._observerField(\"origin\", Point.create(value));\r\n\t this.geometryChange();\r\n\t return this;\r\n\t },\r\n\r\n\t getOrigin: function() {\r\n\t return this.origin;\r\n\t },\r\n\r\n\t setSize: function(value) {\r\n\t this._observerField(\"size\", Size.create(value));\r\n\t this.geometryChange();\r\n\t return this;\r\n\t },\r\n\r\n\t getSize: function() {\r\n\t return this.size;\r\n\t },\r\n\r\n\t width: function() {\r\n\t return this.size.width;\r\n\t },\r\n\r\n\t height: function() {\r\n\t return this.size.height;\r\n\t },\r\n\r\n\t topLeft: function() {\r\n\t return this.origin.clone();\r\n\t },\r\n\r\n\t bottomRight: function() {\r\n\t return this.origin.clone().translate(this.width(), this.height());\r\n\t },\r\n\r\n\t topRight: function() {\r\n\t return this.origin.clone().translate(this.width(), 0);\r\n\t },\r\n\r\n\t bottomLeft: function() {\r\n\t return this.origin.clone().translate(0, this.height());\r\n\t },\r\n\r\n\t center: function() {\r\n\t return this.origin.clone().translate(this.width() / 2, this.height() / 2);\r\n\t },\r\n\r\n\t bbox: function(matrix) {\r\n\t var tl = this.topLeft().transformCopy(matrix);\r\n\t var tr = this.topRight().transformCopy(matrix);\r\n\t var br = this.bottomRight().transformCopy(matrix);\r\n\t var bl = this.bottomLeft().transformCopy(matrix);\r\n\r\n\t return Rect.fromPoints(tl, tr, br, bl);\r\n\t },\r\n\r\n\t transformCopy: function(m) {\r\n\t return Rect.fromPoints(\r\n\t this.topLeft().transform(m),\r\n\t this.bottomRight().transform(m)\r\n\t );\r\n\t },\r\n\r\n\t expand: function(x, y) {\r\n\t if (y === void 0) { y = x; }\r\n\r\n\t this.size.width += 2 * x;\r\n\t this.size.height += 2 * y;\r\n\r\n\t this.origin.translate(-x, -y);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t expandCopy: function(x, y) {\r\n\t return this.clone().expand(x, y);\r\n\t },\r\n\r\n\t containsPoint: function(point) {\r\n\t var origin = this.origin;\r\n\t var bottomRight = this.bottomRight();\r\n\t return !(point.x < origin.x || point.y < origin.y || bottomRight.x < point.x || bottomRight.y < point.y);\r\n\t },\r\n\r\n\t _isOnPath: function(point, width) {\r\n\t var rectOuter = this.expandCopy(width, width);\r\n\t var rectInner = this.expandCopy(-width, -width);\r\n\r\n\t return rectOuter.containsPoint(point) && !rectInner.containsPoint(point);\r\n\t }\r\n\t});\r\n\r\n\tRect.fromPoints = function() {\r\n\t var topLeft = Point.min.apply(null, arguments);\r\n\t var bottomRight = Point.max.apply(null, arguments);\r\n\t var size = new Size(\r\n\t bottomRight.x - topLeft.x,\r\n\t bottomRight.y - topLeft.y\r\n\t );\r\n\r\n\t return new Rect(topLeft, size);\r\n\t};\r\n\r\n\tRect.union = function(a, b) {\r\n\t return Rect.fromPoints(\r\n\t Point.min(a.topLeft(), b.topLeft()),\r\n\t Point.max(a.bottomRight(), b.bottomRight())\r\n\t );\r\n\t};\r\n\r\n\tRect.intersect = function(a, b) {\r\n\t var rect1 = {\r\n\t left: a.topLeft().x,\r\n\t top: a.topLeft().y,\r\n\t right: a.bottomRight().x,\r\n\t bottom: a.bottomRight().y\r\n\t };\r\n\r\n\t var rect2 = {\r\n\t left: b.topLeft().x,\r\n\t top: b.topLeft().y,\r\n\t right: b.bottomRight().x,\r\n\t bottom: b.bottomRight().y\r\n\t };\r\n\r\n\t if (rect1.left <= rect2.right &&\r\n\t rect2.left <= rect1.right &&\r\n\t rect1.top <= rect2.bottom &&\r\n\t rect2.top <= rect1.bottom) {\r\n\t return Rect.fromPoints(\r\n\t new Point(Math.max(rect1.left, rect2.left), Math.max(rect1.top, rect2.top)),\r\n\t new Point(Math.min(rect1.right, rect2.right), Math.min(rect1.bottom, rect2.bottom))\r\n\t );\r\n\t }\r\n\t};\r\n\r\n\tObserversMixin.extend(Rect.prototype);\r\n\r\n\tvar Transformation = Class.extend({\r\n\t init: function(matrix) {\r\n\t if (matrix === void 0) { matrix = Matrix.unit(); }\r\n\r\n\t this._matrix = matrix;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Transformation(\r\n\t this._matrix.clone()\r\n\t );\r\n\t },\r\n\r\n\t equals: function(other) {\r\n\t return other &&\r\n\t other._matrix.equals(this._matrix);\r\n\t },\r\n\r\n\t translate: function(x, y) {\r\n\t this._matrix = this._matrix.multiplyCopy(Matrix.translate(x, y));\r\n\r\n\t this._optionsChange();\r\n\t return this;\r\n\t },\r\n\r\n\t scale: function(scaleX, scaleY, origin) {\r\n\t if (scaleY === void 0) { scaleY = scaleX; }\r\n\t if (origin === void 0) { origin = null; }\r\n\r\n\t var originPoint = origin;\r\n\r\n\t if (originPoint) {\r\n\t originPoint = Point.create(originPoint);\r\n\t this._matrix = this._matrix.multiplyCopy(Matrix.translate(originPoint.x, originPoint.y));\r\n\t }\r\n\r\n\t this._matrix = this._matrix.multiplyCopy(Matrix.scale(scaleX, scaleY));\r\n\r\n\t if (originPoint) {\r\n\t this._matrix = this._matrix.multiplyCopy(Matrix.translate(-originPoint.x, -originPoint.y));\r\n\t }\r\n\r\n\t this._optionsChange();\r\n\t return this;\r\n\t },\r\n\r\n\t rotate: function(angle, origin) {\r\n\t var originPoint = Point.create(origin) || Point.ZERO;\r\n\r\n\t this._matrix = this._matrix.multiplyCopy(Matrix.rotate(angle, originPoint.x, originPoint.y));\r\n\r\n\t this._optionsChange();\r\n\t return this;\r\n\t },\r\n\r\n\t multiply: function(transformation) {\r\n\t var matrix = toMatrix(transformation);\r\n\r\n\t this._matrix = this._matrix.multiplyCopy(matrix);\r\n\r\n\t this._optionsChange();\r\n\t return this;\r\n\t },\r\n\r\n\t matrix: function(value) {\r\n\t if (value) {\r\n\t this._matrix = value;\r\n\t this._optionsChange();\r\n\t return this;\r\n\t }\r\n\r\n\t return this._matrix;\r\n\t },\r\n\r\n\t _optionsChange: function() {\r\n\t this.optionsChange({\r\n\t field: \"transform\",\r\n\t value: this\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tObserversMixin.extend(Transformation.prototype);\r\n\r\n\tfunction transform(matrix) {\r\n\t if (matrix === null) {\r\n\t return null;\r\n\t }\r\n\r\n\t if (matrix instanceof Transformation) {\r\n\t return matrix;\r\n\t }\r\n\r\n\t return new Transformation(matrix);\r\n\t}\r\n\r\n\tvar Element$1 = Class.extend({\r\n\t init: function(options) {\r\n\r\n\t this._initOptions(options);\r\n\t },\r\n\r\n\t _initOptions: function(options) {\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t var clip = options.clip;\r\n\t var transform$$1 = options.transform;\r\n\r\n\t if (transform$$1) {\r\n\t options.transform = transform(transform$$1);\r\n\t }\r\n\r\n\t if (clip && !clip.id) {\r\n\t clip.id = definitionId();\r\n\t }\r\n\r\n\t this.options = new OptionsStore(options);\r\n\t this.options.addObserver(this);\r\n\t },\r\n\r\n\t transform: function(value) {\r\n\t if (defined(value)) {\r\n\t this.options.set(\"transform\", transform(value));\r\n\t } else {\r\n\t return this.options.get(\"transform\");\r\n\t }\r\n\t },\r\n\r\n\t parentTransform: function() {\r\n\t var element = this;\r\n\t var parentMatrix;\r\n\r\n\t while (element.parent) {\r\n\t element = element.parent;\r\n\t var transformation = element.transform();\r\n\t if (transformation) {\r\n\t parentMatrix = transformation.matrix().multiplyCopy(parentMatrix || Matrix.unit());\r\n\t }\r\n\t }\r\n\r\n\t if (parentMatrix) {\r\n\t return transform(parentMatrix);\r\n\t }\r\n\t },\r\n\r\n\t currentTransform: function(parentTransform) {\r\n\t if (parentTransform === void 0) { parentTransform = this.parentTransform(); }\r\n\r\n\t var elementTransform = this.transform();\r\n\t var elementMatrix = toMatrix(elementTransform);\r\n\r\n\t var parentMatrix = toMatrix(parentTransform);\r\n\t var combinedMatrix;\r\n\r\n\t if (elementMatrix && parentMatrix) {\r\n\t combinedMatrix = parentMatrix.multiplyCopy(elementMatrix);\r\n\t } else {\r\n\t combinedMatrix = elementMatrix || parentMatrix;\r\n\t }\r\n\r\n\t if (combinedMatrix) {\r\n\t return transform(combinedMatrix);\r\n\t }\r\n\t },\r\n\r\n\t visible: function(value) {\r\n\t if (defined(value)) {\r\n\t this.options.set(\"visible\", value);\r\n\t return this;\r\n\t }\r\n\r\n\t return this.options.get(\"visible\") !== false;\r\n\t },\r\n\r\n\t clip: function(value) {\r\n\t var options = this.options;\r\n\t if (defined(value)) {\r\n\t if (value && !value.id) {\r\n\t value.id = definitionId();\r\n\t }\r\n\t options.set(\"clip\", value);\r\n\t return this;\r\n\t }\r\n\r\n\t return options.get(\"clip\");\r\n\t },\r\n\r\n\t opacity: function(value) {\r\n\t if (defined(value)) {\r\n\t this.options.set(\"opacity\", value);\r\n\t return this;\r\n\t }\r\n\r\n\t return valueOrDefault(this.options.get(\"opacity\"), 1);\r\n\t },\r\n\r\n\t clippedBBox: function(transformation) {\r\n\t var bbox = this._clippedBBox(transformation);\r\n\t if (bbox) {\r\n\t var clip = this.clip();\r\n\t return clip ? Rect.intersect(bbox, clip.bbox(transformation)) : bbox;\r\n\t }\r\n\t },\r\n\r\n\t containsPoint: function(point, parentTransform) {\r\n\t if (this.visible()) {\r\n\t var transform$$1 = this.currentTransform(parentTransform);\r\n\t var transformedPoint = point;\r\n\t if (transform$$1) {\r\n\t transformedPoint = point.transformCopy(transform$$1.matrix().invert());\r\n\t }\r\n\t return (this._hasFill() && this._containsPoint(transformedPoint)) || (this._isOnPath && this._hasStroke() && this._isOnPath(transformedPoint));\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _hasFill: function() {\r\n\t var fill = this.options.fill;\r\n\t return fill && !isTransparent(fill.color);\r\n\t },\r\n\r\n\t _hasStroke: function() {\r\n\t var stroke = this.options.stroke;\r\n\t return stroke && stroke.width > 0 && !isTransparent(stroke.color);\r\n\t },\r\n\r\n\t _clippedBBox: function(transformation) {\r\n\t return this.bbox(transformation);\r\n\t }\r\n\t});\r\n\r\n\tElement$1.prototype.nodeType = \"Element\";\r\n\r\n\tObserversMixin.extend(Element$1.prototype);\r\n\r\n\tfunction ellipseExtremeAngles(center, rx, ry, matrix) {\r\n\t var extremeX = 0;\r\n\t var extremeY = 0;\r\n\r\n\t if (matrix) {\r\n\t extremeX = Math.atan2(matrix.c * ry, matrix.a * rx);\r\n\t if (matrix.b !== 0) {\r\n\t extremeY = Math.atan2(matrix.d * ry, matrix.b * rx);\r\n\t }\r\n\t }\r\n\r\n\t return {\r\n\t x: extremeX,\r\n\t y: extremeY\r\n\t };\r\n\t}\r\n\r\n\tvar PI_DIV_2 = Math.PI / 2;\r\n\r\n\tvar Circle$2 = Class.extend({\r\n\t init: function(center, radius) {\r\n\t if (center === void 0) { center = new Point(); }\r\n\t if (radius === void 0) { radius = 0; }\r\n\r\n\t this.setCenter(center);\r\n\t this.setRadius(radius);\r\n\t },\r\n\r\n\t setCenter: function(value) {\r\n\t this._observerField(\"center\", Point.create(value));\r\n\t this.geometryChange();\r\n\t return this;\r\n\t },\r\n\r\n\t getCenter: function() {\r\n\t return this.center;\r\n\t },\r\n\r\n\t equals: function(other) {\r\n\t return other &&\r\n\t other.center.equals(this.center) &&\r\n\t other.radius === this.radius;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Circle$2(this.center.clone(), this.radius);\r\n\t },\r\n\r\n\t pointAt: function(angle) {\r\n\t return this._pointAt(rad(angle));\r\n\t },\r\n\r\n\t bbox: function(matrix) {\r\n\t var this$1 = this;\r\n\r\n\t var extremeAngles = ellipseExtremeAngles(this.center, this.radius, this.radius, matrix);\r\n\t var minPoint = Point.maxPoint();\r\n\t var maxPoint = Point.minPoint();\r\n\r\n\t for (var i = 0; i < 4; i++) {\r\n\t var currentPointX = this$1._pointAt(extremeAngles.x + i * PI_DIV_2).transformCopy(matrix);\r\n\t var currentPointY = this$1._pointAt(extremeAngles.y + i * PI_DIV_2).transformCopy(matrix);\r\n\t var currentPoint = new Point(currentPointX.x, currentPointY.y);\r\n\r\n\t minPoint = Point.min(minPoint, currentPoint);\r\n\t maxPoint = Point.max(maxPoint, currentPoint);\r\n\t }\r\n\r\n\t return Rect.fromPoints(minPoint, maxPoint);\r\n\t },\r\n\r\n\t _pointAt: function(angle) {\r\n\t var ref = this;\r\n\t var center = ref.center;\r\n\t var radius = ref.radius;\r\n\r\n\t return new Point(\r\n\t center.x + radius * Math.cos(angle),\r\n\t center.y + radius * Math.sin(angle)\r\n\t );\r\n\t },\r\n\r\n\t containsPoint: function(point) {\r\n\t var ref = this;\r\n\t var center = ref.center;\r\n\t var radius = ref.radius;\r\n\t var inCircle = Math.pow(point.x - center.x, 2) +\r\n\t Math.pow(point.y - center.y, 2) <= Math.pow(radius, 2);\r\n\t return inCircle;\r\n\t },\r\n\r\n\t _isOnPath: function(point, width) {\r\n\t var ref = this;\r\n\t var center = ref.center;\r\n\t var radius = ref.radius;\r\n\t var pointDistance = center.distanceTo(point);\r\n\r\n\t return radius - width <= pointDistance && pointDistance <= radius + width;\r\n\t }\r\n\t});\r\n\r\n\tdefineAccessors(Circle$2.prototype, [ \"radius\" ]);\r\n\tObserversMixin.extend(Circle$2.prototype);\r\n\r\n\tvar GRADIENT = \"Gradient\";\r\n\r\n\tvar Paintable = {\r\n\t extend: function(proto) {\r\n\t proto.fill = this.fill;\r\n\t proto.stroke = this.stroke;\r\n\t },\r\n\r\n\t fill: function(color, opacity) {\r\n\t var options = this.options;\r\n\r\n\t if (defined(color)) {\r\n\t if (color && color.nodeType !== GRADIENT) {\r\n\t var newFill = {\r\n\t color: color\r\n\t };\r\n\t if (defined(opacity)) {\r\n\t newFill.opacity = opacity;\r\n\t }\r\n\t options.set(\"fill\", newFill);\r\n\t } else {\r\n\t options.set(\"fill\", color);\r\n\t }\r\n\r\n\t return this;\r\n\t }\r\n\r\n\t return options.get(\"fill\");\r\n\t },\r\n\r\n\t stroke: function(color, width, opacity) {\r\n\t if (defined(color)) {\r\n\t this.options.set(\"stroke.color\", color);\r\n\r\n\t if (defined(width)) {\r\n\t this.options.set(\"stroke.width\", width);\r\n\t }\r\n\r\n\t if (defined(opacity)) {\r\n\t this.options.set(\"stroke.opacity\", opacity);\r\n\t }\r\n\r\n\t return this;\r\n\t }\r\n\r\n\t return this.options.get(\"stroke\");\r\n\t }\r\n\t};\r\n\r\n\tvar IDENTITY_MATRIX_HASH = Matrix.IDENTITY.toString();\r\n\r\n\tvar Measurable = {\r\n\t extend: function(proto) {\r\n\t proto.bbox = this.bbox;\r\n\t proto.geometryChange = this.geometryChange;\r\n\t },\r\n\r\n\t bbox: function(transformation) {\r\n\t var combinedMatrix = toMatrix(this.currentTransform(transformation));\r\n\t var matrixHash = combinedMatrix ? combinedMatrix.toString() : IDENTITY_MATRIX_HASH;\r\n\t var bbox;\r\n\r\n\t if (this._bboxCache && this._matrixHash === matrixHash) {\r\n\t bbox = this._bboxCache.clone();\r\n\t } else {\r\n\t bbox = this._bbox(combinedMatrix);\r\n\t this._bboxCache = bbox ? bbox.clone() : null;\r\n\t this._matrixHash = matrixHash;\r\n\t }\r\n\r\n\t var strokeWidth = this.options.get(\"stroke.width\");\r\n\t if (strokeWidth && bbox) {\r\n\t bbox.expand(strokeWidth / 2);\r\n\t }\r\n\r\n\t return bbox;\r\n\t },\r\n\r\n\t geometryChange: function() {\r\n\t delete this._bboxCache;\r\n\t this.trigger(\"geometryChange\", {\r\n\t element: this\r\n\t });\r\n\t }\r\n\t};\r\n\r\n\tfunction geometryAccessor(name) {\r\n\t var fieldName = \"_\" + name;\r\n\t return function(value) {\r\n\t if (defined(value)) {\r\n\t this._observerField(fieldName, value);\r\n\t this.geometryChange();\r\n\t return this;\r\n\t }\r\n\r\n\t return this[fieldName];\r\n\t };\r\n\t}\r\n\r\n\tfunction defineGeometryAccessors(fn, names) {\r\n\t for (var i = 0; i < names.length; i++) {\r\n\t fn[names[i]] = geometryAccessor(names[i]);\r\n\t }\r\n\t}\r\n\r\n\tvar DEFAULT_STROKE = \"#000\";\r\n\r\n\tvar Circle = Element$1.extend({\r\n\t init: function(geometry, options) {\r\n\t if (geometry === void 0) { geometry = new Circle$2(); }\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t Element$1.fn.init.call(this, options);\r\n\t this.geometry(geometry);\r\n\r\n\t if (!defined(this.options.stroke)) {\r\n\t this.stroke(DEFAULT_STROKE);\r\n\t }\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t return this._geometry.bbox();\r\n\t },\r\n\r\n\t _bbox: function(matrix) {\r\n\t return this._geometry.bbox(matrix);\r\n\t },\r\n\r\n\t _containsPoint: function(point) {\r\n\t return this.geometry().containsPoint(point);\r\n\t },\r\n\r\n\t _isOnPath: function(point) {\r\n\t return this.geometry()._isOnPath(point, this.options.stroke.width / 2);\r\n\t }\r\n\t});\r\n\r\n\tCircle.prototype.nodeType = \"Circle\";\r\n\r\n\tPaintable.extend(Circle.prototype);\r\n\tMeasurable.extend(Circle.prototype);\r\n\tdefineGeometryAccessors(Circle.prototype, [ \"geometry\" ]);\r\n\r\n\tvar PRECISION = 10;\r\n\r\n\tfunction close(a, b, tolerance) {\r\n\t if (tolerance === void 0) { tolerance = PRECISION; }\r\n\r\n\t return round(Math.abs(a - b), tolerance) === 0;\r\n\t}\r\n\r\n\tfunction closeOrLess(a, b, tolerance) {\r\n\t return a < b || close(a, b, tolerance);\r\n\t}\r\n\r\n\tfunction lineIntersection(p0, p1, p2, p3) {\r\n\t var s1x = p1.x - p0.x;\r\n\t var s2x = p3.x - p2.x;\r\n\t var s1y = p1.y - p0.y;\r\n\t var s2y = p3.y - p2.y;\r\n\t var nx = p0.x - p2.x;\r\n\t var ny = p0.y - p2.y;\r\n\t var d = s1x * s2y - s2x * s1y;\r\n\t var s = (s1x * ny - s1y * nx) / d;\r\n\t var t = (s2x * ny - s2y * nx) / d;\r\n\r\n\t if (s >= 0 && s <= 1 && t >= 0 && t <= 1) {\r\n\t return new Point(p0.x + t * s1x, p0.y + t * s1y);\r\n\t }\r\n\t}\r\n\r\n\tvar MAX_INTERVAL = 45;\r\n\tvar pow$1 = Math.pow;\r\n\r\n\tvar Arc$2 = Class.extend({\r\n\t init: function(center, options) {\r\n\t if (center === void 0) { center = new Point(); }\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t this.setCenter(center);\r\n\r\n\t this.radiusX = options.radiusX;\r\n\t this.radiusY = options.radiusY || options.radiusX;\r\n\t this.startAngle = options.startAngle;\r\n\t this.endAngle = options.endAngle;\r\n\t this.anticlockwise = options.anticlockwise || false;\r\n\t this.xRotation = options.xRotation;\r\n\t },\r\n\r\n\t clone: function() {\r\n\t return new Arc$2(this.center, {\r\n\t radiusX: this.radiusX,\r\n\t radiusY: this.radiusY,\r\n\t startAngle: this.startAngle,\r\n\t endAngle: this.endAngle,\r\n\t anticlockwise: this.anticlockwise\r\n\t });\r\n\t },\r\n\r\n\t setCenter: function(value) {\r\n\t this._observerField(\"center\", Point.create(value));\r\n\t this.geometryChange();\r\n\t return this;\r\n\t },\r\n\r\n\t getCenter: function() {\r\n\t return this.center;\r\n\t },\r\n\r\n\t pointAt: function(angle) {\r\n\t var center = this.center;\r\n\t var radian = rad(angle);\r\n\r\n\t return new Point(\r\n\t center.x + this.radiusX * Math.cos(radian),\r\n\t center.y + this.radiusY * Math.sin(radian)\r\n\t );\r\n\t },\r\n\r\n\t curvePoints: function() {\r\n\t var this$1 = this;\r\n\r\n\t var startAngle = this.startAngle;\r\n\t var dir = this.anticlockwise ? -1 : 1;\r\n\t var curvePoints = [ this.pointAt(startAngle) ];\r\n\t var interval = this._arcInterval();\r\n\t var intervalAngle = interval.endAngle - interval.startAngle;\r\n\t var subIntervalsCount = Math.ceil(intervalAngle / MAX_INTERVAL);\r\n\t var subIntervalAngle = intervalAngle / subIntervalsCount;\r\n\t var currentAngle = startAngle;\r\n\t var transformation;\r\n\t if (this.xRotation) {\r\n\t transformation = transform().rotate(this.xRotation, this.center);\r\n\t }\r\n\r\n\t for (var i = 1; i <= subIntervalsCount; i++) {\r\n\t var nextAngle = currentAngle + dir * subIntervalAngle;\r\n\t var points = this$1._intervalCurvePoints(currentAngle, nextAngle, transformation);\r\n\r\n\t curvePoints.push(points.cp1, points.cp2, points.p2);\r\n\t currentAngle = nextAngle;\r\n\t }\r\n\r\n\t return curvePoints;\r\n\t },\r\n\r\n\t bbox: function(matrix) {\r\n\t var this$1 = this;\r\n\r\n\t var interval = this._arcInterval();\r\n\t var startAngle = interval.startAngle;\r\n\t var endAngle = interval.endAngle;\r\n\t var extremeAngles = ellipseExtremeAngles(this.center, this.radiusX, this.radiusY, matrix);\r\n\t var extremeX = deg(extremeAngles.x);\r\n\t var extremeY = deg(extremeAngles.y);\r\n\t var endPoint = this.pointAt(endAngle).transformCopy(matrix);\r\n\t var currentAngleX = bboxStartAngle(extremeX, startAngle);\r\n\t var currentAngleY = bboxStartAngle(extremeY, startAngle);\r\n\t var currentPoint = this.pointAt(startAngle).transformCopy(matrix);\r\n\t var minPoint = Point.min(currentPoint, endPoint);\r\n\t var maxPoint = Point.max(currentPoint, endPoint);\r\n\r\n\t while (currentAngleX < endAngle || currentAngleY < endAngle) {\r\n\t var currentPointX = (void 0);\r\n\t if (currentAngleX < endAngle) {\r\n\t currentPointX = this$1.pointAt(currentAngleX).transformCopy(matrix);\r\n\t currentAngleX += 90;\r\n\t }\r\n\r\n\t var currentPointY = (void 0);\r\n\t if (currentAngleY < endAngle) {\r\n\t currentPointY = this$1.pointAt(currentAngleY).transformCopy(matrix);\r\n\t currentAngleY += 90;\r\n\t }\r\n\r\n\t currentPoint = new Point(currentPointX.x, currentPointY.y);\r\n\t minPoint = Point.min(minPoint, currentPoint);\r\n\t maxPoint = Point.max(maxPoint, currentPoint);\r\n\t }\r\n\r\n\t return Rect.fromPoints(minPoint, maxPoint);\r\n\t },\r\n\r\n\t _arcInterval: function() {\r\n\t var ref = this;\r\n\t var startAngle = ref.startAngle;\r\n\t var endAngle = ref.endAngle;\r\n\t var anticlockwise = ref.anticlockwise;\r\n\r\n\t if (anticlockwise) {\r\n\t var oldStart = startAngle;\r\n\t startAngle = endAngle;\r\n\t endAngle = oldStart;\r\n\t }\r\n\r\n\t if (startAngle > endAngle || (anticlockwise && startAngle === endAngle)) {\r\n\t endAngle += 360;\r\n\t }\r\n\r\n\t return {\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle\r\n\t };\r\n\t },\r\n\r\n\t _intervalCurvePoints: function(startAngle, endAngle, transformation) {\r\n\t var p1 = this.pointAt(startAngle);\r\n\t var p2 = this.pointAt(endAngle);\r\n\t var p1Derivative = this._derivativeAt(startAngle);\r\n\t var p2Derivative = this._derivativeAt(endAngle);\r\n\t var t = (rad(endAngle) - rad(startAngle)) / 3;\r\n\t var cp1 = new Point(p1.x + t * p1Derivative.x, p1.y + t * p1Derivative.y);\r\n\t var cp2 = new Point(p2.x - t * p2Derivative.x, p2.y - t * p2Derivative.y);\r\n\t if (transformation) {\r\n\t p1.transform(transformation);\r\n\t p2.transform(transformation);\r\n\t cp1.transform(transformation);\r\n\t cp2.transform(transformation);\r\n\t }\r\n\r\n\t return {\r\n\t p1: p1,\r\n\t cp1: cp1,\r\n\t cp2: cp2,\r\n\t p2: p2\r\n\t };\r\n\t },\r\n\r\n\t _derivativeAt: function(angle) {\r\n\t var radian = rad(angle);\r\n\r\n\t return new Point(-this.radiusX * Math.sin(radian), this.radiusY * Math.cos(radian));\r\n\t },\r\n\r\n\t containsPoint: function(point) {\r\n\t var interval = this._arcInterval();\r\n\t var intervalAngle = interval.endAngle - interval.startAngle;\r\n\t var ref = this;\r\n\t var center = ref.center;\r\n\t var radiusX = ref.radiusX;\r\n\t var radiusY = ref.radiusY;\r\n\t var distance = center.distanceTo(point);\r\n\t var angleRad = Math.atan2(point.y - center.y, point.x - center.x);\r\n\t var pointRadius = (radiusX * radiusY) /\r\n\t Math.sqrt(pow$1(radiusX, 2) * pow$1(Math.sin(angleRad), 2) + pow$1(radiusY, 2) * pow$1(Math.cos(angleRad), 2));\r\n\t var startPoint = this.pointAt(this.startAngle).round(PRECISION);\r\n\t var endPoint = this.pointAt(this.endAngle).round(PRECISION);\r\n\t var intersection = lineIntersection(center, point.round(PRECISION), startPoint, endPoint);\r\n\t var containsPoint;\r\n\r\n\t if (intervalAngle < 180) {\r\n\t containsPoint = intersection && closeOrLess(center.distanceTo(intersection), distance) && closeOrLess(distance, pointRadius);\r\n\t } else {\r\n\t var angle = calculateAngle(center.x, center.y, radiusX, radiusY, point.x, point.y);\r\n\t if (angle !== 360) {\r\n\t angle = (360 + angle) % 360;\r\n\t }\r\n\r\n\t var inAngleRange = interval.startAngle <= angle && angle <= interval.endAngle;\r\n\t containsPoint = (inAngleRange && closeOrLess(distance, pointRadius)) || (!inAngleRange && (!intersection || intersection.equals(point)));\r\n\t }\r\n\t return containsPoint;\r\n\t },\r\n\r\n\t _isOnPath: function(point, width) {\r\n\t var interval = this._arcInterval();\r\n\t var center = this.center;\r\n\t var angle = calculateAngle(center.x, center.y, this.radiusX, this.radiusY, point.x, point.y);\r\n\t if (angle !== 360) {\r\n\t angle = (360 + angle) % 360;\r\n\t }\r\n\r\n\t var inAngleRange = interval.startAngle <= angle && angle <= interval.endAngle;\r\n\r\n\t return inAngleRange && this.pointAt(angle).distanceTo(point) <= width;\r\n\t }\r\n\t});\r\n\r\n\tArc$2.fromPoints = function(start, end, rx, ry, largeArc, swipe, rotation) {// eslint-disable-line max-params\r\n\t var arcParameters = normalizeArcParameters({\r\n\t x1: start.x,\r\n\t y1: start.y,\r\n\t x2: end.x,\r\n\t y2: end.y,\r\n\t rx: rx,\r\n\t ry: ry,\r\n\t largeArc: largeArc,\r\n\t swipe: swipe,\r\n\t rotation: rotation\r\n\t });\r\n\r\n\t return new Arc$2(arcParameters.center, {\r\n\t startAngle: arcParameters.startAngle,\r\n\t endAngle: arcParameters.endAngle,\r\n\t radiusX: arcParameters.radiusX,\r\n\t radiusY: arcParameters.radiusY,\r\n\t xRotation: arcParameters.xRotation,\r\n\t anticlockwise: swipe === 0\r\n\t });\r\n\t};\r\n\r\n\tdefineAccessors(Arc$2.prototype, [ \"radiusX\", \"radiusY\", \"startAngle\", \"endAngle\", \"anticlockwise\" ]);\r\n\tObserversMixin.extend(Arc$2.prototype);\r\n\r\n\tfunction calculateAngle(cx, cy, rx, ry, x, y) {\r\n\t var cos = round((x - cx) / rx, 3);\r\n\t var sin = round((y - cy) / ry, 3);\r\n\r\n\t return round(deg(Math.atan2(sin, cos)));\r\n\t}\r\n\r\n\tfunction normalizeArcParameters(parameters) {\r\n\t var x1 = parameters.x1;\r\n\t var y1 = parameters.y1;\r\n\t var x2 = parameters.x2;\r\n\t var y2 = parameters.y2;\r\n\t var rx = parameters.rx;\r\n\t var ry = parameters.ry;\r\n\t var largeArc = parameters.largeArc;\r\n\t var swipe = parameters.swipe;\r\n\t var rotation = parameters.rotation; if (rotation === void 0) { rotation = 0; }\r\n\r\n\t var radians = rad(rotation);\r\n\t var cosine = Math.cos(radians);\r\n\t var sine = Math.sin(radians);\r\n\r\n\t var xT = cosine * (x1 - x2) / 2 + sine * (y1 - y2) / 2;\r\n\t var yT = -sine * (x1 - x2) / 2 + cosine * (y1 - y2) / 2;\r\n\r\n\t var sign = largeArc !== swipe ? 1 : -1;\r\n\r\n\t var xt2 = Math.pow(xT, 2);\r\n\t var yt2 = Math.pow(yT, 2);\r\n\t var rx2 = Math.pow(rx, 2);\r\n\t var ry2 = Math.pow(ry, 2);\r\n\r\n\t var delta = xt2 / rx2 + yt2 / ry2;\r\n\r\n\t if (delta > 1) {\r\n\t delta = Math.sqrt(xt2 / rx2 + yt2 / ry2);\r\n\t rx = delta * rx;\r\n\t rx2 = Math.pow(rx, 2);\r\n\r\n\t ry = delta * ry;\r\n\t ry2 = Math.pow(ry, 2);\r\n\t }\r\n\r\n\t var constT = sign * Math.sqrt((rx2 * ry2 - rx2 * yt2 - ry2 * xt2) / (rx2 * yt2 + ry2 * xt2));\r\n\t // due to rounding errors the value could become NaN even after radii correction\r\n\t if (isNaN(constT)) {\r\n\t constT = 0;\r\n\t }\r\n\r\n\t var cxT = constT * (rx * yT) / ry;\r\n\t var cyT = - constT * (ry * xT) / rx;\r\n\r\n\t var cx = cosine * cxT - sine * cyT + (x1 + x2) / 2;\r\n\t var cy = sine * cxT + cosine * cyT + (y1 + y2) / 2;\r\n\r\n\t var uX = (xT - cxT) / rx;\r\n\t var uY = (yT - cyT) / ry;\r\n\t var vX = -(xT + cxT) / rx;\r\n\t var vY = -(yT + cyT) / ry;\r\n\r\n\t var startAngle = (uY >= 0 ? 1 : -1) * deg(Math.acos(uX / Math.sqrt(uX * uX + uY * uY)));\r\n\r\n\t var angleCosine = round((uX * vX + uY * vY) / (Math.sqrt(uX * uX + uY * uY) * Math.sqrt(vX * vX + vY * vY)), 10);\r\n\t var angle = (uX * vY - uY * vX >= 0 ? 1 : -1) * deg(Math.acos(angleCosine));\r\n\r\n\t if (!swipe && angle > 0) {\r\n\t angle -= 360;\r\n\t }\r\n\r\n\t if (swipe && angle < 0) {\r\n\t angle += 360;\r\n\t }\r\n\t var endAngle = startAngle + angle;\r\n\t var signEndAngle = endAngle >= 0 ? 1 : -1;\r\n\t endAngle = (Math.abs(endAngle) % 360) * signEndAngle;\r\n\r\n\t return {\r\n\t center: new Point(cx, cy),\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle,\r\n\t radiusX: rx,\r\n\t radiusY: ry,\r\n\t xRotation: rotation\r\n\t };\r\n\t}\r\n\r\n\tfunction bboxStartAngle(angle, start) {\r\n\t var startAngle = angle;\r\n\r\n\t while (startAngle < start) {\r\n\t startAngle += 90;\r\n\t }\r\n\r\n\t return startAngle;\r\n\t}\r\n\r\n\tvar push = [].push;\r\n\tvar pop = [].pop;\r\n\tvar splice = [].splice;\r\n\tvar shift = [].shift;\r\n\tvar slice = [].slice;\r\n\tvar unshift = [].unshift;\r\n\r\n\tvar ElementsArray = Class.extend({\r\n\t init: function(array) {\r\n\t if (array === void 0) { array = []; }\r\n\r\n\t this.length = 0;\r\n\t this._splice(0, array.length, array);\r\n\t },\r\n\r\n\t elements: function(value) {\r\n\t if (value) {\r\n\t this._splice(0, this.length, value);\r\n\r\n\t this._change();\r\n\t return this;\r\n\t }\r\n\r\n\t return this.slice(0);\r\n\t },\r\n\r\n\t push: function() {\r\n\t var elements = arguments;\r\n\t var result = push.apply(this, elements);\r\n\r\n\t this._add(elements);\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t slice: function() {\r\n\t return slice.call(this);\r\n\t },\r\n\r\n\t pop: function() {\r\n\t var length = this.length;\r\n\t var result = pop.apply(this);\r\n\r\n\t if (length) {\r\n\t this._remove([ result ]);\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t splice: function(index, howMany) {\r\n\t var elements = slice.call(arguments, 2);\r\n\t var result = this._splice(index, howMany, elements);\r\n\r\n\t this._change();\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t shift: function() {\r\n\t var length = this.length;\r\n\t var result = shift.apply(this);\r\n\r\n\t if (length) {\r\n\t this._remove([ result ]);\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t unshift: function() {\r\n\t var elements = arguments;\r\n\t var result = unshift.apply(this, elements);\r\n\r\n\t this._add(elements);\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t indexOf: function(element) {\r\n\t var this$1 = this;\r\n\r\n\t var length = this.length;\r\n\r\n\t for (var idx = 0; idx < length; idx++) {\r\n\t if (this$1[idx] === element) {\r\n\t return idx;\r\n\t }\r\n\t }\r\n\t return -1;\r\n\t },\r\n\r\n\t _splice: function(index, howMany, elements) {\r\n\t var result = splice.apply(this, [ index, howMany ].concat(elements));\r\n\r\n\t this._clearObserver(result);\r\n\t this._setObserver(elements);\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t _add: function(elements) {\r\n\t this._setObserver(elements);\r\n\t this._change();\r\n\t },\r\n\r\n\t _remove: function(elements) {\r\n\t this._clearObserver(elements);\r\n\t this._change();\r\n\t },\r\n\r\n\t _setObserver: function(elements) {\r\n\t var this$1 = this;\r\n\r\n\t for (var idx = 0; idx < elements.length; idx++) {\r\n\t elements[idx].addObserver(this$1);\r\n\t }\r\n\t },\r\n\r\n\t _clearObserver: function(elements) {\r\n\t var this$1 = this;\r\n\r\n\t for (var idx = 0; idx < elements.length; idx++) {\r\n\t elements[idx].removeObserver(this$1);\r\n\t }\r\n\t },\r\n\r\n\t _change: function() {}\r\n\t});\r\n\r\n\tObserversMixin.extend(ElementsArray.prototype);\r\n\r\n\tvar GeometryElementsArray = ElementsArray.extend({\r\n\t _change: function() {\r\n\t this.geometryChange();\r\n\t }\r\n\t});\r\n\r\n\tfunction pointAccessor(name) {\r\n\t var fieldName = \"_\" + name;\r\n\t return function(value) {\r\n\t if (defined(value)) {\r\n\t this._observerField(fieldName, Point.create(value));\r\n\t this.geometryChange();\r\n\t return this;\r\n\t }\r\n\r\n\t return this[fieldName];\r\n\t };\r\n\t}\r\n\r\n\tfunction definePointAccessors(fn, names) {\r\n\t for (var i = 0; i < names.length; i++) {\r\n\t fn[names[i]] = pointAccessor(names[i]);\r\n\t }\r\n\t}\r\n\r\n\tfunction isOutOfEndPoint(endPoint, controlPoint, point) {\r\n\t var angle = deg(Math.atan2(controlPoint.y - endPoint.y, controlPoint.x - endPoint.x));\r\n\t var rotatedPoint = point.transformCopy(transform().rotate(-angle, endPoint));\r\n\r\n\t return rotatedPoint.x < endPoint.x;\r\n\t}\r\n\r\n\tfunction calculateCurveAt(t, field, points) {\r\n\t var t1 = 1 - t;\r\n\t return Math.pow(t1, 3) * points[0][field] +\r\n\t 3 * Math.pow(t1, 2) * t * points[1][field] +\r\n\t 3 * Math.pow(t, 2) * t1 * points[2][field] +\r\n\t Math.pow(t, 3) * points[3][field];\r\n\t}\r\n\r\n\tfunction toCubicPolynomial(points, field) {\r\n\t return [ -points[0][field] + 3 * points[1][field] - 3 * points[2][field] + points[3][field],\r\n\t 3 * (points[0][field] - 2 * points[1][field] + points[2][field]),\r\n\t 3 * (-points[0][field] + points[1][field]),\r\n\t points[0][field]\r\n\t ];\r\n\t}\r\n\r\n\tvar ComplexNumber = Class.extend({\r\n\t init: function(real, img) {\r\n\t if (real === void 0) { real = 0; }\r\n\t if (img === void 0) { img = 0; }\r\n\r\n\t this.real = real;\r\n\t this.img = img;\r\n\t },\r\n\r\n\t add: function(cNumber) {\r\n\t return new ComplexNumber(round(this.real + cNumber.real, PRECISION), round(this.img + cNumber.img, PRECISION));\r\n\t },\r\n\r\n\t addConstant: function(value) {\r\n\t return new ComplexNumber(this.real + value, this.img);\r\n\t },\r\n\r\n\t negate: function() {\r\n\t return new ComplexNumber(-this.real, -this.img);\r\n\t },\r\n\r\n\t multiply: function(cNumber) {\r\n\t return new ComplexNumber(this.real * cNumber.real - this.img * cNumber.img,\r\n\t this.real * cNumber.img + this.img * cNumber.real);\r\n\t },\r\n\r\n\t multiplyConstant: function(value) {\r\n\t return new ComplexNumber(this.real * value, this.img * value);\r\n\t },\r\n\r\n\t nthRoot: function(n) {\r\n\t var rad$$1 = Math.atan2(this.img, this.real);\r\n\t var r = Math.sqrt(Math.pow(this.img, 2) + Math.pow(this.real, 2));\r\n\t var nthR = Math.pow(r, 1 / n);\r\n\r\n\t return new ComplexNumber(nthR * Math.cos(rad$$1 / n), nthR * Math.sin(rad$$1 / n)); //Moivre's formula\r\n\t },\r\n\r\n\t equals: function(cNumber) {\r\n\t return this.real === cNumber.real && this.img === cNumber.img;\r\n\t },\r\n\r\n\t isReal: function() {\r\n\t return this.img === 0;\r\n\t }\r\n\t});\r\n\r\n\tfunction numberSign(x) {\r\n\t return x < 0 ? -1 : 1;\r\n\t}\r\n\r\n\tfunction solveQuadraticEquation(a, b, c) {\r\n\t var squareRoot = Math.sqrt(Math.pow(b, 2) - 4 * a * c);\r\n\t return [\r\n\t (-b + squareRoot) / (2 * a),\r\n\t (-b - squareRoot) / (2 * a)\r\n\t ];\r\n\t}\r\n\r\n\t//Cardano's formula\r\n\tfunction solveCubicEquation(a, b, c, d) {\r\n\t if (a === 0) {\r\n\t return solveQuadraticEquation(b, c, d);\r\n\t }\r\n\r\n\t var p = (3 * a * c - Math.pow(b, 2)) / (3 * Math.pow(a, 2));\r\n\t var q = (2 * Math.pow(b, 3) - 9 * a * b * c + 27 * Math.pow(a, 2) * d) / (27 * Math.pow(a, 3));\r\n\t var Q = Math.pow(p / 3, 3) + Math.pow(q / 2, 2);\r\n\t var i = new ComplexNumber(0,1);\r\n\t var b3a = -b / (3 * a);\r\n\t var x1, x2, y1, y2, y3, z1, z2;\r\n\r\n\t if (Q < 0) {\r\n\t x1 = new ComplexNumber(-q / 2, Math.sqrt(-Q)).nthRoot(3);\r\n\t x2 = new ComplexNumber(-q / 2, - Math.sqrt(-Q)).nthRoot(3);\r\n\t } else {\r\n\t x1 = -q / 2 + Math.sqrt(Q);\r\n\t x1 = new ComplexNumber(numberSign(x1) * Math.pow(Math.abs(x1), 1 / 3));\r\n\t x2 = -q / 2 - Math.sqrt(Q);\r\n\t x2 = new ComplexNumber(numberSign(x2) * Math.pow(Math.abs(x2), 1 / 3));\r\n\t }\r\n\r\n\t y1 = x1.add(x2);\r\n\r\n\t z1 = x1.add(x2).multiplyConstant(-1 / 2);\r\n\t z2 = x1.add(x2.negate()).multiplyConstant(Math.sqrt(3) / 2);\r\n\r\n\t y2 = z1.add(i.multiply(z2));\r\n\t y3 = z1.add(i.negate().multiply(z2));\r\n\r\n\t var result = [];\r\n\r\n\t if (y1.isReal()) {\r\n\t result.push(round(y1.real + b3a, PRECISION));\r\n\t }\r\n\t if (y2.isReal()) {\r\n\t result.push(round(y2.real + b3a, PRECISION));\r\n\t }\r\n\t if (y3.isReal()) {\r\n\t result.push(round(y3.real + b3a, PRECISION));\r\n\t }\r\n\r\n\t return result;\r\n\t}\r\n\r\n\tfunction hasRootsInRange(points, point, field, rootField, range) {\r\n\t var polynomial = toCubicPolynomial(points, rootField);\r\n\t var roots = solveCubicEquation(polynomial[0], polynomial[1], polynomial[2], polynomial[3] - point[rootField]);\r\n\t var intersection;\r\n\r\n\t for (var idx = 0; idx < roots.length; idx++) {\r\n\t if (0 <= roots[idx] && roots[idx] <= 1) {\r\n\t intersection = calculateCurveAt(roots[idx], field, points);\r\n\t if (Math.abs(intersection - point[field]) <= range) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction curveIntersectionsCount(points, point, bbox) {\r\n\t var polynomial = toCubicPolynomial(points, \"x\");\r\n\t var roots = solveCubicEquation(polynomial[0], polynomial[1], polynomial[2], polynomial[3] - point.x);\r\n\t var rayIntersection, intersectsRay;\r\n\t var count = 0;\r\n\t for (var i = 0; i < roots.length; i++) {\r\n\t rayIntersection = calculateCurveAt(roots[i], \"y\", points);\r\n\t intersectsRay = close(rayIntersection, point.y) || rayIntersection > point.y;\r\n\t if (intersectsRay && (((roots[i] === 0 || roots[i] === 1) && bbox.bottomRight().x > point.x) || (0 < roots[i] && roots[i] < 1))) {\r\n\t count++;\r\n\t }\r\n\t }\r\n\r\n\t return count;\r\n\t}\r\n\r\n\tfunction lineIntersectionsCount(a, b, point) {\r\n\t var intersects;\r\n\t if (a.x !== b.x) {\r\n\t var minX = Math.min(a.x, b.x);\r\n\t var maxX = Math.max(a.x, b.x);\r\n\t var minY = Math.min(a.y, b.y);\r\n\t var maxY = Math.max(a.y, b.y);\r\n\t var inRange = minX <= point.x && point.x < maxX;\r\n\r\n\t if (minY === maxY) {\r\n\t intersects = point.y <= minY && inRange;\r\n\t } else {\r\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;\r\n\t }\r\n\t }\r\n\r\n\t return intersects ? 1 : 0;\r\n\t}\r\n\r\n\tvar Segment = Class.extend({\r\n\t init: function(anchor, controlIn, controlOut) {\r\n\r\n\t this.anchor(anchor || new Point());\r\n\t this.controlIn(controlIn);\r\n\t this.controlOut(controlOut);\r\n\t },\r\n\r\n\t bboxTo: function(toSegment, matrix) {\r\n\t var segmentAnchor = this.anchor().transformCopy(matrix);\r\n\t var toSegmentAnchor = toSegment.anchor().transformCopy(matrix);\r\n\t var rect;\r\n\r\n\t if (this.controlOut() && toSegment.controlIn()) {\r\n\t rect = this._curveBoundingBox(\r\n\t segmentAnchor, this.controlOut().transformCopy(matrix),\r\n\t toSegment.controlIn().transformCopy(matrix), toSegmentAnchor\r\n\t );\r\n\t } else {\r\n\t rect = this._lineBoundingBox(segmentAnchor, toSegmentAnchor);\r\n\t }\r\n\r\n\t return rect;\r\n\t },\r\n\r\n\t _lineBoundingBox: function(p1, p2) {\r\n\t return Rect.fromPoints(p1, p2);\r\n\t },\r\n\r\n\t _curveBoundingBox: function(p1, cp1, cp2, p2) {\r\n\t var points = [ p1, cp1, cp2, p2 ];\r\n\t var extremesX = this._curveExtremesFor(points, \"x\");\r\n\t var extremesY = this._curveExtremesFor(points, \"y\");\r\n\t var xLimits = arrayLimits([ extremesX.min, extremesX.max, p1.x, p2.x ]);\r\n\t var yLimits = arrayLimits([ extremesY.min, extremesY.max, p1.y, p2.y ]);\r\n\r\n\t return Rect.fromPoints(new Point(xLimits.min, yLimits.min), new Point(xLimits.max, yLimits.max));\r\n\t },\r\n\r\n\t _curveExtremesFor: function(points, field) {\r\n\t var extremes = this._curveExtremes(\r\n\t points[0][field], points[1][field],\r\n\t points[2][field], points[3][field]\r\n\t );\r\n\r\n\t return {\r\n\t min: calculateCurveAt(extremes.min, field, points),\r\n\t max: calculateCurveAt(extremes.max, field, points)\r\n\t };\r\n\t },\r\n\r\n\t _curveExtremes: function(x1, x2, x3, x4) {\r\n\t var a = x1 - 3 * x2 + 3 * x3 - x4;\r\n\t var b = - 2 * (x1 - 2 * x2 + x3);\r\n\t var c = x1 - x2;\r\n\t var sqrt = Math.sqrt(b * b - 4 * a * c);\r\n\t var t1 = 0;\r\n\t var t2 = 1;\r\n\r\n\t if (a === 0) {\r\n\t if (b !== 0) {\r\n\t t1 = t2 = -c / b;\r\n\t }\r\n\t } else if (!isNaN(sqrt)) {\r\n\t t1 = (- b + sqrt) / (2 * a);\r\n\t t2 = (- b - sqrt) / (2 * a);\r\n\t }\r\n\r\n\t var min = Math.max(Math.min(t1, t2), 0);\r\n\t if (min < 0 || min > 1) {\r\n\t min = 0;\r\n\t }\r\n\r\n\t var max = Math.min(Math.max(t1, t2), 1);\r\n\t if (max > 1 || max < 0) {\r\n\t max = 1;\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t },\r\n\r\n\t _intersectionsTo: function(segment, point) {\r\n\t var intersectionsCount;\r\n\t if (this.controlOut() && segment.controlIn()) {\r\n\t intersectionsCount = curveIntersectionsCount([ this.anchor(), this.controlOut(), segment.controlIn(), segment.anchor() ], point, this.bboxTo(segment));\r\n\t } else {\r\n\t intersectionsCount = lineIntersectionsCount(this.anchor(), segment.anchor(), point);\r\n\t }\r\n\t return intersectionsCount;\r\n\t },\r\n\r\n\t _isOnCurveTo: function(segment, point, width, endSegment) {\r\n\t var bbox = this.bboxTo(segment).expand(width, width);\r\n\t if (bbox.containsPoint(point)) {\r\n\t var p1 = this.anchor();\r\n\t var p2 = this.controlOut();\r\n\t var p3 = segment.controlIn();\r\n\t var p4 = segment.anchor();\r\n\r\n\t if (endSegment === \"start\" && p1.distanceTo(point) <= width) {\r\n\t return !isOutOfEndPoint(p1, p2, point);\r\n\t } else if (endSegment === \"end\" && p4.distanceTo(point) <= width) {\r\n\t return !isOutOfEndPoint(p4, p3, point);\r\n\t }\r\n\r\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\r\n\t var points = [ p1, p2, p3, p4 ];\r\n\t if (hasRootsInRange(points, point, \"x\", \"y\", width) || hasRootsInRange(points, point, \"y\", \"x\", width)) {\r\n\t return true;\r\n\t }\r\n\t var rotation = transform().rotate(45, point);\r\n\t var rotatedPoints = [ p1.transformCopy(rotation), p2.transformCopy(rotation), p3.transformCopy(rotation), p4.transformCopy(rotation) ];\r\n\t return hasRootsInRange(rotatedPoints, point, \"x\", \"y\", width) || hasRootsInRange(rotatedPoints, point, \"y\", \"x\", width);\r\n\t }\r\n\t },\r\n\r\n\t _isOnLineTo: function(segment, point, width) {\r\n\t var p1 = this.anchor();\r\n\t var p2 = segment.anchor();\r\n\t var angle = deg(Math.atan2(p2.y - p1.y, p2.x - p1.x));\r\n\t var rect = new Rect([ p1.x, p1.y - width / 2 ], [ p1.distanceTo(p2), width ]);\r\n\t return rect.containsPoint(point.transformCopy(transform().rotate(-angle, p1)));\r\n\t },\r\n\r\n\t _isOnPathTo: function(segment, point, width, endSegment) {\r\n\t var isOnPath;\r\n\t if (this.controlOut() && segment.controlIn()) {\r\n\t isOnPath = this._isOnCurveTo(segment, point, width / 2, endSegment);\r\n\t } else {\r\n\t isOnPath = this._isOnLineTo(segment, point, width);\r\n\t }\r\n\t return isOnPath;\r\n\t }\r\n\t});\r\n\r\n\tdefinePointAccessors(Segment.prototype, [ \"anchor\", \"controlIn\", \"controlOut\" ]);\r\n\tObserversMixin.extend(Segment.prototype);\r\n\r\n\tfunction arrayLimits(arr) {\r\n\t var length = arr.length;\r\n\t var min = MAX_NUM;\r\n\t var max = MIN_NUM;\r\n\r\n\t for (var i = 0; i < length; i ++) {\r\n\t max = Math.max(max, arr[i]);\r\n\t min = Math.min(min, arr[i]);\r\n\t }\r\n\r\n\t return {\r\n\t min: min,\r\n\t max: max\r\n\t };\r\n\t}\r\n\r\n\tvar Path = Element$1.extend({\r\n\t init: function(options) {\r\n\t Element$1.fn.init.call(this, options);\r\n\t this.segments = new GeometryElementsArray();\r\n\t this.segments.addObserver(this);\r\n\r\n\t if (!defined(this.options.stroke)) {\r\n\t this.stroke(\"#000\");\r\n\r\n\t if (!defined(this.options.stroke.lineJoin)) {\r\n\t this.options.set(\"stroke.lineJoin\", \"miter\");\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t moveTo: function(x, y) {\r\n\t this.suspend();\r\n\t this.segments.elements([]);\r\n\t this.resume();\r\n\r\n\t this.lineTo(x, y);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t lineTo: function(x, y) {\r\n\t var point = defined(y) ? new Point(x, y) : x;\r\n\t var segment = new Segment(point);\r\n\r\n\t this.segments.push(segment);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t curveTo: function(controlOut, controlIn, point) {\r\n\t if (this.segments.length > 0) {\r\n\t var lastSegment = last(this.segments);\r\n\t var segment = new Segment(point, controlIn);\r\n\t this.suspend();\r\n\t lastSegment.controlOut(controlOut);\r\n\t this.resume();\r\n\r\n\t this.segments.push(segment);\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t arc: function(startAngle, endAngle, radiusX, radiusY, anticlockwise) {\r\n\t if (this.segments.length > 0) {\r\n\t var lastSegment = last(this.segments);\r\n\t var anchor = lastSegment.anchor();\r\n\t var start = rad(startAngle);\r\n\t var center = new Point(anchor.x - radiusX * Math.cos(start),\r\n\t anchor.y - radiusY * Math.sin(start));\r\n\t var arc = new Arc$2(center, {\r\n\t startAngle: startAngle,\r\n\t endAngle: endAngle,\r\n\t radiusX: radiusX,\r\n\t radiusY: radiusY,\r\n\t anticlockwise: anticlockwise\r\n\t });\r\n\r\n\t this._addArcSegments(arc);\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t arcTo: function(end, rx, ry, largeArc, swipe, rotation) {\r\n\t if (this.segments.length > 0) {\r\n\t var lastSegment = last(this.segments);\r\n\t var anchor = lastSegment.anchor();\r\n\t var arc = Arc$2.fromPoints(anchor, end, rx, ry, largeArc, swipe, rotation);\r\n\r\n\t this._addArcSegments(arc);\r\n\t }\r\n\t return this;\r\n\t },\r\n\r\n\t _addArcSegments: function(arc) {\r\n\t var this$1 = this;\r\n\r\n\t this.suspend();\r\n\r\n\t var curvePoints = arc.curvePoints();\r\n\r\n\t for (var i = 1; i < curvePoints.length; i += 3) {\r\n\t this$1.curveTo(curvePoints[i], curvePoints[i + 1], curvePoints[i + 2]);\r\n\t }\r\n\r\n\t this.resume();\r\n\t this.geometryChange();\r\n\t },\r\n\r\n\t close: function() {\r\n\t this.options.closed = true;\r\n\t this.geometryChange();\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t return this._bbox();\r\n\t },\r\n\r\n\t _containsPoint: function(point) {\r\n\t var segments = this.segments;\r\n\t var length = segments.length;\r\n\t var intersectionsCount = 0;\r\n\t var previous, current;\r\n\r\n\t for (var idx = 1; idx < length; idx++) {\r\n\t previous = segments[idx - 1];\r\n\t current = segments[idx];\r\n\t intersectionsCount += previous._intersectionsTo(current, point);\r\n\t }\r\n\r\n\t if (this.options.closed || !segments[0].anchor().equals(segments[length - 1].anchor())) {\r\n\t intersectionsCount += lineIntersectionsCount(segments[0].anchor(), segments[length - 1].anchor(), point);\r\n\t }\r\n\r\n\t return intersectionsCount % 2 !== 0;\r\n\t },\r\n\r\n\t _isOnPath: function(point, width) {\r\n\t var segments = this.segments;\r\n\t var length = segments.length;\r\n\t var pathWidth = width || this.options.stroke.width;\r\n\r\n\t if (length > 1) {\r\n\t if (segments[0]._isOnPathTo(segments[1], point, pathWidth, \"start\")) {\r\n\t return true;\r\n\t }\r\n\r\n\t for (var idx = 2; idx <= length - 2; idx++) {\r\n\t if (segments[idx - 1]._isOnPathTo(segments[idx], point, pathWidth)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\r\n\t if (segments[length - 2]._isOnPathTo(segments[length - 1], point, pathWidth, \"end\")) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _bbox: function(matrix) {\r\n\t var segments = this.segments;\r\n\t var length = segments.length;\r\n\t var boundingBox;\r\n\r\n\t if (length === 1) {\r\n\t var anchor = segments[0].anchor().transformCopy(matrix);\r\n\t boundingBox = new Rect(anchor, Size.ZERO);\r\n\t } else if (length > 0) {\r\n\t for (var i = 1; i < length; i++) {\r\n\t var segmentBox = segments[i - 1].bboxTo(segments[i], matrix);\r\n\t if (boundingBox) {\r\n\t boundingBox = Rect.union(boundingBox, segmentBox);\r\n\t } else {\r\n\t boundingBox = segmentBox;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return boundingBox;\r\n\t }\r\n\t});\r\n\r\n\tPath.fromRect = function(rect, options) {\r\n\t return new Path(options)\r\n\t .moveTo(rect.topLeft())\r\n\t .lineTo(rect.topRight())\r\n\t .lineTo(rect.bottomRight())\r\n\t .lineTo(rect.bottomLeft())\r\n\t .close();\r\n\t};\r\n\r\n\tPath.fromPoints = function(points, options) {\r\n\t if (points) {\r\n\t var path = new Path(options);\r\n\r\n\t for (var i = 0; i < points.length; i++) {\r\n\t var point = Point.create(points[i]);\r\n\t if (point) {\r\n\t if (i === 0) {\r\n\t path.moveTo(point);\r\n\t } else {\r\n\t path.lineTo(point);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return path;\r\n\t }\r\n\t};\r\n\r\n\tPath.fromArc = function(arc, options) {\r\n\t var path = new Path(options);\r\n\t var startAngle = arc.startAngle;\r\n\t var start = arc.pointAt(startAngle);\r\n\t path.moveTo(start.x, start.y);\r\n\t path.arc(startAngle, arc.endAngle, arc.radiusX, arc.radiusY, arc.anticlockwise);\r\n\t return path;\r\n\t};\r\n\r\n\tPath.prototype.nodeType = \"Path\";\r\n\r\n\tPaintable.extend(Path.prototype);\r\n\tMeasurable.extend(Path.prototype);\r\n\r\n\tvar DEFAULT_STROKE$1 = \"#000\";\r\n\r\n\tvar Arc = Element$1.extend({\r\n\t init: function(geometry, options) {\r\n\t if (geometry === void 0) { geometry = new Arc$2(); }\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t Element$1.fn.init.call(this, options);\r\n\r\n\t this.geometry(geometry);\r\n\r\n\t if (!defined(this.options.stroke)) {\r\n\t this.stroke(DEFAULT_STROKE$1);\r\n\t }\r\n\t },\r\n\r\n\t _bbox: function(matrix) {\r\n\t return this._geometry.bbox(matrix);\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t return this.geometry().bbox();\r\n\t },\r\n\r\n\t toPath: function() {\r\n\t var path = new Path();\r\n\t var curvePoints = this.geometry().curvePoints();\r\n\r\n\t if (curvePoints.length > 0) {\r\n\t path.moveTo(curvePoints[0].x, curvePoints[0].y);\r\n\r\n\t for (var i = 1; i < curvePoints.length; i += 3) {\r\n\t path.curveTo(curvePoints[i], curvePoints[i + 1], curvePoints[i + 2]);\r\n\t }\r\n\t }\r\n\r\n\t return path;\r\n\t },\r\n\r\n\t _containsPoint: function(point) {\r\n\t return this.geometry().containsPoint(point);\r\n\t },\r\n\r\n\t _isOnPath: function(point) {\r\n\t return this.geometry()._isOnPath(point, this.options.stroke.width / 2);\r\n\t }\r\n\t});\r\n\r\n\tArc.prototype.nodeType = \"Arc\";\r\n\r\n\tPaintable.extend(Arc.prototype);\r\n\tMeasurable.extend(Arc.prototype);\r\n\tdefineGeometryAccessors(Arc.prototype, [ \"geometry\" ]);\r\n\r\n\tfunction elementsBoundingBox(elements, applyTransform, transformation) {\r\n\t var boundingBox;\r\n\r\n\t for (var i = 0; i < elements.length; i++) {\r\n\t var element = elements[i];\r\n\t if (element.visible()) {\r\n\t var elementBoundingBox = applyTransform ? element.bbox(transformation) : element.rawBBox();\r\n\t if (elementBoundingBox) {\r\n\t if (boundingBox) {\r\n\t boundingBox = Rect.union(boundingBox, elementBoundingBox);\r\n\t } else {\r\n\t boundingBox = elementBoundingBox;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return boundingBox;\r\n\t}\r\n\r\n\tfunction elementsClippedBoundingBox(elements, transformation) {\r\n\t var boundingBox;\r\n\r\n\t for (var i = 0; i < elements.length; i++) {\r\n\t var element = elements[i];\r\n\t if (element.visible()) {\r\n\t var elementBoundingBox = element.clippedBBox(transformation);\r\n\t if (elementBoundingBox) {\r\n\t if (boundingBox) {\r\n\t boundingBox = Rect.union(boundingBox, elementBoundingBox);\r\n\t } else {\r\n\t boundingBox = elementBoundingBox;\r\n\t }\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t return boundingBox;\r\n\t}\r\n\r\n\tvar MultiPath = Element$1.extend({\r\n\t init: function(options) {\r\n\t Element$1.fn.init.call(this, options);\r\n\t this.paths = new GeometryElementsArray();\r\n\t this.paths.addObserver(this);\r\n\r\n\t if (!defined(this.options.stroke)) {\r\n\t this.stroke(\"#000\");\r\n\t }\r\n\t },\r\n\r\n\t moveTo: function(x, y) {\r\n\t var path = new Path();\r\n\t path.moveTo(x, y);\r\n\r\n\t this.paths.push(path);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t lineTo: function(x, y) {\r\n\t if (this.paths.length > 0) {\r\n\t last(this.paths).lineTo(x, y);\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t curveTo: function(controlOut, controlIn, point) {\r\n\t if (this.paths.length > 0) {\r\n\t last(this.paths).curveTo(controlOut, controlIn, point);\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t arc: function(startAngle, endAngle, radiusX, radiusY, anticlockwise) {\r\n\t if (this.paths.length > 0) {\r\n\t last(this.paths).arc(startAngle, endAngle, radiusX, radiusY, anticlockwise);\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t arcTo: function(end, rx, ry, largeArc, swipe, rotation) {\r\n\t if (this.paths.length > 0) {\r\n\t last(this.paths).arcTo(end, rx, ry, largeArc, swipe, rotation);\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t close: function() {\r\n\t if (this.paths.length > 0) {\r\n\t last(this.paths).close();\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t _bbox: function(matrix) {\r\n\t return elementsBoundingBox(this.paths, true, matrix);\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t return elementsBoundingBox(this.paths, false);\r\n\t },\r\n\r\n\t _containsPoint: function(point) {\r\n\t var paths = this.paths;\r\n\r\n\t for (var idx = 0; idx < paths.length; idx++) {\r\n\t if (paths[idx]._containsPoint(point)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _isOnPath: function(point) {\r\n\t var paths = this.paths;\r\n\t var width = this.options.stroke.width;\r\n\r\n\t for (var idx = 0; idx < paths.length; idx++) {\r\n\t if (paths[idx]._isOnPath(point, width)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _clippedBBox: function(transformation) {\r\n\t return elementsClippedBoundingBox(this.paths, this.currentTransform(transformation));\r\n\t }\r\n\t});\r\n\r\n\tMultiPath.prototype.nodeType = \"MultiPath\";\r\n\r\n\tPaintable.extend(MultiPath.prototype);\r\n\tMeasurable.extend(MultiPath.prototype);\r\n\r\n\tvar DEFAULT_FONT = \"12px sans-serif\";\r\n\tvar DEFAULT_FILL = \"#000\";\r\n\r\n\tvar Text = Element$1.extend({\r\n\t init: function(content, position, options) {\r\n\t if (position === void 0) { position = new Point(); }\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t Element$1.fn.init.call(this, options);\r\n\r\n\t this.content(content);\r\n\t this.position(position);\r\n\r\n\t if (!this.options.font) {\r\n\t this.options.font = DEFAULT_FONT;\r\n\t }\r\n\r\n\t if (!defined(this.options.fill)) {\r\n\t this.fill(DEFAULT_FILL);\r\n\t }\r\n\t },\r\n\r\n\t content: function(value) {\r\n\t if (defined(value)) {\r\n\t this.options.set(\"content\", value);\r\n\t return this;\r\n\t }\r\n\r\n\t return this.options.get(\"content\");\r\n\t },\r\n\r\n\t measure: function() {\r\n\t var metrics = kendoUtil.measureText(this.content(), {\r\n\t font: this.options.get(\"font\")\r\n\t });\r\n\r\n\t return metrics;\r\n\t },\r\n\r\n\t rect: function() {\r\n\t var size = this.measure();\r\n\t var pos = this.position().clone();\r\n\t return new Rect(pos, [ size.width, size.height ]);\r\n\t },\r\n\r\n\t bbox: function(transformation) {\r\n\t var combinedMatrix = toMatrix(this.currentTransform(transformation));\r\n\t return this.rect().bbox(combinedMatrix);\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t return this.rect().bbox();\r\n\t },\r\n\r\n\t _containsPoint: function(point) {\r\n\t return this.rect().containsPoint(point);\r\n\t }\r\n\t});\r\n\r\n\tText.prototype.nodeType = \"Text\";\r\n\r\n\tPaintable.extend(Text.prototype);\r\n\r\n\tdefinePointAccessors(Text.prototype, [ \"position\" ]);\r\n\r\n\tvar Image$1 = Element$1.extend({\r\n\t init: function(src, rect, options) {\r\n\t if (rect === void 0) { rect = new Rect(); }\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t Element$1.fn.init.call(this, options);\r\n\r\n\t this.src(src);\r\n\t this.rect(rect);\r\n\t },\r\n\r\n\t src: function(value) {\r\n\t if (defined(value)) {\r\n\t this.options.set(\"src\", value);\r\n\t return this;\r\n\t }\r\n\r\n\t return this.options.get(\"src\");\r\n\t },\r\n\r\n\t bbox: function(transformation) {\r\n\t var combinedMatrix = toMatrix(this.currentTransform(transformation));\r\n\t return this._rect.bbox(combinedMatrix);\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t return this._rect.bbox();\r\n\t },\r\n\r\n\t _containsPoint: function(point) {\r\n\t return this._rect.containsPoint(point);\r\n\t },\r\n\r\n\t _hasFill: function() {\r\n\t return this.src();\r\n\t }\r\n\t});\r\n\r\n\tImage$1.prototype.nodeType = \"Image\";\r\n\r\n\tdefineGeometryAccessors(Image$1.prototype, [ \"rect\" ]);\r\n\r\n\tvar Traversable = {\r\n\t extend: function(proto, childrenField) {\r\n\t proto.traverse = function(callback) {\r\n\t var children = this[childrenField];\r\n\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t var child = children[i];\r\n\r\n\t if (child.traverse) {\r\n\t child.traverse(callback);\r\n\t } else {\r\n\t callback(child);\r\n\t }\r\n\t }\r\n\r\n\t return this;\r\n\t };\r\n\t }\r\n\t};\r\n\r\n\tvar Group = Element$1.extend({\r\n\t init: function(options) {\r\n\t Element$1.fn.init.call(this, options);\r\n\t this.children = [];\r\n\t },\r\n\r\n\t childrenChange: function(action, items, index) {\r\n\t this.trigger(\"childrenChange\",{\r\n\t action: action,\r\n\t items: items,\r\n\t index: index\r\n\t });\r\n\t },\r\n\r\n\t append: function() {\r\n\t append(this.children, arguments);\r\n\t this._reparent(arguments, this);\r\n\r\n\t this.childrenChange(\"add\", arguments);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t insert: function(index, element) {\r\n\t this.children.splice(index, 0, element);\r\n\t element.parent = this;\r\n\r\n\t this.childrenChange(\"add\", [ element ], index);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t insertAt: function(element, index) {\r\n\t return this.insert(index, element);\r\n\t },\r\n\r\n\t remove: function(element) {\r\n\t var index = this.children.indexOf(element);\r\n\t if (index >= 0) {\r\n\t this.children.splice(index, 1);\r\n\t element.parent = null;\r\n\t this.childrenChange(\"remove\", [ element ], index);\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t removeAt: function(index) {\r\n\t if (0 <= index && index < this.children.length) {\r\n\t var element = this.children[index];\r\n\t this.children.splice(index, 1);\r\n\t element.parent = null;\r\n\t this.childrenChange(\"remove\", [ element ], index);\r\n\t }\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t clear: function() {\r\n\t var items = this.children;\r\n\t this.children = [];\r\n\t this._reparent(items, null);\r\n\r\n\t this.childrenChange(\"remove\", items, 0);\r\n\r\n\t return this;\r\n\t },\r\n\r\n\t bbox: function(transformation) {\r\n\t return elementsBoundingBox(this.children, true, this.currentTransform(transformation));\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t return elementsBoundingBox(this.children, false);\r\n\t },\r\n\r\n\t _clippedBBox: function(transformation) {\r\n\t return elementsClippedBoundingBox(this.children, this.currentTransform(transformation));\r\n\t },\r\n\r\n\t currentTransform: function(transformation) {\r\n\t return Element$1.prototype.currentTransform.call(this, transformation) || null;\r\n\t },\r\n\r\n\t containsPoint: function(point, parentTransform) {\r\n\t if (this.visible()) {\r\n\t var children = this.children;\r\n\t var transform = this.currentTransform(parentTransform);\r\n\t for (var idx = 0; idx < children.length; idx++) {\r\n\t if (children[idx].containsPoint(point, transform)) {\r\n\t return true;\r\n\t }\r\n\t }\r\n\t }\r\n\t return false;\r\n\t },\r\n\r\n\t _reparent: function(elements, newParent) {\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < elements.length; i++) {\r\n\t var child = elements[i];\r\n\t var parent = child.parent;\r\n\t if (parent && parent !== this$1 && parent.remove) {\r\n\t parent.remove(child);\r\n\t }\r\n\r\n\t child.parent = newParent;\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tGroup.prototype.nodeType = \"Group\";\r\n\r\n\tTraversable.extend(Group.prototype, \"children\");\r\n\r\n\tfunction translateToPoint(point, bbox, element) {\r\n\t var transofrm = element.transform() || transform();\r\n\t var matrix = transofrm.matrix();\r\n\t matrix.e += point.x - bbox.origin.x;\r\n\t matrix.f += point.y - bbox.origin.y;\r\n\r\n\t transofrm.matrix(matrix);\r\n\t element.transform(transofrm);\r\n\t}\r\n\r\n\tfunction alignStart(size, rect, align, axis, sizeField) {\r\n\t var start;\r\n\t if (align === \"start\") {\r\n\t start = rect.origin[axis];\r\n\t } else if (align === \"end\") {\r\n\t start = rect.origin[axis] + rect.size[sizeField] - size;\r\n\t } else {\r\n\t start = rect.origin[axis] + (rect.size[sizeField] - size) / 2;\r\n\t }\r\n\r\n\t return start;\r\n\t}\r\n\r\n\tfunction alignStartReverse(size, rect, align, axis, sizeField) {\r\n\t var start;\r\n\t if (align === \"start\") {\r\n\t start = rect.origin[axis] + rect.size[sizeField] - size;\r\n\t } else if (align === \"end\") {\r\n\t start = rect.origin[axis];\r\n\t } else {\r\n\t start = rect.origin[axis] + (rect.size[sizeField] - size) / 2;\r\n\t }\r\n\r\n\t return start;\r\n\t}\r\n\r\n\tvar DEFAULT_OPTIONS = {\r\n\t alignContent: \"start\",\r\n\t justifyContent: \"start\",\r\n\t alignItems: \"start\",\r\n\t spacing: 0,\r\n\t orientation: \"horizontal\",\r\n\t lineSpacing: 0,\r\n\t wrap: true,\r\n\t revers: false\r\n\t};\r\n\r\n\tvar forEach = function (elements, callback) {\r\n\t elements.forEach(callback);\r\n\t};\r\n\r\n\tvar forEachReverse = function (elements, callback) {\r\n\t var length = elements.length;\r\n\r\n\t for (var idx = length - 1; idx >= 0; idx--) {\r\n\t callback(elements[idx], idx);\r\n\t }\r\n\t};\r\n\r\n\tvar Layout = Group.extend({\r\n\t init: function(rect, options) {\r\n\t Group.fn.init.call(this, $.extend({}, DEFAULT_OPTIONS, options));\r\n\t this._rect = rect;\r\n\t this._fieldMap = {};\r\n\t },\r\n\r\n\t rect: function(value) {\r\n\t if (value) {\r\n\t this._rect = value;\r\n\t return this;\r\n\t }\r\n\r\n\t return this._rect;\r\n\t },\r\n\r\n\t _initMap: function() {\r\n\t var options = this.options;\r\n\t var fieldMap = this._fieldMap;\r\n\t if (options.orientation === \"horizontal\") {\r\n\t fieldMap.sizeField = \"width\";\r\n\t fieldMap.groupsSizeField = \"height\";\r\n\t fieldMap.groupAxis = \"x\";\r\n\t fieldMap.groupsAxis = \"y\";\r\n\t } else {\r\n\t fieldMap.sizeField = \"height\";\r\n\t fieldMap.groupsSizeField = \"width\";\r\n\t fieldMap.groupAxis = \"y\";\r\n\t fieldMap.groupsAxis = \"x\";\r\n\t }\r\n\r\n\t if (options.reverse) {\r\n\t this.forEach = forEachReverse;\r\n\t this.justifyAlign = alignStartReverse;\r\n\t } else {\r\n\t this.forEach = forEach;\r\n\t this.justifyAlign = alignStart;\r\n\t }\r\n\t },\r\n\r\n\t reflow: function() {\r\n\t var this$1 = this;\r\n\r\n\t if (!this._rect || this.children.length === 0) {\r\n\t return;\r\n\t }\r\n\t this._initMap();\r\n\r\n\t if (this.options.transform) {\r\n\t this.transform(null);\r\n\t }\r\n\r\n\t var options = this.options;\r\n\t var rect = this._rect;\r\n\t var ref = this._initGroups();\r\n\t var groups = ref.groups;\r\n\t var groupsSize = ref.groupsSize;\r\n\t var ref$1 = this._fieldMap;\r\n\t var sizeField = ref$1.sizeField;\r\n\t var groupsSizeField = ref$1.groupsSizeField;\r\n\t var groupAxis = ref$1.groupAxis;\r\n\t var groupsAxis = ref$1.groupsAxis;\r\n\t var groupOrigin = new Point();\r\n\t var elementOrigin = new Point();\r\n\t var size = new Size();\r\n\t var groupStart = alignStart(groupsSize, rect, options.alignContent, groupsAxis, groupsSizeField);\r\n\t var elementStart, group, groupBox;\r\n\r\n\t var arrangeElements = function (bbox, idx) {\r\n\t var element = group.elements[idx];\r\n\r\n\t elementOrigin[groupAxis] = elementStart;\r\n\t elementOrigin[groupsAxis] = alignStart(bbox.size[groupsSizeField], groupBox, options.alignItems, groupsAxis, groupsSizeField);\r\n\t translateToPoint(elementOrigin, bbox, element);\r\n\t elementStart += bbox.size[sizeField] + options.spacing;\r\n\t };\r\n\r\n\t for (var groupIdx = 0; groupIdx < groups.length; groupIdx++) {\r\n\t group = groups[groupIdx];\r\n\t groupOrigin[groupAxis] = elementStart = this$1.justifyAlign(group.size, rect, options.justifyContent, groupAxis, sizeField);\r\n\t groupOrigin[groupsAxis] = groupStart;\r\n\t size[sizeField] = group.size;\r\n\t size[groupsSizeField] = group.lineSize;\r\n\t groupBox = new Rect(groupOrigin, size);\r\n\t this$1.forEach(group.bboxes, arrangeElements);\r\n\r\n\t groupStart += group.lineSize + options.lineSpacing;\r\n\t }\r\n\r\n\t if (!options.wrap && group.size > rect.size[sizeField]) {\r\n\t var scale = rect.size[sizeField] / groupBox.size[sizeField];\r\n\t var scaledStart = groupBox.topLeft().scale(scale, scale);\r\n\t var scaledSize = groupBox.size[groupsSizeField] * scale;\r\n\t var newStart = alignStart(scaledSize, rect, options.alignContent, groupsAxis, groupsSizeField);\r\n\t var transform$$1 = transform();\r\n\t if (groupAxis === \"x\") {\r\n\t transform$$1.translate(rect.origin.x - scaledStart.x, newStart - scaledStart.y);\r\n\t } else {\r\n\t transform$$1.translate(newStart - scaledStart.x, rect.origin.y - scaledStart.y);\r\n\t }\r\n\t transform$$1.scale(scale, scale);\r\n\r\n\t this.transform(transform$$1);\r\n\t }\r\n\t },\r\n\r\n\t _initGroups: function() {\r\n\t var this$1 = this;\r\n\r\n\t var ref = this;\r\n\t var options = ref.options;\r\n\t var children = ref.children;\r\n\t var lineSpacing = options.lineSpacing;\r\n\t var wrap = options.wrap;\r\n\t var spacing = options.spacing;\r\n\t var sizeField = this._fieldMap.sizeField;\r\n\t var group = this._newGroup();\r\n\t var groups = [];\r\n\t var addGroup = function() {\r\n\t groups.push(group);\r\n\t groupsSize += group.lineSize + lineSpacing;\r\n\t };\r\n\t var groupsSize = -lineSpacing;\r\n\r\n\t for (var idx = 0; idx < children.length; idx++) {\r\n\t var element = children[idx];\r\n\t var bbox = children[idx].clippedBBox();\r\n\t if (element.visible() && bbox) {\r\n\t if (wrap && group.size + bbox.size[sizeField] + spacing > this$1._rect.size[sizeField]) {\r\n\t if (group.bboxes.length === 0) {\r\n\t this$1._addToGroup(group, bbox, element);\r\n\t addGroup();\r\n\t group = this$1._newGroup();\r\n\t } else {\r\n\t addGroup();\r\n\t group = this$1._newGroup();\r\n\t this$1._addToGroup(group, bbox, element);\r\n\t }\r\n\t } else {\r\n\t this$1._addToGroup(group, bbox, element);\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (group.bboxes.length) {\r\n\t addGroup();\r\n\t }\r\n\r\n\t return {\r\n\t groups: groups,\r\n\t groupsSize: groupsSize\r\n\t };\r\n\t },\r\n\r\n\t _addToGroup: function(group, bbox, element) {\r\n\t group.size += bbox.size[this._fieldMap.sizeField] + this.options.spacing;\r\n\t group.lineSize = Math.max(bbox.size[this._fieldMap.groupsSizeField], group.lineSize);\r\n\t group.bboxes.push(bbox);\r\n\t group.elements.push(element);\r\n\t },\r\n\r\n\t _newGroup: function() {\r\n\t return {\r\n\t lineSize: 0,\r\n\t size: -this.options.spacing,\r\n\t bboxes: [],\r\n\t elements: []\r\n\t };\r\n\t }\r\n\t});\r\n\r\n\tvar Rect$2 = Element$1.extend({\r\n\t init: function(geometry, options) {\r\n\t if (geometry === void 0) { geometry = new Rect(); }\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t Element$1.fn.init.call(this, options);\r\n\t this.geometry(geometry);\r\n\r\n\t if (!defined(this.options.stroke)) {\r\n\t this.stroke(\"#000\");\r\n\t }\r\n\t },\r\n\r\n\t _bbox: function(matrix) {\r\n\t return this._geometry.bbox(matrix);\r\n\t },\r\n\r\n\t rawBBox: function() {\r\n\t return this._geometry.bbox();\r\n\t },\r\n\r\n\t _containsPoint: function(point) {\r\n\t return this._geometry.containsPoint(point);\r\n\t },\r\n\r\n\t _isOnPath: function(point) {\r\n\t return this.geometry()._isOnPath(point, this.options.stroke.width / 2);\r\n\t }\r\n\t});\r\n\r\n\tRect$2.prototype.nodeType = \"Rect\";\r\n\r\n\tPaintable.extend(Rect$2.prototype);\r\n\tMeasurable.extend(Rect$2.prototype);\r\n\tdefineGeometryAccessors(Rect$2.prototype, [ \"geometry\" ]);\r\n\r\n\tfunction alignElements(elements, rect, alignment, axis, sizeField) {\r\n\t for (var idx = 0; idx < elements.length; idx++) {\r\n\t var bbox = elements[idx].clippedBBox();\r\n\t if (bbox) {\r\n\t var point = bbox.origin.clone();\r\n\t point[axis] = alignStart(bbox.size[sizeField], rect, alignment || \"start\", axis, sizeField);\r\n\t translateToPoint(point, bbox, elements[idx]);\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction align(elements, rect, alignment) {\r\n\t alignElements(elements, rect, alignment, \"x\", \"width\");\r\n\t}\r\n\r\n\tfunction vAlign(elements, rect, alignment) {\r\n\t alignElements(elements, rect, alignment, \"y\", \"height\");\r\n\t}\r\n\r\n\tfunction stackElements(elements, stackAxis, otherAxis, sizeField) {\r\n\t if (elements.length > 1) {\r\n\t var origin = new Point();\r\n\t var previousBBox = elements[0].bbox;\r\n\r\n\t for (var idx = 1; idx < elements.length; idx++) {\r\n\t var element = elements[idx].element;\r\n\t var bbox = elements[idx].bbox;\r\n\t origin[stackAxis] = previousBBox.origin[stackAxis] + previousBBox.size[sizeField];\r\n\t origin[otherAxis] = bbox.origin[otherAxis];\r\n\t translateToPoint(origin, bbox, element);\r\n\t bbox.origin[stackAxis] = origin[stackAxis];\r\n\t previousBBox = bbox;\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tfunction createStackElements(elements) {\r\n\t var stackElements = [];\r\n\r\n\t for (var idx = 0; idx < elements.length; idx++) {\r\n\t var element = elements[idx];\r\n\t var bbox = element.clippedBBox();\r\n\t if (bbox) {\r\n\t stackElements.push({\r\n\t element: element,\r\n\t bbox: bbox\r\n\t });\r\n\t }\r\n\t }\r\n\r\n\t return stackElements;\r\n\t}\r\n\r\n\tfunction stack(elements) {\r\n\t stackElements(createStackElements(elements), \"x\", \"y\", \"width\");\r\n\t}\r\n\r\n\tfunction vStack(elements) {\r\n\t stackElements(createStackElements(elements), \"y\", \"x\", \"height\");\r\n\t}\r\n\r\n\tfunction getStacks(elements, rect, sizeField) {\r\n\t var maxSize = rect.size[sizeField];\r\n\t var stacks = [];\r\n\t var stack = [];\r\n\t var stackSize = 0;\r\n\t var element, bbox;\r\n\r\n\t var addElementToStack = function() {\r\n\t stack.push({\r\n\t element: element,\r\n\t bbox: bbox\r\n\t });\r\n\t };\r\n\r\n\t for (var idx = 0; idx < elements.length; idx++) {\r\n\t element = elements[idx];\r\n\r\n\t bbox = element.clippedBBox();\r\n\t if (bbox) {\r\n\t var size = bbox.size[sizeField];\r\n\t if (stackSize + size > maxSize) {\r\n\t if (stack.length) {\r\n\t stacks.push(stack);\r\n\t stack = [];\r\n\t addElementToStack();\r\n\t stackSize = size;\r\n\t } else {\r\n\t addElementToStack();\r\n\t stacks.push(stack);\r\n\t stack = [];\r\n\t stackSize = 0;\r\n\t }\r\n\t } else {\r\n\t addElementToStack();\r\n\t stackSize += size;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (stack.length) {\r\n\t stacks.push(stack);\r\n\t }\r\n\r\n\t return stacks;\r\n\t}\r\n\r\n\tfunction wrapElements(elements, rect, axis, otherAxis, sizeField) {\r\n\t var stacks = getStacks(elements, rect, sizeField);\r\n\t var origin = rect.origin.clone();\r\n\t var result = [];\r\n\r\n\t for (var idx = 0; idx < stacks.length; idx++) {\r\n\t var stack = stacks[idx];\r\n\t var startElement = stack[0];\r\n\t origin[otherAxis] = startElement.bbox.origin[otherAxis];\r\n\t translateToPoint(origin, startElement.bbox, startElement.element);\r\n\t startElement.bbox.origin[axis] = origin[axis];\r\n\t stackElements(stack, axis, otherAxis, sizeField);\r\n\t result.push([]);\r\n\t for (var elementIdx = 0; elementIdx < stack.length; elementIdx++) {\r\n\t result[idx].push(stack[elementIdx].element);\r\n\t }\r\n\t }\r\n\t return result;\r\n\t}\r\n\r\n\tfunction wrap(elements, rect) {\r\n\t return wrapElements(elements, rect, \"x\", \"y\", \"width\");\r\n\t}\r\n\r\n\tfunction vWrap(elements, rect) {\r\n\t return wrapElements(elements, rect, \"y\", \"x\", \"height\");\r\n\t}\r\n\r\n\tfunction fit(element, rect) {\r\n\t var bbox = element.clippedBBox();\r\n\t if (bbox) {\r\n\t var elementSize = bbox.size;\r\n\t var rectSize = rect.size;\r\n\t if (rectSize.width < elementSize.width || rectSize.height < elementSize.height) {\r\n\t var scale = Math.min(rectSize.width / elementSize.width, rectSize.height / elementSize.height);\r\n\t var transform$$1 = element.transform() || transform();\r\n\t transform$$1.scale(scale, scale);\r\n\t element.transform(transform$$1);\r\n\t }\r\n\t }\r\n\t}\r\n\r\n\tvar StopsArray = ElementsArray.extend({\r\n\t _change: function() {\r\n\t this.optionsChange({\r\n\t field: \"stops\"\r\n\t });\r\n\t }\r\n\t});\r\n\r\n\tfunction optionsAccessor(name) {\r\n\t return function(value) {\r\n\t if (defined(value)) {\r\n\t this.options.set(name, value);\r\n\t return this;\r\n\t }\r\n\r\n\t return this.options.get(name);\r\n\t };\r\n\t}\r\n\r\n\tfunction defineOptionsAccessors(fn, names) {\r\n\t for (var i = 0; i < names.length; i++) {\r\n\t fn[names[i]] = optionsAccessor(names[i]);\r\n\t }\r\n\t}\r\n\r\n\tvar GradientStop = Class.extend({\r\n\t init: function(offset, color, opacity) {\r\n\r\n\t this.options = new OptionsStore({\r\n\t offset: offset,\r\n\t color: color,\r\n\t opacity: defined(opacity) ? opacity : 1\r\n\t });\r\n\t this.options.addObserver(this);\r\n\t }\r\n\t});\r\n\r\n\tGradientStop.create = function(arg) {\r\n\t if (defined(arg)) {\r\n\t var stop;\r\n\t if (arg instanceof GradientStop) {\r\n\t stop = arg;\r\n\t } else if (arg.length > 1) {\r\n\t stop = new GradientStop(arg[0], arg[1], arg[2]);\r\n\t } else {\r\n\t stop = new GradientStop(arg.offset, arg.color, arg.opacity);\r\n\t }\r\n\r\n\t return stop;\r\n\t }\r\n\t};\r\n\r\n\tdefineOptionsAccessors(GradientStop.prototype, [ \"offset\", \"color\", \"opacity\" ]);\r\n\tObserversMixin.extend(GradientStop.prototype);\r\n\r\n\tvar Gradient = Class.extend({\r\n\t init: function(options) {\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t this.stops = new StopsArray(this._createStops(options.stops));\r\n\t this.stops.addObserver(this);\r\n\t this._userSpace = options.userSpace;\r\n\t this.id = definitionId();\r\n\t },\r\n\r\n\t userSpace: function(value) {\r\n\t if (defined(value)) {\r\n\t this._userSpace = value;\r\n\t this.optionsChange();\r\n\t return this;\r\n\t }\r\n\r\n\t return this._userSpace;\r\n\t },\r\n\r\n\t _createStops: function(stops) {\r\n\t if (stops === void 0) { stops = []; }\r\n\r\n\t var result = [];\r\n\t for (var idx = 0; idx < stops.length; idx++) {\r\n\t result.push(GradientStop.create(stops[idx]));\r\n\t }\r\n\r\n\t return result;\r\n\t },\r\n\r\n\t addStop: function(offset, color, opacity) {\r\n\t this.stops.push(new GradientStop(offset, color, opacity));\r\n\t },\r\n\r\n\t removeStop: function(stop) {\r\n\t var index = this.stops.indexOf(stop);\r\n\t if (index >= 0) {\r\n\t this.stops.splice(index, 1);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tGradient.prototype.nodeType = \"Gradient\";\r\n\r\n\tObserversMixin.extend(Gradient.prototype);\r\n\r\n\t$.extend(Gradient.prototype, {\r\n\t optionsChange: function(e) {\r\n\t this.trigger(\"optionsChange\", {\r\n\t field: \"gradient\" + (e ? \".\" + e.field : \"\"),\r\n\t value: this\r\n\t });\r\n\t },\r\n\r\n\t geometryChange: function() {\r\n\t this.optionsChange();\r\n\t }\r\n\t});\r\n\r\n\tvar LinearGradient = Gradient.extend({\r\n\t init: function(options) {\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t Gradient.fn.init.call(this, options);\r\n\r\n\t this.start(options.start || new Point());\r\n\r\n\t this.end(options.end || new Point(1, 0));\r\n\t }\r\n\t});\r\n\r\n\tdefinePointAccessors(LinearGradient.prototype, [ \"start\", \"end\" ]);\r\n\r\n\tvar RadialGradient = Gradient.extend({\r\n\t init: function(options) {\r\n\t if (options === void 0) { options = {}; }\r\n\r\n\t Gradient.fn.init.call(this, options);\r\n\r\n\t this.center(options.center || new Point());\r\n\t this._radius = defined(options.radius) ? options.radius : 1;\r\n\t this._fallbackFill = options.fallbackFill;\r\n\t },\r\n\r\n\t radius: function(value) {\r\n\t if (defined(value)) {\r\n\t this._radius = value;\r\n\t this.geometryChange();\r\n\t return this;\r\n\t }\r\n\r\n\t return this._radius;\r\n\t },\r\n\r\n\t fallbackFill: function(value) {\r\n\t if (defined(value)) {\r\n\t this._fallbackFill = value;\r\n\t this.optionsChange();\r\n\t return this;\r\n\t }\r\n\r\n\t return this._fallbackFill;\r\n\t }\r\n\t});\r\n\r\n\tdefinePointAccessors(RadialGradient.prototype, [ \"center\" ]);\r\n\r\n\tfunction swing(position) {\r\n\t return 0.5 - Math.cos(position * Math.PI) / 2;\r\n\t}\r\n\r\n\tfunction linear(position) {\r\n\t return position;\r\n\t}\r\n\r\n\tfunction easeOutElastic(position, time, start, diff) {\r\n\t var s = 1.70158,\r\n\t p = 0,\r\n\t a = diff;\r\n\r\n\t if (position === 0) {\r\n\t return start;\r\n\t }\r\n\r\n\t if (position === 1) {\r\n\t return start + diff;\r\n\t }\r\n\r\n\t if (!p) {\r\n\t p = 0.5;\r\n\t }\r\n\r\n\t if (a < Math.abs(diff)) {\r\n\t a = diff;\r\n\t s = p / 4;\r\n\t } else {\r\n\t s = p / (2 * Math.PI) * Math.asin(diff / a);\r\n\t }\r\n\r\n\t return a * Math.pow(2, -10 * position) *\r\n\t Math.sin((Number(position) - s) * (1.1 * Math.PI) / p) + diff + start;\r\n\t}\r\n\r\n\tvar easingFunctions = {\r\n\t\tswing: swing,\r\n\t\tlinear: linear,\r\n\t\teaseOutElastic: easeOutElastic\r\n\t};\r\n\r\n\tvar now = Date.now || function() {\r\n\t return new Date().getTime();\r\n\t};\r\n\r\n\tvar Animation = Class.extend({\r\n\t init: function(element, options) {\r\n\r\n\t this.options = $.extend({}, this.options, options);\r\n\t this.element = element;\r\n\t },\r\n\r\n\t setup: function() {},\r\n\r\n\t step: function() {},\r\n\r\n\t play: function() {\r\n\t var this$1 = this;\r\n\r\n\t var options = this.options;\r\n\t var duration = options.duration;\r\n\t var delay = options.delay; if (delay === void 0) { delay = 0; }\r\n\t var easing = easingFunctions[options.easing];\r\n\t var start = now() + delay;\r\n\t var finish = start + duration;\r\n\r\n\t if (duration === 0) {\r\n\t this.step(1);\r\n\t this.abort();\r\n\t } else {\r\n\t setTimeout(function () {\r\n\t var loop = function () {\r\n\t if (this$1._stopped) {\r\n\t return;\r\n\t }\r\n\r\n\t var wallTime = now();\r\n\r\n\t var time = limitValue(wallTime - start, 0, duration);\r\n\t var position = time / duration;\r\n\t var easingPosition = easing(position, time, 0, 1, duration);\r\n\r\n\t this$1.step(easingPosition);\r\n\r\n\t if (wallTime < finish) {\r\n\t kendo.animationFrame(loop);\r\n\t } else {\r\n\t this$1.abort();\r\n\t }\r\n\t };\r\n\r\n\t loop();\r\n\t }, delay);\r\n\t }\r\n\t },\r\n\r\n\t abort: function() {\r\n\t this._stopped = true;\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this.abort();\r\n\t }\r\n\t});\r\n\r\n\tAnimation.prototype.options = {\r\n\t duration: 500,\r\n\t easing: \"swing\"\r\n\t};\r\n\r\n\tvar AnimationFactory = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._items = [];\r\n\t },\r\n\r\n\t register: function(name, type) {\r\n\t this._items.push({\r\n\t name: name,\r\n\t type: type\r\n\t });\r\n\t },\r\n\r\n\t create: function(element, options) {\r\n\t var items = this._items;\r\n\t var match;\r\n\r\n\t if (options && options.type) {\r\n\t var type = options.type.toLowerCase();\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t if (items[i].name.toLowerCase() === type) {\r\n\t match = items[i];\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (match) {\r\n\t return new match.type(element, options);\r\n\t }\r\n\t }\r\n\t});\r\n\r\n\tAnimationFactory.current = new AnimationFactory();\r\n\r\n\tAnimation.create = function(type, element, options) {\r\n\t return AnimationFactory.current.create(type, element, options);\r\n\t};\r\n\r\n\tvar ShapeMap = {\r\n\t l: function(path, options) {\r\n\t var parameters = options.parameters;\r\n\t var position = options.position;\r\n\r\n\t for (var i = 0; i < parameters.length; i += 2) {\r\n\t var point = new Point(parameters[i], parameters[i + 1]);\r\n\r\n\t if (options.isRelative) {\r\n\t point.translateWith(position);\r\n\t }\r\n\r\n\t path.lineTo(point.x, point.y);\r\n\r\n\t position.x = point.x;\r\n\t position.y = point.y;\r\n\t }\r\n\t },\r\n\r\n\t c: function(path, options) {\r\n\t var parameters = options.parameters;\r\n\t var position = options.position;\r\n\r\n\t for (var i = 0; i < parameters.length; i += 6) {\r\n\t var controlOut = new Point(parameters[i], parameters[i + 1]);\r\n\t var controlIn = new Point(parameters[i + 2], parameters[i + 3]);\r\n\t var point = new Point(parameters[i + 4], parameters[i + 5]);\r\n\t if (options.isRelative) {\r\n\t controlIn.translateWith(position);\r\n\t controlOut.translateWith(position);\r\n\t point.translateWith(position);\r\n\t }\r\n\r\n\t path.curveTo(controlOut, controlIn, point);\r\n\r\n\t position.x = point.x;\r\n\t position.y = point.y;\r\n\t }\r\n\t },\r\n\r\n\t v: function(path, options) {\r\n\t var value = options.isRelative ? 0 : options.position.x;\r\n\r\n\t toLineParamaters(options.parameters, true, value);\r\n\t this.l(path, options);\r\n\t },\r\n\r\n\t h: function(path, options) {\r\n\t var value = options.isRelative ? 0 : options.position.y;\r\n\r\n\t toLineParamaters(options.parameters, false, value);\r\n\t this.l(path, options);\r\n\t },\r\n\r\n\t a: function(path, options) {\r\n\t var parameters = options.parameters;\r\n\t var position = options.position;\r\n\r\n\t for (var i = 0; i < parameters.length; i += 7) {\r\n\t var radiusX = parameters[i];\r\n\t var radiusY = parameters[i + 1];\r\n\t var rotation = parameters[i + 2];\r\n\t var largeArc = parameters[i + 3];\r\n\t var swipe = parameters[i + 4];\r\n\t var endPoint = new Point(parameters[i + 5], parameters[i + 6]);\r\n\r\n\t if (options.isRelative) {\r\n\t endPoint.translateWith(position);\r\n\t }\r\n\t if (position.x !== endPoint.x || position.y !== endPoint.y) {\r\n\t path.arcTo(endPoint, radiusX, radiusY, largeArc, swipe, rotation);\r\n\r\n\t position.x = endPoint.x;\r\n\t position.y = endPoint.y;\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t s: function(path, options) {\r\n\t var parameters = options.parameters;\r\n\t var position = options.position;\r\n\t var previousCommand = options.previousCommand;\r\n\t var lastControlIn;\r\n\r\n\t if (previousCommand === \"s\" || previousCommand === \"c\") {\r\n\t lastControlIn = last(last(path.paths).segments).controlIn();\r\n\t }\r\n\r\n\t for (var i = 0; i < parameters.length; i += 4) {\r\n\t var controlIn = new Point(parameters[i], parameters[i + 1]);\r\n\t var endPoint = new Point(parameters[i + 2], parameters[i + 3]);\r\n\t var controlOut = (void 0);\r\n\r\n\t if (options.isRelative) {\r\n\t controlIn.translateWith(position);\r\n\t endPoint.translateWith(position);\r\n\t }\r\n\r\n\t if (lastControlIn) {\r\n\t controlOut = reflectionPoint(lastControlIn, position);\r\n\t } else {\r\n\t controlOut = position.clone();\r\n\t }\r\n\r\n\t lastControlIn = controlIn;\r\n\r\n\t path.curveTo(controlOut, controlIn, endPoint);\r\n\r\n\t position.x = endPoint.x;\r\n\t position.y = endPoint.y;\r\n\t }\r\n\t },\r\n\r\n\t q: function(path, options) {\r\n\t var parameters = options.parameters;\r\n\t var position = options.position;\r\n\r\n\t for (var i = 0; i < parameters.length; i += 4) {\r\n\t var controlPoint = new Point(parameters[i], parameters[i + 1]);\r\n\t var endPoint = new Point(parameters[i + 2], parameters[i + 3]);\r\n\r\n\t if (options.isRelative) {\r\n\t controlPoint.translateWith(position);\r\n\t endPoint.translateWith(position);\r\n\t }\r\n\r\n\t var cubicControlPoints = quadraticToCubicControlPoints(position, controlPoint, endPoint);\r\n\r\n\t path.curveTo(cubicControlPoints.controlOut, cubicControlPoints.controlIn, endPoint);\r\n\r\n\t position.x = endPoint.x;\r\n\t position.y = endPoint.y;\r\n\t }\r\n\t },\r\n\r\n\t t: function(path, options) {\r\n\t var parameters = options.parameters;\r\n\t var position = options.position;\r\n\t var previousCommand = options.previousCommand;\r\n\t var controlPoint;\r\n\r\n\t if (previousCommand === \"q\" || previousCommand === \"t\") {\r\n\t var lastSegment = last(last(path.paths).segments);\r\n\t controlPoint = lastSegment.controlIn().clone()\r\n\t .translateWith(position.scaleCopy(-1 / 3))\r\n\t .scale(3 / 2);\r\n\t }\r\n\r\n\t for (var i = 0; i < parameters.length; i += 2) {\r\n\t var endPoint = new Point(parameters[i], parameters[i + 1]);\r\n\t if (options.isRelative) {\r\n\t endPoint.translateWith(position);\r\n\t }\r\n\r\n\t if (controlPoint) {\r\n\t controlPoint = reflectionPoint(controlPoint, position);\r\n\t } else {\r\n\t controlPoint = position.clone();\r\n\t }\r\n\r\n\t var cubicControlPoints = quadraticToCubicControlPoints(position, controlPoint, endPoint);\r\n\r\n\t path.curveTo(cubicControlPoints.controlOut, cubicControlPoints.controlIn, endPoint);\r\n\r\n\t position.x = endPoint.x;\r\n\t position.y = endPoint.y;\r\n\t }\r\n\t }\r\n\t};\r\n\r\n\tfunction toLineParamaters(parameters, isVertical, value) {\r\n\t var insertPosition = isVertical ? 0 : 1;\r\n\r\n\t for (var i = 0; i < parameters.length; i += 2) {\r\n\t parameters.splice(i + insertPosition, 0, value);\r\n\t }\r\n\t}\r\n\r\n\tfunction reflectionPoint(point, center) {\r\n\t if (point && center) {\r\n\t return center.scaleCopy(2).translate(-point.x, -point.y);\r\n\t }\r\n\t}\r\n\r\n\tvar third = 1 / 3;\r\n\r\n\tfunction quadraticToCubicControlPoints(position, controlPoint, endPoint) {\r\n\t var scaledPoint = controlPoint.clone().scale(2 / 3);\r\n\t return {\r\n\t controlOut: scaledPoint.clone().translateWith(position.scaleCopy(third)),\r\n\t controlIn: scaledPoint.translateWith(endPoint.scaleCopy(third))\r\n\t };\r\n\t}\r\n\r\n\tvar SEGMENT_REGEX = /([a-df-z]{1})([^a-df-z]*)(z)?/gi;\r\n\tvar SPLIT_REGEX = /[,\\s]?([+\\-]?(?:\\d*\\.\\d+|\\d+)(?:[eE][+\\-]?\\d+)?)/g;\r\n\tvar MOVE = \"m\";\r\n\tvar CLOSE = \"z\";\r\n\r\n\tfunction parseParameters(str) {\r\n\t var parameters = [];\r\n\t str.replace(SPLIT_REGEX, function(match, number) {\r\n\t parameters.push(parseFloat(number));\r\n\t });\r\n\t return parameters;\r\n\t}\r\n\r\n\tvar PathParser = Class.extend({\r\n\t parse: function(str, options) {\r\n\t var multiPath = new MultiPath(options);\r\n\t var position = new Point();\r\n\t var previousCommand;\r\n\r\n\t str.replace(SEGMENT_REGEX, function (match, element, params, closePath) {\r\n\t var command = element.toLowerCase();\r\n\t var isRelative = command === element;\r\n\t var parameters = parseParameters(params.trim());\r\n\r\n\t if (command === MOVE) {\r\n\t if (isRelative) {\r\n\t position.x += parameters[0];\r\n\t position.y += parameters[1];\r\n\t } else {\r\n\t position.x = parameters[0];\r\n\t position.y = parameters[1];\r\n\t }\r\n\r\n\t multiPath.moveTo(position.x, position.y);\r\n\r\n\t if (parameters.length > 2) {\r\n\t command = \"l\";\r\n\t parameters.splice(0, 2);\r\n\t }\r\n\t }\r\n\r\n\t if (ShapeMap[command]) {\r\n\t ShapeMap[command](\r\n\t multiPath, {\r\n\t parameters: parameters,\r\n\t position: position,\r\n\t isRelative: isRelative,\r\n\t previousCommand: previousCommand\r\n\t }\r\n\t );\r\n\r\n\t if (closePath && closePath.toLowerCase() === CLOSE) {\r\n\t multiPath.close();\r\n\t }\r\n\t } else if (command !== MOVE) {\r\n\t throw new Error(\"Error while parsing SVG path. Unsupported command: \" + command);\r\n\t }\r\n\r\n\t previousCommand = command;\r\n\t });\r\n\r\n\t return multiPath;\r\n\t }\r\n\t});\r\n\r\n\tPathParser.current = new PathParser();\r\n\r\n\tPath.parse = function(str, options) {\r\n\t return PathParser.current.parse(str, options);\r\n\t};\r\n\r\n\tvar SurfaceFactory = Class.extend({\r\n\t init: function() {\r\n\r\n\t this._items = [];\r\n\t },\r\n\r\n\t register: function(name, type, order) {\r\n\t var items = this._items;\r\n\t var first = items[0];\r\n\t var entry = {\r\n\t name: name,\r\n\t type: type,\r\n\t order: order\r\n\t };\r\n\r\n\t if (!first || order < first.order) {\r\n\t items.unshift(entry);\r\n\t } else {\r\n\t items.push(entry);\r\n\t }\r\n\t },\r\n\r\n\t create: function(element, options) {\r\n\t var items = this._items;\r\n\t var match = items[0];\r\n\r\n\t if (options && options.type) {\r\n\t var preferred = options.type.toLowerCase();\r\n\t for (var i = 0; i < items.length; i++) {\r\n\t if (items[i].name === preferred) {\r\n\t match = items[i];\r\n\t break;\r\n\t }\r\n\t }\r\n\t }\r\n\r\n\t if (match) {\r\n\t return new match.type(element, options);\r\n\t }\r\n\r\n\t kendo.logToConsole(\r\n\t \"Warning: Unable to create Kendo UI Drawing Surface. Possible causes:\\n\" +\r\n\t \"- The browser does not support SVG and Canvas. User agent: \" + (navigator.userAgent));\r\n\t }\r\n\t});\r\n\r\n\tSurfaceFactory.current = new SurfaceFactory();\r\n\r\n\tvar events = [\r\n\t \"click\",\r\n\t \"mouseenter\",\r\n\t \"mouseleave\",\r\n\t \"mousemove\",\r\n\t \"resize\"\r\n\t];\r\n\r\n\tvar Surface = kendo.Observable.extend({\r\n\t init: function(element, options) {\r\n\t kendo.Observable.fn.init.call(this);\r\n\r\n\t this.options = $.extend({}, options);\r\n\t this.element = element;\r\n\t this.element._kendoExportVisual = this.exportVisual.bind(this);\r\n\r\n\t this._click = this._handler(\"click\");\r\n\t this._mouseenter = this._handler(\"mouseenter\");\r\n\t this._mouseleave = this._handler(\"mouseleave\");\r\n\t this._mousemove = this._handler(\"mousemove\");\r\n\r\n\t this._visual = new Group();\r\n\r\n\t elementSize(element, this.options);\r\n\r\n\t this.bind(events, this.options);\r\n\r\n\t this._enableTracking();\r\n\t },\r\n\r\n\t draw: function(element) {\r\n\t this._visual.children.push(element);\r\n\t },\r\n\r\n\t clear: function() {\r\n\t this._visual.children = [];\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t this._visual = null;\r\n\t this.element._kendoExportVisual = null;\r\n\t this.unbind();\r\n\t },\r\n\r\n\t eventTarget: function(e) {\r\n\t var this$1 = this;\r\n\r\n\t var domNode = eventElement(e);\r\n\t var node;\r\n\r\n\t while (!node && domNode) {\r\n\t node = domNode._kendoNode;\r\n\t if (domNode === this$1.element) {\r\n\t break;\r\n\t }\r\n\r\n\t domNode = domNode.parentElement;\r\n\t }\r\n\r\n\t if (node) {\r\n\t return node.srcElement;\r\n\t }\r\n\t },\r\n\r\n\t exportVisual: function() {\r\n\t return this._visual;\r\n\t },\r\n\r\n\t getSize: function() {\r\n\t return elementSize(this.element);\r\n\t },\r\n\r\n\t currentSize: function(size) {\r\n\t if (size) {\r\n\t this._size = size;\r\n\t } else {\r\n\t return this._size;\r\n\t }\r\n\t },\r\n\r\n\t setSize: function(size) {\r\n\t elementSize(this.element, size);\r\n\r\n\t this.currentSize(size);\r\n\t this._resize();\r\n\t },\r\n\r\n\t resize: function(force) {\r\n\t var size = this.getSize();\r\n\t var currentSize = this.currentSize();\r\n\r\n\t if (force || (size.width > 0 || size.height > 0) && (!currentSize || size.width !== currentSize.width || size.height !== currentSize.height)) {\r\n\t this.currentSize(size);\r\n\t this._resize(size, force);\r\n\t this.trigger(\"resize\", size);\r\n\t }\r\n\t },\r\n\r\n\t size: function(value) {\r\n\t if (!value) {\r\n\t return this.getSize();\r\n\t }\r\n\r\n\t this.setSize(value);\r\n\t },\r\n\r\n\t suspendTracking: function() {\r\n\t this._suspendedTracking = true;\r\n\t },\r\n\r\n\t resumeTracking: function() {\r\n\t this._suspendedTracking = false;\r\n\t },\r\n\r\n\t _enableTracking: function() {},\r\n\r\n\t _resize: function() {},\r\n\r\n\t _handler: function(eventName) {\r\n\t var this$1 = this;\r\n\r\n\t return function (e) {\r\n\t var node = this$1.eventTarget(e);\r\n\t if (node && !this$1._suspendedTracking) {\r\n\t this$1.trigger(eventName, {\r\n\t element: node,\r\n\t originalEvent: e,\r\n\t type: eventName\r\n\t });\r\n\t }\r\n\t };\r\n\t },\r\n\r\n\t _elementOffset: function() {\r\n\t var element = this.element;\r\n\t var ref = elementStyles(element, [ \"paddingLeft\", \"paddingTop\" ]);\r\n\t var paddingLeft = ref.paddingLeft;\r\n\t var paddingTop = ref.paddingTop;\r\n\t var ref$1 = elementOffset(element);\r\n\t var left = ref$1.left;\r\n\t var top = ref$1.top;\r\n\r\n\t return {\r\n\t left: left + parseInt(paddingLeft, 10),\r\n\t top: top + parseInt(paddingTop, 10)\r\n\t };\r\n\t },\r\n\r\n\t _surfacePoint: function(e) {\r\n\t var offset = this._elementOffset();\r\n\t var coord = eventCoordinates(e);\r\n\t var x = coord.x - offset.left;\r\n\t var y = coord.y - offset.top;\r\n\r\n\t return new Point(x, y);\r\n\t }\r\n\t});\r\n\r\n\tSurface.create = function(element, options) {\r\n\t return SurfaceFactory.current.create(element, options);\r\n\t};\r\n\r\n\tSurface.support = {};\r\n\r\n\tvar BaseNode = Class.extend({\r\n\t init: function(srcElement) {\r\n\r\n\t this.childNodes = [];\r\n\t this.parent = null;\r\n\r\n\t if (srcElement) {\r\n\t this.srcElement = srcElement;\r\n\t this.observe();\r\n\t }\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t var this$1 = this;\r\n\r\n\t if (this.srcElement) {\r\n\t this.srcElement.removeObserver(this);\r\n\t }\r\n\r\n\t var children = this.childNodes;\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t this$1.childNodes[i].destroy();\r\n\t }\r\n\r\n\t this.parent = null;\r\n\t },\r\n\r\n\t load: function() {},\r\n\r\n\t observe: function() {\r\n\t if (this.srcElement) {\r\n\t this.srcElement.addObserver(this);\r\n\t }\r\n\t },\r\n\r\n\t append: function(node) {\r\n\t this.childNodes.push(node);\r\n\t node.parent = this;\r\n\t },\r\n\r\n\t insertAt: function(node, pos) {\r\n\t this.childNodes.splice(pos, 0, node);\r\n\t node.parent = this;\r\n\t },\r\n\r\n\t remove: function(index, count) {\r\n\t var this$1 = this;\r\n\r\n\t var end = index + count;\r\n\t for (var i = index; i < end; i++) {\r\n\t this$1.childNodes[i].removeSelf();\r\n\t }\r\n\t this.childNodes.splice(index, count);\r\n\t },\r\n\r\n\t removeSelf: function() {\r\n\t this.clear();\r\n\t this.destroy();\r\n\t },\r\n\r\n\t clear: function() {\r\n\t this.remove(0, this.childNodes.length);\r\n\t },\r\n\r\n\t invalidate: function() {\r\n\t if (this.parent) {\r\n\t this.parent.invalidate();\r\n\t }\r\n\t },\r\n\r\n\t geometryChange: function() {\r\n\t this.invalidate();\r\n\t },\r\n\r\n\t optionsChange: function() {\r\n\t this.invalidate();\r\n\t },\r\n\r\n\t childrenChange: function(e) {\r\n\t if (e.action === \"add\") {\r\n\t this.load(e.items, e.index);\r\n\t } else if (e.action === \"remove\") {\r\n\t this.remove(e.index, e.items.length);\r\n\t }\r\n\r\n\t this.invalidate();\r\n\t }\r\n\t});\r\n\r\n\tfunction renderAttr(name, value) {\r\n\t return (defined(value) && value !== null) ? (\" \" + name + \"='\" + value + \"' \") : \"\";\r\n\t}\r\n\r\n\tfunction renderAllAttr(attrs) {\r\n\t var output = \"\";\r\n\t for (var i = 0; i < attrs.length; i++) {\r\n\t output += renderAttr(attrs[i][0], attrs[i][1]);\r\n\t }\r\n\r\n\t return output;\r\n\t}\r\n\r\n\tfunction renderStyle(attrs) {\r\n\t var output = \"\";\r\n\t for (var i = 0; i < attrs.length; i++) {\r\n\t var value = attrs[i][1];\r\n\t if (defined(value)) {\r\n\t output += attrs[i][0] + \":\" + value + \";\";\r\n\t }\r\n\t }\r\n\r\n\t if (output !== \"\") {\r\n\t return output;\r\n\t }\r\n\t}\r\n\r\n\tvar NODE_MAP = {};\r\n\r\n\tvar SVG_NS = \"http://www.w3.org/2000/svg\";\r\n\tvar NONE = \"none\";\r\n\r\n\tvar renderSVG = function(container, svg) {\r\n\t container.innerHTML = svg;\r\n\t};\r\n\r\n\tif (typeof document !== \"undefined\") {\r\n\t var testFragment = \"\";\r\n\t var testContainer = document.createElement(\"div\");\r\n\t var hasParser = typeof DOMParser !== \"undefined\";\r\n\r\n\t testContainer.innerHTML = testFragment;\r\n\r\n\t if (hasParser && testContainer.firstChild.namespaceURI !== SVG_NS) {\r\n\t renderSVG = function(container, svg) {\r\n\t var parser = new DOMParser();\r\n\t var chartDoc = parser.parseFromString(svg, \"text/xml\");\r\n\t var importedDoc = document.adoptNode(chartDoc.documentElement);\r\n\r\n\t container.innerHTML = \"\";\r\n\t container.appendChild(importedDoc);\r\n\t };\r\n\t }\r\n\t}\r\n\r\n\tvar renderSVG$1 = renderSVG;\r\n\r\n\tvar TRANSFORM = \"transform\";\r\n\tvar DefinitionMap = {\r\n\t clip: \"clip-path\",\r\n\t fill: \"fill\"\r\n\t};\r\n\r\n\tfunction isDefinition(type, value) {\r\n\t return type === \"clip\" || (type === \"fill\" && (!value || value.nodeType === \"Gradient\"));\r\n\t}\r\n\r\n\tfunction baseUrl() {\r\n\t var base = document.getElementsByTagName(\"base\")[0];\r\n\t var href = document.location.href;\r\n\t var hashIndex = href.indexOf(\"#\");\r\n\t var url = \"\";\r\n\r\n\t if (base && !supportBrowser.msie) {\r\n\t if (hashIndex !== -1) {\r\n\t href = href.substring(0, hashIndex);\r\n\t }\r\n\r\n\t url = href;\r\n\t }\r\n\r\n\t return url;\r\n\t}\r\n\r\n\tfunction refUrl(id, skipBaseHref) {\r\n\t var base = skipBaseHref ? '' : baseUrl();\r\n\t return (\"url(\" + base + \"#\" + id + \")\");\r\n\t}\r\n\r\n\tvar Node = BaseNode.extend({\r\n\t init: function(srcElement, options) {\r\n\t BaseNode.fn.init.call(this, srcElement);\r\n\t this.definitions = {};\r\n\r\n\t this.options = options;\r\n\t },\r\n\r\n\t destroy: function() {\r\n\t if (this.element) {\r\n\t this.element._kendoNode = null;\r\n\t this.element = null;\r\n\t }\r\n\r\n\t this.clearDefinitions();\r\n\t BaseNode.fn.destroy.call(this);\r\n\t },\r\n\r\n\t load: function(elements, pos) {\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < elements.length; i++) {\r\n\t var srcElement = elements[i];\r\n\t var children = srcElement.children;\r\n\r\n\t var childNode = new NODE_MAP[srcElement.nodeType](srcElement, this$1.options);\r\n\r\n\t if (defined(pos)) {\r\n\t this$1.insertAt(childNode, pos);\r\n\t } else {\r\n\t this$1.append(childNode);\r\n\t }\r\n\r\n\t childNode.createDefinitions();\r\n\r\n\t if (children && children.length > 0) {\r\n\t childNode.load(children);\r\n\t }\r\n\r\n\t var element = this$1.element;\r\n\t if (element) {\r\n\t childNode.attachTo(element, pos);\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t root: function() {\r\n\t var root = this;\r\n\r\n\t while (root.parent) {\r\n\t root = root.parent;\r\n\t }\r\n\r\n\t return root;\r\n\t },\r\n\r\n\t attachTo: function(domElement, pos) {\r\n\t var container = document.createElement(\"div\");\r\n\t renderSVG$1(container,\r\n\t \"\"\r\n\t );\r\n\r\n\t var element = container.firstChild.firstChild;\r\n\t if (element) {\r\n\t if (defined(pos)) {\r\n\t domElement.insertBefore(element, domElement.childNodes[pos] || null);\r\n\t } else {\r\n\t domElement.appendChild(element);\r\n\t }\r\n\t this.setElement(element);\r\n\t }\r\n\t },\r\n\r\n\t setElement: function(element) {\r\n\t if (this.element) {\r\n\t this.element._kendoNode = null;\r\n\t }\r\n\r\n\t this.element = element;\r\n\t this.element._kendoNode = this;\r\n\r\n\t var nodes = this.childNodes;\r\n\t for (var i = 0; i < nodes.length; i++) {\r\n\t var childElement = element.childNodes[i];\r\n\t nodes[i].setElement(childElement);\r\n\t }\r\n\t },\r\n\r\n\t clear: function() {\r\n\t this.clearDefinitions();\r\n\r\n\t if (this.element) {\r\n\t this.element.innerHTML = \"\";\r\n\t }\r\n\r\n\t var children = this.childNodes;\r\n\t for (var i = 0; i < children.length; i++) {\r\n\t children[i].destroy();\r\n\t }\r\n\r\n\t this.childNodes = [];\r\n\t },\r\n\r\n\t removeSelf: function() {\r\n\t if (this.element) {\r\n\t var parentNode = this.element.parentNode;\r\n\t if (parentNode) {\r\n\t parentNode.removeChild(this.element);\r\n\t }\r\n\t this.element = null;\r\n\t }\r\n\r\n\t BaseNode.fn.removeSelf.call(this);\r\n\t },\r\n\r\n\t template: function() {\r\n\t return this.renderChildren();\r\n\t },\r\n\r\n\t render: function() {\r\n\t return this.template();\r\n\t },\r\n\r\n\t renderChildren: function() {\r\n\t var nodes = this.childNodes;\r\n\t var output = \"\";\r\n\r\n\t for (var i = 0; i < nodes.length; i++) {\r\n\t output += nodes[i].render();\r\n\t }\r\n\r\n\t return output;\r\n\t },\r\n\r\n\t optionsChange: function(e) {\r\n\t var field = e.field;\r\n\t var value = e.value;\r\n\r\n\t if (field === \"visible\") {\r\n\t this.css(\"display\", value ? \"\" : NONE);\r\n\t } else if (DefinitionMap[field] && isDefinition(field, value)) {\r\n\t this.updateDefinition(field, value);\r\n\t } else if (field === \"opacity\") {\r\n\t this.attr(\"opacity\", value);\r\n\t } else if (field === \"cursor\") {\r\n\t this.css(\"cursor\", value);\r\n\t } else if (field === \"id\") {\r\n\t if (value) {\r\n\t this.attr(\"id\", value);\r\n\t } else {\r\n\t this.removeAttr(\"id\");\r\n\t }\r\n\t }\r\n\r\n\t BaseNode.fn.optionsChange.call(this, e);\r\n\t },\r\n\r\n\t attr: function(name, value) {\r\n\t if (this.element) {\r\n\t this.element.setAttribute(name, value);\r\n\t }\r\n\t },\r\n\r\n\t allAttr: function(attrs) {\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < attrs.length; i++) {\r\n\t this$1.attr(attrs[i][0], attrs[i][1]);\r\n\t }\r\n\t },\r\n\r\n\t css: function(name, value) {\r\n\t if (this.element) {\r\n\t this.element.style[name] = value;\r\n\t }\r\n\t },\r\n\r\n\t allCss: function(styles) {\r\n\t var this$1 = this;\r\n\r\n\t for (var i = 0; i < styles.length; i++) {\r\n\t this$1.css(styles[i][0], styles[i][1]);\r\n\t }\r\n\t },\r\n\r\n\t removeAttr: function(name) {\r\n\t if (this.element) {\r\n\t this.element.removeAttribute(name);\r\n\t }\r\n\t },\r\n\r\n\t mapTransform: function(transform) {\r\n\t var attrs = [];\r\n\t if (transform) {\r\n\t attrs.push([\r\n\t TRANSFORM,\r\n\t \"matrix(\" + transform.matrix().toString(6) + \")\"\r\n\t ]);\r\n\t }\r\n\r\n\t return attrs;\r\n\t },\r\n\r\n\t renderTransform: function() {\r\n\t return renderAllAttr(\r\n\t this.mapTransform(this.srcElement.transform())\r\n\t );\r\n\t },\r\n\r\n\t transformChange: function(value) {\r\n\t if (value) {\r\n\t this.allAttr(this.mapTransform(value));\r\n\t } else {\r\n\t this.removeAttr(TRANSFORM);\r\n\t }\r\n\t },\r\n\r\n\t mapStyle: function() {\r\n\t var options = this.srcElement.options;\r\n\t var style = [ [ \"cursor\", options.cursor ] ];\r\n\r\n\t if (options.visible === false) {\r\n\t style.push([ \"display\", NONE ]);\r\n\t }\r\n\r\n\t return style;\r\n\t },\r\n\r\n\t renderStyle: function() {\r\n\t return renderAttr(\"style\", renderStyle(this.mapStyle(true)));\r\n\t },\r\n\r\n\t renderOpacity: function() {\r\n\t return renderAttr(\"opacity\", this.srcElement.options.opacity);\r\n\t },\r\n\r\n\t renderId: function() {\r\n\t return renderAttr(\"id\", this.srcElement.options.id);\r\n\t },\r\n\r\n\t createDefinitions: function() {\r\n\t var srcElement = this.srcElement;\r\n\t var definitions = this.definitions;\r\n\t if (srcElement) {\r\n\t var options = srcElement.options;\r\n\t var hasDefinitions;\r\n\r\n\t for (var field in DefinitionMap) {\r\n\t var definition = options.get(field);\r\n\t if (definition && isDefinition(field, definition)) {\r\n\t definitions[field] = definition;\r\n\t hasDefinitions = true;\r\n\t }\r\n\t }\r\n\t if (hasDefinitions) {\r\n\t this.definitionChange({\r\n\t action: \"add\",\r\n\t definitions: definitions\r\n\t });\r\n\t }\r\n\t }\r\n\t },\r\n\r\n\t definitionChange: function(e) {\r\n\t if (this.parent) {\r\n\t this.parent.definitionChange(e);\r\n\t }\r\n\t },\r\n\r\n\t updateDefinition: function(type, value) {\r\n\t var definitions = this.definitions;\r\n\t var current = definitions[type];\r\n\t var attr = DefinitionMap[type];\r\n\t var definition = {};\r\n\t if (current) {\r\n\t definition[type] = current;\r\n\t this.definitionChange({\r\n\t action: \"remove\",\r\n\t definitions: definition\r\n\t });\r\n\t delete definitions[type];\r\n\t }\r\n\r\n\t if (!value) {\r\n\t if (current) {\r\n\t this.removeAttr(attr);\r\n\t }\r\n\t } else {\r\n\t definition[type] = value;\r\n\t this.definitionChange({\r\n\t action: \"add\",\r\n\t definitions: definition\r\n\t });\r\n\t definitions[type] = value;\r\n\t this.attr(attr, this.refUrl(value.id));\r\n\t }\r\n\t },\r\n\r\n\t clearDefinitions: function() {\r\n\t var definitions = this.definitions;\r\n\r\n\t this.definitionChange({\r\n\t action: \"remove\",\r\n\t definitions: definitions\r\n\t });\r\n\t this.definitions = {};\r\n\t },\r\n\r\n\t renderDefinitions: function() {\r\n\t return renderAllAttr(this.mapDefinitions());\r\n\t },\r\n\r\n\t mapDefinitions: function() {\r\n\t var this$1 = this;\r\n\r\n\t var definitions = this.definitions;\r\n\t var attrs = [];\r\n\r\n\t for (var field in definitions) {\r\n\t attrs.push([ DefinitionMap[field], this$1.refUrl(definitions[field].id) ]);\r\n\t }\r\n\r\n\t return attrs;\r\n\t },\r\n\r\n\t refUrl: function(id) {\r\n\t var skipBaseHref = (this.options || {}).skipBaseHref;\r\n\t return refUrl(id, skipBaseHref);\r\n\t }\r\n\t});\r\n\r\n\tvar GradientStopNode = Node.extend({\r\n\t template: function() {\r\n\t return (\"' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t ' ' +\n\t '
' +\n\t '