UNPKG

@antv/interaction/build/interaction.js

Version:
1.02 MBJavaScriptView Raw
1(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["interaction"] = factory();
else
root["interaction"] = factory();
10})(typeof self !== 'undefined' ? self : this, function() {
11return /******/ (function(modules) { // webpackBootstrap
12/******/ 	// The module cache
13/******/ 	var installedModules = {};
14/******/
15/******/ 	// The require function
16/******/ 	function __webpack_require__(moduleId) {
17/******/
18/******/ 		// Check if module is in cache
19/******/ 		if(installedModules[moduleId]) {
20/******/ 			return installedModules[moduleId].exports;
21/******/ 		}
22/******/ 		// Create a new module (and put it into the cache)
23/******/ 		var module = installedModules[moduleId] = {
24/******/ 			i: moduleId,
25/******/ 			l: false,
26/******/ 			exports: {}
27/******/ 		};
28/******/
29/******/ 		// Execute the module function
30/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
31/******/
32/******/ 		// Flag the module as loaded
33/******/ 		module.l = true;
34/******/
35/******/ 		// Return the exports of the module
36/******/ 		return module.exports;
37/******/ 	}
38/******/
39/******/
40/******/ 	// expose the modules object (__webpack_modules__)
41/******/ 	__webpack_require__.m = modules;
42/******/
43/******/ 	// expose the module cache
44/******/ 	__webpack_require__.c = installedModules;
45/******/
46/******/ 	// define getter function for harmony exports
47/******/ 	__webpack_require__.d = function(exports, name, getter) {
48/******/ 		if(!__webpack_require__.o(exports, name)) {
49/******/ 			Object.defineProperty(exports, name, {
50/******/ 				configurable: false,
51/******/ 				enumerable: true,
52/******/ 				get: getter
53/******/ 			});
54/******/ 		}
55/******/ 	};
56/******/
57/******/ 	// getDefaultExport function for compatibility with non-harmony modules
58/******/ 	__webpack_require__.n = function(module) {
59/******/ 		var getter = module && module.__esModule ?
60/******/ 			function getDefault() { return module['default']; } :
61/******/ 			function getModuleExports() { return module; };
62/******/ 		__webpack_require__.d(getter, 'a', getter);
63/******/ 		return getter;
64/******/ 	};
65/******/
66/******/ 	// Object.prototype.hasOwnProperty.call
67/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
68/******/
69/******/ 	// __webpack_public_path__
70/******/ 	__webpack_require__.p = "";
71/******/
72/******/ 	// Load entry module and return exports
73/******/ 	return __webpack_require__(__webpack_require__.s = 68);
74/******/ })
75/************************************************************************/
76/******/ ([
77/* 0 */
78/***/ (function(module, exports, __webpack_require__) {
79
80var CommonUtil = __webpack_require__(7);
81var DomUtil = __webpack_require__(29);
82
83var Util = {};
84
85CommonUtil.merge(Util, CommonUtil, DomUtil, {
mixin: function mixin(c, mixins) {
  var Param = c.CFG ? 'CFG' : 'ATTRS';
  if (c && mixins) {
    c._mixins = mixins;
    c[Param] = c[Param] || {};
    var temp = {};
    Util.each(mixins, function (mixin) {
      Util.augment(c, mixin);
      var attrs = mixin[Param];
      if (attrs) {
        Util.merge(temp, attrs);
      }
    });
    c[Param] = Util.merge(temp, c[Param]);
  }
}
102});
103
104module.exports = Util;
105
106/***/ }),
107/* 1 */
108/***/ (function(module, exports, __webpack_require__) {
109
110var Util = __webpack_require__(0);
111var Element = __webpack_require__(55);
112var Inside = __webpack_require__(3);
113
114var Shape = function Shape(cfg) {
Shape.superclass.constructor.call(this, cfg);
116};
117
118Shape.ATTRS = {};
119
120Util.extend(Shape, Element);
121
122Util.augment(Shape, {
isShape: true,
createPath: function createPath() {},
afterPath: function afterPath() {},
drawInner: function drawInner(context) {
  var self = this;
  var attrs = self.__attrs;
  self.createPath(context);
  var originOpacity = context.globalAlpha;
  if (self.hasFill()) {
    var fillOpacity = attrs.fillOpacity;
    if (!Util.isNil(fillOpacity) && fillOpacity !== 1) {
      context.globalAlpha = fillOpacity;
      context.fill();
      context.globalAlpha = originOpacity;
    } else {
      context.fill();
    }
  }
  if (self.hasStroke()) {
    var lineWidth = self.__attrs.lineWidth;
    if (lineWidth > 0) {
      var strokeOpacity = attrs.strokeOpacity;
      if (!Util.isNil(strokeOpacity) && strokeOpacity !== 1) {
        context.globalAlpha = strokeOpacity;
      }
      context.stroke();
    }
  }
  self.afterPath(context);
},
153
/**
 * 节点是否在图形中
 * @param  {Number}  x x 坐标
 * @param  {Number}  y y 坐标
 * @return {Boolean}  是否在图形中
 */
isPointInPath: function isPointInPath() {
  return false;
},
163
/**
 * 击中图形时是否进行包围盒判断
 * @return {Boolean} [description]
 */
isHitBox: function isHitBox() {
  return true;
},
171
/**
 * 节点是否能够被击中
 * @param {Number} x x坐标
 * @param {Number} y y坐标
 * @return {Boolean} 是否在图形中
 */
isHit: function isHit(x, y) {
  var self = this;
  var v = [x, y, 1];
  self.invert(v); // canvas
182
  if (self.isHitBox()) {
    var box = self.getBBox();
    if (box && !Inside.box(box.minX, box.maxX, box.minY, box.maxY, v[0], v[1])) {
      return false;
    }
  }
  var clip = self.__attrs.clip;
  if (clip) {
    if (clip.inside(x, y)) {
      return self.isPointInPath(v[0], v[1]);
    }
  } else {
    return self.isPointInPath(v[0], v[1]);
  }
  return false;
},
199
/**
 * @protected
 * 计算包围盒
 * @return {Object} 包围盒
 */
calculateBox: function calculateBox() {
  return null;
},
208
// 获取拾取时线的宽度，需要考虑附加的线的宽度
getHitLineWidth: function getHitLineWidth() {
  var attrs = this.__attrs;
  // if (!attrs.stroke) {
  //   return 0;
  // }
  var lineAppendWidth = attrs.lineAppendWidth || 0;
  var lineWidth = attrs.lineWidth || 0;
  return lineWidth + lineAppendWidth;
},
219
// 清除当前的矩阵
clearTotalMatrix: function clearTotalMatrix() {
  this.__cfg.totalMatrix = null;
  this.__cfg.region = null;
},
clearBBox: function clearBBox() {
  this.__cfg.box = null;
  this.__cfg.region = null;
},
getBBox: function getBBox() {
  var box = this.__cfg.box;
  // 延迟计算
  if (!box) {
    box = this.calculateBox();
    if (box) {
      box.x = box.minX;
      box.y = box.minY;
      box.width = box.maxX - box.minX;
      box.height = box.maxY - box.minY;
    }
    this.__cfg.box = box;
  }
  return box;
}
244});
245
246module.exports = Shape;
247
248/***/ }),
249/* 2 */
250/***/ (function(module, exports, __webpack_require__) {
251
252var CommonUtil = __webpack_require__(7);
253var mat3 = __webpack_require__(74);
254var vec3 = __webpack_require__(75);
255var vec2 = __webpack_require__(76);
256
257vec2.angle = function (v1, v2) {
var theta = vec2.dot(v1, v2) / (vec2.length(v1) * vec2.length(v2));
return Math.acos(CommonUtil.clamp(theta, -1, 1));
260};
261/**
* 向量 v1 到 向量 v2 夹角的方向
* @param  {Array} v1 向量
* @param  {Array} v2 向量
* @return {Boolean} >= 0 顺时针 < 0 逆时针
*/
267vec2.direction = function (v1, v2) {
return v1[0] * v2[1] - v2[0] * v1[1];
269};
270vec2.angleTo = function (v1, v2, direct) {
var angle = vec2.angle(v1, v2);
var angleLargeThanPI = vec2.direction(v1, v2) >= 0;
if (direct) {
  if (angleLargeThanPI) {
    return Math.PI * 2 - angle;
  }
277
  return angle;
}
280
if (angleLargeThanPI) {
  return angle;
}
return Math.PI * 2 - angle;
285};
286vec2.vertical = function (out, v, flag) {
if (flag) {
  out[0] = v[1];
  out[1] = -1 * v[0];
} else {
  out[0] = -1 * v[1];
  out[1] = v[0];
}
294
return out;
296};
297
298mat3.translate = function (out, a, v) {
var transMat = new Array(9);
mat3.fromTranslation(transMat, v);
return mat3.multiply(out, transMat, a);
302};
303
304mat3.rotate = function (out, a, rad) {
var rotateMat = new Array(9);
mat3.fromRotation(rotateMat, rad);
return mat3.multiply(out, rotateMat, a);
308};
309
310mat3.scale = function (out, a, v) {
var scaleMat = new Array(9);
mat3.fromScaling(scaleMat, v);
return mat3.multiply(out, scaleMat, a);
314};
315
316module.exports = {
mat3: mat3,
vec2: vec2,
vec3: vec3,
transform: function transform(m, ts) {
  m = CommonUtil.clone(m);
  CommonUtil.each(ts, function (t) {
    switch (t[0]) {
      case 't':
        mat3.translate(m, m, [t[1], t[2]]);
        break;
      case 's':
        mat3.scale(m, m, [t[1], t[2]]);
        break;
      case 'r':
        mat3.rotate(m, m, t[1]);
        break;
      case 'm':
        mat3.multiply(m, m, t[1]);
        break;
      default:
        return false;
    }
  });
  return m;
}
342};
343
344/***/ }),
345/* 3 */
346/***/ (function(module, exports, __webpack_require__) {
347
348var Line = __webpack_require__(22);
349var Quadratic = __webpack_require__(23);
350var Cubic = __webpack_require__(12);
351var Arc = __webpack_require__(24);
352
353module.exports = {
line: function line(x1, y1, x2, y2, lineWidth, x, y) {
  var box = Line.box(x1, y1, x2, y2, lineWidth);
356
  if (!this.box(box.minX, box.maxX, box.minY, box.maxY, x, y)) {
    return false;
  }
360
  var d = Line.pointDistance(x1, y1, x2, y2, x, y);
  if (isNaN(d)) {
    return false;
  }
  return d <= lineWidth / 2;
},
polyline: function polyline(points, lineWidth, x, y) {
  var l = points.length - 1;
  if (l < 1) {
    return false;
  }
  for (var i = 0; i < l; i++) {
    var x1 = points[i][0];
    var y1 = points[i][1];
    var x2 = points[i + 1][0];
    var y2 = points[i + 1][1];
377
    if (this.line(x1, y1, x2, y2, lineWidth, x, y)) {
      return true;
    }
  }
382
  return false;
},
cubicline: function cubicline(x1, y1, x2, y2, x3, y3, x4, y4, lineWidth, x, y) {
  return Cubic.pointDistance(x1, y1, x2, y2, x3, y3, x4, y4, x, y) <= lineWidth / 2;
},
quadraticline: function quadraticline(x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
  return Quadratic.pointDistance(x1, y1, x2, y2, x3, y3, x, y) <= lineWidth / 2;
},
arcline: function arcline(cx, cy, r, startAngle, endAngle, clockwise, lineWidth, x, y) {
  return Arc.pointDistance(cx, cy, r, startAngle, endAngle, clockwise, x, y) <= lineWidth / 2;
},
rect: function rect(rx, ry, width, height, x, y) {
  return rx <= x && x <= rx + width && ry <= y && y <= ry + height;
},
circle: function circle(cx, cy, r, x, y) {
  return Math.pow(x - cx, 2) + Math.pow(y - cy, 2) <= Math.pow(r, 2);
},
box: function box(minX, maxX, minY, maxY, x, y) {
  return minX <= x && x <= maxX && minY <= y && y <= maxY;
}
403};
404
405/***/ }),
406/* 4 */
407/***/ (function(module, exports, __webpack_require__) {
408
409var Util = __webpack_require__(0);
410var Element = __webpack_require__(13);
411
412var SHAPES = {
rect: 'rect',
circle: 'circle',
line: 'line',
path: 'path',
marker: 'marker',
text: 'text',
polygon: 'polygon',
image: 'image',
ellipse: 'ellipse',
dom: 'foreignObject',
fan: 'path'
424};
425
426var Shape = function Shape(cfg) {
Shape.superclass.constructor.call(this, cfg);
428};
429
430Shape.ATTRS = {};
431
432Util.extend(Shape, Element);
433
434Util.augment(Shape, {
isShape: true,
createPath: function createPath() {},
init: function init(id) {
  Shape.superclass.init.call(this);
  var type = SHAPES[this.type];
  if (type) {
    var shape = document.createElementNS('http://www.w3.org/2000/svg', type);
    id = id || Util.uniqueId(this.type + '_');
    shape.setAttribute('id', id);
    this.setSilent('el', shape);
    this.setSilent('id', id);
  }
},
448
/**
 * 节点是否在图形中
 * @param  {Number}  x x 坐标
 * @param  {Number}  y y 坐标
 * @return {Boolean}  是否在图形中
 */
isPointInPath: function isPointInPath() {
  return false;
},
458
/**
 * 击中图形时是否进行包围盒判断
 * @return {Boolean} [description]
 */
isHitBox: function isHitBox() {
  return true;
},
466
/**
 * 节点是否能够被击中
 * @return {Boolean} 是否在图形中
 */
isHit: function isHit() {
  return false;
},
474
/**
 * @protected
 * @protected
 * 计算包围盒
 * @return {Object} 包围盒
 */
calculateBox: function calculateBox() {
  return null;
},
484
// 获取拾取时线的宽度，需要考虑附加的线的宽度
getHitLineWidth: function getHitLineWidth() {
  var attrs = this.__attrs;
  // if (!attrs.stroke) {
  //   return 0;
  // }
  var lineAppendWidth = attrs.lineAppendWidth || 0;
  var lineWidth = attrs.lineWidth || 0;
  return lineWidth + lineAppendWidth;
},
495
// 清除当前的矩阵
clearTotalMatrix: function clearTotalMatrix() {
  this.__cfg.totalMatrix = null;
  this.__cfg.region = null;
},
clearBBox: function clearBBox() {
  this.__cfg.box = null;
  this.__cfg.region = null;
}
505});
506
507module.exports = Shape;
508
509/***/ }),
510/* 5 */
511/***/ (function(module, __webpack_exports__, __webpack_require__) {
512
513"use strict";
514/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_color__ = __webpack_require__(18);
515/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__src_color__["e"]; });
516/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_0__src_color__["g"]; });
517/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_0__src_color__["f"]; });
518/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_lab__ = __webpack_require__(92);
519/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_1__src_lab__["a"]; });
520/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__src_lab__["b"]; });
521/* unused harmony reexport lch */
522/* unused harmony reexport gray */
523/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_cubehelix__ = __webpack_require__(93);
524/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubehelix__["a"]; });
525
526
527
528
529/***/ }),
530/* 6 */
531/***/ (function(module, exports, __webpack_require__) {
532
533var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
534
535var Marker = __webpack_require__(27);
536var Util = __webpack_require__(0);
537
538var PI = Math.PI;
539var sin = Math.sin;
540var cos = Math.cos;
541var atan2 = Math.atan2;
542var DEFAULT_LENGTH = 10;
543var DEFAULT_ANGLE = PI / 3;
544
545function _addArrow(ctx, attrs, x1, y1, x2, y2) {
var leftX = void 0;
var leftY = void 0;
var rightX = void 0;
var rightY = void 0;
var offsetX = void 0;
var offsetY = void 0;
var angle = void 0;
553
if (!attrs.fill) {
  // 闭合的不绘制箭头
  var arrowLength = attrs.arrowLength || DEFAULT_LENGTH;
  var arrowAngle = attrs.arrowAngle ? attrs.arrowAngle * PI / 180 : DEFAULT_ANGLE; // 转换为弧
  // Calculate angle
  angle = atan2(y2 - y1, x2 - x1);
  // Adjust angle correctly
  angle -= PI;
  // Calculate offset to place arrow at edge of path
  offsetX = attrs.lineWidth * cos(angle);
  offsetY = attrs.lineWidth * sin(angle);
565
  // Calculate coordinates for left half of arrow
  leftX = x2 + arrowLength * cos(angle + arrowAngle / 2);
  leftY = y2 + arrowLength * sin(angle + arrowAngle / 2);
  // Calculate coordinates for right half of arrow
  rightX = x2 + arrowLength * cos(angle - arrowAngle / 2);
  rightY = y2 + arrowLength * sin(angle - arrowAngle / 2);
  ctx.beginPath();
  // Draw left half of arrow
  ctx.moveTo(leftX - offsetX, leftY - offsetY);
  ctx.lineTo(x2 - offsetX, y2 - offsetY);
  // Draw right half of arrow
  ctx.lineTo(rightX - offsetX, rightY - offsetY);
578
  // Visually connect arrow to path
  ctx.moveTo(x2 - offsetX, y2 - offsetY);
  ctx.lineTo(x2 + offsetX, y2 + offsetY);
  // Move back to end of path
  ctx.moveTo(x2, y2);
  ctx.stroke();
}
586}
587
588function _addMarker(ctx, attrs, x1, y1, x2, y2, shape) {
var marker = shape.__attrs;
var method = marker.symbol;
var markerX = marker.x || x2;
var markerY = marker.y || y2;
var markerR = marker.r || attrs.lineWidth;
if (!Util.isFunction(method)) {
  method = Marker.Symbols[method || 'triangle'];
}
var deg = 0;
var x = x1 - x2;
var y = y1 - y2;
if (y === 0) {
  if (x < 0) {
    deg = Math.PI / 2;
  } else {
    deg = 270 * Math.PI / 180;
  }
} else if (x >= 0 && y > 0) {
  deg = -Math.atan(x / y);
} else if (x <= 0 && y < 0) {
  deg = Math.PI - Math.atan(x / y);
} else if (x > 0 && y < 0) {
  deg = Math.PI + Math.atan(-x / y);
} else if (x < 0 && y > 0) {
  deg = Math.atan(x / -y);
}
ctx.save();
ctx.beginPath();
ctx.translate(markerX, markerY);
ctx.rotate(deg);
ctx.translate(-markerX, -markerY);
method(markerX, markerY, markerR, ctx, shape);
ctx.setTransform(1, 0, 0, 1, 0, 0);
ctx.fillStyle = shape.attr('fill') || ctx.strokeStyle;
ctx.fill();
ctx.restore();
625}
626
627module.exports = {
addStartArrow: function addStartArrow(ctx, attrs, x1, y1, x2, y2) {
  if (_typeof(attrs.startArrow) === 'object') {
    _addMarker(ctx, attrs, x1, y1, x2, y2, attrs.startArrow);
  } else if (attrs.startArrow) {
    _addArrow(ctx, attrs, x1, y1, x2, y2);
  }
},
addEndArrow: function addEndArrow(ctx, attrs, x1, y1, x2, y2) {
  if (_typeof(attrs.endArrow) === 'object') {
    _addMarker(ctx, attrs, x1, y1, x2, y2, attrs.endArrow);
  } else if (attrs.endArrow) {
    _addArrow(ctx, attrs, x1, y1, x2, y2);
  }
}
642};
643
644/***/ }),
645/* 7 */
646/***/ (function(module, exports, __webpack_require__) {
647
648var Util = __webpack_require__(10);
649
650module.exports = {
isFunction: Util.isFunction,
isObject: Util.isObject,
isBoolean: Util.isBoolean,
isNil: Util.isNil,
isString: Util.isString,
isArray: Util.isArray,
isNumber: Util.isNumber,
isEmpty: Util.isEmpty, // isBlank
uniqueId: Util.uniqueId,
clone: Util.clone,
assign: Util.mix, // simpleMix
merge: Util.deepMix, // mix
upperFirst: Util.upperFirst, // ucfirst
each: Util.each,
isEqual: Util.isEqual,
toArray: Util.toArray,
extend: Util.extend,
augment: Util.augment,
remove: Util.arrayUtil.pull,
isNumberEqual: Util.isNumberEqual,
toRadian: Util.toRadian,
toDegree: Util.toDegree,
mod: Util.mod,
clamp: Util.clamp
675};
676
677/***/ }),
678/* 8 */
679/***/ (function(module, __webpack_exports__, __webpack_require__) {
680
681"use strict";
682/* harmony export (immutable) */ __webpack_exports__["c"] = hue;
683/* harmony export (immutable) */ __webpack_exports__["b"] = gamma;
684/* harmony export (immutable) */ __webpack_exports__["a"] = nogamma;
685/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constant__ = __webpack_require__(36);
686
687
688function linear(a, d) {
return function (t) {
  return a + t * d;
};
692}
693
694function exponential(a, b, y) {
return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function (t) {
  return Math.pow(a + t * b, y);
};
698}
699
700function hue(a, b) {
var d = b - a;
return d ? linear(a, d > 180 || d < -180 ? d - 360 * Math.round(d / 360) : d) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
703}
704
705function gamma(y) {
return (y = +y) === 1 ? nogamma : function (a, b) {
  return b - a ? exponential(a, b, y) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
};
709}
710
711function nogamma(a, b) {
var d = b - a;
return d ? linear(a, d) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
714}
715
716/***/ }),
717/* 9 */
718/***/ (function(module, exports, __webpack_require__) {
719
720function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
721
722// const Global = require('../global');
723var G = __webpack_require__(69);
724var EventUtil = __webpack_require__(116);
725var DomUtil = G.DomUtil;
726var CommonUtil = G.CommonUtil;
727// const View = require('../chart/view');
728// const G2 = require('../core.js');
729
730var assign = CommonUtil.assign;
731
732var EVENT_TYPES = ['start', 'process', 'end', 'reset'];
733
734var Interaction = function () {
Interaction.prototype.getDefaultCfg = function getDefaultCfg() {
  return {
    startEvent: 'mousedown',
    processEvent: 'mousemove',
    endEvent: 'mouseup',
    resetEvent: 'dblclick'
  };
};
743
Interaction.prototype._start = function _start(ev) {
  var me = this;
  me.preStart && me.preStart(ev);
  me.start(ev);
  me.onStart && me.onStart(ev);
};
750
Interaction.prototype._process = function _process(ev) {
  var me = this;
  me.preProcess && me.preProcess(ev);
  me.process(ev);
  me.onProcess && me.onProcess(ev);
};
757
Interaction.prototype._end = function _end(ev) {
  var me = this;
  me.preEnd && me.preEnd(ev);
  me.end(ev);
  me.onEnd && me.onEnd(ev);
};
764
Interaction.prototype._reset = function _reset(ev) {
  var me = this;
  me.preReset && me.preReset(ev);
  me.reset(ev);
  me.onReset && me.onReset(ev);
};
771
Interaction.prototype.start = function start() {
  // TODO override
};
775
Interaction.prototype.process = function process() {
  // TODO override
};
779
Interaction.prototype.end = function end() {
  // TODO override
};
783
Interaction.prototype.reset = function reset() {
  // TODO override
};
787
function Interaction(cfg, view) {
  _classCallCheck(this, Interaction);
790
  var me = this;
  var defaultCfg = me.getDefaultCfg();
  assign(me, defaultCfg, cfg);
  me.view = view;
  me.canvas = view.get('canvas');
  me._bindEvents();
}
798
Interaction.prototype._bindEvents = function _bindEvents() {
  var me = this;
  var canvas = me.canvas;
  var canvasDOM = canvas.get('canvasDOM');
  me._clearEvents();
  CommonUtil.each(EVENT_TYPES, function (type) {
    var ucType = CommonUtil.upperFirst(type);
    me['_on' + ucType + 'Listener'] = DomUtil.addEventListener(canvasDOM, me[type + 'Event'], EventUtil.wrapBehavior(me, '_' + type));
  });
};
809
Interaction.prototype._clearEvents = function _clearEvents() {
  var me = this;
  CommonUtil.each(EVENT_TYPES, function (type) {
    var listenerName = '_on' + CommonUtil.upperFirst(type) + 'Listener';
    me[listenerName] && me[listenerName].remove();
  });
};
817
Interaction.prototype.destroy = function destroy() {
  this._clearEvents();
};
821
return Interaction;
823}();
824
825module.exports = Interaction;
826
827/***/ }),
828/* 10 */
829/***/ (function(module, exports, __webpack_require__) {
830
831/* WEBPACK VAR INJECTION */(function(module) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
832
833(function webpackUniversalModuleDefinition(root, factory) {
if (( false ? 'undefined' : _typeof2(exports)) === 'object' && ( false ? 'undefined' : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
		__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__));else if ((typeof exports === 'undefined' ? 'undefined' : _typeof2(exports)) === 'object') exports["Util"] = factory();else root["Util"] = factory();
838})(this, function () {
return (/******/function (modules) {
    // webpackBootstrap
    /******/ // The module cache
    /******/var installedModules = {};
    /******/
    /******/ // The require function
    /******/function __webpack_require__(moduleId) {
      /******/
      /******/ // Check if module is in cache
      /******/if (installedModules[moduleId]) {
        /******/return installedModules[moduleId].exports;
        /******/
      }
      /******/ // Create a new module (and put it into the cache)
      /******/var module = installedModules[moduleId] = {
        /******/i: moduleId,
        /******/l: false,
        /******/exports: {}
        /******/ };
      /******/
      /******/ // Execute the module function
      /******/modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
      /******/
      /******/ // Flag the module as loaded
      /******/module.l = true;
      /******/
      /******/ // Return the exports of the module
      /******/return module.exports;
      /******/
    }
    /******/
    /******/
    /******/ // expose the modules object (__webpack_modules__)
    /******/__webpack_require__.m = modules;
    /******/
    /******/ // expose the module cache
    /******/__webpack_require__.c = installedModules;
    /******/
    /******/ // define getter function for harmony exports
    /******/__webpack_require__.d = function (exports, name, getter) {
      /******/if (!__webpack_require__.o(exports, name)) {
        /******/Object.defineProperty(exports, name, {
          /******/configurable: false,
          /******/enumerable: true,
          /******/get: getter
          /******/ });
        /******/
      }
      /******/
    };
    /******/
    /******/ // getDefaultExport function for compatibility with non-harmony modules
    /******/__webpack_require__.n = function (module) {
      /******/var getter = module && module.__esModule ?
      /******/function getDefault() {
        return module['default'];
      } :
      /******/function getModuleExports() {
        return module;
      };
      /******/__webpack_require__.d(getter, 'a', getter);
      /******/return getter;
      /******/
    };
    /******/
    /******/ // Object.prototype.hasOwnProperty.call
    /******/__webpack_require__.o = function (object, property) {
      return Object.prototype.hasOwnProperty.call(object, property);
    };
    /******/
    /******/ // __webpack_public_path__
    /******/__webpack_require__.p = "";
    /******/
    /******/ // Load entry module and return exports
    /******/return __webpack_require__(__webpack_require__.s = 22);
    /******/
  }(
  /************************************************************************/
  /******/[
  /* 0 */
  /***/function (module, exports, __webpack_require__) {
920
    var isType = __webpack_require__(3);
922
    var isArray = Array.isArray ? Array.isArray : function (value) {
      return isType(value, 'Array');
    };
926
    module.exports = isArray;
928
    /***/
  },
  /* 1 */
  /***/function (module, exports, __webpack_require__) {
933
    var isObject = __webpack_require__(12);
    var isArray = __webpack_require__(0);
936
    var each = function each(elements, func) {
      if (!elements) {
        return;
      }
      var rst = void 0;
      if (isArray(elements)) {
        for (var i = 0, len = elements.length; i < len; i++) {
          rst = func(elements[i], i);
          if (rst === false) {
            break;
          }
        }
      } else if (isObject(elements)) {
        for (var k in elements) {
          if (elements.hasOwnProperty(k)) {
            rst = func(elements[k], k);
            if (rst === false) {
              break;
            }
          }
        }
      }
    };
960
    module.exports = each;
962
    /***/
  },
  /* 2 */
  /***/function (module, exports) {
967
    var isArrayLike = function isArrayLike(value) {
      /**
       * isArrayLike([1, 2, 3]) => true
       * isArrayLike(document.body.children) => true
       * isArrayLike('abc') => true
       * isArrayLike(Function) => false
       */
      return value !== null && typeof value !== 'function' && isFinite(value.length);
    };
977
    module.exports = isArrayLike;
979
    /***/
  },
  /* 3 */
  /***/function (module, exports) {
984
    var toString = {}.toString;
    var isType = function isType(value, type) {
      return toString.call(value) === '[object ' + type + ']';
    };
989
    module.exports = isType;
991
    /***/
  },
  /* 4 */
  /***/function (module, exports, __webpack_require__) {
996
    /**
     * 判断是否数字
     * @return {Boolean} 是否数字
     */
    var isType = __webpack_require__(3);
1002
    var isNumber = function isNumber(value) {
      return isType(value, 'Number');
    };
    module.exports = isNumber;
1007
    /***/
  },
  /* 5 */
  /***/function (module, exports, __webpack_require__) {
1012
    /**
     * 是否为函数
     * @param  {*} fn 对象
     * @return {Boolean}  是否函数
     */
    var isType = __webpack_require__(3);
1019
    var isFunction = function isFunction(value) {
      return isType(value, 'Function');
    };
1023
    module.exports = isFunction;
1025
    /***/
  },
  /* 6 */
  /***/function (module, exports) {
1030
    // isFinite,
    var isNil = function isNil(value) {
      /**
       * isNil(null) => true
       * isNil() => true
       */
      return value === null || value === undefined;
    };
1039
    module.exports = isNil;
1041
    /***/
  },
  /* 7 */
  /***/function (module, exports, __webpack_require__) {
1046
    var isObjectLike = __webpack_require__(8);
    var isType = __webpack_require__(3);
1049
    var isPlainObject = function isPlainObject(value) {
      /**
       * isObjectLike(new Foo) => false
       * isObjectLike([1, 2, 3]) => false
       * isObjectLike({ x: 0, y: 0 }) => true
       * isObjectLike(Object.create(null)) => true
       */
      if (!isObjectLike(value) || !isType(value, 'Object')) {
        return false;
      }
      if (Object.getPrototypeOf(value) === null) {
        return true;
      }
      var proto = value;
      while (Object.getPrototypeOf(proto) !== null) {
        proto = Object.getPrototypeOf(proto);
      }
      return Object.getPrototypeOf(value) === proto;
    };
1069
    module.exports = isPlainObject;
1071
    /***/
  },
  /* 8 */
  /***/function (module, exports) {
1076
    var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
    };
1082
    var isObjectLike = function isObjectLike(value) {
      /**
       * isObjectLike({}) => true
       * isObjectLike([1, 2, 3]) => true
       * isObjectLike(Function) => false
       * isObjectLike(null) => false
       */
      return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value !== null;
    };
1092
    module.exports = isObjectLike;
1094
    /***/
  },
  /* 9 */
  /***/function (module, exports, __webpack_require__) {
1099
    var isArrayLike = __webpack_require__(2);
1101
    function toArray(value) {
      return isArrayLike(value) ? Array.prototype.slice.call(value) : [];
    }
1105
    module.exports = toArray;
1107
    /***/
  },
  /* 10 */
  /***/function (module, exports) {
1112
    function _mix(dist, obj) {
      for (var key in obj) {
        if (obj.hasOwnProperty(key) && key !== 'constructor' && obj[key] !== undefined) {
          dist[key] = obj[key];
        }
      }
    }
1120
    var mix = function mix(dist, src1, src2, src3) {
      if (src1) _mix(dist, src1);
      if (src2) _mix(dist, src2);
      if (src3) _mix(dist, src3);
      return dist;
    };
1127
    module.exports = mix;
1129
    /***/
  },
  /* 11 */
  /***/function (module, exports, __webpack_require__) {
1134
    var isArrayLike = __webpack_require__(2);
1136
    var indexOf = Array.prototype.indexOf;
1138
    var contains = function contains(arr, value) {
      if (!isArrayLike(arr)) {
        return false;
      }
      return indexOf.call(arr, value) > -1;
    };
1145
    module.exports = contains;
1147
    /***/
  },
  /* 12 */
  /***/function (module, exports) {
1152
    var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
    };
1158
    var isObject = function isObject(value) {
      /**
       * isObject({}) => true
       * isObject([1, 2, 3]) => true
       * isObject(Function) => true
       * isObject(null) => false
       */
      var type = typeof value === 'undefined' ? 'undefined' : _typeof(value);
      return value !== null && type === 'object' || type === 'function';
    };
1169
    module.exports = isObject;
1171
    /***/
  },
  /* 13 */
  /***/function (module, exports, __webpack_require__) {
1176
    var each = __webpack_require__(1);
    var isArrayLike = __webpack_require__(2);
1179
    var filter = function filter(arr, func) {
      if (!isArrayLike(arr)) {
        return arr;
      }
      var result = [];
      each(arr, function (value, index) {
        if (func(value, index)) {
          result.push(value);
        }
      });
      return result;
    };
1192
    module.exports = filter;
1194
    /***/
  },
  /* 14 */
  /***/function (module, exports, __webpack_require__) {
1199
    var isArrayLike = __webpack_require__(2);
1201
    var splice = Array.prototype.splice;
1203
    var pullAt = function pullAt(arr, indexes) {
      if (!isArrayLike(arr)) {
        return [];
      }
      var length = arr ? indexes.length : 0;
      var last = length - 1;
1210
      while (length--) {
        var previous = void 0;
        var index = indexes[length];
        if (length === last || index !== previous) {
          previous = index;
          splice.call(arr, index, 1);
        }
      }
      return arr;
    };
1221
    module.exports = pullAt;
1223
    /***/
  },
  /* 15 */
  /***/function (module, exports) {
1228
    module.exports = parseInt;
1230
    /***/
  },
  /* 16 */
  /***/function (module, exports) {
1235
    var toString = {}.toString;
1237
    var getType = function getType(value) {
      return toString.call(value).replace(/^\[object /, '').replace(/\]$/, '');
    };
1241
    module.exports = getType;
1243
    /***/
  },
  /* 17 */
  /***/function (module, exports) {
1248
    var objectProto = Object.prototype;
    var isPrototype = function isPrototype(value) {
      var Ctor = value && value.constructor;
      var proto = typeof Ctor === 'function' && Ctor.prototype || objectProto;
      return value === proto;
    };
1255
    module.exports = isPrototype;
1257
    /***/
  },
  /* 18 */
  /***/function (module, exports, __webpack_require__) {
1262
    var isType = __webpack_require__(3);
1264
    var isString = function isString(str) {
      return isType(str, 'String');
    };
1268
    module.exports = isString;
1270
    /***/
  },
  /* 19 */
  /***/function (module, exports, __webpack_require__) {
1275
    var isFunction = __webpack_require__(5);
    var isArray = __webpack_require__(0);
    var groupBy = __webpack_require__(20);
1279
    var groupToMap = function groupToMap(data, condition) {
      if (!condition) {
        return {
          0: data
        };
      }
      if (!isFunction(condition)) {
        var paramsCondition = isArray(condition) ? condition : condition.replace(/\s+/g, '').split('*');
        condition = function condition(row) {
          var unique = '_'; // 避免出现数字作为Key的情况，会进行按照数字的排序
          for (var i = 0, l = paramsCondition.length; i < l; i++) {
            unique += row[paramsCondition[i]] && row[paramsCondition[i]].toString();
          }
          return unique;
        };
      }
      var groups = groupBy(data, condition);
      return groups;
    };
1299
    module.exports = groupToMap;
1301
    /***/
  },
  /* 20 */
  /***/function (module, exports, __webpack_require__) {
1306
    var each = __webpack_require__(1);
    var isArray = __webpack_require__(0);
    var hasOwnProperty = Object.prototype.hasOwnProperty;
    var groupBy = function groupBy(data, condition) {
      if (!condition || !isArray(data)) {
        return data;
      }
      var result = {};
      var key = null;
      each(data, function (item) {
        key = condition(item);
        if (hasOwnProperty.call(result, key)) {
          result[key].push(item);
        } else {
          result[key] = [item];
        }
      });
      return result;
    };
1326
    module.exports = groupBy;
1328
    /***/
  },
  /* 21 */
  /***/function (module, exports, __webpack_require__) {
1333
    var isObjectLike = __webpack_require__(8);
    var isArrayLike = __webpack_require__(2);
    var isString = __webpack_require__(18);
1337
    var isEqual = function isEqual(value, other) {
      if (value === other) {
        return true;
      }
      if (!value || !other) {
        return false;
      }
      if (isString(value) || isString(other)) {
        return false;
      }
      if (isArrayLike(value) || isArrayLike(other)) {
        if (value.length !== other.length) {
          return false;
        }
        var rst = true;
        for (var i = 0; i < value.length; i++) {
          rst = isEqual(value[i], other[i]);
          if (!rst) {
            break;
          }
        }
        return rst;
      }
      if (isObjectLike(value) || isObjectLike(other)) {
        var valueKeys = Object.keys(value);
        var otherKeys = Object.keys(other);
        if (valueKeys.length !== otherKeys.length) {
          return false;
        }
        var _rst = true;
        for (var _i = 0; _i < valueKeys.length; _i++) {
          _rst = isEqual(value[valueKeys[_i]], other[valueKeys[_i]]);
          if (!_rst) {
            break;
          }
        }
        return _rst;
      }
      return false;
    };
1378
    module.exports = isEqual;
1380
    /***/
  },
  /* 22 */
  /***/function (module, exports, __webpack_require__) {
1385
    var arrayUtil = __webpack_require__(23);
    var eventUtil = __webpack_require__(34);
    var mathUtil = __webpack_require__(37);
    var stringUtil = __webpack_require__(52);
    var typeUtil = __webpack_require__(53);
    var each = __webpack_require__(1);
    var mix = __webpack_require__(10);
1393
    var util = {
      // collections
      arrayUtil: arrayUtil,
      eventUtil: eventUtil,
      mathUtil: mathUtil,
      stringUtil: stringUtil,
      typeUtil: typeUtil,
      // others
      augment: __webpack_require__(58),
      clone: __webpack_require__(59),
      deepMix: __webpack_require__(60),
      each: each,
      extend: __webpack_require__(61),
      filter: __webpack_require__(13),
      group: __webpack_require__(62),
      groupBy: __webpack_require__(20),
      groupToMap: __webpack_require__(19),
      indexOf: __webpack_require__(63),
      isEmpty: __webpack_require__(64),
      isEqual: __webpack_require__(21),
      isEqualWith: __webpack_require__(65),
      map: __webpack_require__(66),
      mix: mix,
      pick: __webpack_require__(67),
      toArray: __webpack_require__(9),
      uniqueId: __webpack_require__(68)
    };
1421
    each([arrayUtil, eventUtil, mathUtil, stringUtil, typeUtil], function (collection) {
      mix(util, collection);
    });
1425
    module.exports = util;
1427
    /***/
  },
  /* 23 */
  /***/function (module, exports, __webpack_require__) {
1432
    module.exports = {
      contains: __webpack_require__(11),
      firstValue: __webpack_require__(24),
      flatten: __webpack_require__(25),
      getRange: __webpack_require__(26),
      merge: __webpack_require__(27),
      pull: __webpack_require__(28),
      pullAt: __webpack_require__(14),
      reduce: __webpack_require__(29),
      remove: __webpack_require__(30),
      union: __webpack_require__(31),
      uniq: __webpack_require__(32),
      values: __webpack_require__(33)
    };
1447
    /***/
  },
  /* 24 */
  /***/function (module, exports, __webpack_require__) {
1452
    var isNil = __webpack_require__(6);
    var isArray = __webpack_require__(0);
1455
    var firstValue = function firstValue(data, name) {
      var rst = null;
      for (var i = 0; i < data.length; i++) {
        var obj = data[i];
        var value = obj[name];
        if (!isNil(value)) {
          if (isArray(value)) {
            rst = value[0];
          } else {
            rst = value;
          }
          break;
        }
      }
      return rst;
    };
1472
    module.exports = firstValue;
1474
    /***/
  },
  /* 25 */
  /***/function (module, exports, __webpack_require__) {
1479
    var isArray = __webpack_require__(0);
    var each = __webpack_require__(1);
1482
    /**
     * Flattens `array` a single level deep.
     *
     * @param {Array} arr The array to flatten.
     * @return {Array} Returns the new flattened array.
     * @example
     *
     * _.flatten([1, [2, [3, [4]], 5]]);  // => [1, 2, [3, [4]], 5]
     */
    var flatten = function flatten(arr) {
      if (!isArray(arr)) {
        return arr;
      }
      var result = [];
      each(arr, function (item) {
        if (isArray(item)) {
          each(item, function (subItem) {
            result.push(subItem);
          });
        } else {
          result.push(item);
        }
      });
      return result;
    };
1508
    module.exports = flatten;
1510
    /***/
  },
  /* 26 */
  /***/function (module, exports, __webpack_require__) {
1515
    var filter = __webpack_require__(13);
    var isArray = __webpack_require__(0);
1518
    var getRange = function getRange(values) {
      // 存在 NaN 时，min,max 判定会出问题
      values = filter(values, function (v) {
        return !isNaN(v);
      });
      if (!values.length) {
        // 如果没有数值则直接返回0
        return {
          min: 0,
          max: 0
        };
      }
      if (isArray(values[0])) {
        var tmp = [];
        for (var i = 0; i < values.length; i++) {
          tmp = tmp.concat(values[i]);
        }
        values = tmp;
      }
      var max = Math.max.apply(null, values);
      var min = Math.min.apply(null, values);
      return {
        min: min,
        max: max
      };
    };
1545
    module.exports = getRange;
1547
    /***/
  },
  /* 27 */
  /***/function (module, exports) {
1552
    var merge = function merge(dataArray) {
      var rst = [];
      for (var i = 0; i < dataArray.length; i++) {
        rst = rst.concat(dataArray[i]);
      }
      return rst;
    };
1560
    module.exports = merge;
1562
    /***/
  },
  /* 28 */
  /***/function (module, exports) {
1567
    var arrPrototype = Array.prototype;
    var splice = arrPrototype.splice;
    var indexOf = arrPrototype.indexOf;
    var slice = arrPrototype.slice;
1572
    var pull = function pull(arr) {
      var values = slice.call(arguments, 1);
      for (var i = 0; i < values.length; i++) {
        var value = values[i];
        var fromIndex = -1;
        while ((fromIndex = indexOf.call(arr, value)) > -1) {
          splice.call(arr, fromIndex, 1);
        }
      }
      return arr;
    };
1584
    module.exports = pull;
1586
    /***/
  },
  /* 29 */
  /***/function (module, exports, __webpack_require__) {
1591
    var isArray = __webpack_require__(0);
    var isPlainObject = __webpack_require__(7);
    var each = __webpack_require__(1);
1595
    var reduce = function reduce(arr, fn, init) {
      if (!isArray(arr) && !isPlainObject(arr)) {
        return arr;
      }
      var result = init;
      each(arr, function (data, i) {
        result = fn(result, data, i);
      });
      return result;
    };
1606
    module.exports = reduce;
1608
    /***/
  },
  /* 30 */
  /***/function (module, exports, __webpack_require__) {
1613
    var isArrayLike = __webpack_require__(2);
    var pullAt = __webpack_require__(14);
1616
    var remove = function remove(arr, predicate) {
      /**
       * const arr = [1, 2, 3, 4]
       * const evens = remove(arr, n => n % 2 == 0)
       * console.log(arr) // => [1, 3]
       * console.log(evens) // => [2, 4]
       */
      var result = [];
      if (!isArrayLike(arr)) {
        return result;
      }
      var i = -1;
      var indexes = [];
      var length = arr.length;
1631
      while (++i < length) {
        var value = arr[i];
        if (predicate(value, i, arr)) {
          result.push(value);
          indexes.push(i);
        }
      }
      pullAt(arr, indexes);
      return result;
    };
1642
    module.exports = remove;
1644
    /***/
  },
  /* 31 */
  /***/function (module, exports, __webpack_require__) {
1649
    var each = __webpack_require__(1);
    var toArray = __webpack_require__(9);
1652
    var union = function union() {
      var result = new Set();
      var values = [];
      each(arguments, function (arg) {
        values = toArray(arg);
        each(values, function (val) {
          result.add(val);
        });
      });
      return Array.from(result);
    };
1664
    module.exports = union;
1666
    /***/
  },
  /* 32 */
  /***/function (module, exports, __webpack_require__) {
1671
    var contains = __webpack_require__(11);
1673
    var uniq = function uniq(arr) {
      var resultArr = [];
      arr.forEach(function (item) {
        if (!contains(resultArr, item)) {
          resultArr.push(item);
        }
      });
      return resultArr;
    };
1683
    module.exports = uniq;
1685
    /***/
  },
  /* 33 */
  /***/function (module, exports, __webpack_require__) {
1690
    var each = __webpack_require__(1);
    var isNil = __webpack_require__(6);
    var isArray = __webpack_require__(0);
1694
    var values = function values(data, name) {
      var rst = [];
      var tmpMap = {};
      for (var i = 0; i < data.length; i++) {
        var obj = data[i];
        var value = obj[name];
        if (!isNil(value)) {
          if (!isArray(value)) {
            value = [value];
          }
          each(value, function (val) {
            if (!tmpMap[val]) {
              rst.push(val);
              tmpMap[val] = true;
            }
          });
        }
      }
      return rst;
    };
1715
    module.exports = values;
1717
    /***/
  },
  /* 34 */
  /***/function (module, exports, __webpack_require__) {
1722
    module.exports = {
      getWrapBehavior: __webpack_require__(35),
      wrapBehavior: __webpack_require__(36)
    };
1727
    /***/
  },
  /* 35 */
  /***/function (module, exports) {
1732
    /**
     * 获取封装的事件
     * @protected
     * @param  {Object} obj   对象
     * @param  {String} action 事件名称
     * @return {Function}        返回事件处理函数
     */
    function getWrapBehavior(obj, action) {
      return obj['_wrap_' + action];
    }
1743
    module.exports = getWrapBehavior;
1745
    /***/
  },
  /* 36 */
  /***/function (module, exports) {
1750
    /**
     * 封装事件，便于使用上下文this,和便于解除事件时使用
     * @protected
     * @param  {Object} obj   对象
     * @param  {String} action 事件名称
     * @return {Function}        返回事件处理函数
     */
    function wrapBehavior(obj, action) {
      if (obj['_wrap_' + action]) {
        return obj['_wrap_' + action];
      }
      var method = function method(e) {
        obj[action](e);
      };
      obj['_wrap_' + action] = method;
      return method;
    }
1768
    module.exports = wrapBehavior;
1770
    /***/
  },
  /* 37 */
  /***/function (module, exports, __webpack_require__) {
1775
    module.exports = {
      clamp: __webpack_require__(38),
      fixedBase: __webpack_require__(39),
      isDecimal: __webpack_require__(40),
      isEven: __webpack_require__(41),
      isInteger: __webpack_require__(42),
      isNegative: __webpack_require__(43),
      isNumberEqual: __webpack_require__(44),
      isOdd: __webpack_require__(45),
      isPositive: __webpack_require__(46),
      maxBy: __webpack_require__(47),
      minBy: __webpack_require__(48),
      mod: __webpack_require__(49),
      toDegree: __webpack_require__(50),
      toInt: __webpack_require__(15),
      toInteger: __webpack_require__(15),
      toRadian: __webpack_require__(51)
    };
1794
    /***/
  },
  /* 38 */
  /***/function (module, exports) {
1799
    var clamp = function clamp(a, min, max) {
      if (a < min) {
        return min;
      } else if (a > max) {
        return max;
      }
      return a;
    };
1808
    module.exports = clamp;
1810
    /***/
  },
  /* 39 */
  /***/function (module, exports) {
1815
    var fixedBase = function fixedBase(v, base) {
      var str = base.toString();
      var index = str.indexOf('.');
      if (index === -1) {
        return Math.round(v);
      }
      var length = str.substr(index + 1).length;
      if (length > 20) {
        length = 20;
      }
      return parseFloat(v.toFixed(length));
    };
1828
    module.exports = fixedBase;
1830
    /***/
  },
  /* 40 */
  /***/function (module, exports, __webpack_require__) {
1835
    var isNumber = __webpack_require__(4);
1837
    var isDecimal = function isDecimal(num) {
      return isNumber(num) && num % 1 !== 0;
    };
1841
    module.exports = isDecimal;
1843
    /***/
  },
  /* 41 */
  /***/function (module, exports, __webpack_require__) {
1848
    var isNumber = __webpack_require__(4);
1850
    var isEven = function isEven(num) {
      return isNumber(num) && num % 2 === 0;
    };
1854
    module.exports = isEven;
1856
    /***/
  },
  /* 42 */
  /***/function (module, exports, __webpack_require__) {
1861
    var isNumber = __webpack_require__(4);
1863
    var isInteger = Number.isInteger ? Number.isInteger : function (num) {
      return isNumber(num) && num % 1 === 0;
    };
1867
    module.exports = isInteger;
1869
    /***/
  },
  /* 43 */
  /***/function (module, exports, __webpack_require__) {
1874
    var isNumber = __webpack_require__(4);
1876
    var isNagative = function isNagative(num) {
      return isNumber(num) && num < 0;
    };
1880
    module.exports = isNagative;
1882
    /***/
  },
  /* 44 */
  /***/function (module, exports) {
1887
    var PRECISION = 0.00001; // numbers less than this is considered as 0
1889
    var isNumberEqual = function isNumberEqual(a, b) {
      return Math.abs(a - b) < PRECISION;
    };
1893
    module.exports = isNumberEqual;
1895
    /***/
  },
  /* 45 */
  /***/function (module, exports, __webpack_require__) {
1900
    var isNumber = __webpack_require__(4);
1902
    var isOdd = function isOdd(num) {
      return isNumber(num) && num % 2 !== 0;
    };
1906
    module.exports = isOdd;
1908
    /***/
  },
  /* 46 */
  /***/function (module, exports, __webpack_require__) {
1913
    var isNumber = __webpack_require__(4);
1915
    var isPositive = function isPositive(num) {
      return isNumber(num) && num > 0;
    };
1919
    module.exports = isPositive;
1921
    /***/
  },
  /* 47 */
  /***/function (module, exports, __webpack_require__) {
1926
    var isArray = __webpack_require__(0);
    var isFunction = __webpack_require__(5);
    var each = __webpack_require__(1);
    /**
     * @param {Array} arr The array to iterate over.
     * @param {Function} [fn] The iteratee invoked per element.
     * @return {*} Returns the maximum value.
     * @example
     *
     * var objects = [{ 'n': 1 }, { 'n': 2 }];
     *
     * maxBy(objects, function(o) { return o.n; });
     * // => { 'n': 2 }
     *
     * maxBy(objects, 'n');
     * // => { 'n': 2 }
     */
    var maxBy = function maxBy(arr, fn) {
      if (!isArray(arr)) {
        return undefined;
      }
      var max = arr[0];
      var maxData = void 0;
      if (isFunction(fn)) {
        maxData = fn(arr[0]);
      } else {
        maxData = arr[0][fn];
      }
      var data = void 0;
      each(arr, function (val) {
        if (isFunction(fn)) {
          data = fn(val);
        } else {
          data = val[fn];
        }
        if (data > maxData) {
          max = val;
          maxData = data;
        }
      });
      return max;
    };
1969
    module.exports = maxBy;
1971
    /***/
  },
  /* 48 */
  /***/function (module, exports, __webpack_require__) {
1976
    var isArray = __webpack_require__(0);
    var isFunction = __webpack_require__(5);
    var each = __webpack_require__(1);
    /**
     * @param {Array} arr The array to iterate over.
     * @param {Function} [fn] The iteratee invoked per element.
     * @return {*} Returns the minimum value.
     * @example
     *
     * var objects = [{ 'n': 1 }, { 'n': 2 }];
     *
     * minBy(objects, function(o) { return o.n; });
     * // => { 'n': 1 }
     *
     * minBy(objects, 'n');
     * // => { 'n': 1 }
     */
    var minBy = function minBy(arr, fn) {
      if (!isArray(arr)) {
        return undefined;
      }
      var min = arr[0];
      var minData = void 0;
      if (isFunction(fn)) {
        minData = fn(arr[0]);
      } else {
        minData = arr[0][fn];
      }
      var data = void 0;
      each(arr, function (val) {
        if (isFunction(fn)) {
          data = fn(val);
        } else {
          data = val[fn];
        }
        if (data < minData) {
          min = val;
          minData = data;
        }
      });
      return min;
    };
2019
    module.exports = minBy;
2021
    /***/
  },
  /* 49 */
  /***/function (module, exports) {
2026
    var mod = function mod(n, m) {
      return (n % m + m) % m;
    };
2030
    module.exports = mod;
2032
    /***/
  },
  /* 50 */
  /***/function (module, exports) {
2037
    var DEGREE = 180 / Math.PI;
2039
    var toDegree = function toDegree(radian) {
      return DEGREE * radian;
    };
2043
    module.exports = toDegree;
2045
    /***/
  },
  /* 51 */
  /***/function (module, exports) {
2050
    var RADIAN = Math.PI / 180;
2052
    var toRadian = function toRadian(degree) {
      return RADIAN * degree;
    };
2056
    module.exports = toRadian;
2058
    /***/
  },
  /* 52 */
  /***/function (module, exports) {
2063
    function toString(value) {
      return value.toString();
    }
2067
    function upperCase(value) {
      return toString(value).toUpperCase();
    }
2071
    function lowerCase(value) {
      return toString(value).toLowerCase();
    }
2075
    var strUtil = {
      lc: lowerCase,
      lowerCase: lowerCase,
      lowerFirst: function lowerFirst(value) {
        value = toString(value);
        return lowerCase(value.charAt(0)) + value.substring(1);
      },
2083
      uc: upperCase,
      upperCase: upperCase,
      upperFirst: function upperFirst(value) {
        value = toString(value);
        return upperCase(value.charAt(0)) + value.substring(1);
      }
    };
2091
    module.exports = strUtil;
2093
    /***/
  },
  /* 53 */
  /***/function (module, exports, __webpack_require__) {
2098
    var isType = __webpack_require__(3);
2100
    var checkType = {
      getType: __webpack_require__(16),
      isArray: __webpack_require__(0),
      isArrayLike: __webpack_require__(2),
      isBoolean: __webpack_require__(54),
      isFunction: __webpack_require__(5),
      isNil: __webpack_require__(6),
      isNull: __webpack_require__(55),
      isNumber: __webpack_require__(4),
      isObject: __webpack_require__(12),
      isObjectLike: __webpack_require__(8),
      isPlainObject: __webpack_require__(7),
      isPrototype: __webpack_require__(17),
      isType: isType,
      isUndefined: __webpack_require__(56),
      isString: __webpack_require__(18),
      isRegExp: __webpack_require__(57)
    };
2119
    ['Arguments', 'Date', 'Error'].forEach(function (type) {
      checkType['is' + type] = function (value) {
        return isType(value, type);
      };
    });
2125
    module.exports = checkType;
2127
    /***/
  },
  /* 54 */
  /***/function (module, exports, __webpack_require__) {
2132
    /**
     * 是否是布尔类型
     *
     * @param {Object} value 测试的值
     * @return {Boolean}
     */
    var isType = __webpack_require__(3);
2140
    var isBoolean = function isBoolean(value) {
      return isType(value, 'Boolean');
    };
2144
    module.exports = isBoolean;
2146
    /***/
  },
  /* 55 */
  /***/function (module, exports) {
2151
    var isNull = function isNull(value) {
      return value === null;
    };
2155
    module.exports = isNull;
2157
    /***/
  },
  /* 56 */
  /***/function (module, exports) {
2162
    var isUndefined = function isUndefined(value) {
      return value === undefined;
    };
2166
    module.exports = isUndefined;
2168
    /***/
  },
  /* 57 */
  /***/function (module, exports, __webpack_require__) {
2173
    var isType = __webpack_require__(3);
2175
    var isRegExp = function isRegExp(str) {
      return isType(str, 'RegExp');
    };
2179
    module.exports = isRegExp;
2181
    /***/
  },
  /* 58 */
  /***/function (module, exports, __webpack_require__) {
2186
    var isFunction = __webpack_require__(5);
    var toArray = __webpack_require__(9);
    var mix = __webpack_require__(10);
2190
    var augment = function augment(c) {
      var args = toArray(arguments);
      for (var i = 1; i < args.length; i++) {
        var obj = args[i];
        if (isFunction(obj)) {
          obj = obj.prototype;
        }
        mix(c.prototype, obj);
      }
    };
2201
    module.exports = augment;
2203
    /***/
  },
  /* 59 */
  /***/function (module, exports, __webpack_require__) {
2208
    var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
    };
2214
    var isArray = __webpack_require__(0);
2216
    var clone = function clone(obj) {
      if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) !== 'object' || obj === null) {
        return obj;
      }
      var rst = void 0;
      if (isArray(obj)) {
        rst = [];
        for (var i = 0, l = obj.length; i < l; i++) {
          if (_typeof(obj[i]) === 'object' && obj[i] != null) {
            rst[i] = clone(obj[i]);
          } else {
            rst[i] = obj[i];
          }
        }
      } else {
        rst = {};
        for (var k in obj) {
          if (_typeof(obj[k]) === 'object' && obj[k] != null) {
            rst[k] = clone(obj[k]);
          } else {
            rst[k] = obj[k];
          }
        }
      }
2241
      return rst;
    };
2244
    module.exports = clone;
2246
    /***/
  },
  /* 60 */
  /***/function (module, exports, __webpack_require__) {
2251
    var isPlainObject = __webpack_require__(7);
    var isArray = __webpack_require__(0);
2254
    var MAX_MIX_LEVEL = 5;
2256
    function _deepMix(dist, src, level, maxLevel) {
      level = level || 0;
      maxLevel = maxLevel || MAX_MIX_LEVEL;
      for (var key in src) {
        if (src.hasOwnProperty(key)) {
          var value = src[key];
          if (value !== null && isPlainObject(value)) {
            if (!isPlainObject(dist[key])) {
              dist[key] = {};
            }
            if (level < maxLevel) {
              _deepMix(dist[key], value, level + 1, maxLevel);
            } else {
              dist[key] = src[key];
            }
          } else if (isArray(value)) {
            dist[key] = [];
            dist[key] = dist[key].concat(value);
          } else if (value !== undefined) {
            dist[key] = value;
          }
        }
      }
    }
2281
    var deepMix = function deepMix() {
      var args = new Array(arguments.length);
      var length = args.length;
      for (var i = 0; i < length; i++) {
        args[i] = arguments[i];
      }
      var rst = args[0];
      for (var _i = 1; _i < length; _i++) {
        _deepMix(rst, args[_i]);
      }
      return rst;
    };
2294
    module.exports = deepMix;
2296
    /***/
  },
  /* 61 */
  /***/function (module, exports, __webpack_require__) {
2301
    var isFunction = __webpack_require__(5);
    var mix = __webpack_require__(10);
2304
    var extend = function extend(subclass, superclass, overrides, staticOverrides) {
      // 如果只提供父类构造函数，则自动生成子类构造函数
      if (!isFunction(superclass)) {
        overrides = superclass;
        superclass = subclass;
        subclass = function subclass() {};
      }
2312
      var create = Object.create ? function (proto, c) {
        return Object.create(proto, {
          constructor: {
            value: c
          }
        });
      } : function (proto, c) {
        function Tmp() {}
        Tmp.prototype = proto;
        var o = new Tmp();
        o.constructor = c;
        return o;
      };
2326
      var superObj = create(superclass.prototype, subclass); // new superclass(),//实例化父类作为子类的prototype
      subclass.prototype = mix(superObj, subclass.prototype); // 指定子类的prototype
      subclass.superclass = create(superclass.prototype, superclass);
      mix(superObj, overrides);
      mix(subclass, staticOverrides);
      return subclass;
    };
2334
    module.exports = extend;
2336
    /***/
  },
  /* 62 */
  /***/function (module, exports, __webpack_require__) {
2341
    var groupToMap = __webpack_require__(19);
2343
    var group = function group(data, condition) {
      if (!condition) {
        return [data];
      }
      var groups = groupToMap(data, condition);
      var array = [];
      for (var i in groups) {
        array.push(groups[i]);
      }
      return array;
    };
2355
    module.exports = group;
2357
    /***/
  },
  /* 63 */
  /***/function (module, exports, __webpack_require__) {
2362
    var isArrayLike = __webpack_require__(2);
2364
    var indexOf = function indexOf(arr, obj) {
      if (!isArrayLike(arr)) {
        return -1;
      }
      var m = Array.prototype.indexOf;
      if (m) {
        return m.call(arr, obj);
      }
      var index = -1;
2374
      for (var i = 0; i < arr.length; i++) {
        if (arr[i] === obj) {
          index = i;
          break;
        }
      }
      return index;
    };
2383
    module.exports = indexOf;
2385
    /***/
  },
  /* 64 */
  /***/function (module, exports, __webpack_require__) {
2390
    var isNil = __webpack_require__(6);
    var isArrayLike = __webpack_require__(2);
    var getType = __webpack_require__(16);
    var isPrototype = __webpack_require__(17);
    var hasOwnProperty = Object.prototype.hasOwnProperty;
2396
    function isEmpty(value) {
      /**
       * isEmpty(null) => true
       * isEmpty() => true
       * isEmpty(true) => true
       * isEmpty(1) => true
       * isEmpty([1, 2, 3]) => false
       * isEmpty('abc') => false
       * isEmpty({ a: 1 }) => false
       */
      if (isNil(value)) {
        return true;
      }
      if (isArrayLike(value)) {
        return !value.length;
      }
      var type = getType(value);
      if (type === 'Map' || type === 'Set') {
        return !value.size;
      }
      if (isPrototype(value)) {
        return !Object.keys(value).length;
      }
      for (var key in value) {
        if (hasOwnProperty.call(value, key)) {
          return false;
        }
      }
      return true;
    }
2427
    module.exports = isEmpty;
2429
    /***/
  },
  /* 65 */
  /***/function (module, exports, __webpack_require__) {
2434
    var isFunction = __webpack_require__(5);
    var isEqual = __webpack_require__(21);
    /**
     * @param {*} value The value to compare.
     * @param {*} other The other value to compare.
     * @param {Function} [fn] The function to customize comparisons.
     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
     * @example
     *
     * function isGreeting(value) {
     *   return /^h(?:i|ello)$/.test(value);
     * }
     *
     * function customizer(objValue, othValue) {
     *   if (isGreeting(objValue) && isGreeting(othValue)) {
     *     return true;
     *   }
     * }
     *
     * var array = ['hello', 'goodbye'];
     * var other = ['hi', 'goodbye'];
     *
     * _.isEqualWith(array, other, customizer);  // => true
     */
2459
    var isEqualWith = function isEqualWith(value, other, fn) {
      if (!isFunction(fn)) {
        return isEqual(value, other);
      }
      return !!fn(value, other);
    };
2466
    module.exports = isEqualWith;
2468
    /***/
  },
  /* 66 */
  /***/function (module, exports, __webpack_require__) {
2473
    var each = __webpack_require__(1);
    var isArrayLike = __webpack_require__(2);
2476
    var map = function map(arr, func) {
      if (!isArrayLike(arr)) {
        return arr;
      }
      var result = [];
      each(arr, function (value, index) {
        result.push(func(value, index));
      });
      return result;
    };
2487
    module.exports = map;
2489
    /***/
  },
  /* 67 */
  /***/function (module, exports, __webpack_require__) {
2494
    var each = __webpack_require__(1);
    var isPlaineObject = __webpack_require__(7);
2497
    var hasOwnProperty = Object.prototype.hasOwnProperty;
    /**
     * Creates an object composed of the picked `object` properties.
     *
     * @param {Object} object The source object.
     * @param {...(string|string[])} [paths] The property paths to pick.
     * @returns {Object} Returns the new object.
     * @example
     *
     * var object = { 'a': 1, 'b': '2', 'c': 3 };
     * pick(object, ['a', 'c']);  // => { 'a': 1, 'c': 3 }
     */
2510
    var pick = function pick(object, keys) {
      if (object === null || !isPlaineObject(object)) {
        return {};
      }
      var result = {};
      each(keys, function (key) {
        if (hasOwnProperty.call(object, key)) {
          result[key] = object[key];
        }
      });
      return result;
    };
2523
    module.exports = pick;
2525
    /***/
  },
  /* 68 */
  /***/function (module, exports) {
2530
    var uniqueId = function () {
      var map = {};
      return function (prefix) {
        prefix = prefix || 'g';
        if (!map[prefix]) {
          map[prefix] = 1;
        } else {
          map[prefix] += 1;
        }
        return prefix + map[prefix];
      };
    }();
2543
    module.exports = uniqueId;
2545
    /***/
  }]
  /******/)
);
2550});
2551/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(28)(module)))
2552
2553/***/ }),
2554/* 11 */
2555/***/ (function(module, __webpack_exports__, __webpack_require__) {
2556
2557"use strict";
2558/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
return a = +a, b -= a, function (t) {
  return a + b * t;
};
2562});
2563
2564/***/ }),
2565/* 12 */
2566/***/ (function(module, exports, __webpack_require__) {
2567
2568var Util = __webpack_require__(0);
2569var vec2 = __webpack_require__(2).vec2;
2570
2571function cubicAt(p0, p1, p2, p3, t) {
var onet = 1 - t;
return onet * onet * (onet * p3 + 3 * t * p2) + t * t * (t * p0 + 3 * onet * p1);
2574}
2575
2576function cubicDerivativeAt(p0, p1, p2, p3, t) {
var onet = 1 - t;
return 3 * (((p1 - p0) * onet + 2 * (p2 - p1) * t) * onet + (p3 - p2) * t * t);
2579}
2580
2581function cubicProjectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y, out) {
var t = void 0;
var interval = 0.005;
var d = Infinity;
var _t = void 0;
var v1 = void 0;
var d1 = void 0;
var d2 = void 0;
var v2 = void 0;
var prev = void 0;
var next = void 0;
var EPSILON = 0.0001;
var v0 = [x, y];
2594
for (_t = 0; _t < 1; _t += 0.05) {
  v1 = [cubicAt(x1, x2, x3, x4, _t), cubicAt(y1, y2, y3, y4, _t)];
2597
  d1 = vec2.squaredDistance(v0, v1);
  if (d1 < d) {
    t = _t;
    d = d1;
  }
}
d = Infinity;
2605
for (var i = 0; i < 32; i++) {
  if (interval < EPSILON) {
    break;
  }
2610
  prev = t - interval;
  next = t + interval;
2613
  v1 = [cubicAt(x1, x2, x3, x4, prev), cubicAt(y1, y2, y3, y4, prev)];
2615
  d1 = vec2.squaredDistance(v0, v1);
2617
  if (prev >= 0 && d1 < d) {
    t = prev;
    d = d1;
  } else {
    v2 = [cubicAt(x1, x2, x3, x4, next), cubicAt(y1, y2, y3, y4, next)];
2623
    d2 = vec2.squaredDistance(v0, v2);
2625
    if (next <= 1 && d2 < d) {
      t = next;
      d = d2;
    } else {
      interval *= 0.5;
    }
  }
}
2634
if (out) {
  out.x = cubicAt(x1, x2, x3, x4, t);
  out.y = cubicAt(y1, y2, y3, y4, t);
}
2639
return Math.sqrt(d);
2641}
2642
2643function cubicExtrema(p0, p1, p2, p3) {
var a = 3 * p0 - 9 * p1 + 9 * p2 - 3 * p3;
var b = 6 * p1 - 12 * p2 + 6 * p3;
var c = 3 * p2 - 3 * p3;
var extrema = [];
var t1 = void 0;
var t2 = void 0;
var discSqrt = void 0;
2651
if (Util.isNumberEqual(a, 0)) {
  if (!Util.isNumberEqual(b, 0)) {
    t1 = -c / b;
    if (t1 >= 0 && t1 <= 1) {
      extrema.push(t1);
    }
  }
} else {
  var disc = b * b - 4 * a * c;
  if (Util.isNumberEqual(disc, 0)) {
    extrema.push(-b / (2 * a));
  } else if (disc > 0) {
    discSqrt = Math.sqrt(disc);
    t1 = (-b + discSqrt) / (2 * a);
    t2 = (-b - discSqrt) / (2 * a);
    if (t1 >= 0 && t1 <= 1) {
      extrema.push(t1);
    }
    if (t2 >= 0 && t2 <= 1) {
      extrema.push(t2);
    }
  }
}
return extrema;
2676}
2677
2678function base3(t, p1, p2, p3, p4) {
var t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4;
var t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
return t * t2 - 3 * p1 + 3 * p2;
2682}
2683
2684function cubiclLen(x1, y1, x2, y2, x3, y3, x4, y4, z) {
if (Util.isNil(z)) {
  z = 1;
}
z = z > 1 ? 1 : z < 0 ? 0 : z;
var z2 = z / 2;
var n = 12;
var Tvalues = [-0.1252, 0.1252, -0.3678, 0.3678, -0.5873, 0.5873, -0.7699, 0.7699, -0.9041, 0.9041, -0.9816, 0.9816];
var Cvalues = [0.2491, 0.2491, 0.2335, 0.2335, 0.2032, 0.2032, 0.1601, 0.1601, 0.1069, 0.1069, 0.0472, 0.0472];
var sum = 0;
for (var i = 0; i < n; i++) {
  var ct = z2 * Tvalues[i] + z2;
  var xbase = base3(ct, x1, x2, x3, x4);
  var ybase = base3(ct, y1, y2, y3, y4);
  var comb = xbase * xbase + ybase * ybase;
  sum += Cvalues[i] * Math.sqrt(comb);
}
return z2 * sum;
2702}
2703
2704module.exports = {
at: cubicAt,
derivativeAt: cubicDerivativeAt,
projectPoint: function projectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y) {
  var rst = {};
  cubicProjectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y, rst);
  return rst;
},
2712
pointDistance: cubicProjectPoint,
extrema: cubicExtrema,
len: cubiclLen
2716};
2717
2718/***/ }),
2719/* 13 */
2720/***/ (function(module, exports, __webpack_require__) {
2721
2722var Util = __webpack_require__(0);
2723var Attribute = __webpack_require__(72);
2724var Transform = __webpack_require__(73);
2725var Animate = __webpack_require__(32);
2726var EventEmitter = __webpack_require__(41);
2727
2728var Element = function Element(cfg) {
this.__cfg = {
  zIndex: 0,
  capture: true,
  visible: true,
  destroyed: false
}; // 配置存放地
2735
Util.assign(this.__cfg, this.getDefaultCfg(), cfg); // Element.CFG不合并，提升性能 合并默认配置，用户配置->继承默认配置->Element默认配置
// 在子元素的init中创建新svg元素，然后设置属性和变换。在这边设置id而不是attr里，是考虑id一旦设置后应不能修改
this.init(cfg ? cfg.id : null); // 类型初始化
this.initAttrs(this.__cfg.attrs); // 初始化绘图属性
this.initTransform(); // 初始化变换
2741};
2742
2743Element.CFG = {
/**
 * 唯一标示
 * @type {Number}
 */
id: null,
/**
 * Z轴的层叠关系，Z值越大离用户越近
 * @type {Number}
 */
zIndex: 0,
/**
 * Canvas对象
 * @type: {Object}
 */
canvas: null,
/**
 * 父元素指针
 * @type {Object}
 */
parent: null,
/**
 * 用来设置当前对象是否能被捕捉
 * true 能
 * false 不能
 * 对象默认是都可以被捕捉的, 当capture为false时，group.getShape(x, y)方法无法获得该元素
 * 通过将不必要捕捉的元素的该属性设置成false, 来提高捕捉性能
 * @type {Boolean}
 **/
capture: true,
/**
 * 画布的上下文
 * @type {Object}
 */
context: null,
/**
 * 是否显示
 * @type {Boolean}
 */
visible: true,
/**
 * 是否被销毁
 * @type: {Boolean}
 */
destroyed: false
2788};
2789
2790Util.augment(Element, Attribute, Transform, EventEmitter, Animate, {
init: function init() {
  this.setSilent('animable', true);
  this.setSilent('animating', false); // 初始时不处于动画状态
},
getParent: function getParent() {
  return this.get('parent');
},
2798
/**
 * 获取默认的配置信息
 * @protected
 * @return {Object} 默认的属性
 */
getDefaultCfg: function getDefaultCfg() {
  return {};
},
set: function set(name, value) {
  if (name === 'zIndex') {
    this._beforeSetZIndex(value);
  }
  this.__cfg[name] = value;
  return this;
},
setSilent: function setSilent(name, value) {
  this.__cfg[name] = value;
},
get: function get(name) {
  return this.__cfg[name];
},
draw: function draw() {},
drawInner: function drawInner() {},
show: function show() {
  this.set('visible', true);
  var el = this.get('el');
  if (el) {
    el.setAttribute('visibility', 'visible');
  }
  return this;
},
hide: function hide() {
  this.set('visible', false);
  var el = this.get('el');
  if (el) {
    el.setAttribute('visibility', 'hidden');
  }
  return this;
},
remove: function remove(destroy) {
  var el = this.get('el');
  if (destroy === undefined) {
    destroy = true;
  }
2843
  if (this.get('parent')) {
    var parent = this.get('parent');
    var children = parent.get('children');
    Util.remove(children, this);
    el.parentNode.removeChild(el);
  }
2850
  if (destroy) {
    this.destroy();
  }
2854
  return this;
},
destroy: function destroy() {
  var destroyed = this.get('destroyed');
  if (destroyed) {
    return;
  }
  // 如果正在执行动画，清理动画
  if (this.get('animating')) {
    var timer = this.get('animateTimer');
    timer && timer.stop();
  }
  this.__cfg = {};
  this.__attrs = null;
  this.removeEvent(); // 移除所有的事件
  this.set('destroyed', true);
},
_beforeSetZIndex: function _beforeSetZIndex(zIndex) {
  this.__cfg.zIndex = zIndex;
2874
  if (!Util.isNil(this.get('parent'))) {
    this.get('parent').sort();
  }
  return zIndex;
},
_setAttrs: function _setAttrs(attrs) {
  this.attr(attrs);
  return attrs;
},
setZIndex: function setZIndex(zIndex) {
  this.__cfg.zIndex = zIndex;
  return zIndex;
},
clone: function clone() {
  return Util.clone(this);
},
getBBox: function getBBox() {
  var el = this.get('el');
  if (!el) {
    return {
      minX: 0,
      minY: 0,
      maxX: 0,
      maxY: 0,
      width: 0,
      height: 0,
      x: 0,
      y: 0
    };
  }
  var bbox = el.getBBox();
  if (!el.parentNode || bbox.width === 0 && bbox.height === 0) {
    var node = el.cloneNode();
    node.innerHTML = el.innerHTML;
    node.setAttribute('visible', 'hidden');
    var svg = document.getElementsByTagName('svg')[0];
    svg.appendChild(node);
    bbox = node.getBBox();
    svg.removeChild(node);
  }
  bbox.minX = bbox.x;
  bbox.minY = bbox.y;
  bbox.maxX = bbox.x + bbox.width;
  bbox.maxY = bbox.y + bbox.height;
  return {
    minX: bbox.x,
    minY: bbox.y,
    maxX: bbox.x + bbox.width,
    maxY: bbox.y + bbox.height,
    width: bbox.width,
    height: bbox.height,
    x: bbox.x,
    y: bbox.y
  };
}
2930});
2931
2932module.exports = Element;
2933
2934/***/ }),
2935/* 14 */
2936/***/ (function(module, __webpack_exports__, __webpack_require__) {
2937
2938"use strict";
2939/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return EPSILON; });
2940/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ARRAY_TYPE; });
2941/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return RANDOM; });
2942/* unused harmony export setMatrixArrayType */
2943/* unused harmony export toRadian */
2944/* unused harmony export equals */
2945/**
* Common utilities
* @module glMatrix
*/
2949
2950// Configuration Constants
2951var EPSILON = 0.000001;
2952var ARRAY_TYPE = typeof Float32Array !== 'undefined' ? Float32Array : Array;
2953var RANDOM = Math.random;
2954
2955/**
* Sets the type of array used when creating new vectors and matrices
*
* @param {Type} type Array type, such as Float32Array or Array
*/
2960function setMatrixArrayType(type) {
ARRAY_TYPE = type;
2962}
2963
2964var degree = Math.PI / 180;
2965
2966/**
* Convert Degree To Radian
*
* @param {Number} a Angle in Degrees
*/
2971function toRadian(a) {
return a * degree;
2973}
2974
2975/**
* Tests whether or not the arguments have approximately the same value, within an absolute
* or relative tolerance of glMatrix.EPSILON (an absolute tolerance is used for values less
* than or equal to 1.0, and a relative tolerance is used for larger values)
*
* @param {Number} a The first number to test.
* @param {Number} b The second number to test.
* @returns {Boolean} True if the numbers are approximately equal, false otherwise.
*/
2984function equals(a, b) {
return Math.abs(a - b) <= EPSILON * Math.max(1.0, Math.abs(a), Math.abs(b));
2986}
2987
2988/***/ }),
2989/* 15 */
2990/***/ (function(module, exports, __webpack_require__) {
2991
2992var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
2993
2994var Util = __webpack_require__(7);
2995var SPACES = '\t\n\x0B\f\r \xA0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029';
2996var PATH_COMMAND = new RegExp('([a-z])[' + SPACES + ',]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?[' + SPACES + ']*,?[' + SPACES + ']*)+)', 'ig');
2997var PATH_VALUES = new RegExp('(-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?)[' + SPACES + ']*,?[' + SPACES + ']*', 'ig');
2998
2999// Parses given path string into an array of arrays of path segments
3000var parsePathString = function parsePathString(pathString) {
if (!pathString) {
  return null;
}
3004
if ((typeof pathString === 'undefined' ? 'undefined' : _typeof(pathString)) === _typeof([])) {
  return pathString;
}
var paramCounts = {
  a: 7,
  c: 6,
  o: 2,
  h: 1,
  l: 2,
  m: 2,
  r: 4,
  q: 4,
  s: 4,
  t: 2,
  v: 1,
  u: 3,
  z: 0
};
var data = [];
3024
String(pathString).replace(PATH_COMMAND, function (a, b, c) {
  var params = [];
  var name = b.toLowerCase();
  c.replace(PATH_VALUES, function (a, b) {
    b && params.push(+b);
  });
  if (name === 'm' && params.length > 2) {
    data.push([b].concat(params.splice(0, 2)));
    name = 'l';
    b = b === 'm' ? 'l' : 'L';
  }
  if (name === 'o' && params.length === 1) {
    data.push([b, params[0]]);
  }
  if (name === 'r') {
    data.push([b].concat(params));
  } else {
    while (params.length >= paramCounts[name]) {
      data.push([b].concat(params.splice(0, paramCounts[name])));
      if (!paramCounts[name]) {
        break;
      }
    }
  }
});
3050
return data;
3052};
3053
3054// http://schepers.cc/getting-to-the-point
3055var catmullRom2bezier = function catmullRom2bezier(crp, z) {
var d = [];
for (var i = 0, iLen = crp.length; iLen - 2 * !z > i; i += 2) {
  var p = [{
    x: +crp[i - 2],
    y: +crp[i - 1]
  }, {
    x: +crp[i],
    y: +crp[i + 1]
  }, {
    x: +crp[i + 2],
    y: +crp[i + 3]
  }, {
    x: +crp[i + 4],
    y: +crp[i + 5]
  }];
  if (z) {
    if (!i) {
      p[0] = {
        x: +crp[iLen - 2],
        y: +crp[iLen - 1]
      };
    } else if (iLen - 4 === i) {
      p[3] = {
        x: +crp[0],
        y: +crp[1]
      };
    } else if (iLen - 2 === i) {
      p[2] = {
        x: +crp[0],
        y: +crp[1]
      };
      p[3] = {
        x: +crp[2],
        y: +crp[3]
      };
    }
  } else {
    if (iLen - 4 === i) {
      p[3] = p[2];
    } else if (!i) {
      p[0] = {
        x: +crp[i],
        y: +crp[i + 1]
      };
    }
  }
  d.push(['C', (-p[0].x + 6 * p[1].x + p[2].x) / 6, (-p[0].y + 6 * p[1].y + p[2].y) / 6, (p[1].x + 6 * p[2].x - p[3].x) / 6, (p[1].y + 6 * p[2].y - p[3].y) / 6, p[2].x, p[2].y]);
}
3104
return d;
3106};
3107
3108var ellipsePath = function ellipsePath(x, y, rx, ry, a) {
var res = [];
if (a === null && ry === null) {
  ry = rx;
}
x = +x;
y = +y;
rx = +rx;
ry = +ry;
if (a !== null) {
  var rad = Math.PI / 180;
  var x1 = x + rx * Math.cos(-ry * rad);
  var x2 = x + rx * Math.cos(-a * rad);
  var y1 = y + rx * Math.sin(-ry * rad);
  var y2 = y + rx * Math.sin(-a * rad);
  res = [['M', x1, y1], ['A', rx, rx, 0, +(a - ry > 180), 0, x2, y2]];
} else {
  res = [['M', x, y], ['m', 0, -ry], ['a', rx, ry, 0, 1, 1, 0, 2 * ry], ['a', rx, ry, 0, 1, 1, 0, -2 * ry], ['z']];
}
return res;
3128};
3129
3130var pathToAbsolute = function pathToAbsolute(pathArray) {
pathArray = parsePathString(pathArray);
3132
if (!pathArray || !pathArray.length) {
  return [['M', 0, 0]];
}
var res = [];
var x = 0;
var y = 0;
var mx = 0;
var my = 0;
var start = 0;
var pa0 = void 0;
var dots = void 0;
if (pathArray[0][0] === 'M') {
  x = +pathArray[0][1];
  y = +pathArray[0][2];
  mx = x;
  my = y;
  start++;
  res[0] = ['M', x, y];
}
var crz = pathArray.length === 3 && pathArray[0][0] === 'M' && pathArray[1][0].toUpperCase() === 'R' && pathArray[2][0].toUpperCase() === 'Z';
for (var r, pa, i = start, ii = pathArray.length; i < ii; i++) {
  res.push(r = []);
  pa = pathArray[i];
  pa0 = pa[0];
  if (pa0 !== pa0.toUpperCase()) {
    r[0] = pa0.toUpperCase();
    switch (r[0]) {
      case 'A':
        r[1] = pa[1];
        r[2] = pa[2];
        r[3] = pa[3];
        r[4] = pa[4];
        r[5] = pa[5];
        r[6] = +pa[6] + x;
        r[7] = +pa[7] + y;
        break;
      case 'V':
        r[1] = +pa[1] + y;
        break;
      case 'H':
        r[1] = +pa[1] + x;
        break;
      case 'R':
        dots = [x, y].concat(pa.slice(1));
        for (var j = 2, jj = dots.length; j < jj; j++) {
          dots[j] = +dots[j] + x;
          dots[++j] = +dots[j] + y;
        }
        res.pop();
        res = res.concat(catmullRom2bezier(dots, crz));
        break;
      case 'O':
        res.pop();
        dots = ellipsePath(x, y, pa[1], pa[2]);
        dots.push(dots[0]);
        res = res.concat(dots);
        break;
      case 'U':
        res.pop();
        res = res.concat(ellipsePath(x, y, pa[1], pa[2], pa[3]));
        r = ['U'].concat(res[res.length - 1].slice(-2));
        break;
      case 'M':
        mx = +pa[1] + x;
        my = +pa[2] + y;
        break; // for lint
      default:
        for (var _j = 1, _jj = pa.length; _j < _jj; _j++) {
          r[_j] = +pa[_j] + (_j % 2 ? x : y);
        }
    }
  } else if (pa0 === 'R') {
    dots = [x, y].concat(pa.slice(1));
    res.pop();
    res = res.concat(catmullRom2bezier(dots, crz));
    r = ['R'].concat(pa.slice(-2));
  } else if (pa0 === 'O') {
    res.pop();
    dots = ellipsePath(x, y, pa[1], pa[2]);
    dots.push(dots[0]);
    res = res.concat(dots);
  } else if (pa0 === 'U') {
    res.pop();
    res = res.concat(ellipsePath(x, y, pa[1], pa[2], pa[3]));
    r = ['U'].concat(res[res.length - 1].slice(-2));
  } else {
    for (var k = 0, kk = pa.length; k < kk; k++) {
      r[k] = pa[k];
    }
  }
  pa0 = pa0.toUpperCase();
  if (pa0 !== 'O') {
    switch (r[0]) {
      case 'Z':
        x = +mx;
        y = +my;
        break;
      case 'H':
        x = r[1];
        break;
      case 'V':
        y = r[1];
        break;
      case 'M':
        mx = r[r.length - 2];
        my = r[r.length - 1];
        break; // for lint
      default:
        x = r[r.length - 2];
        y = r[r.length - 1];
    }
  }
}
3246
return res;
3248};
3249
3250var l2c = function l2c(x1, y1, x2, y2) {
return [x1, y1, x2, y2, x2, y2];
3252};
3253
3254var q2c = function q2c(x1, y1, ax, ay, x2, y2) {
var _13 = 1 / 3;
var _23 = 2 / 3;
return [_13 * x1 + _23 * ax, _13 * y1 + _23 * ay, _13 * x2 + _23 * ax, _13 * y2 + _23 * ay, x2, y2];
3258};
3259
3260var a2c = function a2c(x1, y1, rx, ry, angle, large_arc_flag, sweep_flag, x2, y2, recursive) {
// for more information of where this math came from visit:
// http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes
if (rx === ry) {
  rx += 1;
}
3266
var _120 = Math.PI * 120 / 180;
var rad = Math.PI / 180 * (+angle || 0);
var res = [];
var xy = void 0;
var f1 = void 0;
var f2 = void 0;
var cx = void 0;
var cy = void 0;
var rotate = function rotate(x, y, rad) {
  var X = x * Math.cos(rad) - y * Math.sin(rad);
  var Y = x * Math.sin(rad) + y * Math.cos(rad);
  return {
    x: X,
    y: Y
  };
};
if (!recursive) {
  xy = rotate(x1, y1, -rad);
  x1 = xy.x;
  y1 = xy.y;
  xy = rotate(x2, y2, -rad);
  x2 = xy.x;
  y2 = xy.y;
  if (x1 === x2 && y1 === y2) {
    // 若弧的起始点和终点重叠则错开一点
    x2 += 1;
    y2 += 1;
  }
  // const cos = Math.cos(Math.PI / 180 * angle);
  // const sin = Math.sin(Math.PI / 180 * angle);
  var x = (x1 - x2) / 2;
  var y = (y1 - y2) / 2;
  var h = x * x / (rx * rx) + y * y / (ry * ry);
  if (h > 1) {
    h = Math.sqrt(h);
    rx = h * rx;
    ry = h * ry;
  }
  var rx2 = rx * rx;
  var ry2 = ry * ry;
  var k = (large_arc_flag === sweep_flag ? -1 : 1) * Math.sqrt(Math.abs((rx2 * ry2 - rx2 * y * y - ry2 * x * x) / (rx2 * y * y + ry2 * x * x)));
  cx = k * rx * y / ry + (x1 + x2) / 2;
  cy = k * -ry * x / rx + (y1 + y2) / 2;
  f1 = Math.asin(((y1 - cy) / ry).toFixed(9));
  f2 = Math.asin(((y2 - cy) / ry).toFixed(9));
3312
  f1 = x1 < cx ? Math.PI - f1 : f1;
  f2 = x2 < cx ? Math.PI - f2 : f2;
  f1 < 0 && (f1 = Math.PI * 2 + f1);
  f2 < 0 && (f2 = Math.PI * 2 + f2);
  if (sweep_flag && f1 > f2) {
    f1 = f1 - Math.PI * 2;
  }
  if (!sweep_flag && f2 > f1) {
    f2 = f2 - Math.PI * 2;
  }
} else {
  f1 = recursive[0];
  f2 = recursive[1];
  cx = recursive[2];
  cy = recursive[3];
}
var df = f2 - f1;
if (Math.abs(df) > _120) {
  var f2old = f2;
  var x2old = x2;
  var y2old = y2;
  f2 = f1 + _120 * (sweep_flag && f2 > f1 ? 1 : -1);
  x2 = cx + rx * Math.cos(f2);
  y2 = cy + ry * Math.sin(f2);
  res = a2c(x2, y2, rx, ry, angle, 0, sweep_flag, x2old, y2old, [f2, f2old, cx, cy]);
}
df = f2 - f1;
var c1 = Math.cos(f1);
var s1 = Math.sin(f1);
var c2 = Math.cos(f2);
var s2 = Math.sin(f2);
var t = Math.tan(df / 4);
var hx = 4 / 3 * rx * t;
var hy = 4 / 3 * ry * t;
var m1 = [x1, y1];
var m2 = [x1 + hx * s1, y1 - hy * c1];
var m3 = [x2 + hx * s2, y2 - hy * c2];
var m4 = [x2, y2];
m2[0] = 2 * m1[0] - m2[0];
m2[1] = 2 * m1[1] - m2[1];
if (recursive) {
  return [m2, m3, m4].concat(res);
}
res = [m2, m3, m4].concat(res).join().split(',');
var newres = [];
for (var i = 0, ii = res.length; i < ii; i++) {
  newres[i] = i % 2 ? rotate(res[i - 1], res[i], rad).y : rotate(res[i], res[i + 1], rad).x;
}
return newres;
3362};
3363
3364var pathTocurve = function pathTocurve(path, path2) {
var p = pathToAbsolute(path);
var p2 = path2 && pathToAbsolute(path2);
var attrs = {
  x: 0,
  y: 0,
  bx: 0,
  by: 0,
  X: 0,
  Y: 0,
  qx: null,
  qy: null
};
var attrs2 = {
  x: 0,
  y: 0,
  bx: 0,
  by: 0,
  X: 0,
  Y: 0,
  qx: null,
  qy: null
};
var pcoms1 = []; // path commands of original path p
var pcoms2 = []; // path commands of original path p2
var pfirst = ''; // temporary holder for original path command
var pcom = ''; // holder for previous path command of original path
var ii = void 0;
var processPath = function processPath(path, d, pcom) {
  var nx = void 0,
      ny = void 0;
  if (!path) {
    return ['C', d.x, d.y, d.x, d.y, d.x, d.y];
  }!(path[0] in {
    T: 1,
    Q: 1
  }) && (d.qx = d.qy = null);
  switch (path[0]) {
    case 'M':
      d.X = path[1];
      d.Y = path[2];
      break;
    case 'A':
      path = ['C'].concat(a2c.apply(0, [d.x, d.y].concat(path.slice(1))));
      break;
    case 'S':
      if (pcom === 'C' || pcom === 'S') {
        // In "S" case we have to take into account, if the previous command is C/S.
        nx = d.x * 2 - d.bx; // And reflect the previous
        ny = d.y * 2 - d.by; // command's control point relative to the current point.
      } else {
        // or some else or nothing
        nx = d.x;
        ny = d.y;
      }
      path = ['C', nx, ny].concat(path.slice(1));
      break;
    case 'T':
      if (pcom === 'Q' || pcom === 'T') {
        // In "T" case we have to take into account, if the previous command is Q/T.
        d.qx = d.x * 2 - d.qx; // And make a reflection similar
        d.qy = d.y * 2 - d.qy; // to case "S".
      } else {
        // or something else or nothing
        d.qx = d.x;
        d.qy = d.y;
      }
      path = ['C'].concat(q2c(d.x, d.y, d.qx, d.qy, path[1], path[2]));
      break;
    case 'Q':
      d.qx = path[1];
      d.qy = path[2];
      path = ['C'].concat(q2c(d.x, d.y, path[1], path[2], path[3], path[4]));
      break;
    case 'L':
      path = ['C'].concat(l2c(d.x, d.y, path[1], path[2]));
      break;
    case 'H':
      path = ['C'].concat(l2c(d.x, d.y, path[1], d.y));
      break;
    case 'V':
      path = ['C'].concat(l2c(d.x, d.y, d.x, path[1]));
      break;
    case 'Z':
      path = ['C'].concat(l2c(d.x, d.y, d.X, d.Y));
      break;
    default:
      break;
  }
  return path;
};
var fixArc = function fixArc(pp, i) {
  if (pp[i].length > 7) {
    pp[i].shift();
    var pi = pp[i];
    while (pi.length) {
      pcoms1[i] = 'A'; // if created multiple C:s, their original seg is saved
      p2 && (pcoms2[i] = 'A'); // the same as above
      pp.splice(i++, 0, ['C'].concat(pi.splice(0, 6)));
    }
    pp.splice(i, 1);
    ii = Math.max(p.length, p2 && p2.length || 0);
  }
};
var fixM = function fixM(path1, path2, a1, a2, i) {
  if (path1 && path2 && path1[i][0] === 'M' && path2[i][0] !== 'M') {
    path2.splice(i, 0, ['M', a2.x, a2.y]);
    a1.bx = 0;
    a1.by = 0;
    a1.x = path1[i][1];
    a1.y = path1[i][2];
    ii = Math.max(p.length, p2 && p2.length || 0);
  }
};
ii = Math.max(p.length, p2 && p2.length || 0);
for (var i = 0; i < ii; i++) {
3480
  p[i] && (pfirst = p[i][0]); // save current path command
3482
  if (pfirst !== 'C') {
    // C is not saved yet, because it may be result of conversion
    pcoms1[i] = pfirst; // Save current path command
    i && (pcom = pcoms1[i - 1]); // Get previous path command pcom
  }
  p[i] = processPath(p[i], attrs, pcom); // Previous path command is inputted to processPath
3489
  if (pcoms1[i] !== 'A' && pfirst === 'C') pcoms1[i] = 'C'; // A is the only command
  // which may produce multiple C:s
  // so we have to make sure that C is also C in original path
3493
  fixArc(p, i); // fixArc adds also the right amount of A:s to pcoms1
3495
  if (p2) {
    // the same procedures is done to p2
    p2[i] && (pfirst = p2[i][0]);
    if (pfirst !== 'C') {
      pcoms2[i] = pfirst;
      i && (pcom = pcoms2[i - 1]);
    }
    p2[i] = processPath(p2[i], attrs2, pcom);
3504
    if (pcoms2[i] !== 'A' && pfirst === 'C') {
      pcoms2[i] = 'C';
    }
3508
    fixArc(p2, i);
  }
  fixM(p, p2, attrs, attrs2, i);
  fixM(p2, p, attrs2, attrs, i);
  var seg = p[i];
  var seg2 = p2 && p2[i];
  var seglen = seg.length;
  var seg2len = p2 && seg2.length;
  attrs.x = seg[seglen - 2];
  attrs.y = seg[seglen - 1];
  attrs.bx = parseFloat(seg[seglen - 4]) || attrs.x;
  attrs.by = parseFloat(seg[seglen - 3]) || attrs.y;
  attrs2.bx = p2 && (parseFloat(seg2[seg2len - 4]) || attrs2.x);
  attrs2.by = p2 && (parseFloat(seg2[seg2len - 3]) || attrs2.y);
  attrs2.x = p2 && seg2[seg2len - 2];
  attrs2.y = p2 && seg2[seg2len - 1];
}
3526
return p2 ? [p, p2] : p;
3528};
3529
3530var p2s = /,?([a-z]),?/gi;
3531var parsePathArray = function parsePathArray(path) {
return path.join(',').replace(p2s, '$1');
3533};
3534
3535var base3 = function base3(t, p1, p2, p3, p4) {
var t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4;
var t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
return t * t2 - 3 * p1 + 3 * p2;
3539};
3540
3541var bezlen = function bezlen(x1, y1, x2, y2, x3, y3, x4, y4, z) {
if (z === null) {
  z = 1;
}
z = z > 1 ? 1 : z < 0 ? 0 : z;
var z2 = z / 2;
var n = 12;
var Tvalues = [-0.1252, 0.1252, -0.3678, 0.3678, -0.5873, 0.5873, -0.7699, 0.7699, -0.9041, 0.9041, -0.9816, 0.9816];
var Cvalues = [0.2491, 0.2491, 0.2335, 0.2335, 0.2032, 0.2032, 0.1601, 0.1601, 0.1069, 0.1069, 0.0472, 0.0472];
var sum = 0;
for (var i = 0; i < n; i++) {
  var ct = z2 * Tvalues[i] + z2;
  var xbase = base3(ct, x1, x2, x3, x4);
  var ybase = base3(ct, y1, y2, y3, y4);
  var comb = xbase * xbase + ybase * ybase;
  sum += Cvalues[i] * Math.sqrt(comb);
}
return z2 * sum;
3559};
3560
3561var curveDim = function curveDim(x0, y0, x1, y1, x2, y2, x3, y3) {
var tvalues = [];
var bounds = [[], []];
var a = void 0;
var b = void 0;
var c = void 0;
var t = void 0;
3568
for (var i = 0; i < 2; ++i) {
  if (i === 0) {
    b = 6 * x0 - 12 * x1 + 6 * x2;
    a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;
    c = 3 * x1 - 3 * x0;
  } else {
    b = 6 * y0 - 12 * y1 + 6 * y2;
    a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;
    c = 3 * y1 - 3 * y0;
  }
  if (Math.abs(a) < 1e-12) {
    if (Math.abs(b) < 1e-12) {
      continue;
    }
    t = -c / b;
    if (t > 0 && t < 1) {
      tvalues.push(t);
    }
    continue;
  }
  var b2ac = b * b - 4 * c * a;
  var sqrtb2ac = Math.sqrt(b2ac);
  if (b2ac < 0) {
    continue;
  }
  var t1 = (-b + sqrtb2ac) / (2 * a);
  if (t1 > 0 && t1 < 1) {
    tvalues.push(t1);
  }
  var t2 = (-b - sqrtb2ac) / (2 * a);
  if (t2 > 0 && t2 < 1) {
    tvalues.push(t2);
  }
}
3603
var j = tvalues.length;
var jlen = j;
var mt = void 0;
while (j--) {
  t = tvalues[j];
  mt = 1 - t;
  bounds[0][j] = mt * mt * mt * x0 + 3 * mt * mt * t * x1 + 3 * mt * t * t * x2 + t * t * t * x3;
  bounds[1][j] = mt * mt * mt * y0 + 3 * mt * mt * t * y1 + 3 * mt * t * t * y2 + t * t * t * y3;
}
3613
bounds[0][jlen] = x0;
bounds[1][jlen] = y0;
bounds[0][jlen + 1] = x3;
bounds[1][jlen + 1] = y3;
bounds[0].length = bounds[1].length = jlen + 2;
3619
return {
  min: {
    x: Math.min.apply(0, bounds[0]),
    y: Math.min.apply(0, bounds[1])
  },
  max: {
    x: Math.max.apply(0, bounds[0]),
    y: Math.max.apply(0, bounds[1])
  }
};
3630};
3631
3632var intersect = function intersect(x1, y1, x2, y2, x3, y3, x4, y4) {
if (Math.max(x1, x2) < Math.min(x3, x4) || Math.min(x1, x2) > Math.max(x3, x4) || Math.max(y1, y2) < Math.min(y3, y4) || Math.min(y1, y2) > Math.max(y3, y4)) {
  return;
}
var nx = (x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4);
var ny = (x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4);
var denominator = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
3639
if (!denominator) {
  return;
}
var px = nx / denominator;
var py = ny / denominator;
var px2 = +px.toFixed(2);
var py2 = +py.toFixed(2);
if (px2 < +Math.min(x1, x2).toFixed(2) || px2 > +Math.max(x1, x2).toFixed(2) || px2 < +Math.min(x3, x4).toFixed(2) || px2 > +Math.max(x3, x4).toFixed(2) || py2 < +Math.min(y1, y2).toFixed(2) || py2 > +Math.max(y1, y2).toFixed(2) || py2 < +Math.min(y3, y4).toFixed(2) || py2 > +Math.max(y3, y4).toFixed(2)) {
  return;
}
return {
  x: px,
  y: py
};
3654};
3655
3656var isPointInsideBBox = function isPointInsideBBox(bbox, x, y) {
return x >= bbox.x && x <= bbox.x + bbox.width && y >= bbox.y && y <= bbox.y + bbox.height;
3658};
3659
3660var rectPath = function rectPath(x, y, w, h, r) {
if (r) {
  return [['M', +x + +r, y], ['l', w - r * 2, 0], ['a', r, r, 0, 0, 1, r, r], ['l', 0, h - r * 2], ['a', r, r, 0, 0, 1, -r, r], ['l', r * 2 - w, 0], ['a', r, r, 0, 0, 1, -r, -r], ['l', 0, r * 2 - h], ['a', r, r, 0, 0, 1, r, -r], ['z']];
}
var res = [['M', x, y], ['l', w, 0], ['l', 0, h], ['l', -w, 0], ['z']];
res.parsePathArray = parsePathArray;
return res;
3667};
3668
3669var box = function box(x, y, width, height) {
if (x === null) {
  x = y = width = height = 0;
}
if (y === null) {
  y = x.y;
  width = x.width;
  height = x.height;
  x = x.x;
}
return {
  x: x,
  y: y,
  width: width,
  w: width,
  height: height,
  h: height,
  x2: x + width,
  y2: y + height,
  cx: x + width / 2,
  cy: y + height / 2,
  r1: Math.min(width, height) / 2,
  r2: Math.max(width, height) / 2,
  r0: Math.sqrt(width * width + height * height) / 2,
  path: rectPath(x, y, width, height),
  vb: [x, y, width, height].join(' ')
};
3696};
3697
3698var isBBoxIntersect = function isBBoxIntersect(bbox1, bbox2) {
bbox1 = box(bbox1);
bbox2 = box(bbox2);
return isPointInsideBBox(bbox2, bbox1.x, bbox1.y) || isPointInsideBBox(bbox2, bbox1.x2, bbox1.y) || isPointInsideBBox(bbox2, bbox1.x, bbox1.y2) || isPointInsideBBox(bbox2, bbox1.x2, bbox1.y2) || isPointInsideBBox(bbox1, bbox2.x, bbox2.y) || isPointInsideBBox(bbox1, bbox2.x2, bbox2.y) || isPointInsideBBox(bbox1, bbox2.x, bbox2.y2) || isPointInsideBBox(bbox1, bbox2.x2, bbox2.y2) || (bbox1.x < bbox2.x2 && bbox1.x > bbox2.x || bbox2.x < bbox1.x2 && bbox2.x > bbox1.x) && (bbox1.y < bbox2.y2 && bbox1.y > bbox2.y || bbox2.y < bbox1.y2 && bbox2.y > bbox1.y);
3702};
3703
3704var bezierBBox = function bezierBBox(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
if (!Util.isArray(p1x)) {
  p1x = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y];
}
var bbox = curveDim.apply(null, p1x);
return box(bbox.min.x, bbox.min.y, bbox.max.x - bbox.min.x, bbox.max.y - bbox.min.y);
3710};
3711
3712var findDotsAtSegment = function findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) {
var t1 = 1 - t;
var t13 = Math.pow(t1, 3);
var t12 = Math.pow(t1, 2);
var t2 = t * t;
var t3 = t2 * t;
var x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x;
var y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y;
var mx = p1x + 2 * t * (c1x - p1x) + t2 * (c2x - 2 * c1x + p1x);
var my = p1y + 2 * t * (c1y - p1y) + t2 * (c2y - 2 * c1y + p1y);
var nx = c1x + 2 * t * (c2x - c1x) + t2 * (p2x - 2 * c2x + c1x);
var ny = c1y + 2 * t * (c2y - c1y) + t2 * (p2y - 2 * c2y + c1y);
var ax = t1 * p1x + t * c1x;
var ay = t1 * p1y + t * c1y;
var cx = t1 * c2x + t * p2x;
var cy = t1 * c2y + t * p2y;
var alpha = 90 - Math.atan2(mx - nx, my - ny) * 180 / Math.PI;
// (mx > nx || my < ny) && (alpha += 180);
return {
  x: x,
  y: y,
  m: {
    x: mx,
    y: my
  },
  n: {
    x: nx,
    y: ny
  },
  start: {
    x: ax,
    y: ay
  },
  end: {
    x: cx,
    y: cy
  },
  alpha: alpha
};
3751};
3752
3753var interHelper = function interHelper(bez1, bez2, justCount) {
var bbox1 = bezierBBox(bez1);
var bbox2 = bezierBBox(bez2);
if (!isBBoxIntersect(bbox1, bbox2)) {
  return justCount ? 0 : [];
}
var l1 = bezlen.apply(0, bez1);
var l2 = bezlen.apply(0, bez2);
var n1 = ~~(l1 / 8);
var n2 = ~~(l2 / 8);
var dots1 = [];
var dots2 = [];
var xy = {};
var res = justCount ? 0 : [];
for (var i = 0; i < n1 + 1; i++) {
  var d = findDotsAtSegment.apply(0, bez1.concat(i / n1));
  dots1.push({
    x: d.x,
    y: d.y,
    t: i / n1
  });
}
for (var _i = 0; _i < n2 + 1; _i++) {
  var _d = findDotsAtSegment.apply(0, bez2.concat(_i / n2));
  dots2.push({
    x: _d.x,
    y: _d.y,
    t: _i / n2
  });
}
for (var _i2 = 0; _i2 < n1; _i2++) {
  for (var j = 0; j < n2; j++) {
    var di = dots1[_i2];
    var di1 = dots1[_i2 + 1];
    var dj = dots2[j];
    var dj1 = dots2[j + 1];
    var ci = Math.abs(di1.x - di.x) < 0.001 ? 'y' : 'x';
    var cj = Math.abs(dj1.x - dj.x) < 0.001 ? 'y' : 'x';
    var is = intersect(di.x, di.y, di1.x, di1.y, dj.x, dj.y, dj1.x, dj1.y);
    if (is) {
      if (xy[is.x.toFixed(4)] === is.y.toFixed(4)) {
        continue;
      }
      xy[is.x.toFixed(4)] = is.y.toFixed(4);
      var t1 = di.t + Math.abs((is[ci] - di[ci]) / (di1[ci] - di[ci])) * (di1.t - di.t);
      var t2 = dj.t + Math.abs((is[cj] - dj[cj]) / (dj1[cj] - dj[cj])) * (dj1.t - dj.t);
      if (t1 >= 0 && t1 <= 1 && t2 >= 0 && t2 <= 1) {
        if (justCount) {
          res++;
        } else {
          res.push({
            x: is.x,
            y: is.y,
            t1: t1,
            t2: t2
          });
        }
      }
    }
  }
}
return res;
3815};
3816
3817var interPathHelper = function interPathHelper(path1, path2, justCount) {
path1 = pathTocurve(path1);
path2 = pathTocurve(path2);
var x1 = void 0;
var y1 = void 0;
var x2 = void 0;
var y2 = void 0;
var x1m = void 0;
var y1m = void 0;
var x2m = void 0;
var y2m = void 0;
var bez1 = void 0;
var bez2 = void 0;
var res = justCount ? 0 : [];
for (var i = 0, ii = path1.length; i < ii; i++) {
  var pi = path1[i];
  if (pi[0] === 'M') {
    x1 = x1m = pi[1];
    y1 = y1m = pi[2];
  } else {
    if (pi[0] === 'C') {
      bez1 = [x1, y1].concat(pi.slice(1));
      x1 = bez1[6];
      y1 = bez1[7];
    } else {
      bez1 = [x1, y1, x1, y1, x1m, y1m, x1m, y1m];
      x1 = x1m;
      y1 = y1m;
    }
    for (var j = 0, jj = path2.length; j < jj; j++) {
      var pj = path2[j];
      if (pj[0] === 'M') {
        x2 = x2m = pj[1];
        y2 = y2m = pj[2];
      } else {
        if (pj[0] === 'C') {
          bez2 = [x2, y2].concat(pj.slice(1));
          x2 = bez2[6];
          y2 = bez2[7];
        } else {
          bez2 = [x2, y2, x2, y2, x2m, y2m, x2m, y2m];
          x2 = x2m;
          y2 = y2m;
        }
        var intr = interHelper(bez1, bez2, justCount);
        if (justCount) {
          res += intr;
        } else {
          for (var k = 0, kk = intr.length; k < kk; k++) {
            intr[k].segment1 = i;
            intr[k].segment2 = j;
            intr[k].bez1 = bez1;
            intr[k].bez2 = bez2;
          }
          res = res.concat(intr);
        }
      }
    }
  }
}
return res;
3878};
3879
3880var pathIntersection = function pathIntersection(path1, path2) {
return interPathHelper(path1, path2);
3882};
3883
3884module.exports = {
parsePathString: parsePathString,
parsePathArray: parsePathArray,
pathTocurve: pathTocurve,
pathToAbsolute: pathToAbsolute,
catmullRomToBezier: catmullRom2bezier,
rectPath: rectPath,
intersection: pathIntersection
3892};
3893
3894/***/ }),
3895/* 16 */
3896/***/ (function(module, __webpack_exports__, __webpack_require__) {
3897
3898"use strict";
3899/* harmony export (immutable) */ __webpack_exports__["b"] = now;
3900/* harmony export (immutable) */ __webpack_exports__["a"] = Timer;
3901/* harmony export (immutable) */ __webpack_exports__["c"] = timer;
3902/* harmony export (immutable) */ __webpack_exports__["d"] = timerFlush;
3903var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
3904
3905var frame = 0,
  // is an animation frame pending?
3907timeout = 0,
  // is a timeout pending?
3909interval = 0,
  // are any timers active?
3911pokeDelay = 1000,
  // how frequently we check for clock skew
3913taskHead,
  taskTail,
  clockLast = 0,
  clockNow = 0,
  clockSkew = 0,
  clock = (typeof performance === "undefined" ? "undefined" : _typeof(performance)) === "object" && performance.now ? performance : Date,
  setFrame = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function (f) {
setTimeout(f, 17);
3921};
3922
3923function now() {
return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
3925}
3926
3927function clearNow() {
clockNow = 0;
3929}
3930
3931function Timer() {
this._call = this._time = this._next = null;
3933}
3934
3935Timer.prototype = timer.prototype = {
constructor: Timer,
restart: function restart(callback, delay, time) {
  if (typeof callback !== "function") throw new TypeError("callback is not a function");
  time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
  if (!this._next && taskTail !== this) {
    if (taskTail) taskTail._next = this;else taskHead = this;
    taskTail = this;
  }
  this._call = callback;
  this._time = time;
  sleep();
},
stop: function stop() {
  if (this._call) {
    this._call = null;
    this._time = Infinity;
    sleep();
  }
}
3955};
3956
3957function timer(callback, delay, time) {
var t = new Timer();
t.restart(callback, delay, time);
return t;
3961}
3962
3963function timerFlush() {
now(); // Get the current time, if not already set.
++frame; // Pretend we’ve set an alarm, if we haven’t already.
var t = taskHead,
    e;
while (t) {
  if ((e = clockNow - t._time) >= 0) t._call.call(null, e);
  t = t._next;
}
--frame;
3973}
3974
3975function wake() {
clockNow = (clockLast = clock.now()) + clockSkew;
frame = timeout = 0;
try {
  timerFlush();
} finally {
  frame = 0;
  nap();
  clockNow = 0;
}
3985}
3986
3987function poke() {
var now = clock.now(),
    delay = now - clockLast;
if (delay > pokeDelay) clockSkew -= delay, clockLast = now;
3991}
3992
3993function nap() {
var t0,
    t1 = taskHead,
    t2,
    time = Infinity;
while (t1) {
  if (t1._call) {
    if (time > t1._time) time = t1._time;
    t0 = t1, t1 = t1._next;
  } else {
    t2 = t1._next, t1._next = null;
    t1 = t0 ? t0._next = t2 : taskHead = t2;
  }
}
taskTail = t0;
sleep(time);
4009}
4010
4011function sleep(time) {
if (frame) return; // Soonest alarm already set, or will be.
if (timeout) timeout = clearTimeout(timeout);
var delay = time - clockNow; // Strictly less than if we recomputed clockNow.
if (delay > 24) {
  if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);
  if (interval) interval = clearInterval(interval);
} else {
  if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);
  frame = 1, setFrame(wake);
}
4022}
4023
4024/***/ }),
4025/* 17 */
4026/***/ (function(module, __webpack_exports__, __webpack_require__) {
4027
4028"use strict";
4029/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
4030/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__rgb__ = __webpack_require__(34);
4031/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__array__ = __webpack_require__(37);
4032/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__date__ = __webpack_require__(38);
4033/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__number__ = __webpack_require__(11);
4034/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__object__ = __webpack_require__(39);
4035/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__string__ = __webpack_require__(40);
4036/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__constant__ = __webpack_require__(36);
4037var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
4038
4039
4040
4041
4042
4043
4044
4045
4046
4047
4048/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
  var t = typeof b === "undefined" ? "undefined" : _typeof(b),
      c;
  return b == null || t === "boolean" ? Object(__WEBPACK_IMPORTED_MODULE_7__constant__["a" /* default */])(b) : (t === "number" ? __WEBPACK_IMPORTED_MODULE_4__number__["a" /* default */] : t === "string" ? (c = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["a" /* color */])(b)) ? (b = c, __WEBPACK_IMPORTED_MODULE_1__rgb__["a" /* default */]) : __WEBPACK_IMPORTED_MODULE_6__string__["a" /* default */] : b instanceof __WEBPACK_IMPORTED_MODULE_0_d3_color__["a" /* color */] ? __WEBPACK_IMPORTED_MODULE_1__rgb__["a" /* default */] : b instanceof Date ? __WEBPACK_IMPORTED_MODULE_3__date__["a" /* default */] : Array.isArray(b) ? __WEBPACK_IMPORTED_MODULE_2__array__["a" /* default */] : typeof b.valueOf !== "function" && typeof b.toString !== "function" || isNaN(b) ? __WEBPACK_IMPORTED_MODULE_5__object__["a" /* default */] : __WEBPACK_IMPORTED_MODULE_4__number__["a" /* default */])(a, b);
4052});
4053
4054/***/ }),
4055/* 18 */
4056/***/ (function(module, __webpack_exports__, __webpack_require__) {
4057
4058"use strict";
4059/* harmony export (immutable) */ __webpack_exports__["a"] = Color;
4060/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return _darker; });
4061/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return _brighter; });
4062/* harmony export (immutable) */ __webpack_exports__["e"] = color;
4063/* harmony export (immutable) */ __webpack_exports__["h"] = rgbConvert;
4064/* harmony export (immutable) */ __webpack_exports__["g"] = rgb;
4065/* harmony export (immutable) */ __webpack_exports__["b"] = Rgb;
4066/* unused harmony export hslConvert */
4067/* harmony export (immutable) */ __webpack_exports__["f"] = hsl;
4068/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(19);
4069
4070
4071function Color() {}
4072
4073var _darker = 0.7;
4074
4075var _brighter = 1 / _darker;
4076
4077
4078var reI = "\\s*([+-]?\\d+)\\s*",
  reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",
  reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",
  reHex3 = /^#([0-9a-f]{3})$/,
  reHex6 = /^#([0-9a-f]{6})$/,
  reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$"),
  reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$"),
  reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$"),
  reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$"),
  reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$"),
  reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
4089
4090var named = {
aliceblue: 0xf0f8ff,
antiquewhite: 0xfaebd7,
aqua: 0x00ffff,
aquamarine: 0x7fffd4,
azure: 0xf0ffff,
beige: 0xf5f5dc,
bisque: 0xffe4c4,
black: 0x000000,
blanchedalmond: 0xffebcd,
blue: 0x0000ff,
blueviolet: 0x8a2be2,
brown: 0xa52a2a,
burlywood: 0xdeb887,
cadetblue: 0x5f9ea0,
chartreuse: 0x7fff00,
chocolate: 0xd2691e,
coral: 0xff7f50,
cornflowerblue: 0x6495ed,
cornsilk: 0xfff8dc,
crimson: 0xdc143c,
cyan: 0x00ffff,
darkblue: 0x00008b,
darkcyan: 0x008b8b,
darkgoldenrod: 0xb8860b,
darkgray: 0xa9a9a9,
darkgreen: 0x006400,
darkgrey: 0xa9a9a9,
darkkhaki: 0xbdb76b,
darkmagenta: 0x8b008b,
darkolivegreen: 0x556b2f,
darkorange: 0xff8c00,
darkorchid: 0x9932cc,
darkred: 0x8b0000,
darksalmon: 0xe9967a,
darkseagreen: 0x8fbc8f,
darkslateblue: 0x483d8b,
darkslategray: 0x2f4f4f,
darkslategrey: 0x2f4f4f,
darkturquoise: 0x00ced1,
darkviolet: 0x9400d3,
deeppink: 0xff1493,
deepskyblue: 0x00bfff,
dimgray: 0x696969,
dimgrey: 0x696969,
dodgerblue: 0x1e90ff,
firebrick: 0xb22222,
floralwhite: 0xfffaf0,
forestgreen: 0x228b22,
fuchsia: 0xff00ff,
gainsboro: 0xdcdcdc,
ghostwhite: 0xf8f8ff,
gold: 0xffd700,
goldenrod: 0xdaa520,
gray: 0x808080,
green: 0x008000,
greenyellow: 0xadff2f,
grey: 0x808080,
honeydew: 0xf0fff0,
hotpink: 0xff69b4,
indianred: 0xcd5c5c,
indigo: 0x4b0082,
ivory: 0xfffff0,
khaki: 0xf0e68c,
lavender: 0xe6e6fa,
lavenderblush: 0xfff0f5,
lawngreen: 0x7cfc00,
lemonchiffon: 0xfffacd,
lightblue: 0xadd8e6,
lightcoral: 0xf08080,
lightcyan: 0xe0ffff,
lightgoldenrodyellow: 0xfafad2,
lightgray: 0xd3d3d3,
lightgreen: 0x90ee90,
lightgrey: 0xd3d3d3,
lightpink: 0xffb6c1,
lightsalmon: 0xffa07a,
lightseagreen: 0x20b2aa,
lightskyblue: 0x87cefa,
lightslategray: 0x778899,
lightslategrey: 0x778899,
lightsteelblue: 0xb0c4de,
lightyellow: 0xffffe0,
lime: 0x00ff00,
limegreen: 0x32cd32,
linen: 0xfaf0e6,
magenta: 0xff00ff,
maroon: 0x800000,
mediumaquamarine: 0x66cdaa,
mediumblue: 0x0000cd,
mediumorchid: 0xba55d3,
mediumpurple: 0x9370db,
mediumseagreen: 0x3cb371,
mediumslateblue: 0x7b68ee,
mediumspringgreen: 0x00fa9a,
mediumturquoise: 0x48d1cc,
mediumvioletred: 0xc71585,
midnightblue: 0x191970,
mintcream: 0xf5fffa,
mistyrose: 0xffe4e1,
moccasin: 0xffe4b5,
navajowhite: 0xffdead,
navy: 0x000080,
oldlace: 0xfdf5e6,
olive: 0x808000,
olivedrab: 0x6b8e23,
orange: 0xffa500,
orangered: 0xff4500,
orchid: 0xda70d6,
palegoldenrod: 0xeee8aa,
palegreen: 0x98fb98,
paleturquoise: 0xafeeee,
palevioletred: 0xdb7093,
papayawhip: 0xffefd5,
peachpuff: 0xffdab9,
peru: 0xcd853f,
pink: 0xffc0cb,
plum: 0xdda0dd,
powderblue: 0xb0e0e6,
purple: 0x800080,
rebeccapurple: 0x663399,
red: 0xff0000,
rosybrown: 0xbc8f8f,
royalblue: 0x4169e1,
saddlebrown: 0x8b4513,
salmon: 0xfa8072,
sandybrown: 0xf4a460,
seagreen: 0x2e8b57,
seashell: 0xfff5ee,
sienna: 0xa0522d,
silver: 0xc0c0c0,
skyblue: 0x87ceeb,
slateblue: 0x6a5acd,
slategray: 0x708090,
slategrey: 0x708090,
snow: 0xfffafa,
springgreen: 0x00ff7f,
steelblue: 0x4682b4,
tan: 0xd2b48c,
teal: 0x008080,
thistle: 0xd8bfd8,
tomato: 0xff6347,
turquoise: 0x40e0d0,
violet: 0xee82ee,
wheat: 0xf5deb3,
white: 0xffffff,
whitesmoke: 0xf5f5f5,
yellow: 0xffff00,
yellowgreen: 0x9acd32
4239};
4240
4241Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Color, color, {
displayable: function displayable() {
  return this.rgb().displayable();
},
hex: function hex() {
  return this.rgb().hex();
},
toString: function toString() {
  return this.rgb() + "";
}
4251});
4252
4253function color(format) {
var m;
format = (format + "").trim().toLowerCase();
return (m = reHex3.exec(format)) ? (m = parseInt(m[1], 16), new Rgb(m >> 8 & 0xf | m >> 4 & 0x0f0, m >> 4 & 0xf | m & 0xf0, (m & 0xf) << 4 | m & 0xf, 1) // #f00
) : (m = reHex6.exec(format)) ? rgbn(parseInt(m[1], 16)) // #ff0000
: (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
: (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
: (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
: (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
: (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
: (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
: named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
4265}
4266
4267function rgbn(n) {
return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
4269}
4270
4271function rgba(r, g, b, a) {
if (a <= 0) r = g = b = NaN;
return new Rgb(r, g, b, a);
4274}
4275
4276function rgbConvert(o) {
if (!(o instanceof Color)) o = color(o);
if (!o) return new Rgb();
o = o.rgb();
return new Rgb(o.r, o.g, o.b, o.opacity);
4281}
4282
4283function rgb(r, g, b, opacity) {
return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
4285}
4286
4287function Rgb(r, g, b, opacity) {
this.r = +r;
this.g = +g;
this.b = +b;
this.opacity = +opacity;
4292}
4293
4294Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Rgb, rgb, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(Color, {
brighter: function brighter(k) {
  k = k == null ? _brighter : Math.pow(_brighter, k);
  return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
},
darker: function darker(k) {
  k = k == null ? _darker : Math.pow(_darker, k);
  return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
},
rgb: function rgb() {
  return this;
},
displayable: function displayable() {
  return 0 <= this.r && this.r <= 255 && 0 <= this.g && this.g <= 255 && 0 <= this.b && this.b <= 255 && 0 <= this.opacity && this.opacity <= 1;
},
hex: function hex() {
  return "#" + _hex(this.r) + _hex(this.g) + _hex(this.b);
},
toString: function toString() {
  var a = this.opacity;a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
  return (a === 1 ? "rgb(" : "rgba(") + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.b) || 0)) + (a === 1 ? ")" : ", " + a + ")");
}
4316}));
4317
4318function _hex(value) {
value = Math.max(0, Math.min(255, Math.round(value) || 0));
return (value < 16 ? "0" : "") + value.toString(16);
4321}
4322
4323function hsla(h, s, l, a) {
if (a <= 0) h = s = l = NaN;else if (l <= 0 || l >= 1) h = s = NaN;else if (s <= 0) h = NaN;
return new Hsl(h, s, l, a);
4326}
4327
4328function hslConvert(o) {
if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
if (!(o instanceof Color)) o = color(o);
if (!o) return new Hsl();
if (o instanceof Hsl) return o;
o = o.rgb();
var r = o.r / 255,
    g = o.g / 255,
    b = o.b / 255,
    min = Math.min(r, g, b),
    max = Math.max(r, g, b),
    h = NaN,
    s = max - min,
    l = (max + min) / 2;
if (s) {
  if (r === max) h = (g - b) / s + (g < b) * 6;else if (g === max) h = (b - r) / s + 2;else h = (r - g) / s + 4;
  s /= l < 0.5 ? max + min : 2 - max - min;
  h *= 60;
} else {
  s = l > 0 && l < 1 ? 0 : h;
}
return new Hsl(h, s, l, o.opacity);
4350}
4351
4352function hsl(h, s, l, opacity) {
return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
4354}
4355
4356function Hsl(h, s, l, opacity) {
this.h = +h;
this.s = +s;
this.l = +l;
this.opacity = +opacity;
4361}
4362
4363Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Hsl, hsl, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(Color, {
brighter: function brighter(k) {
  k = k == null ? _brighter : Math.pow(_brighter, k);
  return new Hsl(this.h, this.s, this.l * k, this.opacity);
},
darker: function darker(k) {
  k = k == null ? _darker : Math.pow(_darker, k);
  return new Hsl(this.h, this.s, this.l * k, this.opacity);
},
rgb: function rgb() {
  var h = this.h % 360 + (this.h < 0) * 360,
      s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
      l = this.l,
      m2 = l + (l < 0.5 ? l : 1 - l) * s,
      m1 = 2 * l - m2;
  return new Rgb(hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2), hsl2rgb(h, m1, m2), hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2), this.opacity);
},
displayable: function displayable() {
  return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
}
4383}));
4384
4385/* From FvD 13.37, CSS Color Module Level 3 */
4386function hsl2rgb(h, m1, m2) {
return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
4388}
4389
4390/***/ }),
4391/* 19 */
4392/***/ (function(module, __webpack_exports__, __webpack_require__) {
4393
4394"use strict";
4395/* harmony export (immutable) */ __webpack_exports__["b"] = extend;
4396/* harmony default export */ __webpack_exports__["a"] = (function (constructor, factory, prototype) {
constructor.prototype = factory.prototype = prototype;
prototype.constructor = constructor;
4399});
4400
4401function extend(parent, definition) {
var prototype = Object.create(parent.prototype);
for (var key in definition) {
  prototype[key] = definition[key];
}return prototype;
4406}
4407
4408/***/ }),
4409/* 20 */
4410/***/ (function(module, __webpack_exports__, __webpack_require__) {
4411
4412"use strict";
4413/* harmony export (immutable) */ __webpack_exports__["a"] = basis;
4414function basis(t1, v0, v1, v2, v3) {
var t2 = t1 * t1,
    t3 = t2 * t1;
return ((1 - 3 * t1 + 3 * t2 - t3) * v0 + (4 - 6 * t2 + 3 * t3) * v1 + (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2 + t3 * v3) / 6;
4418}
4419
4420/* harmony default export */ __webpack_exports__["b"] = (function (values) {
var n = values.length - 1;
return function (t) {
  var i = t <= 0 ? t = 0 : t >= 1 ? (t = 1, n - 1) : Math.floor(t * n),
      v1 = values[i],
      v2 = values[i + 1],
      v0 = i > 0 ? values[i - 1] : 2 * v1 - v2,
      v3 = i < n - 1 ? values[i + 2] : 2 * v2 - v1;
  return basis((t - i / n) * n, v0, v1, v2, v3);
};
4430});
4431
4432/***/ }),
4433/* 21 */
4434/***/ (function(module, exports, __webpack_require__) {
4435
4436var Util = __webpack_require__(0);
4437
4438var regexTags = /[MLHVQTCSAZ]([^MLHVQTCSAZ]*)/ig;
4439var regexDot = /[^\s\,]+/ig;
4440var regexLG = /^l\s*\(\s*([\d.]+)\s*\)\s*(.*)/i;
4441var regexRG = /^r\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)\s*(.*)/i;
4442var regexPR = /^p\s*\(\s*([axyn])\s*\)\s*(.*)/i;
4443var regexColorStop = /[\d.]+:(#[^\s]+|[^\)]+\))/ig;
4444var numColorCache = {};
4445
4446function addStop(steps, gradient) {
var arr = steps.match(regexColorStop);
Util.each(arr, function (item) {
  item = item.split(':');
  gradient.addColorStop(item[0], item[1]);
});
4452}
4453
4454function parseLineGradient(color, self) {
var arr = regexLG.exec(color);
var angle = Util.mod(Util.toRadian(parseFloat(arr[1])), Math.PI * 2);
var steps = arr[2];
var box = self.getBBox();
var start = void 0;
var end = void 0;
4461
if (angle >= 0 && angle < 0.5 * Math.PI) {
  start = {
    x: box.minX,
    y: box.minY
  };
  end = {
    x: box.maxX,
    y: box.maxY
  };
} else if (0.5 * Math.PI <= angle && angle < Math.PI) {
  start = {
    x: box.maxX,
    y: box.minY
  };
  end = {
    x: box.minX,
    y: box.maxY
  };
} else if (Math.PI <= angle && angle < 1.5 * Math.PI) {
  start = {
    x: box.maxX,
    y: box.maxY
  };
  end = {
    x: box.minX,
    y: box.minY
  };
} else {
  start = {
    x: box.minX,
    y: box.maxY
  };
  end = {
    x: box.maxX,
    y: box.minY
  };
}
4499
var tanTheta = Math.tan(angle);
var tanTheta2 = tanTheta * tanTheta;
4502
var x = (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.x;
var y = tanTheta * (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.y;
var context = self.get('context');
var gradient = context.createLinearGradient(start.x, start.y, x, y);
addStop(steps, gradient);
return gradient;
4509}
4510
4511function parseRadialGradient(color, self) {
var arr = regexRG.exec(color);
var fx = parseFloat(arr[1]);
var fy = parseFloat(arr[2]);
var fr = parseFloat(arr[3]);
var steps = arr[4];
// 环半径为0时，默认无渐变，取渐变序列的最后一个颜色
if (fr === 0) {
  var colors = steps.match(regexColorStop);
  return colors[colors.length - 1].split(':')[1];
}
var box = self.getBBox();
var context = self.get('context');
var width = box.maxX - box.minX;
var height = box.maxY - box.minY;
var r = Math.sqrt(width * width + height * height) / 2;
var gradient = context.createRadialGradient(box.minX + width * fx, box.minY + height * fy, fr * r, box.minX + width / 2, box.minY + height / 2, r);
addStop(steps, gradient);
return gradient;
4530}
4531
4532function parsePattern(color, self) {
if (self.get('patternSource') && self.get('patternSource') === color) {
  return self.get('pattern');
}
var pattern = void 0;
var img = void 0;
var arr = regexPR.exec(color);
var repeat = arr[1];
var source = arr[2];
4541
// Function to be called when pattern loads
function onload() {
  // Create pattern
  var context = self.get('context');
  pattern = context.createPattern(img, repeat);
  self.setSilent('pattern', pattern); // be a cache
  self.setSilent('patternSource', color);
}
4550
switch (repeat) {
  case 'a':
    repeat = 'repeat';
    break;
  case 'x':
    repeat = 'repeat-x';
    break;
  case 'y':
    repeat = 'repeat-y';
    break;
  case 'n':
    repeat = 'no-repeat';
    break;
  default:
    repeat = 'no-repeat';
}
4567
img = new Image();
// If source URL is not a data URL
if (!source.match(/^data:/i)) {
  // Set crossOrigin for this image
  img.crossOrigin = 'Anonymous';
}
img.src = source;
4575
if (img.complete) {
  onload();
} else {
  img.onload = onload;
  // Fix onload() bug in IE9
  img.src = img.src;
}
4583
return pattern;
4585}
4586
4587module.exports = {
parsePath: function parsePath(path) {
  path = path || [];
  if (Util.isArray(path)) {
    return path;
  }
4593
  if (Util.isString(path)) {
    path = path.match(regexTags);
    Util.each(path, function (item, index) {
      item = item.match(regexDot);
      if (item[0].length > 1) {
        var tag = item[0].charAt(0);
        item.splice(1, 0, item[0].substr(1));
        item[0] = tag;
      }
      Util.each(item, function (sub, i) {
        if (!isNaN(sub)) {
          item[i] = +sub;
        }
      });
      path[index] = item;
    });
    return path;
  }
},
parseStyle: function parseStyle(color, self) {
  if (Util.isString(color)) {
    if (color[1] === '(' || color[2] === '(') {
      if (color[0] === 'l') {
        // regexLG.test(color)
        return parseLineGradient(color, self);
      } else if (color[0] === 'r') {
        // regexRG.test(color)
        return parseRadialGradient(color, self);
      } else if (color[0] === 'p') {
        // regexPR.test(color)
        return parsePattern(color, self);
      }
    }
    return color;
  }
},
numberToColor: function numberToColor(num) {
  // 增加缓存
  var color = numColorCache[num];
  if (!color) {
    var str = num.toString(16);
    for (var i = str.length; i < 6; i++) {
      str = '0' + str;
    }
    color = '#' + str;
    numColorCache[num] = color;
  }
  return color;
}
4643};
4644
4645/***/ }),
4646/* 22 */
4647/***/ (function(module, exports, __webpack_require__) {
4648
4649var vec2 = __webpack_require__(2).vec2;
4650
4651module.exports = {
at: function at(p1, p2, t) {
  return (p2 - p1) * t + p1;
},
pointDistance: function pointDistance(x1, y1, x2, y2, x, y) {
  var d = [x2 - x1, y2 - y1];
  if (vec2.exactEquals(d, [0, 0])) {
    return NaN;
  }
4660
  var u = [-d[1], d[0]];
  vec2.normalize(u, u);
  var a = [x - x1, y - y1];
  return Math.abs(vec2.dot(a, u));
},
box: function box(x1, y1, x2, y2, lineWidth) {
  var halfWidth = lineWidth / 2;
  var minX = Math.min(x1, x2);
  var maxX = Math.max(x1, x2);
  var minY = Math.min(y1, y2);
  var maxY = Math.max(y1, y2);
4672
  return {
    minX: minX - halfWidth,
    minY: minY - halfWidth,
    maxX: maxX + halfWidth,
    maxY: maxY + halfWidth
  };
},
len: function len(x1, y1, x2, y2) {
  return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
}
4683};
4684
4685/***/ }),
4686/* 23 */
4687/***/ (function(module, exports, __webpack_require__) {
4688
4689var Util = __webpack_require__(0);
4690var vec2 = __webpack_require__(2).vec2;
4691
4692function quadraticAt(p0, p1, p2, t) {
var onet = 1 - t;
return onet * (onet * p0 + 2 * t * p1) + t * t * p2;
4695}
4696
4697function quadraticProjectPoint(x1, y1, x2, y2, x3, y3, x, y, out) {
var t = void 0;
var interval = 0.005;
var d = Infinity;
var d1 = void 0;
var v1 = void 0;
var v2 = void 0;
var _t = void 0;
var d2 = void 0;
var i = void 0;
var EPSILON = 0.0001;
var v0 = [x, y];
4709
for (_t = 0; _t < 1; _t += 0.05) {
  v1 = [quadraticAt(x1, x2, x3, _t), quadraticAt(y1, y2, y3, _t)];
4712
  d1 = vec2.squaredDistance(v0, v1);
  if (d1 < d) {
    t = _t;
    d = d1;
  }
}
d = Infinity;
4720
for (i = 0; i < 32; i++) {
  if (interval < EPSILON) {
    break;
  }
4725
  var prev = t - interval;
  var next = t + interval;
4728
  v1 = [quadraticAt(x1, x2, x3, prev), quadraticAt(y1, y2, y3, prev)];
4730
  d1 = vec2.squaredDistance(v0, v1);
4732
  if (prev >= 0 && d1 < d) {
    t = prev;
    d = d1;
  } else {
    v2 = [quadraticAt(x1, x2, x3, next), quadraticAt(y1, y2, y3, next)];
4738
    d2 = vec2.squaredDistance(v0, v2);
4740
    if (next <= 1 && d2 < d) {
      t = next;
      d = d2;
    } else {
      interval *= 0.5;
    }
  }
}
4749
if (out) {
  out.x = quadraticAt(x1, x2, x3, t);
  out.y = quadraticAt(y1, y2, y3, t);
}
4754
return Math.sqrt(d);
4756}
4757
4758function quadraticExtrema(p0, p1, p2) {
var a = p0 + p2 - 2 * p1;
if (Util.isNumberEqual(a, 0)) {
  return [0.5];
}
var rst = (p0 - p1) / a;
if (rst <= 1 && rst >= 0) {
  return [rst];
}
return [];
4768}
4769
4770module.exports = {
at: quadraticAt,
projectPoint: function projectPoint(x1, y1, x2, y2, x3, y3, x, y) {
  var rst = {};
  quadraticProjectPoint(x1, y1, x2, y2, x3, y3, x, y, rst);
  return rst;
},
4777
pointDistance: quadraticProjectPoint,
extrema: quadraticExtrema
4780};
4781
4782/***/ }),
4783/* 24 */
4784/***/ (function(module, exports, __webpack_require__) {
4785
4786var Util = __webpack_require__(0);
4787var vec2 = __webpack_require__(2).vec2;
4788
4789function circlePoint(cx, cy, r, angle) {
return {
  x: Math.cos(angle) * r + cx,
  y: Math.sin(angle) * r + cy
};
4794}
4795
4796function angleNearTo(angle, min, max, out) {
var v1 = void 0;
var v2 = void 0;
if (out) {
  if (angle < min) {
    v1 = min - angle;
    v2 = Math.PI * 2 - max + angle;
  } else if (angle > max) {
    v1 = Math.PI * 2 - angle + min;
    v2 = angle - max;
  }
} else {
  v1 = angle - min;
  v2 = max - angle;
}
4811
return v1 > v2 ? max : min;
4813}
4814
4815function nearAngle(angle, startAngle, endAngle, clockwise) {
var plus = 0;
if (endAngle - startAngle >= Math.PI * 2) {
  plus = Math.PI * 2;
}
startAngle = Util.mod(startAngle, Math.PI * 2);
endAngle = Util.mod(endAngle, Math.PI * 2) + plus;
angle = Util.mod(angle, Math.PI * 2);
if (clockwise) {
  if (startAngle >= endAngle) {
    if (angle > endAngle && angle < startAngle) {
      return angle;
    }
    return angleNearTo(angle, endAngle, startAngle, true);
  }
  if (angle < startAngle || angle > endAngle) {
    return angle;
  }
  return angleNearTo(angle, startAngle, endAngle);
}
if (startAngle <= endAngle) {
  if (startAngle < angle && angle < endAngle) {
    return angle;
  }
  return angleNearTo(angle, startAngle, endAngle, true);
}
if (angle > startAngle || angle < endAngle) {
  return angle;
}
return angleNearTo(angle, endAngle, startAngle);
4845}
4846
4847function arcProjectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y, out) {
var v = [x, y];
var v0 = [cx, cy];
var v1 = [1, 0];
var subv = vec2.subtract([], v, v0);
var angle = vec2.angleTo(v1, subv);
4853
angle = nearAngle(angle, startAngle, endAngle, clockwise);
var vpoint = [r * Math.cos(angle) + cx, r * Math.sin(angle) + cy];
if (out) {
  out.x = vpoint[0];
  out.y = vpoint[1];
}
var d = vec2.distance(vpoint, v);
return d;
4862}
4863
4864function arcBox(cx, cy, r, startAngle, endAngle, clockwise) {
var angleRight = 0;
var angleBottom = Math.PI / 2;
var angleLeft = Math.PI;
var angleTop = Math.PI * 3 / 2;
var points = [];
var angle = nearAngle(angleRight, startAngle, endAngle, clockwise);
if (angle === angleRight) {
  points.push(circlePoint(cx, cy, r, angleRight));
}
4874
angle = nearAngle(angleBottom, startAngle, endAngle, clockwise);
if (angle === angleBottom) {
  points.push(circlePoint(cx, cy, r, angleBottom));
}
4879
angle = nearAngle(angleLeft, startAngle, endAngle, clockwise);
if (angle === angleLeft) {
  points.push(circlePoint(cx, cy, r, angleLeft));
}
4884
angle = nearAngle(angleTop, startAngle, endAngle, clockwise);
if (angle === angleTop) {
  points.push(circlePoint(cx, cy, r, angleTop));
}
4889
points.push(circlePoint(cx, cy, r, startAngle));
points.push(circlePoint(cx, cy, r, endAngle));
var minX = Infinity;
var maxX = -Infinity;
var minY = Infinity;
var maxY = -Infinity;
Util.each(points, function (point) {
  if (minX > point.x) {
    minX = point.x;
  }
  if (maxX < point.x) {
    maxX = point.x;
  }
  if (minY > point.y) {
    minY = point.y;
  }
  if (maxY < point.y) {
    maxY = point.y;
  }
});
4910
return {
  minX: minX,
  minY: minY,
  maxX: maxX,
  maxY: maxY
};
4917}
4918
4919module.exports = {
nearAngle: nearAngle,
projectPoint: function projectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y) {
  var rst = {};
  arcProjectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y, rst);
  return rst;
},
4926
pointDistance: arcProjectPoint,
box: arcBox
4929};
4930
4931/***/ }),
4932/* 25 */
4933/***/ (function(module, exports, __webpack_require__) {
4934
4935var Util = __webpack_require__(0);
4936var Shape = __webpack_require__(1);
4937var Inside = __webpack_require__(3);
4938
4939var Rect = function Rect(cfg) {
Rect.superclass.constructor.call(this, cfg);
4941};
4942
4943Rect.ATTRS = {
x: 0,
y: 0,
width: 0,
height: 0,
radius: 0,
lineWidth: 1
4950};
4951
4952Util.extend(Rect, Shape);
4953
4954Util.augment(Rect, {
canFill: true,
canStroke: true,
type: 'rect',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    radius: 0
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
  var lineWidth = this.getHitLineWidth();
4972
  var halfWidth = lineWidth / 2;
  return {
    minX: x - halfWidth,
    minY: y - halfWidth,
    maxX: x + width + halfWidth,
    maxY: y + height + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var fill = self.hasFill();
  var stroke = self.hasStroke();
4985
  if (fill && stroke) {
    return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
  }
4989
  if (fill) {
    return self._isPointInFill(x, y);
  }
4993
  if (stroke) {
    return self._isPointInStroke(x, y);
  }
4997
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var context = this.get('context');
5002
  if (!context) return false;
  this.createPath();
  return context.isPointInPath(x, y);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var self = this;
  var attrs = self.__attrs;
  var rx = attrs.x;
  var ry = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
  var radius = attrs.radius;
  var lineWidth = this.getHitLineWidth();
5016
  if (radius === 0) {
    var halfWidth = lineWidth / 2;
    return Inside.line(rx - halfWidth, ry, rx + width + halfWidth, ry, lineWidth, x, y) || Inside.line(rx + width, ry - halfWidth, rx + width, ry + height + halfWidth, lineWidth, x, y) || Inside.line(rx + width + halfWidth, ry + height, rx - halfWidth, ry + height, lineWidth, x, y) || Inside.line(rx, ry + height + halfWidth, rx, ry - halfWidth, lineWidth, x, y);
  }
5021
  return Inside.line(rx + radius, ry, rx + width - radius, ry, lineWidth, x, y) || Inside.line(rx + width, ry + radius, rx + width, ry + height - radius, lineWidth, x, y) || Inside.line(rx + width - radius, ry + height, rx + radius, ry + height, lineWidth, x, y) || Inside.line(rx, ry + height - radius, rx, ry + radius, lineWidth, x, y) || Inside.arcline(rx + width - radius, ry + radius, radius, 1.5 * Math.PI, 2 * Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + width - radius, ry + height - radius, radius, 0, 0.5 * Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + radius, ry + height - radius, radius, 0.5 * Math.PI, Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + radius, ry + radius, radius, Math.PI, 1.5 * Math.PI, false, lineWidth, x, y);
},
createPath: function createPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
  var radius = attrs.radius;
  context = context || self.get('context');
5033
  context.beginPath();
  if (radius === 0) {
    // 改成原生的rect方法
    context.rect(x, y, width, height);
  } else {
    context.moveTo(x + radius, y);
    context.lineTo(x + width - radius, y);
    context.arc(x + width - radius, y + radius, radius, -Math.PI / 2, 0, false);
    context.lineTo(x + width, y + height - radius);
    context.arc(x + width - radius, y + height - radius, radius, 0, Math.PI / 2, false);
    context.lineTo(x + radius, y + height);
    context.arc(x + radius, y + height - radius, radius, Math.PI / 2, Math.PI, false);
    context.lineTo(x, y + radius);
    context.arc(x + radius, y + radius, radius, Math.PI, Math.PI * 3 / 2, false);
    context.closePath();
  }
}
5051});
5052
5053module.exports = Rect;
5054
5055/***/ }),
5056/* 26 */
5057/***/ (function(module, exports, __webpack_require__) {
5058
5059var Util = __webpack_require__(0);
5060var Inside = __webpack_require__(3);
5061var Cubic = __webpack_require__(12);
5062var Quadratic = __webpack_require__(23);
5063var Ellipse = __webpack_require__(115);
5064var vec3 = __webpack_require__(2).vec3;
5065var mat3 = __webpack_require__(2).mat3;
5066
5067var ARR_CMD = ['m', 'l', 'c', 'a', 'q', 'h', 'v', 't', 's', 'z'];
5068
5069function toAbsolute(x, y, curPoint) {
// 获取绝对坐标
return {
  x: curPoint.x + x,
  y: curPoint.y + y
};
5075}
5076
5077function toSymmetry(point, center) {
// 点对称
return {
  x: center.x + (center.x - point.x),
  y: center.y + (center.y - point.y)
};
5083}
5084
5085function vMag(v) {
return Math.sqrt(v[0] * v[0] + v[1] * v[1]);
5087}
5088
5089function vRatio(u, v) {
return (u[0] * v[0] + u[1] * v[1]) / (vMag(u) * vMag(v));
5091}
5092
5093function vAngle(u, v) {
return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(vRatio(u, v));
5095}
5096
5097function getArcParams(point1, point2, fa, fs, rx, ry, psiDeg) {
var psi = Util.mod(Util.toRadian(psiDeg), Math.PI * 2);
var x1 = point1.x;
var y1 = point1.y;
var x2 = point2.x;
var y2 = point2.y;
var xp = Math.cos(psi) * (x1 - x2) / 2.0 + Math.sin(psi) * (y1 - y2) / 2.0;
var yp = -1 * Math.sin(psi) * (x1 - x2) / 2.0 + Math.cos(psi) * (y1 - y2) / 2.0;
var lambda = xp * xp / (rx * rx) + yp * yp / (ry * ry);
if (lambda > 1) {
  rx *= Math.sqrt(lambda);
  ry *= Math.sqrt(lambda);
}
var diff = rx * rx * (yp * yp) + ry * ry * (xp * xp);
var f = Math.sqrt((rx * rx * (ry * ry) - diff) / diff);
5112
if (fa === fs) {
  f *= -1;
}
if (isNaN(f)) {
  f = 0;
}
5119
var cxp = f * rx * yp / ry;
var cyp = f * -ry * xp / rx;
5122
var cx = (x1 + x2) / 2.0 + Math.cos(psi) * cxp - Math.sin(psi) * cyp;
var cy = (y1 + y2) / 2.0 + Math.sin(psi) * cxp + Math.cos(psi) * cyp;
5125
var theta = vAngle([1, 0], [(xp - cxp) / rx, (yp - cyp) / ry]);
var u = [(xp - cxp) / rx, (yp - cyp) / ry];
var v = [(-1 * xp - cxp) / rx, (-1 * yp - cyp) / ry];
var dTheta = vAngle(u, v);
if (fs === 0 && dTheta > 0) {
  dTheta = dTheta - 2 * Math.PI;
}
if (fs === 1 && dTheta < 0) {
  dTheta = dTheta + 2 * Math.PI;
}
return [point1, cx, cy, rx, ry, theta, dTheta, psi, fs];
5137}
5138
5139var PathSegment = function PathSegment(item, preSegment, isLast) {
this.preSegment = preSegment;
this.isLast = isLast;
this.init(item, preSegment);
5143};
5144
5145Util.augment(PathSegment, {
init: function init(item, preSegment) {
  var command = item[0];
  preSegment = preSegment || {
    endPoint: {
      x: 0,
      y: 0
    }
  };
  var relative = ARR_CMD.indexOf(command) >= 0; // /[a-z]/.test(command);
  var cmd = relative ? command.toUpperCase() : command;
  var p = item;
  var point1 = void 0;
  var point2 = void 0;
  var point3 = void 0;
  var point = void 0;
  var preEndPoint = preSegment.endPoint;
5162
  var p1 = p[1];
  var p2 = p[2];
  switch (cmd) {
    default:
      break;
    case 'M':
      if (relative) {
        point = toAbsolute(p1, p2, preEndPoint);
      } else {
        point = {
          x: p1,
          y: p2
        };
      }
      this.command = 'M';
      this.params = [preEndPoint, point];
      this.subStart = point;
      this.endPoint = point;
      break;
    case 'L':
      if (relative) {
        point = toAbsolute(p1, p2, preEndPoint);
      } else {
        point = {
          x: p1,
          y: p2
        };
      }
      this.command = 'L';
      this.params = [preEndPoint, point];
      this.subStart = preSegment.subStart;
      this.endPoint = point;
      this.endTangent = function () {
        return [point.x - preEndPoint.x, point.y - preEndPoint.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point.x, preEndPoint.y - point.y];
      };
      break;
    case 'H':
      if (relative) {
        point = toAbsolute(p1, 0, preEndPoint);
      } else {
        point = {
          x: p1,
          y: preEndPoint.y
        };
      }
      this.command = 'L';
      this.params = [preEndPoint, point];
      this.subStart = preSegment.subStart;
      this.endPoint = point;
      this.endTangent = function () {
        return [point.x - preEndPoint.x, point.y - preEndPoint.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point.x, preEndPoint.y - point.y];
      };
      break;
    case 'V':
      if (relative) {
        point = toAbsolute(0, p1, preEndPoint);
      } else {
        point = {
          x: preEndPoint.x,
          y: p1
        };
      }
      this.command = 'L';
      this.params = [preEndPoint, point];
      this.subStart = preSegment.subStart;
      this.endPoint = point;
      this.endTangent = function () {
        return [point.x - preEndPoint.x, point.y - preEndPoint.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point.x, preEndPoint.y - point.y];
      };
      break;
    case 'Q':
      if (relative) {
        point1 = toAbsolute(p1, p2, preEndPoint);
        point2 = toAbsolute(p[3], p[4], preEndPoint);
      } else {
        point1 = {
          x: p1,
          y: p2
        };
        point2 = {
          x: p[3],
          y: p[4]
        };
      }
      this.command = 'Q';
      this.params = [preEndPoint, point1, point2];
      this.subStart = preSegment.subStart;
      this.endPoint = point2;
      this.endTangent = function () {
        return [point2.x - point1.x, point2.y - point1.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
      };
      break;
    case 'T':
      if (relative) {
        point2 = toAbsolute(p1, p2, preEndPoint);
      } else {
        point2 = {
          x: p1,
          y: p2
        };
      }
      if (preSegment.command === 'Q') {
        point1 = toSymmetry(preSegment.params[1], preEndPoint);
        this.command = 'Q';
        this.params = [preEndPoint, point1, point2];
        this.subStart = preSegment.subStart;
        this.endPoint = point2;
        this.endTangent = function () {
          return [point2.x - point1.x, point2.y - point1.y];
        };
        this.startTangent = function () {
          return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
        };
      } else {
        this.command = 'TL';
        this.params = [preEndPoint, point2];
        this.subStart = preSegment.subStart;
        this.endPoint = point2;
        this.endTangent = function () {
          return [point2.x - preEndPoint.x, point2.y - preEndPoint.y];
        };
        this.startTangent = function () {
          return [preEndPoint.x - point2.x, preEndPoint.y - point2.y];
        };
      }
5300
      break;
    case 'C':
      if (relative) {
        point1 = toAbsolute(p1, p2, preEndPoint);
        point2 = toAbsolute(p[3], p[4], preEndPoint);
        point3 = toAbsolute(p[5], p[6], preEndPoint);
      } else {
        point1 = {
          x: p1,
          y: p2
        };
        point2 = {
          x: p[3],
          y: p[4]
        };
        point3 = {
          x: p[5],
          y: p[6]
        };
      }
      this.command = 'C';
      this.params = [preEndPoint, point1, point2, point3];
      this.subStart = preSegment.subStart;
      this.endPoint = point3;
      this.endTangent = function () {
        return [point3.x - point2.x, point3.y - point2.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
      };
      break;
    case 'S':
      if (relative) {
        point2 = toAbsolute(p1, p2, preEndPoint);
        point3 = toAbsolute(p[3], p[4], preEndPoint);
      } else {
        point2 = {
          x: p1,
          y: p2
        };
        point3 = {
          x: p[3],
          y: p[4]
        };
      }
      if (preSegment.command === 'C') {
        point1 = toSymmetry(preSegment.params[2], preEndPoint);
        this.command = 'C';
        this.params = [preEndPoint, point1, point2, point3];
        this.subStart = preSegment.subStart;
        this.endPoint = point3;
        this.endTangent = function () {
          return [point3.x - point2.x, point3.y - point2.y];
        };
        this.startTangent = function () {
          return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
        };
      } else {
        this.command = 'SQ';
        this.params = [preEndPoint, point2, point3];
        this.subStart = preSegment.subStart;
        this.endPoint = point3;
        this.endTangent = function () {
          return [point3.x - point2.x, point3.y - point2.y];
        };
        this.startTangent = function () {
          return [preEndPoint.x - point2.x, preEndPoint.y - point2.y];
        };
      }
      break;
    case 'A':
      {
        var rx = p1;
        var ry = p2;
        var psi = p[3];
        var fa = p[4];
        var fs = p[5];
        if (relative) {
          point = toAbsolute(p[6], p[7], preEndPoint);
        } else {
          point = {
            x: p[6],
            y: p[7]
          };
        }
5386
        this.command = 'A';
        var params = getArcParams(preEndPoint, point, fa, fs, rx, ry, psi);
        this.params = params;
        var start = preSegment.subStart;
        this.subStart = start;
        this.endPoint = point;
        var startAngle = params[5] % (Math.PI * 2);
        if (Util.isNumberEqual(startAngle, Math.PI * 2)) {
          startAngle = 0;
        }
        var endAngle = params[6] % (Math.PI * 2);
        if (Util.isNumberEqual(endAngle, Math.PI * 2)) {
          endAngle = 0;
        }
        var d = 0.001;
        this.startTangent = function () {
          if (fs === 0) {
            d *= -1;
          }
          var dx = params[3] * Math.cos(startAngle - d) + params[1];
          var dy = params[4] * Math.sin(startAngle - d) + params[2];
          return [dx - start.x, dy - start.y];
        };
        this.endTangent = function () {
          var endAngle = params[6];
          if (endAngle - Math.PI * 2 < 0.0001) {
            endAngle = 0;
          }
          var dx = params[3] * Math.cos(startAngle + endAngle + d) + params[1];
          var dy = params[4] * Math.sin(startAngle + endAngle - d) + params[2];
          return [preEndPoint.x - dx, preEndPoint.y - dy];
        };
        break;
      }
    case 'Z':
      {
        this.command = 'Z';
        this.params = [preEndPoint, preSegment.subStart];
        this.subStart = preSegment.subStart;
        this.endPoint = preSegment.subStart;
      }
  }
},
isInside: function isInside(x, y, lineWidth) {
  var self = this;
  var command = self.command;
  var params = self.params;
  var box = self.box;
  if (box) {
    if (!Inside.box(box.minX, box.maxX, box.minY, box.maxY, x, y)) {
      return false;
    }
  }
  switch (command) {
    default:
      break;
    case 'M':
      return false;
    case 'TL':
    case 'L':
    case 'Z':
      return Inside.line(params[0].x, params[0].y, params[1].x, params[1].y, lineWidth, x, y);
    case 'SQ':
    case 'Q':
      return Inside.quadraticline(params[0].x, params[0].y, params[1].x, params[1].y, params[2].x, params[2].y, lineWidth, x, y);
    case 'C':
      {
        return Inside.cubicline(params[0].x, params[0].y, params[1].x, params[1].y, params[2].x, params[2].y, params[3].x, params[3].y, lineWidth, x, y);
      }
    case 'A':
      {
        var p = params;
        var cx = p[1];
        var cy = p[2];
        var rx = p[3];
        var ry = p[4];
        var theta = p[5];
        var dTheta = p[6];
        var psi = p[7];
        var fs = p[8];
5467
        var r = rx > ry ? rx : ry;
        var scaleX = rx > ry ? 1 : rx / ry;
        var scaleY = rx > ry ? ry / rx : 1;
5471
        p = [x, y, 1];
        var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
        mat3.translate(m, m, [-cx, -cy]);
        mat3.rotate(m, m, -psi);
        mat3.scale(m, m, [1 / scaleX, 1 / scaleY]);
        vec3.transformMat3(p, p, m);
        return Inside.arcline(0, 0, r, theta, theta + dTheta, 1 - fs, lineWidth, p[0], p[1]);
      }
  }
  return false;
},
draw: function draw(context) {
  var command = this.command;
  var params = this.params;
  var point1 = void 0;
  var point2 = void 0;
  var point3 = void 0;
5489
  switch (command) {
    default:
      break;
    case 'M':
      context.moveTo(params[1].x, params[1].y);
      break;
    case 'TL':
    case 'L':
      context.lineTo(params[1].x, params[1].y);
      break;
    case 'SQ':
    case 'Q':
      point1 = params[1];
      point2 = params[2];
      context.quadraticCurveTo(point1.x, point1.y, point2.x, point2.y);
      break;
    case 'C':
      point1 = params[1];
      point2 = params[2];
      point3 = params[3];
      context.bezierCurveTo(point1.x, point1.y, point2.x, point2.y, point3.x, point3.y);
      break;
    case 'A':
      {
        var p = params;
        var p1 = p[1];
        var p2 = p[2];
        var cx = p1;
        var cy = p2;
        var rx = p[3];
        var ry = p[4];
        var theta = p[5];
        var dTheta = p[6];
        var psi = p[7];
        var fs = p[8];
5525
        var r = rx > ry ? rx : ry;
        var scaleX = rx > ry ? 1 : rx / ry;
        var scaleY = rx > ry ? ry / rx : 1;
5529
        context.translate(cx, cy);
        context.rotate(psi);
        context.scale(scaleX, scaleY);
        context.arc(0, 0, r, theta, theta + dTheta, 1 - fs);
        context.scale(1 / scaleX, 1 / scaleY);
        context.rotate(-psi);
        context.translate(-cx, -cy);
        break;
      }
    case 'Z':
      context.closePath();
      break;
  }
},
getBBox: function getBBox(lineWidth) {
  var halfWidth = lineWidth / 2;
  var params = this.params;
  var yDims = void 0;
  var xDims = void 0;
  var i = void 0;
  var l = void 0;
5551
  switch (this.command) {
    default:
    case 'M':
    case 'Z':
      break;
    case 'TL':
    case 'L':
      this.box = {
        minX: Math.min(params[0].x, params[1].x) - halfWidth,
        maxX: Math.max(params[0].x, params[1].x) + halfWidth,
        minY: Math.min(params[0].y, params[1].y) - halfWidth,
        maxY: Math.max(params[0].y, params[1].y) + halfWidth
      };
      break;
    case 'SQ':
    case 'Q':
      xDims = Quadratic.extrema(params[0].x, params[1].x, params[2].x);
      for (i = 0, l = xDims.length; i < l; i++) {
        xDims[i] = Quadratic.at(params[0].x, params[1].x, params[2].x, xDims[i]);
      }
      xDims.push(params[0].x, params[2].x);
      yDims = Quadratic.extrema(params[0].y, params[1].y, params[2].y);
      for (i = 0, l = yDims.length; i < l; i++) {
        yDims[i] = Quadratic.at(params[0].y, params[1].y, params[2].y, yDims);
      }
      yDims.push(params[0].y, params[2].y);
      this.box = {
        minX: Math.min.apply(Math, xDims) - halfWidth,
        maxX: Math.max.apply(Math, xDims) + halfWidth,
        minY: Math.min.apply(Math, yDims) - halfWidth,
        maxY: Math.max.apply(Math, yDims) + halfWidth
      };
      break;
    case 'C':
      xDims = Cubic.extrema(params[0].x, params[1].x, params[2].x, params[3].x);
      for (i = 0, l = xDims.length; i < l; i++) {
        xDims[i] = Cubic.at(params[0].x, params[1].x, params[2].x, params[3].x, xDims[i]);
      }
      yDims = Cubic.extrema(params[0].y, params[1].y, params[2].y, params[3].y);
      for (i = 0, l = yDims.length; i < l; i++) {
        yDims[i] = Cubic.at(params[0].y, params[1].y, params[2].y, params[3].y, yDims[i]);
      }
      xDims.push(params[0].x, params[3].x);
      yDims.push(params[0].y, params[3].y);
      this.box = {
        minX: Math.min.apply(Math, xDims) - halfWidth,
        maxX: Math.max.apply(Math, xDims) + halfWidth,
        minY: Math.min.apply(Math, yDims) - halfWidth,
        maxY: Math.max.apply(Math, yDims) + halfWidth
      };
      break;
    case 'A':
      {
        // todo 待优化
        var p = params;
        var cx = p[1];
        var cy = p[2];
        var rx = p[3];
        var ry = p[4];
        var theta = p[5];
        var dTheta = p[6];
        var psi = p[7];
        var fs = p[8];
        var start = theta;
        var end = theta + dTheta;
5617
        var xDim = Ellipse.xExtrema(psi, rx, ry);
        var minX = Infinity;
        var maxX = -Infinity;
        var xs = [start, end];
        for (i = -Math.PI * 2; i <= Math.PI * 2; i += Math.PI) {
          var xAngle = xDim + i;
          if (fs === 1) {
            if (start < xAngle && xAngle < end) {
              xs.push(xAngle);
            }
          } else {
            if (end < xAngle && xAngle < start) {
              xs.push(xAngle);
            }
          }
        }
5634
        for (i = 0, l = xs.length; i < l; i++) {
          var x = Ellipse.xAt(psi, rx, ry, cx, xs[i]);
          if (x < minX) {
            minX = x;
          }
          if (x > maxX) {
            maxX = x;
          }
        }
5644
        var yDim = Ellipse.yExtrema(psi, rx, ry);
        var minY = Infinity;
        var maxY = -Infinity;
        var ys = [start, end];
        for (i = -Math.PI * 2; i <= Math.PI * 2; i += Math.PI) {
          var yAngle = yDim + i;
          if (fs === 1) {
            if (start < yAngle && yAngle < end) {
              ys.push(yAngle);
            }
          } else {
            if (end < yAngle && yAngle < start) {
              ys.push(yAngle);
            }
          }
        }
5661
        for (i = 0, l = ys.length; i < l; i++) {
          var y = Ellipse.yAt(psi, rx, ry, cy, ys[i]);
          if (y < minY) {
            minY = y;
          }
          if (y > maxY) {
            maxY = y;
          }
        }
        this.box = {
          minX: minX - halfWidth,
          maxX: maxX + halfWidth,
          minY: minY - halfWidth,
          maxY: maxY + halfWidth
        };
        break;
      }
  }
}
5681});
5682
5683module.exports = PathSegment;
5684
5685/***/ }),
5686/* 27 */
5687/***/ (function(module, exports, __webpack_require__) {
5688
5689var Util = __webpack_require__(0);
5690var Shape = __webpack_require__(1);
5691var Inside = __webpack_require__(3);
5692var Format = __webpack_require__(21);
5693var PathSegment = __webpack_require__(26);
5694
5695var Marker = function Marker(cfg) {
Marker.superclass.constructor.call(this, cfg);
5697};
5698
5699Marker.Symbols = {
// 圆
circle: function circle(x, y, r) {
  return [['M', x, y], ['m', -r, 0], ['a', r, r, 0, 1, 0, r * 2, 0], ['a', r, r, 0, 1, 0, -r * 2, 0]];
},
5704
// 正方形
square: function square(x, y, r) {
  return [['M', x - r, y - r], ['L', x + r, y - r], ['L', x + r, y + r], ['L', x - r, y + r], ['Z']];
},
5709
// 菱形
diamond: function diamond(x, y, r) {
  return [['M', x - r, y], ['L', x, y - r], ['L', x + r, y], ['L', x, y + r], ['Z']];
},
5714
// 三角形
triangle: function triangle(x, y, r) {
  var diffY = r * Math.sin(1 / 3 * Math.PI);
  return [['M', x - r, y + diffY], ['L', x, y - diffY], ['L', x + r, y + diffY], ['z']];
},
5720
// 倒三角形
'triangle-down': function triangleDown(x, y, r) {
  var diffY = r * Math.sin(1 / 3 * Math.PI);
  return [['M', x - r, y - diffY], ['L', x + r, y - diffY], ['L', x, y + diffY], ['Z']];
}
5726};
5727
5728Marker.ATTRS = {
path: null,
lineWidth: 1
5731};
5732
5733Util.extend(Marker, Shape);
5734
5735Util.augment(Marker, {
type: 'marker',
canFill: true,
canStroke: true,
getDefaultAttrs: function getDefaultAttrs() {
  return {
    x: 0,
    y: 0,
    lineWidth: 1
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.radius;
  var lineWidth = this.getHitLineWidth();
  var halfWidth = lineWidth / 2 + r;
  return {
    minX: cx - halfWidth,
    minY: cy - halfWidth,
    maxX: cx + halfWidth,
    maxY: cy + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.radius || attrs.r;
  var lineWidth = this.getHitLineWidth();
  return Inside.circle(cx, cy, r + lineWidth / 2, x, y);
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var r = attrs.radius || attrs.r;
  var symbol = attrs.symbol || 'circle';
  var method = void 0;
  if (Util.isFunction(symbol)) {
    method = symbol;
  } else {
    method = Marker.Symbols[symbol];
  }
  var path = method(x, y, r);
  path = Format.parsePath(path);
  context.beginPath();
  var preSegment = void 0;
  for (var i = 0; i < path.length; i++) {
    var item = path[i];
    preSegment = new PathSegment(item, preSegment, i === path.length - 1);
    preSegment.draw(context);
  }
}
5790});
5791
5792module.exports = Marker;
5793
5794/***/ }),
5795/* 28 */
5796/***/ (function(module, exports) {
5797
5798module.exports = function (module) {
if (!module.webpackPolyfill) {
module.deprecate = function () {};
module.paths = [];
// module.parent = undefined by default
if (!module.children) module.children = [];
Object.defineProperty(module, "loaded", {
	enumerable: true,
	get: function get() {
		return module.l;
	}
});
Object.defineProperty(module, "id", {
	enumerable: true,
	get: function get() {
		return module.i;
	}
});
module.webpackPolyfill = 1;
}
return module;
5819};
5820
5821/***/ }),
5822/* 29 */
5823/***/ (function(module, exports, __webpack_require__) {
5824
5825var Util = __webpack_require__(7);
5826
5827var TABLE = document.createElement('table');
5828var TABLE_TR = document.createElement('tr');
5829var FRAGMENT_REG = /^\s*<(\w+|!)[^>]*>/;
5830var CONTAINERS = {
tr: document.createElement('tbody'),
tbody: TABLE,
thead: TABLE,
tfoot: TABLE,
td: TABLE_TR,
th: TABLE_TR,
'*': document.createElement('div')
5838};
5839
5840module.exports = {
getBoundingClientRect: function getBoundingClientRect(node, defaultValue) {
  if (node && node.getBoundingClientRect) {
    var rect = node.getBoundingClientRect();
    var top = document.documentElement.clientTop;
    var left = document.documentElement.clientLeft;
    return {
      top: rect.top - top,
      bottom: rect.bottom - top,
      left: rect.left - left,
      right: rect.right - left
    };
  }
  return defaultValue || null;
},
5855
/**
 * 获取样式
 * @param  {Object} dom DOM节点
 * @param  {String} name 样式名
 * @param  {Any} defaultValue 默认值
 * @return {String} 属性值
 */
getStyle: function getStyle(dom, name, defaultValue) {
  try {
    if (window.getComputedStyle) {
      return window.getComputedStyle(dom, null)[name];
    }
    return dom.currentStyle[name];
  } catch (e) {
    if (!Util.isNil(defaultValue)) {
      return defaultValue;
    }
    return null;
  }
},
modifyCSS: function modifyCSS(dom, css) {
  if (dom) {
    for (var key in css) {
      if (css.hasOwnProperty(key)) {
        dom.style[key] = css[key];
      }
    }
  }
  return dom;
},
5886
/**
 * 创建DOM 节点
 * @param  {String} str Dom 字符串
 * @return {HTMLElement}  DOM 节点
 */
createDom: function createDom(str) {
  var name = FRAGMENT_REG.test(str) && RegExp.$1;
  if (!(name in CONTAINERS)) {
    name = '*';
  }
  var container = CONTAINERS[name];
  str = str.replace(/(^\s*)|(\s*$)/g, '');
  container.innerHTML = '' + str;
  var dom = container.childNodes[0];
  container.removeChild(dom);
  return dom;
},
getRatio: function getRatio() {
  return window.devicePixelRatio ? window.devicePixelRatio : 2;
},
5907
/**
 * 获取宽度
 * @param  {HTMLElement} el  dom节点
 * @param  {Number} defaultValue 默认值
 * @return {Number} 宽度
 */
getWidth: function getWidth(el, defaultValue) {
  var width = this.getStyle(el, 'width', defaultValue);
  if (width === 'auto') {
    width = el.offsetWidth;
  }
  return parseFloat(width);
},
5921
/**
 * 获取高度
 * @param  {HTMLElement} el dom节点
 * @param  {Number} defaultValue 默认值
 * @return {Number} 高度
 */
getHeight: function getHeight(el, defaultValue) {
  var height = this.getStyle(el, 'height', defaultValue);
  if (height === 'auto') {
    height = el.offsetHeight;
  }
  return parseFloat(height);
},
5935
/**
 * 获取外层高度
 * @param  {HTMLElement} el dom节点
 * @param  {Number} defaultValue 默认值
 * @return {Number} 高度
 */
getOuterHeight: function getOuterHeight(el, defaultValue) {
  var height = this.getHeight(el, defaultValue);
  var bTop = parseFloat(this.getStyle(el, 'borderTopWidth')) || 0;
  var pTop = parseFloat(this.getStyle(el, 'paddingTop')) || 0;
  var pBottom = parseFloat(this.getStyle(el, 'paddingBottom')) || 0;
  var bBottom = parseFloat(this.getStyle(el, 'borderBottomWidth')) || 0;
  return height + bTop + bBottom + pTop + pBottom;
},
5950
/**
 * 获取外层宽度
 * @param  {HTMLElement} el dom节点
 * @param  {Number} defaultValue 默认值
 * @return {Number} 宽度
 */
getOuterWidth: function getOuterWidth(el, defaultValue) {
  var width = this.getWidth(el, defaultValue);
  var bLeft = parseFloat(this.getStyle(el, 'borderLeftWidth')) || 0;
  var pLeft = parseFloat(this.getStyle(el, 'paddingLeft')) || 0;
  var pRight = parseFloat(this.getStyle(el, 'paddingRight')) || 0;
  var bRight = parseFloat(this.getStyle(el, 'borderRightWidth')) || 0;
  return width + bLeft + bRight + pLeft + pRight;
},
5965
/**
 * 添加事件监听器
 * @param  {Object} target DOM对象
 * @param  {String} eventType 事件名
 * @param  {Funtion} callback 回调函数
 * @return {Object} 返回对象
 */
addEventListener: function addEventListener(target, eventType, callback) {
  if (target) {
    if (target.addEventListener) {
      target.addEventListener(eventType, callback, false);
      return {
        remove: function remove() {
          target.removeEventListener(eventType, callback, false);
        }
      };
    } else if (target.attachEvent) {
      target.attachEvent('on' + eventType, callback);
      return {
        remove: function remove() {
          target.detachEvent('on' + eventType, callback);
        }
      };
    }
  }
},
requestAnimationFrame: function requestAnimationFrame(fn) {
  var method = window.requestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
    return setTimeout(fn, 16);
  };
5996
  return method(fn);
}
5999};
6000
6001/***/ }),
6002/* 30 */
6003/***/ (function(module, exports, __webpack_require__) {
6004
6005var Util = __webpack_require__(0);
6006
6007var Event = function Event(type, event, bubbles, cancelable) {
this.type = type; // 事件类型
this.target = null; // 目标
this.currentTarget = null; // 当前目标
this.bubbles = bubbles; // 冒泡
this.cancelable = cancelable; // 是否能够阻止
this.timeStamp = new Date().getTime(); // 时间戳
this.defaultPrevented = false; // 阻止默认
this.propagationStopped = false; // 阻止冒泡
this.removed = false; // 是否被移除
this.event = event; // 触发的原生事件
6018};
6019
6020Util.augment(Event, {
preventDefault: function preventDefault() {
  this.defaultPrevented = this.cancelable && true;
},
stopPropagation: function stopPropagation() {
  this.propagationStopped = true;
},
remove: function remove() {
  this.remove = true;
},
clone: function clone() {
  return Util.clone(this);
},
toString: function toString() {
  return '[Event (type=' + this.type + ')]';
}
6036});
6037
6038module.exports = Event;
6039
6040/***/ }),
6041/* 31 */
6042/***/ (function(module, exports, __webpack_require__) {
6043
6044var Util = __webpack_require__(0);
6045var Element = __webpack_require__(13);
6046var Shape = __webpack_require__(104);
6047
6048var SHAPE_MAP = {}; // 缓存图形类型
6049var INDEX = '_INDEX';
6050
6051function getComparer(compare) {
return function (left, right) {
  var result = compare(left, right);
  return result === 0 ? left[INDEX] - right[INDEX] : result;
};
6056}
6057
6058var Group = function Group(cfg) {
Group.superclass.constructor.call(this, cfg);
this.set('children', []);
6061
this._beforeRenderUI();
this._renderUI();
this._bindUI();
6065};
6066
6067function initClassCfgs(c) {
if (c.__cfg || c === Group) {
  return;
}
var superCon = c.superclass.constructor;
if (superCon && !superCon.__cfg) {
  initClassCfgs(superCon);
}
c.__cfg = {};
6076
Util.merge(c.__cfg, superCon.__cfg);
Util.merge(c.__cfg, c.CFG);
6079}
6080
6081Util.extend(Group, Element);
6082
6083Util.augment(Group, {
isGroup: true,
canFill: true,
canStroke: true,
init: function init(id) {
  Group.superclass.init.call(this);
  var shape = document.createElementNS('http://www.w3.org/2000/svg', 'g');
  id = id || Util.uniqueId('g_');
  shape.setAttribute('id', id);
  this.setSilent('el', shape);
  this.setSilent('id', id);
},
getDefaultCfg: function getDefaultCfg() {
  initClassCfgs(this.constructor);
  return Util.merge({}, this.constructor.__cfg);
},
_beforeRenderUI: function _beforeRenderUI() {},
_renderUI: function _renderUI() {},
_bindUI: function _bindUI() {},
addShape: function addShape(type, cfg) {
  var canvas = this.get('canvas');
  cfg = cfg || {};
  var shapeType = SHAPE_MAP[type];
  if (!shapeType) {
    shapeType = Util.upperFirst(type);
    SHAPE_MAP[type] = shapeType;
  }
  if (cfg.attrs) {
    var attrs = cfg.attrs;
    if (type === 'text') {
      // 临时解决
      var topFontFamily = canvas.get('fontFamily');
      if (topFontFamily) {
        attrs.fontFamily = attrs.fontFamily || topFontFamily;
      }
    }
  }
  cfg.canvas = canvas;
  cfg.defs = this.get('defs');
  cfg.type = type;
  var shape = Shape[shapeType];
  if (!shape) {
    throw new TypeError('the shape ' + shapeType + ' is not supported by svg version, use canvas instead');
  }
  var rst = new shape(cfg);
  this.add(rst);
  return rst;
},
6131
/** 添加图组
 * @param  {Function|Object|undefined} param 图组类
 * @param  {Object} cfg 配置项
 * @return {Object} rst 图组
 */
addGroup: function addGroup(param, cfg) {
  var canvas = this.get('canvas');
  var rst = void 0;
  cfg = Util.merge({}, cfg);
  if (Util.isFunction(param)) {
    if (cfg) {
      cfg.canvas = canvas;
      cfg.parent = this;
      rst = new param(cfg);
    } else {
      rst = new param({
        canvas: canvas,
        parent: this
      });
    }
    this.add(rst);
  } else if (Util.isObject(param)) {
    param.canvas = canvas;
    rst = new Group(param);
    this.add(rst);
  } else if (param === undefined) {
    rst = new Group();
    this.add(rst);
  } else {
    return false;
  }
  return rst;
},
6165
/** 绘制背景
 * @param  {Array} padding 内边距
 * @param  {Attrs} attrs 图形属性
 * @param  {Shape} backShape 背景图形
 * @return {Object} 背景层对象
 */
renderBack: function renderBack(padding, attrs) {
  var backShape = this.get('backShape');
  var innerBox = this.getBBox();
  // const parent = this.get('parent'); // getParent
  Util.merge(attrs, {
    x: innerBox.minX - padding[3],
    y: innerBox.minY - padding[0],
    width: innerBox.width + padding[1] + padding[3],
    height: innerBox.height + padding[0] + padding[2]
  });
  if (backShape) {
    backShape.attr(attrs);
  } else {
    backShape = this.addShape('rect', {
      zIndex: -1,
      attrs: attrs
    });
  }
  this.set('backShape', backShape);
  this.sort();
  return backShape;
},
removeChild: function removeChild(item, destroy) {
  if (arguments.length >= 2) {
    if (this.contain(item)) {
      item.remove(destroy);
    }
  } else {
    if (arguments.length === 1) {
      if (Util.isBoolean(item)) {
        destroy = item;
      } else {
        if (this.contain(item)) {
          item.remove(true);
        }
        return this;
      }
    }
    if (arguments.length === 0) {
      destroy = true;
    }
6213
    Group.superclass.remove.call(this, destroy);
  }
  return this;
},
6218
/**
 * 向组中添加shape或者group
 * @param {Object} items 图形或者分组
 * @return {Object} group 本尊
 */
add: function add(items) {
  var self = this;
  var children = self.get('children');
  var el = self.get('el');
  if (Util.isArray(items)) {
    Util.each(items, function (item) {
      var parent = item.get('parent');
      if (parent) {
        parent.removeChild(item, false);
      }
      if (item.get('dependencies')) {
        self._addDependency(item);
      }
      self._setEvn(item);
      el.appendChild(item.get('el'));
    });
    children.push.apply(children, items);
  } else {
    var item = items;
    var parent = item.get('parent');
    if (parent) {
      parent.removeChild(item, false);
    }
    self._setEvn(item);
    if (item.get('dependencies')) {
      self._addDependency(item);
    }
    el.appendChild(item.get('el'));
    children.push(item);
  }
  return self;
},
contain: function contain(item) {
  var children = this.get('children');
  return children.indexOf(item) > -1;
},
getChildByIndex: function getChildByIndex(index) {
  var children = this.get('children');
  return children[index];
},
getFirst: function getFirst() {
  return this.getChildByIndex(0);
},
getLast: function getLast() {
  var lastIndex = this.get('children').length - 1;
  return this.getChildByIndex(lastIndex);
},
_addDependency: function _addDependency(item) {
  var dependencies = item.get('dependencies');
  item.attr(dependencies);
  item.__cfg.dependencies = {};
},
_setEvn: function _setEvn(item) {
  var self = this;
  item.__cfg.parent = self;
  item.__cfg.parent = self;
  item.__cfg.canvas = self.__cfg.canvas;
  item.__cfg.defs = self.__cfg.defs;
  var clip = item.__attrs.clip;
  if (clip) {
    clip.setSilent('parent', self);
    clip.setSilent('context', self.get('context'));
  }
  var children = item.__cfg.children;
  if (children) {
    Util.each(children, function (child) {
      item._setEvn(child);
    });
  }
},
getCount: function getCount() {
  return this.get('children').length;
},
sort: function sort() {
  var children = this.get('children');
  // 稳定排序
  Util.each(children, function (child, index) {
    child[INDEX] = index;
    return child;
  });
6304
  children.sort(getComparer(function (obj1, obj2) {
    return obj1.get('zIndex') - obj2.get('zIndex');
  }));
6308
  return this;
},
findById: function findById(id) {
  return this.find(function (item) {
    return item.get('id') === id;
  });
},
6316
/**
 * 根据查找函数查找分组或者图形
 * @param  {Function} fn 匹配函数
 * @return {Canvas.Base} 分组或者图形
 */
find: function find(fn) {
  if (Util.isString(fn)) {
    return this.findById(fn);
  }
  var children = this.get('children');
  var rst = null;
6328
  Util.each(children, function (item) {
    if (fn(item)) {
      rst = item;
    } else if (item.find) {
      rst = item.find(fn);
    }
    if (rst) {
      return false;
    }
  });
  return rst;
},
6341
/**
 * @param  {Function} fn filter mathod
 * @return {Array} all the matching shapes and groups
 */
findAll: function findAll(fn) {
  var children = this.get('children');
  var rst = [];
  var childRst = [];
  Util.each(children, function (item) {
    if (fn(item)) {
      rst.push(item);
    }
    if (item.findAllBy) {
      childRst = item.findAllBy(fn);
      rst = rst.concat(childRst);
    }
  });
  return rst;
},
6361
/**
 * @Deprecated
 * @param  {Function} fn filter method
 * @return {Object} found shape or group
 */
findBy: function findBy(fn) {
  var children = this.get('children');
  var rst = null;
6370
  Util.each(children, function (item) {
    if (fn(item)) {
      rst = item;
    } else if (item.findBy) {
      rst = item.findBy(fn);
    }
    if (rst) {
      return false;
    }
  });
  return rst;
},
6383
/**
 * @Deprecated
 * @param  {Function} fn filter mathod
 * @return {Array} all the matching shapes and groups
 */
findAllBy: function findAllBy(fn) {
  var children = this.get('children');
  var rst = [];
  var childRst = [];
  Util.each(children, function (item) {
    if (fn(item)) {
      rst.push(item);
    }
    if (item.findAllBy) {
      childRst = item.findAllBy(fn);
      rst = rst.concat(childRst);
    }
  });
  return rst;
},
6404
// svg不进行拾取，仅保留接口
getShape: function getShape() {
  return null;
},
6409
/**
 * 根据点击事件的element获取对应的图形对象
 * @param  {Object} el 点击的dom元素
 * @return {Object}  对应图形对象
 */
findShape: function findShape(el) {
  if (this.__cfg.visible && this.__cfg.capture && this.get('el') === el) {
    return this;
  }
  var children = this.__cfg.children;
  var shape = null;
  for (var i = children.length - 1; i >= 0; i--) {
    var child = children[i];
    if (child.isGroup) {
      shape = child.findShape(el);
      shape = child.findShape(el);
    } else if (child.get('visible') && child.get('el') === el) {
      shape = child;
    }
    if (shape) {
      break;
    }
  }
  return shape;
},
clearTotalMatrix: function clearTotalMatrix() {
  var m = this.get('totalMatrix');
  if (m) {
    this.setSilent('totalMatrix', null);
    var children = this.__cfg.children;
    for (var i = 0; i < children.length; i++) {
      var child = children[i];
      child.clearTotalMatrix();
    }
  }
},
clear: function clear() {
  var children = this.get('children');
6448
  while (children.length !== 0) {
    children[children.length - 1].remove();
  }
  return this;
},
destroy: function destroy() {
  if (this.get('destroyed')) {
    return;
  }
  this.clear();
  Group.superclass.destroy.call(this);
}
6461});
6462
6463module.exports = Group;
6464
6465/***/ }),
6466/* 32 */
6467/***/ (function(module, exports, __webpack_require__) {
6468
6469var MatrixUtil = __webpack_require__(2);
6470var PathUtil = __webpack_require__(15);
6471var Util = __webpack_require__(0);
6472var d3Ease = __webpack_require__(77);
6473var d3Timer = __webpack_require__(88);
6474
6475var _require = __webpack_require__(91),
  interpolate = _require.interpolate,
  interpolateArray = _require.interpolateArray; // 目前整体动画只需要数值和数组的差值计算
6478
6479
6480var ReservedProps = {
delay: 'delay'
6482};
6483module.exports = {
stopAnimate: function stopAnimate() {
  var self = this;
  var canvas = self.get('canvas');
  if (self.get('destroyed')) {
    return;
  }
  if (self.get('animating')) {
    var clip = self.attr('clip');
    // 如果 clip 在执行动画
    if (clip && clip.get('animating')) {
      clip.stopAnimate();
    }
    var timer = self.get('animateTimer');
    if (timer) {
      timer.stop();
      self.setSilent('animateTimer', null);
    }
    var animateCfg = self.get('animateCfg');
    if (animateCfg) {
      self.attr(animateCfg.toAttrs);
      if (animateCfg.toM) {
        self.setMatrix(animateCfg.toM);
      }
      if (animateCfg.callback) {
        animateCfg.callback();
      }
      self.setSilent('animateCfg', null);
    }
    self.setSilent('animating', false); // 动画停止
    canvas.draw();
  }
},
6516
/**
 * 执行动画
 * @param  {Object}   toProps  动画最终状态
 * @param  {Number}   duration 动画执行时间
 * @param  {String}   easing   动画缓动效果
 * @param  {Function} callback 动画执行后的回调
 * @param  {Number}   delay    动画延迟时间
 */
animate: function animate(toProps, duration, easing, callback) {
  var delay = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
6527
  var self = this;
  var canvas = self.get('canvas');
  var formatProps = getFormatProps(toProps);
  var toAttrs = formatProps.attrs;
  var toM = formatProps.M;
  var fromAttrs = getfromAttrs(toAttrs);
  var fromM = Util.clone(self.getMatrix());
  var repeat = toProps.repeat;
  var timer = self.get('animateTimer');
  timer && timer.stop();
  // 可能不设置 easing
  if (Util.isNumber(callback)) {
    delay = callback;
    callback = null;
  }
  if (Util.isFunction(easing)) {
    callback = easing;
    easing = 'easeLinear';
  } else {
    easing = easing ? easing : 'easeLinear';
  }
6549
  self.setSilent('animating', true); // 处于动画状态
  self.setSilent('animateCfg', {
    toAttrs: toAttrs,
    toM: toM,
    callback: callback
  });
6556
  // 执行动画
  timer = d3Timer.timer(function (elapsed) {
    if (repeat) {
      excuteRepeat(elapsed);
    } else {
      excuteOnce(elapsed);
    }
  }, delay);
6565
  self.setSilent('animateTimer', timer);
6567
  function excuteRepeat(elapsed) {
    var ratio = elapsed % duration / duration;
    ratio = d3Ease[easing](ratio);
    update(ratio);
  }
6573
  function excuteOnce(elapsed) {
    var ratio = elapsed / duration;
    if (ratio < 1) {
      ratio = d3Ease[easing](ratio);
      update(ratio);
    } else {
      update(1); // 保证最后一帧的绘制
      callback && callback();
      self.setSilent('animating', false); // 动画停止
      self.setSilent('animateCfg', null);
      self.setSilent('animateTimer', null);
      timer.stop();
    }
  }
6588
  function update(ratio) {
    var cProps = {}; // 此刻属性
    if (self.get('destroyed')) {
      return;
    }
    var interf = void 0; //  差值函数
6595
    for (var k in toAttrs) {
      if (!Util.isEqual(fromAttrs[k], toAttrs[k])) {
        if (k === 'path') {
          var toPath = PathUtil.parsePathString(toAttrs[k]); // 终点状态
          var fromPath = PathUtil.parsePathString(fromAttrs[k]); // 起始状态
          cProps[k] = [];
          for (var i = 0; i < toPath.length; i++) {
            var toPathPoint = toPath[i];
            var fromPathPoint = fromPath[i];
            var cPathPoint = [];
            for (var j = 0; j < toPathPoint.length; j++) {
              if (Util.isNumber(toPathPoint[j]) && fromPathPoint) {
                interf = interpolate(fromPathPoint[j], toPathPoint[j]);
                cPathPoint.push(interf(ratio));
              } else {
                cPathPoint.push(toPathPoint[j]);
              }
            }
            cProps[k].push(cPathPoint);
          }
        } else {
          interf = interpolate(fromAttrs[k], toAttrs[k]);
          cProps[k] = interf(ratio);
        }
      }
    }
    if (toM) {
      var mf = interpolateArray(fromM, toM);
      var cM = mf(ratio);
      self.setMatrix(cM);
    }
    self.attr(cProps);
    canvas.draw();
  }
6630
  function getFormatProps(props) {
    var rst = {
      M: null,
      attrs: {}
    };
    for (var k in props) {
      if (k === 'transform') {
        rst.M = MatrixUtil.transform(self.getMatrix(), props[k]);
      } else if (k === 'matrix') {
        rst.M = props[k];
      } else if (!ReservedProps[k]) {
        rst.attrs[k] = props[k];
      }
    }
    return rst;
  }
6647
  function getfromAttrs(toAttrs) {
    var rst = {};
    for (var k in toAttrs) {
      rst[k] = self.attr(k);
    }
    return rst;
  }
}
6656};
6657
6658/***/ }),
6659/* 33 */
6660/***/ (function(module, __webpack_exports__, __webpack_require__) {
6661
6662"use strict";
6663/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return deg2rad; });
6664/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return rad2deg; });
6665var deg2rad = Math.PI / 180;
6666var rad2deg = 180 / Math.PI;
6667
6668/***/ }),
6669/* 34 */
6670/***/ (function(module, __webpack_exports__, __webpack_require__) {
6671
6672"use strict";
6673/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return rgbBasis; });
6674/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return rgbBasisClosed; });
6675/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
6676/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__basis__ = __webpack_require__(20);
6677/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__basisClosed__ = __webpack_require__(35);
6678/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__color__ = __webpack_require__(8);
6679
6680
6681
6682
6683
6684/* harmony default export */ __webpack_exports__["a"] = ((function rgbGamma(y) {
var color = Object(__WEBPACK_IMPORTED_MODULE_3__color__["b" /* gamma */])(y);
6686
function rgb(start, end) {
  var r = color((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(start)).r, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(end)).r),
      g = color(start.g, end.g),
      b = color(start.b, end.b),
      opacity = Object(__WEBPACK_IMPORTED_MODULE_3__color__["a" /* default */])(start.opacity, end.opacity);
  return function (t) {
    start.r = r(t);
    start.g = g(t);
    start.b = b(t);
    start.opacity = opacity(t);
    return start + "";
  };
}
6700
rgb.gamma = rgbGamma;
6702
return rgb;
6704})(1));
6705
6706function rgbSpline(spline) {
return function (colors) {
  var n = colors.length,
      r = new Array(n),
      g = new Array(n),
      b = new Array(n),
      i,
      color;
  for (i = 0; i < n; ++i) {
    color = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(colors[i]);
    r[i] = color.r || 0;
    g[i] = color.g || 0;
    b[i] = color.b || 0;
  }
  r = spline(r);
  g = spline(g);
  b = spline(b);
  color.opacity = 1;
  return function (t) {
    color.r = r(t);
    color.g = g(t);
    color.b = b(t);
    return color + "";
  };
};
6731}
6732
6733var rgbBasis = rgbSpline(__WEBPACK_IMPORTED_MODULE_1__basis__["b" /* default */]);
6734var rgbBasisClosed = rgbSpline(__WEBPACK_IMPORTED_MODULE_2__basisClosed__["a" /* default */]);
6735
6736/***/ }),
6737/* 35 */
6738/***/ (function(module, __webpack_exports__, __webpack_require__) {
6739
6740"use strict";
6741/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__basis__ = __webpack_require__(20);
6742
6743
6744/* harmony default export */ __webpack_exports__["a"] = (function (values) {
var n = values.length;
return function (t) {
  var i = Math.floor(((t %= 1) < 0 ? ++t : t) * n),
      v0 = values[(i + n - 1) % n],
      v1 = values[i % n],
      v2 = values[(i + 1) % n],
      v3 = values[(i + 2) % n];
  return Object(__WEBPACK_IMPORTED_MODULE_0__basis__["a" /* basis */])((t - i / n) * n, v0, v1, v2, v3);
};
6754});
6755
6756/***/ }),
6757/* 36 */
6758/***/ (function(module, __webpack_exports__, __webpack_require__) {
6759
6760"use strict";
6761/* harmony default export */ __webpack_exports__["a"] = (function (x) {
return function () {
  return x;
};
6765});
6766
6767/***/ }),
6768/* 37 */
6769/***/ (function(module, __webpack_exports__, __webpack_require__) {
6770
6771"use strict";
6772/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__value__ = __webpack_require__(17);
6773
6774
6775/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
var nb = b ? b.length : 0,
    na = a ? Math.min(nb, a.length) : 0,
    x = new Array(na),
    c = new Array(nb),
    i;
6781
for (i = 0; i < na; ++i) {
  x[i] = Object(__WEBPACK_IMPORTED_MODULE_0__value__["a" /* default */])(a[i], b[i]);
}for (; i < nb; ++i) {
  c[i] = b[i];
}return function (t) {
  for (i = 0; i < na; ++i) {
    c[i] = x[i](t);
  }return c;
};
6791});
6792
6793/***/ }),
6794/* 38 */
6795/***/ (function(module, __webpack_exports__, __webpack_require__) {
6796
6797"use strict";
6798/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
var d = new Date();
return a = +a, b -= a, function (t) {
  return d.setTime(a + b * t), d;
};
6803});
6804
6805/***/ }),
6806/* 39 */
6807/***/ (function(module, __webpack_exports__, __webpack_require__) {
6808
6809"use strict";
6810/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__value__ = __webpack_require__(17);
6811var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
6812
6813
6814
6815/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
var i = {},
    c = {},
    k;
6819
if (a === null || (typeof a === "undefined" ? "undefined" : _typeof(a)) !== "object") a = {};
if (b === null || (typeof b === "undefined" ? "undefined" : _typeof(b)) !== "object") b = {};
6822
for (k in b) {
  if (k in a) {
    i[k] = Object(__WEBPACK_IMPORTED_MODULE_0__value__["a" /* default */])(a[k], b[k]);
  } else {
    c[k] = b[k];
  }
}
6830
return function (t) {
  for (k in i) {
    c[k] = i[k](t);
  }return c;
};
6836});
6837
6838/***/ }),
6839/* 40 */
6840/***/ (function(module, __webpack_exports__, __webpack_require__) {
6841
6842"use strict";
6843/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__number__ = __webpack_require__(11);
6844
6845
6846var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,
  reB = new RegExp(reA.source, "g");
6848
6849function zero(b) {
return function () {
  return b;
};
6853}
6854
6855function one(b) {
return function (t) {
  return b(t) + "";
};
6859}
6860
6861/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
var bi = reA.lastIndex = reB.lastIndex = 0,
    // scan index for next number in b
am,
    // current match in a
bm,
    // current match in b
bs,
    // string preceding current number in b, if any
i = -1,
    // index in s
s = [],
    // string constants and placeholders
q = []; // number interpolators
6875
// Coerce inputs to strings.
a = a + "", b = b + "";
6878
// Interpolate pairs of numbers in a & b.
while ((am = reA.exec(a)) && (bm = reB.exec(b))) {
  if ((bs = bm.index) > bi) {
    // a string precedes the next number in b
    bs = b.slice(bi, bs);
    if (s[i]) s[i] += bs; // coalesce with previous string
    else s[++i] = bs;
  }
  if ((am = am[0]) === (bm = bm[0])) {
    // numbers in a & b match
    if (s[i]) s[i] += bm; // coalesce with previous string
    else s[++i] = bm;
  } else {
    // interpolate non-matching numbers
    s[++i] = null;
    q.push({ i: i, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(am, bm) });
  }
  bi = reB.lastIndex;
}
6898
// Add remains of b.
if (bi < b.length) {
  bs = b.slice(bi);
  if (s[i]) s[i] += bs; // coalesce with previous string
  else s[++i] = bs;
}
6905
// Special optimization for only a single match.
// Otherwise, interpolate each of the numbers and rejoin the string.
return s.length < 2 ? q[0] ? one(q[0].x) : zero(b) : (b = q.length, function (t) {
  for (var i = 0, o; i < b; ++i) {
    s[(o = q[i]).i] = o.x(t);
  }return s.join("");
});
6913});
6914
6915/***/ }),
6916/* 41 */
6917/***/ (function(module, exports, __webpack_require__) {
6918
6919var __WEBPACK_AMD_DEFINE_RESULT__;var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
6920
6921/*!
* EventEmitter v5.1.0 - git.io/ee
* Unlicense - http://unlicense.org/
* Oliver Caldwell - http://oli.me.uk/
* @preserve
*/
6927
6928;(function (exports) {
  'use strict';
6930
  /**
   * Class for managing events.
   * Can be extended to provide event functionality in other classes.
   *
   * @class EventEmitter Manages event registering and emitting.
   */
6937
  function EventEmitter() {}
6939
  // Shortcuts to improve speed and size
  var proto = EventEmitter.prototype;
  var originalGlobalValue = exports.EventEmitter;
6943
  /**
   * Finds the index of the listener for the event in its storage array.
   *
   * @param {Function[]} listeners Array of listeners to search through.
   * @param {Function} listener Method to look for.
   * @return {Number} Index of the specified listener, -1 if not found
   * @api private
   */
  function indexOfListener(listeners, listener) {
      var i = listeners.length;
      while (i--) {
          if (listeners[i].listener === listener) {
              return i;
          }
      }
6959
      return -1;
  }
6962
  /**
   * Alias a method while keeping the context correct, to allow for overwriting of target method.
   *
   * @param {String} name The name of the target method.
   * @return {Function} The aliased method
   * @api private
   */
  function alias(name) {
      return function aliasClosure() {
          return this[name].apply(this, arguments);
      };
  }
6975
  /**
   * Returns the listener array for the specified event.
   * Will initialise the event object and listener arrays if required.
   * Will return an object if you use a regex search. The object contains keys for each matched event. So /ba[rz]/ might return an object containing bar and baz. But only if you have either defined them with defineEvent or added some listeners to them.
   * Each property in the object response is an array of listener functions.
   *
   * @param {String|RegExp} evt Name of the event to return the listeners from.
   * @return {Function[]|Object} All listener functions for the event.
   */
  proto.getListeners = function getListeners(evt) {
      var events = this._getEvents();
      var response;
      var key;
6989
      // Return a concatenated array of all matching events if
      // the selector is a regular expression.
      if (evt instanceof RegExp) {
          response = {};
          for (key in events) {
              if (events.hasOwnProperty(key) && evt.test(key)) {
                  response[key] = events[key];
              }
          }
      } else {
          response = events[evt] || (events[evt] = []);
      }
7002
      return response;
  };
7005
  /**
   * Takes a list of listener objects and flattens it into a list of listener functions.
   *
   * @param {Object[]} listeners Raw listener objects.
   * @return {Function[]} Just the listener functions.
   */
  proto.flattenListeners = function flattenListeners(listeners) {
      var flatListeners = [];
      var i;
7015
      for (i = 0; i < listeners.length; i += 1) {
          flatListeners.push(listeners[i].listener);
      }
7019
      return flatListeners;
  };
7022
  /**
   * Fetches the requested listeners via getListeners but will always return the results inside an object. This is mainly for internal use but others may find it useful.
   *
   * @param {String|RegExp} evt Name of the event to return the listeners from.
   * @return {Object} All listener functions for an event in an object.
   */
  proto.getListenersAsObject = function getListenersAsObject(evt) {
      var listeners = this.getListeners(evt);
      var response;
7032
      if (listeners instanceof Array) {
          response = {};
          response[evt] = listeners;
      }
7037
      return response || listeners;
  };
7040
  function isValidListener(listener) {
      if (typeof listener === 'function' || listener instanceof RegExp) {
          return true;
      } else if (listener && (typeof listener === 'undefined' ? 'undefined' : _typeof(listener)) === 'object') {
          return isValidListener(listener.listener);
      } else {
          return false;
      }
  }
7050
  /**
   * Adds a listener function to the specified event.
   * The listener will not be added if it is a duplicate.
   * If the listener returns true then it will be removed after it is called.
   * If you pass a regular expression as the event name then the listener will be added to all events that match it.
   *
   * @param {String|RegExp} evt Name of the event to attach the listener to.
   * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.addListener = function addListener(evt, listener) {
      if (!isValidListener(listener)) {
          throw new TypeError('listener must be a function');
      }
7065
      var listeners = this.getListenersAsObject(evt);
      var listenerIsWrapped = (typeof listener === 'undefined' ? 'undefined' : _typeof(listener)) === 'object';
      var key;
7069
      for (key in listeners) {
          if (listeners.hasOwnProperty(key) && indexOfListener(listeners[key], listener) === -1) {
              listeners[key].push(listenerIsWrapped ? listener : {
                  listener: listener,
                  once: false
              });
          }
      }
7078
      return this;
  };
7081
  /**
   * Alias of addListener
   */
  proto.on = alias('addListener');
7086
  /**
   * Semi-alias of addListener. It will add a listener that will be
   * automatically removed after its first execution.
   *
   * @param {String|RegExp} evt Name of the event to attach the listener to.
   * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.addOnceListener = function addOnceListener(evt, listener) {
      return this.addListener(evt, {
          listener: listener,
          once: true
      });
  };
7101
  /**
   * Alias of addOnceListener.
   */
  proto.once = alias('addOnceListener');
7106
  /**
   * Defines an event name. This is required if you want to use a regex to add a listener to multiple events at once. If you don't do this then how do you expect it to know what event to add to? Should it just add to every possible match for a regex? No. That is scary and bad.
   * You need to tell it what event names should be matched by a regex.
   *
   * @param {String} evt Name of the event to create.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.defineEvent = function defineEvent(evt) {
      this.getListeners(evt);
      return this;
  };
7118
  /**
   * Uses defineEvent to define multiple events.
   *
   * @param {String[]} evts An array of event names to define.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.defineEvents = function defineEvents(evts) {
      for (var i = 0; i < evts.length; i += 1) {
          this.defineEvent(evts[i]);
      }
      return this;
  };
7131
  /**
   * Removes a listener function from the specified event.
   * When passed a regular expression as the event name, it will remove the listener from all events that match it.
   *
   * @param {String|RegExp} evt Name of the event to remove the listener from.
   * @param {Function} listener Method to remove from the event.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.removeListener = function removeListener(evt, listener) {
      var listeners = this.getListenersAsObject(evt);
      var index;
      var key;
7144
      for (key in listeners) {
          if (listeners.hasOwnProperty(key)) {
              index = indexOfListener(listeners[key], listener);
7148
              if (index !== -1) {
                  listeners[key].splice(index, 1);
              }
          }
      }
7154
      return this;
  };
7157
  /**
   * Alias of removeListener
   */
  proto.off = alias('removeListener');
7162
  /**
   * Adds listeners in bulk using the manipulateListeners method.
   * If you pass an object as the second argument you can add to multiple events at once. The object should contain key value pairs of events and listeners or listener arrays. You can also pass it an event name and an array of listeners to be added.
   * You can also pass it a regular expression to add the array of listeners to all events that match it.
   * Yeah, this function does quite a bit. That's probably a bad thing.
   *
   * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add to multiple events at once.
   * @param {Function[]} [listeners] An optional array of listener functions to add.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.addListeners = function addListeners(evt, listeners) {
      // Pass through to manipulateListeners
      return this.manipulateListeners(false, evt, listeners);
  };
7177
  /**
   * Removes listeners in bulk using the manipulateListeners method.
   * If you pass an object as the second argument you can remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.
   * You can also pass it an event name and an array of listeners to be removed.
   * You can also pass it a regular expression to remove the listeners from all events that match it.
   *
   * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to remove from multiple events at once.
   * @param {Function[]} [listeners] An optional array of listener functions to remove.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.removeListeners = function removeListeners(evt, listeners) {
      // Pass through to manipulateListeners
      return this.manipulateListeners(true, evt, listeners);
  };
7192
  /**
   * Edits listeners in bulk. The addListeners and removeListeners methods both use this to do their job. You should really use those instead, this is a little lower level.
   * The first argument will determine if the listeners are removed (true) or added (false).
   * If you pass an object as the second argument you can add/remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.
   * You can also pass it an event name and an array of listeners to be added/removed.
   * You can also pass it a regular expression to manipulate the listeners of all events that match it.
   *
   * @param {Boolean} remove True if you want to remove listeners, false if you want to add.
   * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add/remove from multiple events at once.
   * @param {Function[]} [listeners] An optional array of listener functions to add/remove.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.manipulateListeners = function manipulateListeners(remove, evt, listeners) {
      var i;
      var value;
      var single = remove ? this.removeListener : this.addListener;
      var multiple = remove ? this.removeListeners : this.addListeners;
7210
      // If evt is an object then pass each of its properties to this method
      if ((typeof evt === 'undefined' ? 'undefined' : _typeof(evt)) === 'object' && !(evt instanceof RegExp)) {
          for (i in evt) {
              if (evt.hasOwnProperty(i) && (value = evt[i])) {
                  // Pass the single listener straight through to the singular method
                  if (typeof value === 'function') {
                      single.call(this, i, value);
                  } else {
                      // Otherwise pass back to the multiple function
                      multiple.call(this, i, value);
                  }
              }
          }
      } else {
          // So evt must be a string
          // And listeners must be an array of listeners
          // Loop over it and pass each one to the multiple method
          i = listeners.length;
          while (i--) {
              single.call(this, evt, listeners[i]);
          }
      }
7233
      return this;
  };
7236
  /**
   * Removes all listeners from a specified event.
   * If you do not specify an event then all listeners will be removed.
   * That means every event will be emptied.
   * You can also pass a regex to remove all events that match it.
   *
   * @param {String|RegExp} [evt] Optional name of the event to remove all listeners for. Will remove from every event if not passed.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.removeEvent = function removeEvent(evt) {
      var type = typeof evt === 'undefined' ? 'undefined' : _typeof(evt);
      var events = this._getEvents();
      var key;
7250
      // Remove different things depending on the state of evt
      if (type === 'string') {
          // Remove all listeners for the specified event
          delete events[evt];
      } else if (evt instanceof RegExp) {
          // Remove all events matching the regex.
          for (key in events) {
              if (events.hasOwnProperty(key) && evt.test(key)) {
                  delete events[key];
              }
          }
      } else {
          // Remove all listeners in all events
          delete this._events;
      }
7266
      return this;
  };
7269
  /**
   * Alias of removeEvent.
   *
   * Added to mirror the node API.
   */
  proto.removeAllListeners = alias('removeEvent');
7276
  /**
   * Emits an event of your choice.
   * When emitted, every listener attached to that event will be executed.
   * If you pass the optional argument array then those arguments will be passed to every listener upon execution.
   * Because it uses `apply`, your array of arguments will be passed as if you wrote them out separately.
   * So they will not arrive within the array on the other side, they will be separate.
   * You can also pass a regular expression to emit to all events that match it.
   *
   * @param {String|RegExp} evt Name of the event to emit and execute listeners for.
   * @param {Array} [args] Optional array of arguments to be passed to each listener.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.emitEvent = function emitEvent(evt, args) {
      var listenersMap = this.getListenersAsObject(evt);
      var listeners;
      var listener;
      var i;
      var key;
      var response;
7296
      for (key in listenersMap) {
          if (listenersMap.hasOwnProperty(key)) {
              listeners = listenersMap[key].slice(0);
7300
              for (i = 0; i < listeners.length; i++) {
                  // If the listener returns true then it shall be removed from the event
                  // The function is executed either with a basic call or an apply if there is an args array
                  listener = listeners[i];
7305
                  if (listener.once === true) {
                      this.removeListener(evt, listener.listener);
                  }
7309
                  response = listener.listener.apply(this, args || []);
7311
                  if (response === this._getOnceReturnValue()) {
                      this.removeListener(evt, listener.listener);
                  }
              }
          }
      }
7318
      return this;
  };
7321
  /**
   * Alias of emitEvent
   */
  proto.trigger = alias('emitEvent');
7326
  /**
   * Subtly different from emitEvent in that it will pass its arguments on to the listeners, as opposed to taking a single array of arguments to pass on.
   * As with emitEvent, you can pass a regex in place of the event name to emit to all events that match it.
   *
   * @param {String|RegExp} evt Name of the event to emit and execute listeners for.
   * @param {...*} Optional additional arguments to be passed to each listener.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.emit = function emit(evt) {
      var args = Array.prototype.slice.call(arguments, 1);
      return this.emitEvent(evt, args);
  };
7339
  /**
   * Sets the current value to check against when executing listeners. If a
   * listeners return value matches the one set here then it will be removed
   * after execution. This value defaults to true.
   *
   * @param {*} value The new value to check for when executing listeners.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.setOnceReturnValue = function setOnceReturnValue(value) {
      this._onceReturnValue = value;
      return this;
  };
7352
  /**
   * Fetches the current value to check against when executing listeners. If
   * the listeners return value matches this one then it should be removed
   * automatically. It will return true by default.
   *
   * @return {*|Boolean} The current value to check for or the default, true.
   * @api private
   */
  proto._getOnceReturnValue = function _getOnceReturnValue() {
      if (this.hasOwnProperty('_onceReturnValue')) {
          return this._onceReturnValue;
      } else {
          return true;
      }
  };
7368
  /**
   * Fetches the events object and creates one if required.
   *
   * @return {Object} The events storage object.
   * @api private
   */
  proto._getEvents = function _getEvents() {
      return this._events || (this._events = {});
  };
7378
  /**
   * Reverts the global {@link EventEmitter} to its previous value and returns a reference to this version.
   *
   * @return {Function} Non conflicting EventEmitter class.
   */
  EventEmitter.noConflict = function noConflict() {
      exports.EventEmitter = originalGlobalValue;
      return EventEmitter;
  };
7388
  // Expose the class either via AMD, CommonJS or the global object
  if (true) {
      !(__WEBPACK_AMD_DEFINE_RESULT__ = (function () {
          return EventEmitter;
      }).call(exports, __webpack_require__, exports, module),
		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
  } else if ((typeof module === 'undefined' ? 'undefined' : _typeof(module)) === 'object' && module.exports) {
      module.exports = EventEmitter;
  } else {
      exports.EventEmitter = EventEmitter;
  }
7400})(this || {});
7401
7402/***/ }),
7403/* 42 */
7404/***/ (function(module, exports, __webpack_require__) {
7405
7406var Util = __webpack_require__(0);
7407var Shape = __webpack_require__(4);
7408
7409var Rect = function Rect(cfg) {
Rect.superclass.constructor.call(this, cfg);
7411};
7412
7413Rect.ATTRS = {
x: 0,
y: 0,
width: 0,
height: 0,
radius: 0,
lineWidth: 1,
fill: 'none'
7421};
7422
7423Util.extend(Rect, Shape);
7424
7425Util.augment(Rect, {
canFill: true,
canStroke: true,
type: 'rect',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    fill: 'none'
  };
},
_afterSetRadius: function _afterSetRadius() {
  var el = this.get('el');
  el.setAttribute('rx', this.__attrs.radius);
  el.setAttribute('ry', this.__attrs.radius);
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if ('radius' in objs) {
    this._afterSetRadius();
  }
}
7445});
7446
7447module.exports = Rect;
7448
7449/***/ }),
7450/* 43 */
7451/***/ (function(module, exports, __webpack_require__) {
7452
7453var Util = __webpack_require__(0);
7454var Shape = __webpack_require__(4);
7455
7456var Circle = function Circle(cfg) {
Circle.superclass.constructor.call(this, cfg);
7458};
7459
7460Circle.ATTRS = {
x: 0,
y: 0,
r: 0,
lineWidth: 1
7465};
7466
7467Util.extend(Circle, Shape);
7468
7469Util.augment(Circle, {
canFill: true,
canStroke: true,
type: 'circle',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    fill: 'none'
  };
}
7479});
7480
7481module.exports = Circle;
7482
7483/***/ }),
7484/* 44 */
7485/***/ (function(module, exports, __webpack_require__) {
7486
7487var Util = __webpack_require__(0);
7488var Shape = __webpack_require__(4);
7489
7490var Ellipse = function Ellipse(cfg) {
Ellipse.superclass.constructor.call(this, cfg);
7492};
7493
7494Ellipse.ATTRS = {
x: 0,
y: 0,
rx: 1,
ry: 1,
lineWidth: 1
7500};
7501
7502Util.extend(Ellipse, Shape);
7503
7504Util.augment(Ellipse, {
canFill: true,
canStroke: true,
type: 'ellipse',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1
  };
}
7513});
7514
7515module.exports = Ellipse;
7516
7517/***/ }),
7518/* 45 */
7519/***/ (function(module, exports, __webpack_require__) {
7520
7521var Util = __webpack_require__(0);
7522var Shape = __webpack_require__(4);
7523
7524var Path = function Path(cfg) {
Path.superclass.constructor.call(this, cfg);
7526};
7527
7528function at(p0, p1, p2, p3, t) {
var onet = 1 - t;
return onet * onet * (onet * p3 + 3 * t * p2) + t * t * (t * p0 + 3 * onet * p1);
7531}
7532
7533Path.ATTRS = {
path: null,
lineWidth: 1,
curve: null, // 曲线path
tCache: null,
startArrow: false,
endArrow: false
7540};
7541
7542Util.extend(Path, Shape);
7543
7544Util.augment(Path, {
canFill: true,
canStroke: true,
type: 'path',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    fill: 'none',
    startArrow: false,
    endArrow: false
  };
},
_afterSetAttrStroke: function _afterSetAttrStroke(value) {
  var start = this.get('marker-start');
  var end = this.get('marker-end');
  if (start) {
    this.get('defs').findById(start).update(null, value);
  }
  if (end) {
    this.get('defs').findById(end).update(null, value);
  }
},
_afterSetAttrPath: function _afterSetAttrPath(value) {
  var el = this.get('el');
  var d = value;
  if (Util.isArray(d)) {
    d = d.map(function (path) {
      return path.join(' ');
    }).join('');
  }
  if (~d.indexOf('NaN')) {
    el.setAttribute('d', '');
  } else {
    el.setAttribute('d', d);
  }
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if (objs.path) {
    this._afterSetAttrPath(objs.path);
  }
  if (objs.stroke) {
    this._afterSetAttrStroke(objs.stroke);
  }
},
getPoint: function getPoint(t) {
  var tCache = this.tCache;
  var subt = void 0;
  var index = void 0;
7592
  if (!tCache) {
    this._calculateCurve();
    this._setTcache();
    tCache = this.tCache;
  }
7598
  var curve = this.curve;
7600
  if (!tCache) {
    if (curve) {
      return {
        x: curve[0][1],
        y: curve[0][2]
      };
    }
    return null;
  }
  Util.each(tCache, function (v, i) {
    if (t >= v[0] && t <= v[1]) {
      subt = (t - v[0]) / (v[1] - v[0]);
      index = i;
    }
  });
  var seg = curve[index];
  if (Util.isNil(seg) || Util.isNil(index)) {
    return null;
  }
  var l = seg.length;
  var nextSeg = curve[index + 1];
7622
  return {
    x: at(seg[l - 2], nextSeg[1], nextSeg[3], nextSeg[5], 1 - subt),
    y: at(seg[l - 1], nextSeg[2], nextSeg[4], nextSeg[6], 1 - subt)
  };
},
createPath: function createPath() {}
7629});
7630
7631module.exports = Path;
7632
7633/***/ }),
7634/* 46 */
7635/***/ (function(module, exports, __webpack_require__) {
7636
7637var Util = __webpack_require__(0);
7638var Shape = __webpack_require__(4);
7639
7640var CText = function CText(cfg) {
CText.superclass.constructor.call(this, cfg);
7642};
7643
7644var BASELINE_MAP = {
top: 'before-edge',
middle: 'central',
bottom: 'after-edge',
alphabetic: 'baseline',
hanging: 'hanging'
7650};
7651
7652var ANCHOR_MAP = {
left: 'left',
start: 'left',
center: 'middle',
right: 'end',
end: 'end'
7658};
7659
7660CText.ATTRS = {
x: 0,
y: 0,
text: null,
fontSize: 12,
fontFamily: 'sans-serif',
fontStyle: 'normal',
fontWeight: 'normal',
fontVariant: 'normal',
textAlign: 'start',
textBaseline: 'bottom',
lineHeight: null,
textArr: null
7673};
7674
7675Util.extend(CText, Shape);
7676
7677Util.augment(CText, {
canFill: true,
canStroke: true,
type: 'text',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    lineCount: 1,
    fontSize: 12,
    fill: '#000',
    fontFamily: 'sans-serif',
    fontStyle: 'normal',
    fontWeight: 'normal',
    fontVariant: 'normal',
    textAlign: 'start',
    textBaseline: 'bottom'
  };
},
initTransform: function initTransform() {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
  var fontSize = this.__attrs.fontSize;
  if (fontSize && +fontSize < 12) {
    // 小于 12 像素的文本进行 scale 处理
    this.transform([['t', -1 * this.__attrs.x, -1 * this.__attrs.y], ['s', +fontSize / 12, +fontSize / 12], ['t', this.__attrs.x, this.__attrs.y]]);
  }
},
_assembleFont: function _assembleFont() {
  var el = this.get('el');
  var attrs = this.__attrs;
  var fontSize = attrs.fontSize;
  var fontFamily = attrs.fontFamily;
  var fontWeight = attrs.fontWeight;
  var fontStyle = attrs.fontStyle; // self.attr('fontStyle');
  var fontVariant = attrs.fontVariant; // self.attr('fontVariant');
  // self.attr('font', [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' '));
  var font = [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' ');
  attrs.font = font;
  el.setAttribute('font', attrs.font);
},
_afterSetAttrFontSize: function _afterSetAttrFontSize() {
  /* this.attr({
    height: this._getTextHeight()
  }); */
  this._assembleFont();
},
_afterSetAttrFontFamily: function _afterSetAttrFontFamily() {
  this._assembleFont();
},
_afterSetAttrFontWeight: function _afterSetAttrFontWeight() {
  this._assembleFont();
},
_afterSetAttrFontStyle: function _afterSetAttrFontStyle() {
  this._assembleFont();
},
_afterSetAttrFontVariant: function _afterSetAttrFontVariant() {
  this._assembleFont();
},
_afterSetAttrTextAlign: function _afterSetAttrTextAlign() {
  // 由于本身不支持设置direction，所以left = start, right = end。之后看是否需要根据direction判断
  var attr = this.__attrs.textAlign;
  var el = this.get('el');
  el.setAttribute('text-anchor', ANCHOR_MAP[attr]);
},
_afterSetAttrTextBaseLine: function _afterSetAttrTextBaseLine() {
  var attr = this.__attrs.textBaseline;
  this.get('el').setAttribute('alignment-baseline', BASELINE_MAP[attr] || 'baseline');
},
_afterSetAttrText: function _afterSetAttrText(text) {
  var attrs = this.__attrs;
  var textArr = void 0;
  if (Util.isString(text) && text.indexOf('\n') !== -1) {
    textArr = text.split('\n');
    var lineCount = textArr.length;
    attrs.lineCount = lineCount;
    attrs.textArr = textArr;
  }
  var el = this.get('el');
  if (~['undefined', 'null', 'NaN'].indexOf(String(text)) && el) {
    el.innerHTML = '';
  } else if (~text.indexOf('\n')) {
    textArr = text.split('\n');
    attrs.lineCount = textArr.length;
    attrs.textArr = textArr;
    var arr = '';
    Util.each(textArr, function (segment, i) {
      arr += '<tspan x="0" y="' + (i + 1) + 'em">' + segment + '</tspan>';
    });
    el.innerHTML = arr;
  } else {
    el.innerHTML = text;
  }
},
_afterSetAttrOutline: function _afterSetAttrOutline(val) {
  var el = this.get('el');
  if (!val) {
    el.setAttribute('paint-order', 'normal');
  }
  var stroke = val.stroke || '#000';
  var fill = val.fill || this.__attrs.stroke;
  var lineWidth = val.lineWidth || this.__attrs.lineWidth * 2;
  el.setAttribute('paint-order', 'stroke');
  el.setAttribute('style', 'stroke-linecap:butt; stroke-linejoin:miter;');
  el.setAttribute('stroke', stroke);
  el.setAttribute('fill', fill);
  el.setAttribute('stroke-width', lineWidth);
},
7783
// 计算浪费，效率低，待优化
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  var self = this;
  if ('fontSize' in objs || 'fontWeight' in objs || 'fontStyle' in objs || 'fontVariant' in objs || 'fontFamily' in objs) {
    self._assembleFont();
  }
  if ('textAlign' in objs) {
    this._afterSetAttrTextAlign();
  }
  if ('textBaseline' in objs) {
    this._afterSetAttrTextBaseLine();
  }
  if ('text' in objs) {
    self._afterSetAttrText(objs.text);
  }
  if ('outline' in objs) {
    self._afterSetAttrOutline(objs.outline);
  }
}
7803});
7804
7805module.exports = CText;
7806
7807/***/ }),
7808/* 47 */
7809/***/ (function(module, exports, __webpack_require__) {
7810
7811var Util = __webpack_require__(0);
7812var Shape = __webpack_require__(4);
7813
7814var Line = function Line(cfg) {
Line.superclass.constructor.call(this, cfg);
7816};
7817
7818Line.ATTRS = {
x1: 0,
y1: 0,
x2: 0,
y2: 0,
lineWidth: 1,
startArrow: false,
endArrow: false
7826};
7827
7828Util.extend(Line, Shape);
7829
7830Util.augment(Line, {
canStroke: true,
type: 'line',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    stroke: '#000',
    startArrow: false,
    endArrow: false
  };
},
_afterSetAttrStroke: function _afterSetAttrStroke(value) {
  var start = this.get('marker-start');
  var end = this.get('marker-end');
  if (start) {
    this.get('defs').findById(start).update(value);
  }
  if (end) {
    this.get('defs').findById(end).update(value);
  }
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if (objs.stroke) {
    this._afterSetAttrStroke(objs.stroke);
  }
},
createPath: function createPath() {},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  return {
    x: (attrs.x2 - attrs.x1) * t + attrs.x1,
    y: (attrs.y2 - attrs.y1) * t + attrs.y1
  };
}
7864});
7865
7866module.exports = Line;
7867
7868/***/ }),
7869/* 48 */
7870/***/ (function(module, exports, __webpack_require__) {
7871
7872var Util = __webpack_require__(0);
7873var Shape = __webpack_require__(4);
7874
7875var CImage = function CImage(cfg) {
CImage.superclass.constructor.call(this, cfg);
7877};
7878
7879CImage.ATTRS = {
x: 0,
y: 0,
img: undefined,
width: 0,
height: 0,
sx: null,
sy: null,
swidth: null,
sheight: null
7889};
7890
7891Util.extend(CImage, Shape);
7892
7893Util.augment(CImage, {
type: 'image',
_afterSetAttrImg: function _afterSetAttrImg(img) {
  this._setAttrImg(img);
},
_afterSetAttrAll: function _afterSetAttrAll(params) {
  if (params.img) {
    this._setAttrImg(params.img);
  }
},
_setAttrImg: function _setAttrImg(image) {
  var self = this;
  var el = this.get('el');
  var attrs = self.__attrs;
  var img = image;
7908
  if (Util.isString(img)) {
    // 如果传入的
    el.setAttribute('href', img);
  } else if (img instanceof Image) {
    if (!attrs.width) {
      self.attr('width', img.width);
    }
    if (!attrs.height) {
      self.attr('height', img.height);
    }
    el.setAttribute('href', img.src);
  } else if (img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
    el.setAttribute('href', img.toDataURL());
  } else if (img instanceof ImageData) {
    var canvas = document.createElement('canvas');
    canvas.setAttribute('width', img.width);
    canvas.setAttribute('height', img.height);
    canvas.getContext('2d').putImageData(img, 0, 0);
    if (!attrs.width) {
      self.attr('width', img.width);
    }
7930
    if (!attrs.height) {
      self.attr('height', img.height);
    }
    el.setAttribute('href', canvas.toDataURL());
  }
},
drawInner: function drawInner() {}
7938});
7939
7940module.exports = CImage;
7941
7942/***/ }),
7943/* 49 */
7944/***/ (function(module, exports, __webpack_require__) {
7945
7946var Util = __webpack_require__(0);
7947var Shape = __webpack_require__(4);
7948
7949var Polygon = function Polygon(cfg) {
Polygon.superclass.constructor.call(this, cfg);
7951};
7952
7953Polygon.ATTRS = {
points: null,
lineWidth: 1
7956};
7957
7958Util.extend(Polygon, Shape);
7959
7960Util.augment(Polygon, {
canFill: true,
canStroke: true,
type: 'polygon',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    fill: 'none'
  };
},
_afterSetAttrPoints: function _afterSetAttrPoints() {
  var value = this.__attrs.points;
  var el = this.get('el');
  var points = value;
  if (!value || value.length === 0) {
    points = '';
  } else if (Util.isArray(value)) {
    points = points.map(function (point) {
      return point[0] + ',' + point[1];
    });
    points = points.join(' ');
  }
  el.setAttribute('points', points);
},
_afterSetAttrAll: function _afterSetAttrAll(obj) {
  if ('points' in obj) {
    this._afterSetAttrPoints();
  }
},
createPath: function createPath() {}
7990});
7991
7992module.exports = Polygon;
7993
7994/***/ }),
7995/* 50 */
7996/***/ (function(module, exports, __webpack_require__) {
7997
7998var Util = __webpack_require__(0);
7999var Shape = __webpack_require__(4);
8000
8001var Marker = function Marker(cfg) {
Marker.superclass.constructor.call(this, cfg);
8003};
8004
8005Marker.Symbols = {
// 圆
circle: function circle(x, y, r) {
  return 'M' + x + ',' + y + '\n            m' + -r + ',0\n            a ' + r + ',' + r + ',0,1,0,' + r * 2 + ',0\n            a ' + r + ',' + r + ',0,1,0,' + -r * 2 + ',0';
},
8010
// 正方形
square: function square(x, y, r) {
  return 'M' + (x - r) + ',' + (y - r) + '\n            H' + (x + r) + 'V' + (y + r) + '\n            H' + (x - r) + 'Z';
},
8015
// 菱形
diamond: function diamond(x, y, r) {
  return 'M' + (x - r) + ',' + y + '\n             L' + x + ',' + (y - r) + '\n             L' + (x + r) + ',' + y + ',\n             L' + x + ',' + (y + r) + 'Z';
},
8020
// 三角形
triangle: function triangle(x, y, r) {
  var diff = r * Math.sin(1 / 3 * Math.PI);
  return 'M' + (x - r) + ',' + (y + diff) + '\n            L' + x + ',' + (y - diff) + '\n            L' + (x + r) + ',' + (y + diff) + 'Z';
},
8026
// 倒三角形
'triangle-down': function triangleDown(x, y, r) {
  var diff = r * Math.sin(1 / 3 * Math.PI);
  return 'M' + (x - r) + ',' + (y - diff) + '\n            L' + (x + r) + ',' + (y - diff) + '\n            L' + x + ',' + (y + diff) + 'Z';
}
8032};
8033
8034Marker.ATTRS = {
path: null,
lineWidth: 1
8037};
8038
8039Util.extend(Marker, Shape);
8040
8041Util.augment(Marker, {
type: 'marker',
canFill: true,
canStroke: true,
init: function init(id) {
  Marker.superclass.init.call(this);
  var marker = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  id = id || Util.uniqueId(this.type + '_');
  marker.setAttribute('id', id);
  this.setSilent('el', marker);
},
getDefaultAttrs: function getDefaultAttrs() {
  return {
    x: 0,
    y: 0,
    lineWidth: 1,
    fill: 'none'
  };
},
_afterSetX: function _afterSetX() {
  this._assembleShape();
},
_afterSetY: function _afterSetY() {
  this._assembleShape();
},
_afterSetRadius: function _afterSetRadius() {
  this._assembleShape();
},
_afterSetR: function _afterSetR() {
  this._assembleShape();
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if ('x' in objs || 'y' in objs || 'radius' in objs) {
    this._assembleShape();
  }
},
_assembleShape: function _assembleShape() {
  var attrs = this.__attrs;
  var r = attrs.r;
  if (typeof attrs.r === 'undefined') {
    r = attrs.radius;
  }
  if (isNaN(Number(attrs.x)) || isNaN(Number(attrs.y)) || isNaN(Number(r))) {
    return;
  }
  var d = '';
  if (typeof attrs.symbol === 'function') {
    d = attrs.symbol(attrs.x, attrs.y, r);
  } else {
    d = Marker.Symbols[attrs.symbol || 'circle'](attrs.x, attrs.y, r);
  }
  if (Util.isArray(d)) {
    d = d.map(function (path) {
      return path.join(' ');
    }).join('');
  }
  this.get('el').setAttribute('d', d);
}
8099});
8100
8101module.exports = Marker;
8102
8103/***/ }),
8104/* 51 */
8105/***/ (function(module, exports, __webpack_require__) {
8106
8107var Util = __webpack_require__(0);
8108var Shape = __webpack_require__(4);
8109
8110var Dom = function Dom(cfg) {
Dom.superclass.constructor.call(this, cfg);
8112};
8113
8114Util.extend(Dom, Shape);
8115
8116Util.augment(Dom, {
canFill: true,
canStroke: true,
type: 'dom',
_afterSetAttrHtml: function _afterSetAttrHtml() {
  var html = this.__attrs.html;
  var el = this.get('el');
  if (typeof html === 'string') {
    el.innerHTML = html;
  } else {
    el.innerHTML = '';
    el.appendChild(html);
  }
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if ('html' in objs) {
    this._afterSetAttrHtml();
  }
}
8135});
8136
8137module.exports = Dom;
8138
8139/***/ }),
8140/* 52 */
8141/***/ (function(module, exports, __webpack_require__) {
8142
8143var Util = __webpack_require__(0);
8144var Shape = __webpack_require__(4);
8145
8146var Fan = function Fan(cfg) {
Fan.superclass.constructor.call(this, cfg);
8148};
8149
8150function getPoint(angle, radius, center) {
return {
  x: radius * Math.cos(angle) + center.x,
  y: radius * Math.sin(angle) + center.y
};
8155}
8156
8157Fan.ATTRS = {
x: 0,
y: 0,
rs: 0,
re: 0,
startAngle: 0,
endAngle: 0,
clockwise: false,
lineWidth: 1
8166};
8167
8168Util.extend(Fan, Shape);
8169
8170Util.augment(Fan, {
canFill: true,
canStroke: true,
type: 'fan',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    clockwise: false,
    lineWidth: 1,
    rs: 0,
    re: 0,
    fill: 'none'
  };
},
_afterSetAttrX: function _afterSetAttrX() {
  this._calculatePath();
},
_afterSetAttrY: function _afterSetAttrY() {
  this._calculatePath();
},
_afterSetAttrRs: function _afterSetAttrRs() {
  this._calculatePath();
},
_afterSetAttrRe: function _afterSetAttrRe() {
  this._calculatePath();
},
_afterSetAttrStartAngle: function _afterSetAttrStartAngle() {
  this._calculatePath();
},
_afterSetAttrEndAngle: function _afterSetAttrEndAngle() {
  this._calculatePath();
},
_afterSetAttrClockwise: function _afterSetAttrClockwise() {
  this._calculatePath();
},
_afterSetAttrAll: function _afterSetAttrAll(obj) {
  if ('x' in obj || 'y' in obj || 'rs' in obj || 're' in obj || 'startAngle' in obj || 'endAngle' in obj || 'clockwise' in obj) {
    this._calculatePath();
  }
},
_calculatePath: function _calculatePath() {
  var self = this;
  var attrs = self.__attrs;
  var center = {
    x: attrs.x,
    y: attrs.y
  };
  var d = [];
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  if (Util.isNumberEqual(endAngle - startAngle, Math.PI * 2)) {
    endAngle -= 0.00001;
  }
  var outerStart = getPoint(startAngle, attrs.re, center);
  var outerEnd = getPoint(endAngle, attrs.re, center);
  var fa = endAngle > startAngle ? 1 : 0;
  var fs = Math.abs(endAngle - startAngle) > Math.PI ? 1 : 0;
  var rs = attrs.rs;
  var re = attrs.re;
  var innerStart = getPoint(startAngle, attrs.rs, center);
  var innerEnd = getPoint(endAngle, attrs.rs, center);
  if (attrs.rs > 0) {
    d.push('M ' + outerEnd.x + ',' + outerEnd.y);
    d.push('L ' + innerEnd.x + ',' + innerEnd.y);
    /* if (endAngle - startAngle >= Math.PI) {
      const endPoint = getSymmetricalPoint(innerStart, center);
      d.push(`A ${rs},${rs},0,0,${fa},${endPoint.x},${endPoint.y}`);
      d.push(`M ${endPoint.x},${endPoint.y}`);
    }*/
    d.push('A ' + rs + ',' + rs + ',0,' + fs + ',' + (fa === 1 ? 0 : 1) + ',' + innerStart.x + ',' + innerStart.y);
    d.push('L ' + outerStart.x + ' ' + outerStart.y);
  } else {
    d.push('M ' + center.x + ',' + center.y);
    d.push('L ' + outerStart.x + ',' + outerStart.y);
  }
  /* if (endAngle - startAngle >= Math.PI) {
    const endPoint = getSymmetricalPoint(outerStart, center);
    d.push(`A ${re},${re},0,0,${fa},${endPoint.x},${endPoint.y}`);
  }*/
  d.push('A ' + re + ',' + re + ',0,' + fs + ',' + fa + ',' + outerEnd.x + ',' + outerEnd.y);
  if (attrs.rs > 0) {
    d.push('L ' + innerEnd.x + ',' + innerEnd.y);
  } else {
    d.push('Z');
  }
  self.get('el').setAttribute('d', d.join(' '));
}
8256});
8257
8258module.exports = Fan;
8259
8260/***/ }),
8261/* 53 */
8262/***/ (function(module, exports, __webpack_require__) {
8263
8264var Util = __webpack_require__(0);
8265
8266var Event = function Event(type, event, bubbles, cancelable) {
this.type = type; // 事件类型
this.target = null; // 目标
this.currentTarget = null; // 当前目标
this.bubbles = bubbles; // 冒泡
this.cancelable = cancelable; // 是否能够阻止
this.timeStamp = new Date().getTime(); // 时间戳
this.defaultPrevented = false; // 阻止默认
this.propagationStopped = false; // 阻止冒泡
this.removed = false; // 是否被移除
this.event = event; // 触发的原生事件
8277};
8278
8279Util.augment(Event, {
preventDefault: function preventDefault() {
  this.defaultPrevented = this.cancelable && true;
},
stopPropagation: function stopPropagation() {
  this.propagationStopped = true;
},
remove: function remove() {
  this.remove = true;
},
clone: function clone() {
  return Util.clone(this);
},
toString: function toString() {
  return '[Event (type=' + this.type + ')]';
}
8295});
8296
8297module.exports = Event;
8298
8299/***/ }),
8300/* 54 */
8301/***/ (function(module, exports, __webpack_require__) {
8302
8303var Util = __webpack_require__(0);
8304var Element = __webpack_require__(55);
8305var Shape = __webpack_require__(114);
8306var SHAPE_MAP = {}; // 缓存图形类型
8307var INDEX = '_INDEX';
8308
8309function find(children, x, y) {
var rst = void 0;
for (var i = children.length - 1; i >= 0; i--) {
  var child = children[i];
  if (child.__cfg.visible && child.__cfg.capture) {
    if (child.isGroup) {
      rst = child.getShape(x, y);
    } else if (child.isHit(x, y)) {
      rst = child;
    }
  }
  if (rst) {
    break;
  }
}
return rst;
8325}
8326
8327function getComparer(compare) {
return function (left, right) {
  var result = compare(left, right);
  return result === 0 ? left[INDEX] - right[INDEX] : result;
};
8332}
8333
8334var Group = function Group(cfg) {
Group.superclass.constructor.call(this, cfg);
this.set('children', []);
8337
this._beforeRenderUI();
this._renderUI();
this._bindUI();
8341};
8342
8343function initClassCfgs(c) {
if (c.__cfg || c === Group) {
  return;
}
var superCon = c.superclass.constructor;
if (superCon && !superCon.__cfg) {
  initClassCfgs(superCon);
}
c.__cfg = {};
8352
Util.merge(c.__cfg, superCon.__cfg);
Util.merge(c.__cfg, c.CFG);
8355}
8356
8357Util.extend(Group, Element);
8358
8359Util.augment(Group, {
isGroup: true,
canFill: true,
canStroke: true,
getDefaultCfg: function getDefaultCfg() {
  initClassCfgs(this.constructor);
  return Util.merge({}, this.constructor.__cfg);
},
_beforeRenderUI: function _beforeRenderUI() {},
_renderUI: function _renderUI() {},
_bindUI: function _bindUI() {},
addShape: function addShape(type, cfg) {
  var canvas = this.get('canvas');
  cfg = cfg || {};
  var shapeType = SHAPE_MAP[type];
  if (!shapeType) {
    shapeType = Util.upperFirst(type);
    SHAPE_MAP[type] = shapeType;
  }
  if (cfg.attrs) {
    var attrs = cfg.attrs;
    if (type === 'text') {
      // 临时解决
      var topFontFamily = canvas.get('fontFamily');
      if (topFontFamily) {
        attrs.fontFamily = attrs.fontFamily ? attrs.fontFamily : topFontFamily;
      }
    }
  }
  cfg.canvas = canvas;
  cfg.type = type;
  var rst = new Shape[shapeType](cfg);
  this.add(rst);
  return rst;
},
8394
/** 添加图组
 * @param  {Function|Object|undefined} param 图组类
 * @param  {Object} cfg 配置项
 * @return {Object} rst 图组
 */
addGroup: function addGroup(param, cfg) {
  var canvas = this.get('canvas');
  var rst = void 0;
  cfg = Util.merge({}, cfg);
  if (Util.isFunction(param)) {
    if (cfg) {
      cfg.canvas = canvas;
      cfg.parent = this;
      rst = new param(cfg);
    } else {
      rst = new param({
        canvas: canvas,
        parent: this
      });
    }
    this.add(rst);
  } else if (Util.isObject(param)) {
    param.canvas = canvas;
    rst = new Group(param);
    this.add(rst);
  } else if (param === undefined) {
    rst = new Group();
    this.add(rst);
  } else {
    return false;
  }
  return rst;
},
8428
/** 绘制背景
 * @param  {Array} padding 内边距
 * @param  {Attrs} attrs 图形属性
 * @param  {Shape} backShape 背景图形
 * @return {Object} 背景层对象
 */
renderBack: function renderBack(padding, attrs) {
  var backShape = this.get('backShape');
  var innerBox = this.getBBox();
  // const parent = this.get('parent'); // getParent
  Util.merge(attrs, {
    x: innerBox.minX - padding[3],
    y: innerBox.minY - padding[0],
    width: innerBox.width + padding[1] + padding[3],
    height: innerBox.height + padding[0] + padding[2]
  });
  if (backShape) {
    backShape.attr(attrs);
  } else {
    backShape = this.addShape('rect', {
      zIndex: -1,
      attrs: attrs
    });
  }
  this.set('backShape', backShape);
  this.sort();
  return backShape;
},
removeChild: function removeChild(item, destroy) {
  if (arguments.length >= 2) {
    if (this.contain(item)) {
      item.remove(destroy);
    }
  } else {
    if (arguments.length === 1) {
      if (Util.isBoolean(item)) {
        destroy = item;
      } else {
        if (this.contain(item)) {
          item.remove(true);
        }
        return this;
      }
    }
    if (arguments.length === 0) {
      destroy = true;
    }
8476
    Group.superclass.remove.call(this, destroy);
  }
  return this;
},
8481
/**
 * 向组中添加shape或者group
 * @param {Object} items 图形或者分组
 * @return {Object} group 本尊
 */
add: function add(items) {
  var self = this;
  var children = self.get('children');
  if (Util.isArray(items)) {
    Util.each(items, function (item) {
      var parent = item.get('parent');
      if (parent) {
        parent.removeChild(item, false);
      }
      self._setEvn(item);
    });
    children.push.apply(children, items);
  } else {
    var item = items;
    var parent = item.get('parent');
    if (parent) {
      parent.removeChild(item, false);
    }
    self._setEvn(item);
    children.push(item);
  }
  return self;
},
contain: function contain(item) {
  var children = this.get('children');
  return children.indexOf(item) > -1;
},
getChildByIndex: function getChildByIndex(index) {
  var children = this.get('children');
  return children[index];
},
getFirst: function getFirst() {
  return this.getChildByIndex(0);
},
getLast: function getLast() {
  var lastIndex = this.get('children').length - 1;
  return this.getChildByIndex(lastIndex);
},
_setEvn: function _setEvn(item) {
  var self = this;
  item.__cfg.parent = self;
  item.__cfg.context = self.__cfg.context;
  item.__cfg.canvas = self.__cfg.canvas;
  var clip = item.__attrs.clip;
  if (clip) {
    clip.setSilent('parent', self);
    clip.setSilent('context', self.get('context'));
  }
  var children = item.__cfg.children;
  if (children) {
    Util.each(children, function (child) {
      item._setEvn(child);
    });
  }
},
getBBox: function getBBox() {
  var self = this;
  var minX = Infinity;
  var maxX = -Infinity;
  var minY = Infinity;
  var maxY = -Infinity;
  var children = self.get('children');
  if (children.length > 0) {
    Util.each(children, function (child) {
      if (child.get('visible')) {
        var _box = child.getBBox();
        if (!_box) {
          return true;
        }
8556
        var leftTop = [_box.minX, _box.minY, 1];
        var leftBottom = [_box.minX, _box.maxY, 1];
        var rightTop = [_box.maxX, _box.minY, 1];
        var rightBottom = [_box.maxX, _box.maxY, 1];
8561
        child.apply(leftTop);
        child.apply(leftBottom);
        child.apply(rightTop);
        child.apply(rightBottom);
8566
        var boxMinX = Math.min(leftTop[0], leftBottom[0], rightTop[0], rightBottom[0]);
        var boxMaxX = Math.max(leftTop[0], leftBottom[0], rightTop[0], rightBottom[0]);
        var boxMinY = Math.min(leftTop[1], leftBottom[1], rightTop[1], rightBottom[1]);
        var boxMaxY = Math.max(leftTop[1], leftBottom[1], rightTop[1], rightBottom[1]);
8571
        if (boxMinX < minX) {
          minX = boxMinX;
        }
8575
        if (boxMaxX > maxX) {
          maxX = boxMaxX;
        }
8579
        if (boxMinY < minY) {
          minY = boxMinY;
        }
8583
        if (boxMaxY > maxY) {
          maxY = boxMaxY;
        }
      }
    });
  } else {
    minX = 0;
    maxX = 0;
    minY = 0;
    maxY = 0;
  }
8595
  var box = {
    minX: minX,
    minY: minY,
    maxX: maxX,
    maxY: maxY
  };
  box.x = box.minX;
  box.y = box.minY;
  box.width = box.maxX - box.minX;
  box.height = box.maxY - box.minY;
  return box;
},
drawInner: function drawInner(context) {
  var children = this.get('children');
  for (var i = 0; i < children.length; i++) {
    var child = children[i];
    child.draw(context);
  }
  return this;
},
getCount: function getCount() {
  return this.get('children').length;
},
sort: function sort() {
  var children = this.get('children');
  // 稳定排序
  Util.each(children, function (child, index) {
    child[INDEX] = index;
    return child;
  });
8626
  children.sort(getComparer(function (obj1, obj2) {
    return obj1.get('zIndex') - obj2.get('zIndex');
  }));
8630
  return this;
},
findById: function findById(id) {
  return this.find(function (item) {
    return item.get('id') === id;
  });
},
8638
/**
 * 根据查找函数查找分组或者图形
 * @param  {Function} fn 匹配函数
 * @return {Canvas.Base} 分组或者图形
 */
find: function find(fn) {
  if (Util.isString(fn)) {
    return this.findById(fn);
  }
  var children = this.get('children');
  var rst = null;
8650
  Util.each(children, function (item) {
    if (fn(item)) {
      rst = item;
    } else if (item.find) {
      rst = item.find(fn);
    }
    if (rst) {
      return false;
    }
  });
  return rst;
},
8663
/**
 * @param  {Function} fn filter mathod
 * @return {Array} all the matching shapes and groups
 */
findAll: function findAll(fn) {
  var children = this.get('children');
  var rst = [];
  var childRst = [];
  Util.each(children, function (item) {
    if (fn(item)) {
      rst.push(item);
    }
    if (item.findAllBy) {
      childRst = item.findAllBy(fn);
      rst = rst.concat(childRst);
    }
  });
  return rst;
},
8683
/**
 * @Deprecated
 * @param  {Function} fn filter method
 * @return {Object} found shape or group
 */
findBy: function findBy(fn) {
  var children = this.get('children');
  var rst = null;
8692
  Util.each(children, function (item) {
    if (fn(item)) {
      rst = item;
    } else if (item.findBy) {
      rst = item.findBy(fn);
    }
    if (rst) {
      return false;
    }
  });
  return rst;
},
8705
/**
 * @Deprecated
 * @param  {Function} fn filter mathod
 * @return {Array} all the matching shapes and groups
 */
findAllBy: function findAllBy(fn) {
  var children = this.get('children');
  var rst = [];
  var childRst = [];
  Util.each(children, function (item) {
    if (fn(item)) {
      rst.push(item);
    }
    if (item.findAllBy) {
      childRst = item.findAllBy(fn);
      rst = rst.concat(childRst);
    }
  });
  return rst;
},
8726
/**
 * 根据x，y轴坐标获取对应的图形
 * @param  {Number} x x坐标
 * @param  {Number} y y坐标
 * @return {Object}  最上面的图形
 */
getShape: function getShape(x, y) {
  var self = this;
  var clip = self.__attrs.clip;
  var children = self.__cfg.children;
  var rst = void 0;
  if (clip) {
    if (clip.inside(x, y)) {
      rst = find(children, x, y);
    }
  } else {
    rst = find(children, x, y);
  }
  return rst;
},
clearTotalMatrix: function clearTotalMatrix() {
  var m = this.get('totalMatrix');
  if (m) {
    this.setSilent('totalMatrix', null);
    var children = this.__cfg.children;
    for (var i = 0; i < children.length; i++) {
      var child = children[i];
      child.clearTotalMatrix();
    }
  }
},
clear: function clear() {
  var children = this.get('children');
8760
  while (children.length !== 0) {
    children[children.length - 1].remove();
  }
  return this;
},
destroy: function destroy() {
  if (this.get('destroyed')) {
    return;
  }
  this.clear();
  Group.superclass.destroy.call(this);
}
8773});
8774
8775module.exports = Group;
8776
8777/***/ }),
8778/* 55 */
8779/***/ (function(module, exports, __webpack_require__) {
8780
8781var Util = __webpack_require__(0);
8782var Attribute = __webpack_require__(112);
8783var Transform = __webpack_require__(113);
8784var Animate = __webpack_require__(32);
8785var Format = __webpack_require__(21);
8786var EventEmitter = __webpack_require__(41);
8787
8788var SHAPE_ATTRS = ['fillStyle', 'font', 'globalAlpha', 'lineCap', 'lineWidth', 'lineJoin', 'miterLimit', 'shadowBlur', 'shadowColor', 'shadowOffsetX', 'shadowOffsetY', 'strokeStyle', 'textAlign', 'textBaseline', 'lineDash', 'lineDashOffset'];
8789
8790var Element = function Element(cfg) {
this.__cfg = {
  zIndex: 0,
  capture: true,
  visible: true,
  destroyed: false
}; // 配置存放地
8797
Util.assign(this.__cfg, this.getDefaultCfg(), cfg); // Element.CFG不合并，提升性能 合并默认配置，用户配置->继承默认配置->Element默认配置
this.initAttrs(this.__cfg.attrs); // 初始化绘图属性
this.initTransform(); // 初始化变换
this.init(); // 类型初始化
8802};
8803
8804Element.CFG = {
/**
 * 唯一标示
 * @type {Number}
 */
id: null,
/**
 * Z轴的层叠关系，Z值越大离用户越近
 * @type {Number}
 */
zIndex: 0,
/**
 * Canvas对象
 * @type: {Object}
 */
canvas: null,
/**
 * 父元素指针
 * @type {Object}
 */
parent: null,
/**
 * 用来设置当前对象是否能被捕捉
 * true 能
 * false 不能
 * 对象默认是都可以被捕捉的, 当capture为false时，group.getShape(x, y)方法无法获得该元素
 * 通过将不必要捕捉的元素的该属性设置成false, 来提高捕捉性能
 * @type {Boolean}
 **/
capture: true,
/**
 * 画布的上下文
 * @type {Object}
 */
context: null,
/**
 * 是否显示
 * @type {Boolean}
 */
visible: true,
/**
 * 是否被销毁
 * @type: {Boolean}
 */
destroyed: false
8849};
8850
8851Util.augment(Element, Attribute, Transform, EventEmitter, Animate, {
init: function init() {
  this.setSilent('animable', true);
  this.setSilent('animating', false); // 初始时不处于动画状态
  var attrs = this.__attrs;
  if (attrs && attrs.rotate) {
    this.rotateAtStart(attrs.rotate);
  }
},
getParent: function getParent() {
  return this.get('parent');
},
8863
/**
 * 获取默认的配置信息
 * @protected
 * @return {Object} 默认的属性
 */
getDefaultCfg: function getDefaultCfg() {
  return {};
},
set: function set(name, value) {
  if (name === 'zIndex' && this._beforeSetZIndex) {
    this._beforeSetZIndex(value);
  }
  if (name === 'loading' && this._beforeSetLoading) {
    this._beforeSetLoading(value);
  }
  this.__cfg[name] = value;
  return this;
},
setSilent: function setSilent(name, value) {
  this.__cfg[name] = value;
},
get: function get(name) {
  return this.__cfg[name];
},
draw: function draw(context) {
  if (this.get('destroyed')) {
    return;
  }
  if (this.get('visible')) {
    this.setContext(context);
    this.drawInner(context);
    this.restoreContext(context);
  }
},
setContext: function setContext(context) {
  var clip = this.__attrs.clip;
  context.save();
  if (clip) {
    // context.save();
    clip.resetTransform(context);
    clip.createPath(context);
    context.clip();
    // context.restore();
  }
  this.resetContext(context);
  this.resetTransform(context);
},
restoreContext: function restoreContext(context) {
  context.restore();
},
resetContext: function resetContext(context) {
  var elAttrs = this.__attrs;
  // var canvas = this.get('canvas');
  if (!this.isGroup) {
    // canvas.registShape(this); // 快速拾取方案暂时不执行
    for (var k in elAttrs) {
      if (SHAPE_ATTRS.indexOf(k) > -1) {
        // 非canvas属性不附加
        var v = elAttrs[k];
        if (k === 'fillStyle') {
          v = Format.parseStyle(v, this);
        }
        if (k === 'strokeStyle') {
          v = Format.parseStyle(v, this);
        }
        if (k === 'lineDash' && context.setLineDash) {
          if (Util.isArray(v)) {
            context.setLineDash(v);
          } else if (Util.isString(v)) {
            context.setLineDash(v.split(' '));
          }
        } else {
          context[k] = v;
        }
      }
    }
  }
},
drawInner: function drawInner() /* context */{},
show: function show() {
  this.set('visible', true);
  return this;
},
hide: function hide() {
  this.set('visible', false);
  return this;
},
remove: function remove(destroy) {
  if (destroy === undefined) {
    destroy = true;
  }
8955
  if (this.get('parent')) {
    var parent = this.get('parent');
    var children = parent.get('children');
    Util.remove(children, this);
  }
8961
  if (destroy) {
    this.destroy();
  }
8965
  return this;
},
destroy: function destroy() {
  var destroyed = this.get('destroyed');
  if (destroyed) {
    return;
  }
  // 如果正在执行动画，清理动画
  if (this.get('animating')) {
    var timer = this.get('animateTimer');
    timer && timer.stop();
  }
  this.__cfg = {};
  this.__attrs = null;
  this.removeEvent(); // 移除所有的事件
  this.set('destroyed', true);
},
_beforeSetZIndex: function _beforeSetZIndex(zIndex) {
  this.__cfg.zIndex = zIndex;
8985
  if (!Util.isNil(this.get('parent'))) {
    this.get('parent').sort();
  }
  return zIndex;
},
_setAttrs: function _setAttrs(attrs) {
  this.attr(attrs);
  return attrs;
},
setZIndex: function setZIndex(zIndex) {
  this.__cfg.zIndex = zIndex;
  return zIndex;
},
clone: function clone() {
  return Util.clone(this);
},
getBBox: function getBBox() {
  return {
    minX: 0,
    maxX: 0,
    minY: 0,
    maxY: 0
  };
}
9010});
9011
9012module.exports = Element;
9013
9014/***/ }),
9015/* 56 */
9016/***/ (function(module, exports, __webpack_require__) {
9017
9018var Util = __webpack_require__(0);
9019var Shape = __webpack_require__(1);
9020var Inside = __webpack_require__(3);
9021
9022var Circle = function Circle(cfg) {
Circle.superclass.constructor.call(this, cfg);
9024};
9025
9026Circle.ATTRS = {
x: 0,
y: 0,
r: 0,
lineWidth: 1
9031};
9032
9033Util.extend(Circle, Shape);
9034
9035Util.augment(Circle, {
canFill: true,
canStroke: true,
type: 'circle',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r;
  var lineWidth = this.getHitLineWidth();
  var halfWidth = lineWidth / 2 + r;
  return {
    minX: cx - halfWidth,
    minY: cy - halfWidth,
    maxX: cx + halfWidth,
    maxY: cy + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var fill = this.hasFill();
  var stroke = this.hasStroke();
  if (fill && stroke) {
    return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
  }
9064
  if (fill) {
    return this._isPointInFill(x, y);
  }
9068
  if (stroke) {
    return this._isPointInStroke(x, y);
  }
9072
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r;
9080
  return Inside.circle(cx, cy, r, x, y);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r;
  var lineWidth = this.getHitLineWidth();
9089
  return Inside.arcline(cx, cy, r, 0, Math.PI * 2, false, lineWidth, x, y);
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r;
  context = context || self.get('context');
9098
  context.beginPath();
  context.arc(cx, cy, r, 0, Math.PI * 2, false);
}
9102});
9103
9104module.exports = Circle;
9105
9106/***/ }),
9107/* 57 */
9108/***/ (function(module, exports, __webpack_require__) {
9109
9110var Util = __webpack_require__(0);
9111var Shape = __webpack_require__(1);
9112var Inside = __webpack_require__(3);
9113var mat3 = __webpack_require__(2).mat3;
9114var vec3 = __webpack_require__(2).vec3;
9115
9116var Ellipse = function Ellipse(cfg) {
Ellipse.superclass.constructor.call(this, cfg);
9118};
9119
9120Ellipse.ATTRS = {
x: 0,
y: 0,
rx: 1,
ry: 1,
lineWidth: 1
9126};
9127
9128Util.extend(Ellipse, Shape);
9129
9130Util.augment(Ellipse, {
canFill: true,
canStroke: true,
type: 'ellipse',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rx = attrs.rx;
  var ry = attrs.ry;
  var lineWidth = this.getHitLineWidth();
  var halfXWidth = rx + lineWidth / 2;
  var halfYWidth = ry + lineWidth / 2;
9148
  return {
    minX: cx - halfXWidth,
    minY: cy - halfYWidth,
    maxX: cx + halfXWidth,
    maxY: cy + halfYWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var fill = this.hasFill();
  var stroke = this.hasStroke();
9159
  if (fill && stroke) {
    return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
  }
9163
  if (fill) {
    return this._isPointInFill(x, y);
  }
9167
  if (stroke) {
    return this._isPointInStroke(x, y);
  }
9171
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rx = attrs.rx;
  var ry = attrs.ry;
9180
  var r = rx > ry ? rx : ry;
  var scaleX = rx > ry ? 1 : rx / ry;
  var scaleY = rx > ry ? ry / rx : 1;
9184
  var p = [x, y, 1];
  var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
  mat3.scale(m, m, [scaleX, scaleY]);
  mat3.translate(m, m, [cx, cy]);
  var inm = mat3.invert([], m);
  vec3.transformMat3(p, p, inm);
9191
  return Inside.circle(0, 0, r, p[0], p[1]);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rx = attrs.rx;
  var ry = attrs.ry;
  var lineWidth = this.getHitLineWidth();
9201
  var r = rx > ry ? rx : ry;
  var scaleX = rx > ry ? 1 : rx / ry;
  var scaleY = rx > ry ? ry / rx : 1;
  var p = [x, y, 1];
  var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
  mat3.scale(m, m, [scaleX, scaleY]);
  mat3.translate(m, m, [cx, cy]);
  var inm = mat3.invert([], m);
  vec3.transformMat3(p, p, inm);
9211
  return Inside.arcline(0, 0, r, 0, Math.PI * 2, false, lineWidth, p[0], p[1]);
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rx = attrs.rx;
  var ry = attrs.ry;
9220
  context = context || self.get('context');
  var r = rx > ry ? rx : ry;
  var scaleX = rx > ry ? 1 : rx / ry;
  var scaleY = rx > ry ? ry / rx : 1;
9225
  var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
  mat3.scale(m, m, [scaleX, scaleY]);
  mat3.translate(m, m, [cx, cy]);
  context.beginPath();
  context.save();
  context.transform(m[0], m[1], m[3], m[4], m[6], m[7]);
  context.arc(0, 0, r, 0, Math.PI * 2);
  context.restore();
  context.closePath();
}
9236});
9237
9238module.exports = Ellipse;
9239
9240/***/ }),
9241/* 58 */
9242/***/ (function(module, exports, __webpack_require__) {
9243
9244var Util = __webpack_require__(0);
9245var Shape = __webpack_require__(1);
9246var PathSegment = __webpack_require__(26);
9247var Format = __webpack_require__(21);
9248var Arrow = __webpack_require__(6);
9249var PathUtil = __webpack_require__(15);
9250var CubicMath = __webpack_require__(12);
9251
9252var Path = function Path(cfg) {
Path.superclass.constructor.call(this, cfg);
9254};
9255
9256Path.ATTRS = {
path: null,
lineWidth: 1,
curve: null, // 曲线path
tCache: null,
startArrow: false,
endArrow: false
9263};
9264
9265Util.extend(Path, Shape);
9266
9267Util.augment(Path, {
canFill: true,
canStroke: true,
type: 'path',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
_afterSetAttrPath: function _afterSetAttrPath(path) {
  var self = this;
  if (Util.isNil(path)) {
    self.setSilent('segments', null);
    self.setSilent('box', undefined);
    return;
  }
  var pathArray = Format.parsePath(path);
  var preSegment = void 0;
  var segments = [];
9288
  if (!Util.isArray(pathArray) || pathArray.length === 0 || pathArray[0][0] !== 'M' && pathArray[0][0] !== 'm') {
    return;
  }
  var count = pathArray.length;
  for (var i = 0; i < pathArray.length; i++) {
    var item = pathArray[i];
    preSegment = new PathSegment(item, preSegment, i === count - 1);
    segments.push(preSegment);
  }
  self.setSilent('segments', segments);
  self.set('tCache', null);
  this.setSilent('box', null);
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if (objs.path) {
    this._afterSetAttrPath(objs.path);
  }
},
calculateBox: function calculateBox() {
  var self = this;
  var segments = self.get('segments');
9310
  if (!segments) {
    return null;
  }
  var lineWidth = this.getHitLineWidth();
  var minX = Infinity;
  var maxX = -Infinity;
  var minY = Infinity;
  var maxY = -Infinity;
  Util.each(segments, function (segment) {
    segment.getBBox(lineWidth);
    var box = segment.box;
    if (box) {
      if (box.minX < minX) {
        minX = box.minX;
      }
9326
      if (box.maxX > maxX) {
        maxX = box.maxX;
      }
9330
      if (box.minY < minY) {
        minY = box.minY;
      }
9334
      if (box.maxY > maxY) {
        maxY = box.maxY;
      }
    }
  });
  return {
    minX: minX,
    minY: minY,
    maxX: maxX,
    maxY: maxY
  };
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var fill = self.hasFill();
  var stroke = self.hasStroke();
9351
  if (fill && stroke) {
    return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
  }
9355
  if (fill) {
    return self._isPointInFill(x, y);
  }
9359
  if (stroke) {
    return self._isPointInStroke(x, y);
  }
9363
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var self = this;
  var context = self.get('context');
  if (!context) return undefined;
  self.createPath();
  return context.isPointInPath(x, y);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var self = this;
  var segments = self.get('segments');
  if (!Util.isEmpty(segments)) {
    var lineWidth = self.getHitLineWidth();
    for (var i = 0, l = segments.length; i < l; i++) {
      if (segments[i].isInside(x, y, lineWidth)) {
        return true;
      }
    }
  }
9384
  return false;
},
_setTcache: function _setTcache() {
  var totalLength = 0;
  var tempLength = 0;
  var tCache = [];
  var segmentT = void 0;
  var segmentL = void 0;
  var segmentN = void 0;
  var l = void 0;
  var curve = this.curve;
9396
  if (!curve) {
    return;
  }
9400
  Util.each(curve, function (segment, i) {
    segmentN = curve[i + 1];
    l = segment.length;
    if (segmentN) {
      totalLength += CubicMath.len(segment[l - 2], segment[l - 1], segmentN[1], segmentN[2], segmentN[3], segmentN[4], segmentN[5], segmentN[6]);
    }
  });
9408
  Util.each(curve, function (segment, i) {
    segmentN = curve[i + 1];
    l = segment.length;
    if (segmentN) {
      segmentT = [];
      segmentT[0] = tempLength / totalLength;
      segmentL = CubicMath.len(segment[l - 2], segment[l - 1], segmentN[1], segmentN[2], segmentN[3], segmentN[4], segmentN[5], segmentN[6]);
      tempLength += segmentL;
      segmentT[1] = tempLength / totalLength;
      tCache.push(segmentT);
    }
  });
9421
  this.tCache = tCache;
},
_calculateCurve: function _calculateCurve() {
  var self = this;
  var attrs = self.__attrs;
  var path = attrs.path;
  this.curve = PathUtil.pathTocurve(path);
},
getPoint: function getPoint(t) {
  var tCache = this.tCache;
  var subt = void 0;
  var index = void 0;
9434
  if (!tCache) {
    this._calculateCurve();
    this._setTcache();
    tCache = this.tCache;
  }
9440
  var curve = this.curve;
9442
  if (!tCache) {
    if (curve) {
      return {
        x: curve[0][1],
        y: curve[0][2]
      };
    }
    return null;
  }
  Util.each(tCache, function (v, i) {
    if (t >= v[0] && t <= v[1]) {
      subt = (t - v[0]) / (v[1] - v[0]);
      index = i;
    }
  });
  var seg = curve[index];
  if (Util.isNil(seg) || Util.isNil(index)) {
    return null;
  }
  var l = seg.length;
  var nextSeg = curve[index + 1];
  return {
    x: CubicMath.at(seg[l - 2], nextSeg[1], nextSeg[3], nextSeg[5], 1 - subt),
    y: CubicMath.at(seg[l - 1], nextSeg[2], nextSeg[4], nextSeg[6], 1 - subt)
  };
},
createPath: function createPath(context) {
  var self = this;
  var segments = self.get('segments');
  if (!Util.isArray(segments)) return;
9473
  context = context || self.get('context');
9475
  context.beginPath();
  var segmentsLen = segments.length;
9478
  for (var i = 0; i < segmentsLen; i++) {
    segments[i].draw(context);
  }
},
afterPath: function afterPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var segments = self.get('segments');
  var path = attrs.path;
  var startPoint = void 0,
      endPoint = void 0,
      tangent = void 0;
  context = context || self.get('context');
  if (!Util.isArray(segments)) return;
  if (!attrs.startArrow && !attrs.endArrow) {
    return;
  }
  if (path[path.length - 1] === 'z' || path[path.length - 1] === 'Z' || attrs.fill) {
    // 闭合路径不绘制箭头
    return;
  }
  var segmentsLen = segments.length;
  if (segmentsLen > 1) {
    startPoint = segments[0].endPoint;
    endPoint = segments[1].endPoint;
    tangent = segments[1].startTangent;
    if (Util.isFunction(tangent)) {
      var v = tangent();
      Arrow.addStartArrow(context, attrs, startPoint.x - v[0], startPoint.y - v[1], startPoint.x, startPoint.y);
    } else {
      Arrow.addStartArrow(context, attrs, endPoint.x, endPoint.y, startPoint.x, startPoint.y);
    }
  }
9512
  if (segmentsLen > 1 && !closed) {
    startPoint = segments[segmentsLen - 2].endPoint;
    endPoint = segments[segmentsLen - 1].endPoint;
    tangent = segments[segmentsLen - 1].endTangent;
    if (Util.isFunction(tangent)) {
      var _v = tangent();
      Arrow.addEndArrow(context, attrs, endPoint.x - _v[0], endPoint.y - _v[1], endPoint.x, endPoint.y, tangent());
    } else {
      Arrow.addEndArrow(context, attrs, startPoint.x, startPoint.y, endPoint.x, endPoint.y);
    }
  }
}
9525});
9526
9527module.exports = Path;
9528
9529/***/ }),
9530/* 59 */
9531/***/ (function(module, exports, __webpack_require__) {
9532
9533var Util = __webpack_require__(0);
9534var Shape = __webpack_require__(1);
9535var Inside = __webpack_require__(3);
9536
9537var CText = function CText(cfg) {
CText.superclass.constructor.call(this, cfg);
9539};
9540
9541CText.ATTRS = {
x: 0,
y: 0,
text: null,
fontSize: 12,
fontFamily: 'sans-serif',
fontStyle: 'normal',
fontWeight: 'normal',
fontVariant: 'normal',
textAlign: 'start',
textBaseline: 'bottom',
lineHeight: null,
textArr: null
9554};
9555
9556Util.extend(CText, Shape);
9557
9558Util.augment(CText, {
canFill: true,
canStroke: true,
type: 'text',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    lineCount: 1,
    fontSize: 12,
    fontFamily: 'sans-serif',
    fontStyle: 'normal',
    fontWeight: 'normal',
    fontVariant: 'normal',
    textAlign: 'start',
    textBaseline: 'bottom'
  };
},
initTransform: function initTransform() {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
  var fontSize = this.__attrs.fontSize;
  if (fontSize && +fontSize < 12) {
    // 小于 12 像素的文本进行 scale 处理
    this.transform([['t', -1 * this.__attrs.x, -1 * this.__attrs.y], ['s', +fontSize / 12, +fontSize / 12], ['t', this.__attrs.x, this.__attrs.y]]);
  }
},
_assembleFont: function _assembleFont() {
  // var self = this;
  var attrs = this.__attrs;
  var fontSize = attrs.fontSize;
  var fontFamily = attrs.fontFamily;
  var fontWeight = attrs.fontWeight;
  var fontStyle = attrs.fontStyle; // self.attr('fontStyle');
  var fontVariant = attrs.fontVariant; // self.attr('fontVariant');
  // self.attr('font', [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' '));
  attrs.font = [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' ');
},
_afterSetAttrFontSize: function _afterSetAttrFontSize() {
  /* this.attr({
    height: this.__getTextHeight()
  }); */
  this._assembleFont();
},
_afterSetAttrFontFamily: function _afterSetAttrFontFamily() {
  this._assembleFont();
},
_afterSetAttrFontWeight: function _afterSetAttrFontWeight() {
  this._assembleFont();
},
_afterSetAttrFontStyle: function _afterSetAttrFontStyle() {
  this._assembleFont();
},
_afterSetAttrFontVariant: function _afterSetAttrFontVariant() {
  this._assembleFont();
},
_afterSetAttrFont: function _afterSetAttrFont() {
  // this.attr('width', this.measureText());
},
_afterSetAttrText: function _afterSetAttrText() {
  var attrs = this.__attrs;
  var text = attrs.text;
  var textArr = void 0;
  if (Util.isString(text) && text.indexOf('\n') !== -1) {
    textArr = text.split('\n');
    var lineCount = textArr.length;
    attrs.lineCount = lineCount;
    attrs.textArr = textArr;
  }
  // attrs.height = this.__getTextHeight();
  // attrs.width = this.measureText();
},
_getTextHeight: function _getTextHeight() {
  var attrs = this.__attrs;
  var lineCount = attrs.lineCount;
  var fontSize = attrs.fontSize * 1;
  if (lineCount > 1) {
    var spaceingY = this._getSpaceingY();
    return fontSize * lineCount + spaceingY * (lineCount - 1);
  }
  return fontSize;
},
9638
// 计算浪费，效率低，待优化
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  var self = this;
  if ('fontSize' in objs || 'fontWeight' in objs || 'fontStyle' in objs || 'fontVariant' in objs || 'fontFamily' in objs) {
    self._assembleFont();
  }
9645
  if ('text' in objs) {
    self._afterSetAttrText(objs.text);
  }
},
isHitBox: function isHitBox() {
  return false;
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var width = self.measureText(); // attrs.width
  if (!width) {
    // 如果width不存在，四点共其实点
    return {
      minX: x,
      minY: y,
      maxX: x,
      maxY: y
    };
  }
  var height = self._getTextHeight(); // attrs.height
  var textAlign = attrs.textAlign;
  var textBaseline = attrs.textBaseline;
  var lineWidth = self.getHitLineWidth();
  var point = {
    x: x,
    y: y - height
  };
9676
  if (textAlign) {
    if (textAlign === 'end' || textAlign === 'right') {
      point.x -= width;
    } else if (textAlign === 'center') {
      point.x -= width / 2;
    }
  }
9684
  if (textBaseline) {
    if (textBaseline === 'top') {
      point.y += height;
    } else if (textBaseline === 'middle') {
      point.y += height / 2;
    }
  }
9692
  this.set('startPoint', point);
  var halfWidth = lineWidth / 2;
  return {
    minX: point.x - halfWidth,
    minY: point.y - halfWidth,
    maxX: point.x + width + halfWidth,
    maxY: point.y + height + halfWidth
  };
},
_getSpaceingY: function _getSpaceingY() {
  var attrs = this.__attrs;
  var lineHeight = attrs.lineHeight;
  var fontSize = attrs.fontSize * 1;
  return lineHeight ? lineHeight - fontSize : fontSize * 0.14;
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var box = self.getBBox();
  if (self.hasFill() || self.hasStroke()) {
    return Inside.box(box.minX, box.maxX, box.minY, box.maxY, x, y);
  }
},
drawInner: function drawInner(context) {
  var self = this;
  var attrs = self.__attrs;
  var text = attrs.text;
  if (!text) {
    return;
  }
  var textArr = attrs.textArr;
  var x = attrs.x;
  var y = attrs.y;
9725
  context.beginPath();
  if (self.hasStroke()) {
    if (textArr) {
      self._drawTextArr(context, false);
    } else {
      context.strokeText(text, x, y);
    }
  }
  if (self.hasFill()) {
    var fillOpacity = attrs.fillOpacity;
    if (!Util.isNil(fillOpacity) && fillOpacity !== 1) {
      context.globalAlpha = fillOpacity;
    }
    if (textArr) {
      self._drawTextArr(context, true);
    } else {
      context.fillText(text, x, y);
    }
  }
},
_drawTextArr: function _drawTextArr(context, fill) {
  var textArr = this.__attrs.textArr;
  var textBaseline = this.__attrs.textBaseline;
  var fontSize = this.__attrs.fontSize * 1;
  var spaceingY = this._getSpaceingY();
  var x = this.__attrs.x;
  var y = this.__attrs.y;
  var box = this.getBBox();
  var height = box.maxY - box.minY;
  var subY = void 0;
9756
  Util.each(textArr, function (subText, index) {
    subY = y + index * (spaceingY + fontSize) - height + fontSize; // bottom;
    if (textBaseline === 'middle') subY += height - fontSize - (height - fontSize) / 2;
    if (textBaseline === 'top') subY += height - fontSize;
    if (fill) {
      context.fillText(subText, x, subY);
    } else {
      context.strokeText(subText, x, subY);
    }
  });
},
measureText: function measureText() {
  var self = this;
  var attrs = self.__attrs;
  var text = attrs.text;
  var font = attrs.font;
  var textArr = attrs.textArr;
  var measureWidth = void 0;
  var width = 0;
9776
  if (Util.isNil(text)) return undefined;
  var context = document.createElement('canvas').getContext('2d');
  context.save();
  context.font = font;
  if (textArr) {
    Util.each(textArr, function (subText) {
      measureWidth = context.measureText(subText).width;
      if (width < measureWidth) {
        width = measureWidth;
      }
      context.restore();
    });
  } else {
    width = context.measureText(text).width;
    context.restore();
  }
  return width;
}
9795});
9796
9797module.exports = CText;
9798
9799/***/ }),
9800/* 60 */
9801/***/ (function(module, exports, __webpack_require__) {
9802
9803var Util = __webpack_require__(0);
9804var Shape = __webpack_require__(1);
9805var Inside = __webpack_require__(3);
9806var Arrow = __webpack_require__(6);
9807var LineMath = __webpack_require__(22);
9808
9809var Line = function Line(cfg) {
Line.superclass.constructor.call(this, cfg);
9811};
9812
9813Line.ATTRS = {
x1: 0,
y1: 0,
x2: 0,
y2: 0,
lineWidth: 1,
startArrow: false,
endArrow: false
9821};
9822
9823Util.extend(Line, Shape);
9824
9825Util.augment(Line, {
canStroke: true,
type: 'line',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var x1 = attrs.x1,
      y1 = attrs.y1,
      x2 = attrs.x2,
      y2 = attrs.y2;
9841
  var lineWidth = this.getHitLineWidth();
  return LineMath.box(x1, y1, x2, y2, lineWidth);
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  var x1 = attrs.x1,
      y1 = attrs.y1,
      x2 = attrs.x2,
      y2 = attrs.y2;
9851
  var lineWidth = this.getHitLineWidth();
9853
  if (this.hasStroke()) {
    return Inside.line(x1, y1, x2, y2, lineWidth, x, y);
  }
9857
  return false;
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var x1 = attrs.x1,
      y1 = attrs.y1,
      x2 = attrs.x2,
      y2 = attrs.y2;
9866
  context = context || self.get('context');
  context.beginPath();
  context.moveTo(x1, y1);
  context.lineTo(x2, y2);
},
afterPath: function afterPath(context) {
  var attrs = this.__attrs;
  var x1 = attrs.x1,
      y1 = attrs.y1,
      x2 = attrs.x2,
      y2 = attrs.y2;
9878
  context = context || this.get('context');
  if (attrs.startArrow) {
    Arrow.addStartArrow(context, attrs, x2, y2, x1, y1);
  }
  if (attrs.endArrow) {
    Arrow.addEndArrow(context, attrs, x1, y1, x2, y2);
  }
},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  return {
    x: LineMath.at(attrs.x1, attrs.x2, t),
    y: LineMath.at(attrs.y1, attrs.y2, t)
  };
}
9894});
9895
9896module.exports = Line;
9897
9898/***/ }),
9899/* 61 */
9900/***/ (function(module, exports, __webpack_require__) {
9901
9902var Util = __webpack_require__(0);
9903var Shape = __webpack_require__(1);
9904var Inside = __webpack_require__(3);
9905
9906var CImage = function CImage(cfg) {
CImage.superclass.constructor.call(this, cfg);
9908};
9909
9910CImage.ATTRS = {
x: 0,
y: 0,
img: undefined,
width: 0,
height: 0,
sx: null,
sy: null,
swidth: null,
sheight: null
9920};
9921
9922Util.extend(CImage, Shape);
9923
9924Util.augment(CImage, {
type: 'image',
_afterSetAttrImg: function _afterSetAttrImg(img) {
  this._setAttrImg(img);
},
_afterSetAttrAll: function _afterSetAttrAll(params) {
  if (params.img) {
    this._setAttrImg(params.img);
  }
},
isHitBox: function isHitBox() {
  return false;
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
9943
  return {
    minX: x,
    minY: y,
    maxX: x + width,
    maxY: y + height
  };
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  if (this.get('toDraw') || !attrs.img) {
    return false;
  }
  var rx = attrs.x;
  var ry = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
  return Inside.rect(rx, ry, width, height, x, y);
},
_beforeSetLoading: function _beforeSetLoading(loading) {
  var canvas = this.get('canvas');
  if (loading === false && this.get('toDraw') === true) {
    this.__cfg.loading = false;
    canvas.draw();
  }
  return loading;
},
_setAttrImg: function _setAttrImg(img) {
  var self = this;
  var attrs = self.__attrs;
  if (Util.isString(img)) {
    var image = new Image();
    image.onload = function () {
      if (self.get('destroyed')) return false;
      self.attr('imgSrc', img);
      self.attr('img', image);
      var callback = self.get('callback');
      if (callback) {
        callback.call(self);
      }
      self.set('loading', false);
    };
    image.src = img;
    self.set('loading', true);
  } else if (img instanceof Image) {
    if (!attrs.width) {
      self.attr('width', img.width);
    }
9991
    if (!attrs.height) {
      self.attr('height', img.height);
    }
    return img;
  } else if (img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
    if (!attrs.width) {
      self.attr('width', Number(img.getAttribute('width')));
    }
10000
    if (!attrs.height) {
      self.attr('height', Number(img.getAttribute('height')));
    }
    return img;
  } else if (img instanceof ImageData) {
    if (!attrs.width) {
      self.attr('width', img.width);
    }
10009
    if (!attrs.height) {
      self.attr('height', img.height);
    }
    return img;
  } else {
    return null;
  }
},
drawInner: function drawInner(context) {
  if (this.get('loading')) {
    this.set('toDraw', true);
    return;
  }
  this._drawImage(context);
},
_drawImage: function _drawImage(context) {
  var attrs = this.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var image = attrs.img;
  var width = attrs.width;
  var height = attrs.height;
  var sx = attrs.sx;
  var sy = attrs.sy;
  var swidth = attrs.swidth;
  var sheight = attrs.sheight;
  this.set('toDraw', false);
10037
  var img = image;
  if (img instanceof ImageData) {
    img = new Image();
    img.src = image;
  }
  if (img instanceof Image || img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
    if (Util.isNil(sx) || Util.isNil(sy) || Util.isNil(swidth) || Util.isNil(sheight)) {
      context.drawImage(img, x, y, width, height);
      return;
    }
    if (!Util.isNil(sx) && !Util.isNil(sy) && !Util.isNil(swidth) && !Util.isNil(sheight)) {
      context.drawImage(img, sx, sy, swidth, sheight, x, y, width, height);
      return;
    }
  }
  return;
}
10055});
10056
10057module.exports = CImage;
10058
10059/***/ }),
10060/* 62 */
10061/***/ (function(module, exports, __webpack_require__) {
10062
10063var Util = __webpack_require__(0);
10064var Shape = __webpack_require__(1);
10065var Inside = __webpack_require__(3);
10066
10067var Polygon = function Polygon(cfg) {
Polygon.superclass.constructor.call(this, cfg);
10069};
10070
10071Polygon.ATTRS = {
points: null,
lineWidth: 1
10074};
10075
10076Util.extend(Polygon, Shape);
10077
10078Util.augment(Polygon, {
canFill: true,
canStroke: true,
type: 'polygon',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  var lineWidth = this.getHitLineWidth();
  if (!points || points.length === 0) {
    return null;
  }
  var minX = Infinity;
  var minY = Infinity;
  var maxX = -Infinity;
  var maxY = -Infinity;
10099
  Util.each(points, function (point) {
    var x = point[0];
    var y = point[1];
    if (x < minX) {
      minX = x;
    }
    if (x > maxX) {
      maxX = x;
    }
10109
    if (y < minY) {
      minY = y;
    }
10113
    if (y > maxY) {
      maxY = y;
    }
  });
10118
  var halfWidth = lineWidth / 2;
  return {
    minX: minX - halfWidth,
    minY: minY - halfWidth,
    maxX: maxX + halfWidth,
    maxY: maxY + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var fill = self.hasFill();
  var stroke = self.hasStroke();
10131
  if (fill && stroke) {
    return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
  }
10135
  if (fill) {
    return self._isPointInFill(x, y);
  }
10139
  if (stroke) {
    return self._isPointInStroke(x, y);
  }
10143
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var self = this;
  var context = self.get('context');
  self.createPath();
  return context.isPointInPath(x, y);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  if (points.length < 2) {
    return false;
  }
  var lineWidth = this.getHitLineWidth();
  var outPoints = points.slice(0);
  if (points.length >= 3) {
    outPoints.push(points[0]);
  }
10164
  return Inside.polyline(outPoints, lineWidth, x, y);
},
createPath: function createPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  if (points.length < 2) {
    return;
  }
  context = context || self.get('context');
  context.beginPath();
  Util.each(points, function (point, index) {
    if (index === 0) {
      context.moveTo(point[0], point[1]);
    } else {
      context.lineTo(point[0], point[1]);
    }
  });
  context.closePath();
}
10185});
10186
10187module.exports = Polygon;
10188
10189/***/ }),
10190/* 63 */
10191/***/ (function(module, exports, __webpack_require__) {
10192
10193var Util = __webpack_require__(0);
10194var Shape = __webpack_require__(1);
10195var Inside = __webpack_require__(3);
10196var Arrow = __webpack_require__(6);
10197var LineMath = __webpack_require__(22);
10198
10199var Polyline = function Polyline(cfg) {
Polyline.superclass.constructor.call(this, cfg);
10201};
10202
10203Polyline.ATTRS = {
points: null,
lineWidth: 1,
startArrow: false,
endArrow: false,
tCache: null
10209};
10210
10211Util.extend(Polyline, Shape);
10212
10213Util.augment(Polyline, {
canStroke: true,
type: 'polyline',
tCache: null, // 缓存各点的t
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var lineWidth = this.getHitLineWidth();
  var points = attrs.points;
  if (!points || points.length === 0) {
    return null;
  }
  var minX = Infinity;
  var minY = Infinity;
  var maxX = -Infinity;
  var maxY = -Infinity;
10236
  Util.each(points, function (point) {
    var x = point[0];
    var y = point[1];
    if (x < minX) {
      minX = x;
    }
    if (x > maxX) {
      maxX = x;
    }
10246
    if (y < minY) {
      minY = y;
    }
10250
    if (y > maxY) {
      maxY = y;
    }
  });
10255
  var halfWidth = lineWidth / 2;
  return {
    minX: minX - halfWidth,
    minY: minY - halfWidth,
    maxX: maxX + halfWidth,
    maxY: maxY + halfWidth
  };
},
_setTcache: function _setTcache() {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  var totalLength = 0;
  var tempLength = 0;
  var tCache = [];
  var segmentT = void 0;
  var segmentL = void 0;
  if (!points || points.length === 0) {
    return;
  }
10276
  Util.each(points, function (p, i) {
    if (points[i + 1]) {
      totalLength += LineMath.len(p[0], p[1], points[i + 1][0], points[i + 1][1]);
    }
  });
  if (totalLength <= 0) {
    return;
  }
  Util.each(points, function (p, i) {
    if (points[i + 1]) {
      segmentT = [];
      segmentT[0] = tempLength / totalLength;
      segmentL = LineMath.len(p[0], p[1], points[i + 1][0], points[i + 1][1]);
      tempLength += segmentL;
      segmentT[1] = tempLength / totalLength;
      tCache.push(segmentT);
    }
  });
  this.tCache = tCache;
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var attrs = self.__attrs;
  if (self.hasStroke()) {
    var points = attrs.points;
    if (points.length < 2) {
      return false;
    }
    var lineWidth = attrs.lineWidth;
    return Inside.polyline(points, lineWidth, x, y);
  }
  return false;
},
createPath: function createPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  var l = void 0;
  var i = void 0;
10316
  if (points.length < 2) {
    return;
  }
  context = context || self.get('context');
  context.beginPath();
10322
  context.moveTo(points[0][0], points[0][1]);
  for (i = 1, l = points.length - 1; i < l; i++) {
    context.lineTo(points[i][0], points[i][1]);
  }
  context.lineTo(points[l][0], points[l][1]);
},
afterPath: function afterPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  var l = points.length - 1;
  context = context || self.get('context');
10335
  if (attrs.startArrow) {
    Arrow.addStartArrow(context, attrs, points[1][0], points[1][1], points[0][0], points[0][1]);
  }
  if (attrs.endArrow) {
    Arrow.addEndArrow(context, attrs, points[l - 1][0], points[l - 1][1], points[l][0], points[l][1]);
  }
},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  var points = attrs.points;
  var tCache = this.tCache;
  var subt = void 0;
  var index = void 0;
  if (!tCache) {
    this._setTcache();
    tCache = this.tCache;
  }
  Util.each(tCache, function (v, i) {
    if (t >= v[0] && t <= v[1]) {
      subt = (t - v[0]) / (v[1] - v[0]);
      index = i;
    }
  });
  return {
    x: LineMath.at(points[index][0], points[index + 1][0], subt),
    y: LineMath.at(points[index][1], points[index + 1][1], subt)
  };
}
10364});
10365
10366module.exports = Polyline;
10367
10368/***/ }),
10369/* 64 */
10370/***/ (function(module, exports, __webpack_require__) {
10371
10372var Util = __webpack_require__(0);
10373var Shape = __webpack_require__(1);
10374var Inside = __webpack_require__(3);
10375var ArcMath = __webpack_require__(24);
10376var Arrow = __webpack_require__(6);
10377
10378function _getArcX(x, radius, angle) {
return x + radius * Math.cos(angle);
10380}
10381function _getArcY(y, radius, angle) {
return y + radius * Math.sin(angle);
10383}
10384
10385var Arc = function Arc(cfg) {
Arc.superclass.constructor.call(this, cfg);
10387};
10388
10389Arc.ATTRS = {
x: 0,
y: 0,
r: 0,
startAngle: 0,
endAngle: 0,
clockwise: false,
lineWidth: 1,
startArrow: false,
endArrow: false
10399};
10400
10401Util.extend(Arc, Shape);
10402
10403Util.augment(Arc, {
canStroke: true,
type: 'arc',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    x: 0,
    y: 0,
    r: 0,
    startAngle: 0,
    endAngle: 0,
    clockwise: false,
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var x = attrs.x,
      y = attrs.y,
      r = attrs.r,
      startAngle = attrs.startAngle,
      endAngle = attrs.endAngle,
      clockwise = attrs.clockwise;
10427
  var lineWidth = this.getHitLineWidth();
  var halfWidth = lineWidth / 2;
  var box = ArcMath.box(x, y, r, startAngle, endAngle, clockwise);
  box.minX -= halfWidth;
  box.minY -= halfWidth;
  box.maxX += halfWidth;
  box.maxY += halfWidth;
  return box;
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r,
      startAngle = attrs.startAngle,
      endAngle = attrs.endAngle,
      clockwise = attrs.clockwise;
10445
  var lineWidth = this.getHitLineWidth();
  if (this.hasStroke()) {
    return Inside.arcline(cx, cy, r, startAngle, endAngle, clockwise, lineWidth, x, y);
  }
  return false;
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var x = attrs.x,
      y = attrs.y,
      r = attrs.r,
      startAngle = attrs.startAngle,
      endAngle = attrs.endAngle,
      clockwise = attrs.clockwise;
10460
  context = context || self.get('context');
10462
  context.beginPath();
  context.arc(x, y, r, startAngle, endAngle, clockwise);
},
afterPath: function afterPath(context) {
  var attrs = this.__attrs;
  var x = attrs.x,
      y = attrs.y,
      r = attrs.r,
      startAngle = attrs.startAngle,
      endAngle = attrs.endAngle,
      clockwise = attrs.clockwise;
10474
  context = context || this.get('context');
  var diff = void 0;
  var x1 = void 0;
  var y1 = void 0;
  var x2 = void 0;
  var y2 = void 0;
10481
  if (attrs.startArrow) {
    diff = Math.PI / 180;
    if (clockwise) {
      diff *= -1;
    }
    x1 = _getArcX(x, r, startAngle + diff);
    y1 = _getArcY(y, r, startAngle + diff);
    x2 = _getArcX(x, r, startAngle);
    y2 = _getArcY(y, r, startAngle);
    Arrow.addStartArrow(context, attrs, x1, y1, x2, y2);
  }
10493
  if (attrs.endArrow) {
    diff = Math.PI / 180;
    if (clockwise) {
      diff *= -1;
    }
    x1 = _getArcX(x, r, endAngle + diff);
    y1 = _getArcY(y, r, endAngle + diff);
    x2 = _getArcX(x, r, endAngle);
    y2 = _getArcY(y, r, endAngle);
    Arrow.addEndArrow(context, attrs, x2, y2, x1, y1);
  }
}
10506});
10507
10508module.exports = Arc;
10509
10510/***/ }),
10511/* 65 */
10512/***/ (function(module, exports, __webpack_require__) {
10513
10514var Util = __webpack_require__(0);
10515var Shape = __webpack_require__(1);
10516var Inside = __webpack_require__(3);
10517var ArcMath = __webpack_require__(24);
10518var vec2 = __webpack_require__(2).vec2;
10519
10520var Fan = function Fan(cfg) {
Fan.superclass.constructor.call(this, cfg);
10522};
10523
10524Fan.ATTRS = {
x: 0,
y: 0,
rs: 0,
re: 0,
startAngle: 0,
endAngle: 0,
clockwise: false,
lineWidth: 1
10533};
10534
10535Util.extend(Fan, Shape);
10536
10537Util.augment(Fan, {
canFill: true,
canStroke: true,
type: 'fan',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    clockwise: false,
    lineWidth: 1,
    rs: 0,
    re: 0
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rs = attrs.rs;
  var re = attrs.re;
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  var clockwise = attrs.clockwise;
  var lineWidth = this.getHitLineWidth();
10560
  var boxs = ArcMath.box(cx, cy, rs, startAngle, endAngle, clockwise);
  var boxe = ArcMath.box(cx, cy, re, startAngle, endAngle, clockwise);
  var minX = Math.min(boxs.minX, boxe.minX);
  var minY = Math.min(boxs.minY, boxe.minY);
  var maxX = Math.max(boxs.maxX, boxe.maxX);
  var maxY = Math.max(boxs.maxY, boxe.maxY);
10567
  var halfWidth = lineWidth / 2;
  return {
    minX: minX - halfWidth,
    minY: minY - halfWidth,
    maxX: maxX + halfWidth,
    maxY: maxY + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var fill = this.hasFill();
  var stroke = this.hasStroke();
10579
  if (fill && stroke) {
    return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
  }
10583
  if (fill) {
    return this._isPointInFill(x, y);
  }
10587
  if (stroke) {
    return this._isPointInStroke(x, y);
  }
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rs = attrs.rs;
  var re = attrs.re;
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  var clockwise = attrs.clockwise;
  var v1 = [1, 0];
  var subv = [x - cx, y - cy];
  var angle = vec2.angleTo(v1, subv);
10605
  var angle1 = ArcMath.nearAngle(angle, startAngle, endAngle, clockwise);
10607
  if (Util.isNumberEqual(angle, angle1)) {
    var ls = vec2.squaredLength(subv);
    if (rs * rs <= ls && ls <= re * re) {
      return true;
    }
  }
  return false;
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rs = attrs.rs;
  var re = attrs.re;
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  var clockwise = attrs.clockwise;
  var lineWidth = this.getHitLineWidth();
10626
  var ssp = {
    x: Math.cos(startAngle) * rs + cx,
    y: Math.sin(startAngle) * rs + cy
  };
  var sep = {
    x: Math.cos(startAngle) * re + cx,
    y: Math.sin(startAngle) * re + cy
  };
  var esp = {
    x: Math.cos(endAngle) * rs + cx,
    y: Math.sin(endAngle) * rs + cy
  };
  var eep = {
    x: Math.cos(endAngle) * re + cx,
    y: Math.sin(endAngle) * re + cy
  };
10643
  if (Inside.line(ssp.x, ssp.y, sep.x, sep.y, lineWidth, x, y)) {
    return true;
  }
10647
  if (Inside.line(esp.x, esp.y, eep.x, eep.y, lineWidth, x, y)) {
    return true;
  }
10651
  if (Inside.arcline(cx, cy, rs, startAngle, endAngle, clockwise, lineWidth, x, y)) {
    return true;
  }
10655
  if (Inside.arcline(cx, cy, re, startAngle, endAngle, clockwise, lineWidth, x, y)) {
    return true;
  }
10659
  return false;
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rs = attrs.rs;
  var re = attrs.re;
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  var clockwise = attrs.clockwise;
10671
  var ssp = {
    x: Math.cos(startAngle) * rs + cx,
    y: Math.sin(startAngle) * rs + cy
  };
  var sep = {
    x: Math.cos(startAngle) * re + cx,
    y: Math.sin(startAngle) * re + cy
  };
  var esp = {
    x: Math.cos(endAngle) * rs + cx,
    y: Math.sin(endAngle) * rs + cy
  };
10684
  context = context || self.get('context');
  context.beginPath();
  context.moveTo(ssp.x, ssp.y);
  context.lineTo(sep.x, sep.y);
  context.arc(cx, cy, re, startAngle, endAngle, clockwise);
  context.lineTo(esp.x, esp.y);
  context.arc(cx, cy, rs, endAngle, startAngle, !clockwise);
  context.closePath();
}
10694});
10695
10696module.exports = Fan;
10697
10698/***/ }),
10699/* 66 */
10700/***/ (function(module, exports, __webpack_require__) {
10701
10702var Util = __webpack_require__(0);
10703var Shape = __webpack_require__(1);
10704var Inside = __webpack_require__(3);
10705var Arrow = __webpack_require__(6);
10706var CubicMath = __webpack_require__(12);
10707
10708var Cubic = function Cubic(cfg) {
Cubic.superclass.constructor.call(this, cfg);
10710};
10711
10712Cubic.ATTRS = {
p1: null, // 起始点
p2: null, // 第一个控制点
p3: null, // 第二个控制点
p4: null, // 终点
lineWidth: 1,
startArrow: false,
endArrow: false
10720};
10721
10722Util.extend(Cubic, Shape);
10723
10724Util.augment(Cubic, {
canStroke: true,
type: 'cubic',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3,
      p4 = attrs.p4;
10740
  var lineWidth = this.getHitLineWidth();
  var i = void 0;
  var l = void 0;
10744
  if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3) || Util.isNil(p4)) {
    return null;
  }
  var halfWidth = lineWidth / 2;
10749
  var xDim = CubicMath.extrema(p1[0], p2[0], p3[0], p4[0]);
  for (i = 0, l = xDim.length; i < l; i++) {
    xDim[i] = CubicMath.at(p1[0], p2[0], p3[0], p4[0], xDim[i]);
  }
  var yDim = CubicMath.extrema(p1[1], p2[1], p3[1], p4[1]);
  for (i = 0, l = yDim.length; i < l; i++) {
    yDim[i] = CubicMath.at(p1[1], p2[1], p3[1], p4[1], yDim[i]);
  }
  xDim.push(p1[0], p4[0]);
  yDim.push(p1[1], p4[1]);
10760
  return {
    minX: Math.min.apply(Math, xDim) - halfWidth,
    maxX: Math.max.apply(Math, xDim) + halfWidth,
    minY: Math.min.apply(Math, yDim) - halfWidth,
    maxY: Math.max.apply(Math, yDim) + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3,
      p4 = attrs.p4;
10774
  var lineWidth = this.getHitLineWidth();
  return Inside.cubicline(p1[0], p1[1], p2[0], p2[1], p3[0], p3[1], p4[0], p4[1], lineWidth, x, y);
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3,
      p4 = attrs.p4;
10784
  context = context || self.get('context');
  if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3) || Util.isNil(p4)) {
    return;
  }
  context.beginPath();
  context.moveTo(p1[0], p1[1]);
  context.bezierCurveTo(p2[0], p2[1], p3[0], p3[1], p4[0], p4[1]);
},
afterPath: function afterPath(context) {
  var attrs = this.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3,
      p4 = attrs.p4;
10799
  context = context || this.get('context');
  if (attrs.startArrow) {
    Arrow.addStartArrow(context, attrs, p2[0], p2[1], p1[0], p1[1]);
  }
  if (attrs.endArrow) {
    Arrow.addEndArrow(context, attrs, p3[0], p3[1], p4[0], p4[1]);
  }
},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  return {
    x: CubicMath.at(attrs.p4[0], attrs.p3[0], attrs.p2[0], attrs.p1[0], t),
    y: CubicMath.at(attrs.p4[1], attrs.p3[1], attrs.p2[1], attrs.p1[1], t)
  };
}
10815});
10816
10817module.exports = Cubic;
10818
10819/***/ }),
10820/* 67 */
10821/***/ (function(module, exports, __webpack_require__) {
10822
10823var Util = __webpack_require__(0);
10824var Shape = __webpack_require__(1);
10825var Inside = __webpack_require__(3);
10826var Arrow = __webpack_require__(6);
10827var QuadraticMath = __webpack_require__(23);
10828
10829var Quadratic = function Quadratic(cfg) {
Quadratic.superclass.constructor.call(this, cfg);
10831};
10832
10833Quadratic.ATTRS = {
p1: null, // 起始点
p2: null, // 控制点
p3: null, // 结束点
lineWidth: 1,
startArrow: false,
endArrow: false
10840};
10841
10842Util.extend(Quadratic, Shape);
10843
10844Util.augment(Quadratic, {
canStroke: true,
type: 'quadratic',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3;
10860
  var lineWidth = this.getHitLineWidth();
  var i = void 0;
  var l = void 0;
10864
  if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3)) {
    return null;
  }
  var halfWidth = lineWidth / 2;
  var xDims = QuadraticMath.extrema(p1[0], p2[0], p3[0]);
  for (i = 0, l = xDims.length; i < l; i++) {
    xDims[i] = QuadraticMath.at(p1[0], p2[0], p3[0], xDims[i]);
  }
  xDims.push(p1[0], p3[0]);
  var yDims = QuadraticMath.extrema(p1[1], p2[1], p3[1]);
  for (i = 0, l = yDims.length; i < l; i++) {
    yDims[i] = QuadraticMath.at(p1[1], p2[1], p3[1], yDims[i]);
  }
  yDims.push(p1[1], p3[1]);
10879
  return {
    minX: Math.min.apply(Math, xDims) - halfWidth,
    maxX: Math.max.apply(Math, xDims) + halfWidth,
    minY: Math.min.apply(Math, yDims) - halfWidth,
    maxY: Math.max.apply(Math, yDims) + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var attrs = self.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3;
10893
  var lineWidth = this.getHitLineWidth();
10895
  return Inside.quadraticline(p1[0], p1[1], p2[0], p2[1], p3[0], p3[1], lineWidth, x, y);
},
createPath: function createPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3;
10904
10905
  if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3)) {
    return;
  }
  context = context || self.get('context');
  context.beginPath();
  context.moveTo(p1[0], p1[1]);
  context.quadraticCurveTo(p2[0], p2[1], p3[0], p3[1]);
},
afterPath: function afterPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3;
10920
  context = context || self.get('context');
10922
  if (attrs.startArrow) {
    Arrow.addStartArrow(context, attrs, p2[0], p2[1], p1[0], p1[1]);
  }
10926
  if (attrs.endArrow) {
    Arrow.addEndArrow(context, attrs, p2[0], p2[1], p3[0], p3[1]);
  }
},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  return {
    x: QuadraticMath.at(attrs.p1[0], attrs.p2[0], attrs.p3[0], t),
    y: QuadraticMath.at(attrs.p1[1], attrs.p2[1], attrs.p3[1], t)
  };
}
10938});
10939
10940module.exports = Quadratic;
10941
10942/***/ }),
10943/* 68 */
10944/***/ (function(module, exports, __webpack_require__) {
10945
10946/**
* @fileOverview Interaction
* @author leungwensen@gmail.com
*/
10950
10951var Interactions = {
Base: __webpack_require__(9),
Brush: __webpack_require__(119),
Drag: __webpack_require__(120),
Zoom: __webpack_require__(121),
helper: {
  bindInteraction: __webpack_require__(122)
}
10959};
10960
10961module.exports = Interactions;
10962
10963/***/ }),
10964/* 69 */
10965/***/ (function(module, exports, __webpack_require__) {
10966
10967module.exports = {
// renderers
svg: __webpack_require__(70),
canvas: __webpack_require__(110),
// utils
CommonUtil: __webpack_require__(7),
DomUtil: __webpack_require__(29),
MatrixUtil: __webpack_require__(2),
PathUtil: __webpack_require__(15),
// version, etc.
version: '3.0.0-beta.4'
10978};
10979
10980/***/ }),
10981/* 70 */
10982/***/ (function(module, exports, __webpack_require__) {
10983
10984module.exports = {
Canvas: __webpack_require__(71),
Group: __webpack_require__(31),
Shape: __webpack_require__(4),
Rect: __webpack_require__(42),
Circle: __webpack_require__(43),
Ellipse: __webpack_require__(44),
Path: __webpack_require__(45),
Text: __webpack_require__(46),
Line: __webpack_require__(47),
Image: __webpack_require__(48),
Polygon: __webpack_require__(49),
Marker: __webpack_require__(50),
Dom: __webpack_require__(51),
Fan: __webpack_require__(52),
Event: __webpack_require__(30)
11000};
11001
11002/***/ }),
11003/* 71 */
11004/***/ (function(module, exports, __webpack_require__) {
11005
11006var Util = __webpack_require__(0);
11007var Event = __webpack_require__(30);
11008var Group = __webpack_require__(31);
11009var Defs = __webpack_require__(105);
11010
11011var Canvas = function Canvas(cfg) {
Canvas.superclass.constructor.call(this, cfg);
11013};
11014
11015var defs = new Defs();
11016
11017Canvas.CFG = {
eventEnable: true,
/**
 * 像素宽度
 * @type {Number}
 */
width: null,
/**
 * 像素高度
 * @type {Number}
 */
height: null,
/**
 * 画布宽度
 * @type {Number}
 */
widthCanvas: null,
/**
 * 画布高度
 * @type {Number}
 */
heightCanvas: null,
/**
 * CSS宽
 * CSS宽
 * @type {String}
 */
widthStyle: null,
/**
 * CSS高
 * @type {String}
 */
heightStyle: null,
/**
 * 容器DOM
 * @type {Object}
 */
containerDOM: null,
/**
 * 当前Canvas的DOM
 * @type {Object}
 */
canvasDOM: null,
/**
 * 屏幕像素比
 * @type {Number}
 */
pixelRatio: Util.getRatio()
11065};
11066
11067Util.extend(Canvas, Group);
11068
11069Util.augment(Canvas, {
init: function init() {
  Canvas.superclass.init.call(this);
  this._setDOM();
  this._setInitSize();
  // this._scale();
  if (this.get('eventEnable')) {
    this._registEvents();
  }
},
getEmitter: function getEmitter(element, event) {
  if (element) {
    if (Util.isEmpty(element._getEvents())) {
      var parent = element.get('parent');
      if (parent && !event.propagationStopped) {
        return this.getEmitter(parent, event);
      }
    } else {
      return element;
    }
  }
},
_getEventObj: function _getEventObj(type, e, point, target) {
  var event = new Event(type, e, true, true);
  event.x = point.x;
  event.y = point.y;
  event.clientX = e.clientX;
  event.clientY = e.clientY;
  event.currentTarget = target;
  event.target = target;
  return event;
},
_triggerEvent: function _triggerEvent(type, e) {
  var point = this.getPointByClient(e.clientX, e.clientY);
  var shape = this.findShape(e.srcElement);
  var emitObj = void 0;
  if (type === 'mousemove') {
    var preShape = this.get('preShape');
    if (preShape && preShape !== shape) {
      var mouseleave = this._getEventObj('mouseleave', e, point, preShape);
      emitObj = this.getEmitter(preShape, e);
      emitObj && emitObj.emit('mouseleave', mouseleave);
    }
11112
    if (shape) {
      var mousemove = this._getEventObj('mousemove', e, point, shape);
      emitObj = this.getEmitter(shape, e);
      emitObj && emitObj.emit('mousemove', mousemove);
11117
      if (preShape !== shape) {
        var mouseenter = this._getEventObj('mouseenter', e, point, shape);
        emitObj && emitObj.emit('mouseenter', mouseenter, e);
      }
    } else {
      var canvasmousemove = this._getEventObj('mousemove', e, point, this);
      this.emit('mousemove', canvasmousemove);
    }
    this.set('preShape', shape);
  } else {
    var event = this._getEventObj(type, e, point, shape || this);
    emitObj = this.getEmitter(shape, e);
    if (emitObj && emitObj !== this) {
      emitObj.emit(type, event);
    }
    this.emit(type, event);
  }
11135
  var el = this.get('el');
  if (shape && !shape.get('destroyed')) {
    el.style.cursor = shape.attr('cursor') || 'default';
  }
},
_registEvents: function _registEvents() {
  var self = this;
  var el = self.get('el');
  var events = ['mouseout', 'mouseover', 'mousemove', 'mousedown', 'mouseup', 'click', 'dblclick'];
11145
  Util.each(events, function (event) {
    el.addEventListener(event, function (e) {
      self._triggerEvent(event, e);
    }, false);
  });
  el.addEventListener('touchstart', function (e) {
    if (!Util.isEmpty(e.touches)) {
      self._triggerEvent('touchstart', e.touches[0]);
    }
  }, false);
11156
  el.addEventListener('touchmove', function (e) {
    if (!Util.isEmpty(e.touches)) {
      self._triggerEvent('touchmove', e.touches[0]);
    }
  }, false);
11162
  el.addEventListener('touchend', function (e) {
    if (!Util.isEmpty(e.changedTouches)) {
      self._triggerEvent('touchend', e.changedTouches[0]);
    }
  }, false);
},
_setDOM: function _setDOM() {
  this._setContainer();
  this._setLayer();
},
_setContainer: function _setContainer() {
  var containerId = this.get('containerId');
  var containerDOM = this.get('containerDOM');
  if (!containerDOM) {
    containerDOM = document.getElementById(containerId);
    this.set('containerDOM', containerDOM);
  }
  Util.modifyCSS(containerDOM, {
    position: 'relative'
  });
},
_setLayer: function _setLayer() {
  var containerDOM = this.get('containerDOM');
  var canvasId = Util.uniqueId('svg_');
  if (containerDOM) {
    var _canvasDOM = Util.createDom('<svg id="' + canvasId + '"></svg>');
    containerDOM.appendChild(_canvasDOM);
    _canvasDOM.appendChild(defs.get('el'));
    this.set('canvasDOM', _canvasDOM);
    this.set('el', _canvasDOM);
    this.set('defs', defs);
    this.set('canvas', this);
  }
  var canvasDOM = this.get('canvasDOM');
  this.set('context', canvasDOM);
},
_setInitSize: function _setInitSize() {
  this.changeSize(this.get('width'), this.get('height'));
  this.set('pixelRatio', 1);
},
_resize: function _resize() {
  var canvasDOM = this.get('canvasDOM');
  var widthCanvas = this.get('widthCanvas');
  var heightCanvas = this.get('heightCanvas');
  var widthStyle = this.get('widthStyle');
  var heightStyle = this.get('heightStyle');
11209
  canvasDOM.style.width = widthStyle;
  canvasDOM.style.height = heightStyle;
  canvasDOM.setAttribute('width', widthCanvas);
  canvasDOM.setAttribute('height', heightCanvas);
},
getWidth: function getWidth() {
  return this.get('width');
},
getHeight: function getHeight() {
  return this.get('height');
},
changeSize: function changeSize(width, height) {
  this.set('widthCanvas', width);
  this.set('heightCanvas', height);
  this.set('widthStyle', width + 'px');
  this.set('heightStyle', height + 'px');
  this.set('width', width);
  this.set('height', height);
  this._resize();
},
11230
/**
 * 将窗口坐标转变成 canvas 坐标
 * @param  {Number} clientX 窗口x坐标
 * @param  {Number} clientY 窗口y坐标
 * @return {Object} canvas坐标
 */
getPointByClient: function getPointByClient(clientX, clientY) {
  var el = this.get('el');
  var bbox = el.getBoundingClientRect();
  return {
    x: clientX - bbox.left,
    y: clientY - bbox.top
  };
},
getClientByPoint: function getClientByPoint(x, y) {
  var el = this.get('el');
  var bbox = el.getBoundingClientRect();
  return {
    clientX: x + bbox.left,
    clientY: y + bbox.top
  };
},
beforeDraw: function beforeDraw() {
  var el = this.get('el');
  // canvas版本用盖一个canvas大小的矩阵清空画布，svg换成清空html
  el.innerHTML = '';
},
_beginDraw: function _beginDraw() {
  this.setSilent('toDraw', true);
},
_endDraw: function _endDraw() {
  this.setSilent('toDraw', false);
},
11264
// svg实时渲染，兼容canvas版本留个空接口
draw: function draw() {},
destroy: function destroy() {
  var containerDOM = this.get('containerDOM');
  var canvasDOM = this.get('canvasDOM');
  if (canvasDOM && containerDOM) {
    containerDOM.removeChild(canvasDOM);
  }
  Canvas.superclass.destroy.call(this);
}
11275});
11276
11277module.exports = Canvas;
11278
11279/***/ }),
11280/* 72 */
11281/***/ (function(module, exports, __webpack_require__) {
11282
11283var Util = __webpack_require__(0);
11284
11285var ALIAS_ATTRS = ['strokeStyle', 'fillStyle', 'globalAlpha'];
11286var CAPITALIZED_ATTRS_MAP = {
r: 'R',
opacity: 'Opacity',
lineWidth: 'LineWidth',
clip: 'Clip',
stroke: 'Stroke',
fill: 'Fill',
strokeOpacity: 'Stroke',
fillOpacity: 'Fill',
x: 'X',
y: 'Y',
rx: 'Rx',
ry: 'Ry',
re: 'Re',
rs: 'Rs',
width: 'Width',
height: 'Height',
img: 'Img',
x1: 'X1',
x2: 'X2',
y1: 'Y1',
y2: 'Y2',
points: 'Points',
p1: 'P1',
p2: 'P2',
p3: 'P3',
p4: 'P4',
text: 'Text',
radius: 'Radius',
textAlign: 'TextAlign',
textBaseline: 'TextBaseline',
font: 'Font',
fontSize: 'FontSize',
fontStyle: 'FontStyle',
fontVariant: 'FontVariant',
fontWeight: 'FontWeight',
fontFamily: 'FontFamily',
clockwise: 'Clockwise',
startAngle: 'StartAngle',
endAngle: 'EndAngle',
path: 'Path',
outline: 'Outline',
html: 'Html'
11329};
11330var SVG_ATTR_MAP = {
opacity: 'opacity',
clip: 'clip',
stroke: 'stroke',
fill: 'fill',
strokeOpacity: 'stroke-opacity',
fillOpacity: 'fill-opacity',
strokeStyle: 'stroke',
fillStyle: 'fill',
x: 'x',
y: 'y',
r: 'r',
rx: 'rx',
ry: 'ry',
re: 're',
rs: 'rs',
width: 'width',
height: 'height',
image: 'href',
x1: 'x1',
x2: 'x2',
y1: 'y1',
y2: 'y2',
lineCap: 'stroke-linecap',
lineJoin: 'stroke-linejoin',
lineWidth: 'stroke-width',
lineDash: 'stroke-dasharray',
miterLimit: 'stroke-miterlimit',
font: 'font',
fontSize: 'font-size',
fontStyle: 'font-style',
fontVariant: 'font-variant',
fontWeight: 'font-weight',
fontFamily: 'font-family',
startArrow: 'marker-start',
endArrow: 'marker-end',
preserveAspectRatio: 'preserveAspectRatio'
11367};
11368var ALIAS_ATTRS_MAP = {
stroke: 'strokeStyle',
fill: 'fillStyle',
opacity: 'globalAlpha'
11372};
11373
11374module.exports = {
canFill: false,
canStroke: false,
initAttrs: function initAttrs(attrs) {
  this.__attrs = {
    opacity: 1,
    fillOpacity: 1,
    strokeOpacity: 1
  };
  this.attr(Util.assign(this.getDefaultAttrs(), attrs));
  return this;
},
getDefaultAttrs: function getDefaultAttrs() {
  return {};
},
11389
/**
 * 设置或者设置属性，有以下 4 种情形：
 *   - name 不存在, 则返回属性集合
 *   - name 为字符串，value 为空，获取属性值
 *   - name 为字符串，value 不为空，设置属性值，返回 this
 *   - name 为键值对，value 为空，设置属性值
 *
 * @param  {String | Object} name  属性名
 * @param  {*} value 属性值
 * @return {*} 属性值
 */
attr: function attr(name, value) {
  var self = this;
  if (arguments.length === 0) {
    return self.__attrs;
  }
  if (Util.isObject(name)) {
    for (var k in name) {
      if (ALIAS_ATTRS.indexOf(k) === -1) {
        var v = name[k];
        self._setAttr(k, v);
      }
    }
    if (self._afterSetAttrAll) {
      self._afterSetAttrAll(name);
    }
    // self.setSilent('box', null);
    self.clearBBox();
    return self;
  }
  if (arguments.length === 2) {
    self._setAttr(name, value);
    var m = '_afterSetAttr' + CAPITALIZED_ATTRS_MAP[name];
    if (CAPITALIZED_ATTRS_MAP[name] && self[m]) {
      self[m](value);
    }
    self.clearBBox();
    return self;
  }
  return self._getAttr(name);
},
clearBBox: function clearBBox() {
  this.setSilent('box', null);
},
_afterSetAttrAll: function _afterSetAttrAll() {},
11435
// 属性获取触发函数
_getAttr: function _getAttr(name) {
  return this.__attrs[name];
},
11440
// 属性设置触发函数
_setAttr: function _setAttr(name, value) {
  var self = this;
  var el = self.get('el');
11445
  if (name === 'clip') {
    self._setAttrClip(name, value);
    return;
  }
  self.__attrs[name] = value;
  if (typeof value === 'number' && isNaN(value)) {
    return;
  }
  if (self.get('destroyed')) {
    return;
  }
  if (name === 'transform' || name === 'rotate') {
    self._setAttrTrans(name, value);
  } else if (name.startsWith('shadow')) {
    self._setAttrShadow(name, value);
  } else if (~['stroke', 'strokeStyle', 'fill', 'fillStyle'].indexOf(name) && el) {
    if (!value) {
      el.setAttribute(SVG_ATTR_MAP[name], 'none');
    } else if (/^[r,R,L,l]{1}[\s]*\(/.test(value.trim())) {
      self._setAttrGradients(name, value.trim());
    } else {
      el.setAttribute(SVG_ATTR_MAP[name], value);
    }
  } else if (~name.toLowerCase().indexOf('arrow')) {
    if (!value) {
      return self;
    }
    self._setAttrArrow(name, value);
  } else {
    // 先存好属性，然后对一些svg和canvas中不同的属性进行特判
    if (~['circle', 'ellipse', 'marker'].indexOf(self.type) && ~['x', 'y'].indexOf(name)) {
      /**
       * 本来考虑想写到对应图形里面的，但是x,y又是svg通用属性，这样会同时存在x，y, cx,cy
       * 如果在下面svgAttr设置的时候还是要特判，不如就在这边特殊处理一下吧
       */
      if (self.type !== 'marker' && typeof value === 'number') {
        el.setAttribute('c' + name, value);
      }
    } else {
      var svgAttr = SVG_ATTR_MAP[name];
      if (el && svgAttr) {
        el.setAttribute(svgAttr, value);
      }
      var alias = ALIAS_ATTRS_MAP[name];
      if (alias) {
        svgAttr = SVG_ATTR_MAP[alias];
        if (el && svgAttr) {
          el.setAttribute(svgAttr, value);
        }
        self.__attrs[alias] = value;
      }
    }
  }
  return self;
},
hasFill: function hasFill() {
  return this.canFill && this.__attrs.fillStyle;
},
hasStroke: function hasStroke() {
  return this.canStroke && this.__attrs.strokeStyle;
},
_setAttrArrow: function _setAttrArrow(name, value) {
  var self = this;
  var el = self.get('el');
  var defs = self.get('defs');
  if (!defs) {
    var canvas = self.get('canvas');
    if (!canvas) {
      this._setAttrDependency(name, value);
      return this;
    }
    defs = canvas.get('defs');
  }
  name = SVG_ATTR_MAP[name];
  if (!name) {
    return this;
  }
  if (!value) {
    el.removeAttribute(name);
    return this;
  }
  var id = defs.find(name, { value: value, stroke: self.__attrs.stroke });
  if (!id) {
    id = defs.addArrow(name, value, self.__attrs.stroke);
  }
  self.__cfg[name] = id;
  self.get('el').setAttribute(name, 'url(#' + id + ')');
},
_setAttrShadow: function _setAttrShadow(name, value) {
  var attrs = this.__attrs;
  var filter = this.get('filter');
  var defs = this.get('defs');
  if (!value) {
    this.get('el').removeAttribute('filter');
    return this;
  }
  if (filter) {
    defs.findById(filter).update(name, value);
    return this;
  }
  if (!defs) {
    var canvas = this.get('canvas');
    if (!canvas) {
      this._setAttrDependency(name, value);
      return this;
    }
    defs = canvas.get('defs');
  }
  var cfg = {
    dx: attrs.shadowOffsetX,
    dy: attrs.shadowOffsetY,
    blur: attrs.shadowBlur,
    color: attrs.shadowColor
  };
  if (isNaN(Number(cfg.dx)) || isNaN(Number(cfg.dy))) {
    return this;
  }
  var id = defs.find('filter', cfg);
  if (!id) {
    id = defs.addShadow(cfg, this);
  }
  this.__cfg.filter = id;
  this.get('el').setAttribute('filter', 'url(#' + id + ')');
},
_setAttrGradients: function _setAttrGradients(name, value) {
  name = name.replace('Style', '');
  var defs = this.get('defs');
  if (!value) {
    this.get('el').removeAttribute('gradient');
    return this;
  }
  if (!defs) {
    var canvas = this.get('canvas');
    if (!canvas) {
      this._setAttrDependency(name, value);
      return this;
    }
    defs = canvas.get('defs');
  }
  var id = defs.find('gradient', value);
  if (!id) {
    id = defs.addGradient(value, this);
  }
  this.get('el').setAttribute(name, 'url(#' + id + ')');
},
_setAttrDependency: function _setAttrDependency(name, value) {
  var dependencies = this.get('dependencies');
  if (!dependencies) {
    dependencies = {};
  }
  dependencies[name] = value;
  this.__cfg.dependencies = dependencies;
  return this;
},
_setAttrClip: function _setAttrClip(name, value) {
  var defs = this.get('defs');
  var canvas = this.get('canvas');
  if (!value) {
    this.get('el').removeAttribute('clip-path');
    return this;
  }
  if (!defs) {
    var _canvas = this.get('canvas');
    if (!_canvas) {
      this._setAttrDependency(name, value);
      return this;
    }
    defs = _canvas.get('defs');
  }
  value.__cfg.canvas = canvas;
  var id = defs.addClip(value);
  this.get('el').setAttribute('clip-path', 'url(#' + id + ')');
},
_setAttrTrans: function _setAttrTrans(name, value) {
  var attrs = this.__attrs;
  if (!value) {
    this.get('el').removeAttribute('transform');
  }
  if (!attrs.matrix) {
    this.initTransform();
  }
  if (name === 'transform') {
    this.transform(value);
  } else {
    if (typeof attrs.x === 'undefined' || typeof attrs.y === 'undefined') {
      this._setAttrDependency(name, value);
      return this;
    }
    this.rotateAtStart(value);
  }
  return this;
}
11638};
11639
11640/***/ }),
11641/* 73 */
11642/***/ (function(module, exports, __webpack_require__) {
11643
11644var Util = __webpack_require__(0);
11645var mat3 = __webpack_require__(2).mat3;
11646var vec3 = __webpack_require__(2).vec3;
11647
11648// 是否未改变
11649function isUnchanged(m) {
return m[0] === 1 && m[1] === 0 && m[3] === 0 && m[4] === 1 && m[6] === 0 && m[7] === 0;
11651}
11652
11653// 是否仅仅是scale
11654function isScale(m) {
return m[1] === 0 && m[3] === 0 && m[6] === 0 && m[7] === 0;
11656}
11657
11658/* function multiple(m1, m2) {
if (!isUnchanged(m2)) {
  if (isScale(m2)) {
    m1[0] *= m2[0];
    m1[4] *= m2[4];
  } else {
    mat3.multiply(m1, m1, m2);
    mat3.multiply(m1, m1, m2);
  }
}
11668}*/
11669
11670module.exports = {
initTransform: function initTransform() {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
},
translate: function translate(tx, ty, perform) {
  var matrix = this.attr('matrix');
  mat3.translate(matrix, matrix, [tx, ty]);
  this.attr('matrix', matrix);
  if (arguments.length === 2 || perform) {
    this._performTransform();
  }
  return this;
},
rotate: function rotate(radian, perform) {
  var matrix = this.attr('matrix');
  if (Math.abs(radian) > Math.PI * 2) {
    radian = radian / 180 * Math.PI;
  }
  mat3.rotate(matrix, matrix, radian);
  this.attr('matrix', matrix);
  if (arguments.length === 1 || perform) {
    this._performTransform();
  }
  return this;
},
11695
/**
 * 绕起始点旋转
 * @param  {Number} rotate 0～360
 */
rotateAtStart: function rotateAtStart(rotate) {
  var x = this.attr('x');
  var y = this.attr('y');
  if (Math.abs(rotate) > Math.PI * 2) {
    rotate = rotate / 180 * Math.PI;
  }
  this.transform([['t', -x, -y], ['r', rotate], ['t', x, y]]);
},
scale: function scale(s1, s2, perform) {
  var matrix = this.attr('matrix');
  mat3.scale(matrix, matrix, [s1, s2]);
  this.attr('matrix', matrix);
  if (arguments.length === 2 || perform) {
    this._performTransform();
  }
  return this;
},
11717
/**
 * 移动的到位置
 * @param  {Number} x 移动到x
 * @param  {Number} y 移动到y
 */
move: function move(x, y) {
  var cx = this.get('x') || 0; // 当前的x
  var cy = this.get('y') || 0; // 当前的y
  this.translate(x - cx, y - cy);
  this.set('x', x);
  this.set('y', y);
},
_performTransform: function _performTransform() {
  var matrix = this.__attrs.matrix;
  var transform = [];
  for (var i = 0; i < 9; i += 3) {
    transform.push(matrix[i] + ',' + matrix[i + 1]);
  }
  var el = this.get('el');
  if (el) {
    el.setAttribute('transform', 'matrix(' + transform.join(',') + ')');
  }
},
transform: function transform(ts) {
  var self = this;
  var matrix = self.attr('matrix');
  Util.each(ts, function (t) {
    switch (t[0]) {
      case 't':
        self.translate(t[1], t[2], false);
        break;
      case 's':
        self.scale(t[1], t[2], false);
        break;
      case 'r':
        self.rotate(t[1], false);
        break;
      case 'm':
        self.attr('matrix', mat3.multiply([], matrix, t[1]));
        break;
      default:
        break;
    }
  });
  this._performTransform();
  return self;
},
setTransform: function setTransform(ts) {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
  return this.transform(ts);
},
getMatrix: function getMatrix() {
  return this.attr('matrix');
},
setMatrix: function setMatrix(m) {
  this.attr('matrix', m);
  this._performTransform();
  this.clearTotalMatrix();
  return this;
},
apply: function apply(v, root) {
  var m = void 0;
  if (root) {
    m = this._getMatrixByRoot(root);
  } else {
    m = this.attr('matrix');
  }
  vec3.transformMat3(v, v, m);
  return this;
},
invert: function invert(v) {
  var m = this.attr('matrix');
  // 单精屏幕下大多数矩阵没变化
  if (isScale(m)) {
    v[0] /= m[0];
    v[1] /= m[4];
  } else {
    var inm = mat3.invert([], m);
    if (inm) {
      vec3.transformMat3(v, v, inm);
    }
  }
  return this;
},
resetTransform: function resetTransform(context) {
  var mo = this.attr('matrix');
  // 不改变时
  if (!isUnchanged(mo)) {
    context.transform(mo[0], mo[1], mo[3], mo[4], mo[6], mo[7]);
  }
}
11809};
11810
11811/***/ }),
11812/* 74 */
11813/***/ (function(module, __webpack_exports__, __webpack_require__) {
11814
11815"use strict";
11816Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
11817/* harmony export (immutable) */ __webpack_exports__["create"] = create;
11818/* harmony export (immutable) */ __webpack_exports__["fromMat4"] = fromMat4;
11819/* harmony export (immutable) */ __webpack_exports__["clone"] = clone;
11820/* harmony export (immutable) */ __webpack_exports__["copy"] = copy;
11821/* harmony export (immutable) */ __webpack_exports__["fromValues"] = fromValues;
11822/* harmony export (immutable) */ __webpack_exports__["set"] = set;
11823/* harmony export (immutable) */ __webpack_exports__["identity"] = identity;
11824/* harmony export (immutable) */ __webpack_exports__["transpose"] = transpose;
11825/* harmony export (immutable) */ __webpack_exports__["invert"] = invert;
11826/* harmony export (immutable) */ __webpack_exports__["adjoint"] = adjoint;
11827/* harmony export (immutable) */ __webpack_exports__["determinant"] = determinant;
11828/* harmony export (immutable) */ __webpack_exports__["multiply"] = multiply;
11829/* harmony export (immutable) */ __webpack_exports__["translate"] = translate;
11830/* harmony export (immutable) */ __webpack_exports__["rotate"] = rotate;
11831/* harmony export (immutable) */ __webpack_exports__["scale"] = scale;
11832/* harmony export (immutable) */ __webpack_exports__["fromTranslation"] = fromTranslation;
11833/* harmony export (immutable) */ __webpack_exports__["fromRotation"] = fromRotation;
11834/* harmony export (immutable) */ __webpack_exports__["fromScaling"] = fromScaling;
11835/* harmony export (immutable) */ __webpack_exports__["fromMat2d"] = fromMat2d;
11836/* harmony export (immutable) */ __webpack_exports__["fromQuat"] = fromQuat;
11837/* harmony export (immutable) */ __webpack_exports__["normalFromMat4"] = normalFromMat4;
11838/* harmony export (immutable) */ __webpack_exports__["projection"] = projection;
11839/* harmony export (immutable) */ __webpack_exports__["str"] = str;
11840/* harmony export (immutable) */ __webpack_exports__["frob"] = frob;
11841/* harmony export (immutable) */ __webpack_exports__["add"] = add;
11842/* harmony export (immutable) */ __webpack_exports__["subtract"] = subtract;
11843/* harmony export (immutable) */ __webpack_exports__["multiplyScalar"] = multiplyScalar;
11844/* harmony export (immutable) */ __webpack_exports__["multiplyScalarAndAdd"] = multiplyScalarAndAdd;
11845/* harmony export (immutable) */ __webpack_exports__["exactEquals"] = exactEquals;
11846/* harmony export (immutable) */ __webpack_exports__["equals"] = equals;
11847/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mul", function() { return mul; });
11848/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sub", function() { return sub; });
11849/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__common_js__ = __webpack_require__(14);
11850
11851
11852/**
* 3x3 Matrix
* @module mat3
*/
11856
11857/**
* Creates a new identity mat3
*
* @returns {mat3} a new 3x3 matrix
*/
11862function create() {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](9);
out[0] = 1;
out[1] = 0;
out[2] = 0;
out[3] = 0;
out[4] = 1;
out[5] = 0;
out[6] = 0;
out[7] = 0;
out[8] = 1;
return out;
11874}
11875
11876/**
* Copies the upper-left 3x3 values into the given mat3.
*
* @param {mat3} out the receiving 3x3 matrix
* @param {mat4} a   the source 4x4 matrix
* @returns {mat3} out
*/
11883function fromMat4(out, a) {
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
out[3] = a[4];
out[4] = a[5];
out[5] = a[6];
out[6] = a[8];
out[7] = a[9];
out[8] = a[10];
return out;
11894}
11895
11896/**
* Creates a new mat3 initialized with values from an existing matrix
*
* @param {mat3} a matrix to clone
* @returns {mat3} a new 3x3 matrix
*/
11902function clone(a) {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](9);
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
out[3] = a[3];
out[4] = a[4];
out[5] = a[5];
out[6] = a[6];
out[7] = a[7];
out[8] = a[8];
return out;
11914}
11915
11916/**
* Copy the values from one mat3 to another
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the source matrix
* @returns {mat3} out
*/
11923function copy(out, a) {
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
out[3] = a[3];
out[4] = a[4];
out[5] = a[5];
out[6] = a[6];
out[7] = a[7];
out[8] = a[8];
return out;
11934}
11935
11936/**
* Create a new mat3 with the given values
*
* @param {Number} m00 Component in column 0, row 0 position (index 0)
* @param {Number} m01 Component in column 0, row 1 position (index 1)
* @param {Number} m02 Component in column 0, row 2 position (index 2)
* @param {Number} m10 Component in column 1, row 0 position (index 3)
* @param {Number} m11 Component in column 1, row 1 position (index 4)
* @param {Number} m12 Component in column 1, row 2 position (index 5)
* @param {Number} m20 Component in column 2, row 0 position (index 6)
* @param {Number} m21 Component in column 2, row 1 position (index 7)
* @param {Number} m22 Component in column 2, row 2 position (index 8)
* @returns {mat3} A new mat3
*/
11950function fromValues(m00, m01, m02, m10, m11, m12, m20, m21, m22) {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](9);
out[0] = m00;
out[1] = m01;
out[2] = m02;
out[3] = m10;
out[4] = m11;
out[5] = m12;
out[6] = m20;
out[7] = m21;
out[8] = m22;
return out;
11962}
11963
11964/**
* Set the components of a mat3 to the given values
*
* @param {mat3} out the receiving matrix
* @param {Number} m00 Component in column 0, row 0 position (index 0)
* @param {Number} m01 Component in column 0, row 1 position (index 1)
* @param {Number} m02 Component in column 0, row 2 position (index 2)
* @param {Number} m10 Component in column 1, row 0 position (index 3)
* @param {Number} m11 Component in column 1, row 1 position (index 4)
* @param {Number} m12 Component in column 1, row 2 position (index 5)
* @param {Number} m20 Component in column 2, row 0 position (index 6)
* @param {Number} m21 Component in column 2, row 1 position (index 7)
* @param {Number} m22 Component in column 2, row 2 position (index 8)
* @returns {mat3} out
*/
11979function set(out, m00, m01, m02, m10, m11, m12, m20, m21, m22) {
out[0] = m00;
out[1] = m01;
out[2] = m02;
out[3] = m10;
out[4] = m11;
out[5] = m12;
out[6] = m20;
out[7] = m21;
out[8] = m22;
return out;
11990}
11991
11992/**
* Set a mat3 to the identity matrix
*
* @param {mat3} out the receiving matrix
* @returns {mat3} out
*/
11998function identity(out) {
out[0] = 1;
out[1] = 0;
out[2] = 0;
out[3] = 0;
out[4] = 1;
out[5] = 0;
out[6] = 0;
out[7] = 0;
out[8] = 1;
return out;
12009}
12010
12011/**
* Transpose the values of a mat3
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the source matrix
* @returns {mat3} out
*/
12018function transpose(out, a) {
// If we are transposing ourselves we can skip a few steps but have to cache some values
if (out === a) {
  var a01 = a[1],
      a02 = a[2],
      a12 = a[5];
  out[1] = a[3];
  out[2] = a[6];
  out[3] = a01;
  out[5] = a[7];
  out[6] = a02;
  out[7] = a12;
} else {
  out[0] = a[0];
  out[1] = a[3];
  out[2] = a[6];
  out[3] = a[1];
  out[4] = a[4];
  out[5] = a[7];
  out[6] = a[2];
  out[7] = a[5];
  out[8] = a[8];
}
12041
return out;
12043}
12044
12045/**
* Inverts a mat3
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the source matrix
* @returns {mat3} out
*/
12052function invert(out, a) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2];
var a10 = a[3],
    a11 = a[4],
    a12 = a[5];
var a20 = a[6],
    a21 = a[7],
    a22 = a[8];
12062
var b01 = a22 * a11 - a12 * a21;
var b11 = -a22 * a10 + a12 * a20;
var b21 = a21 * a10 - a11 * a20;
12066
// Calculate the determinant
var det = a00 * b01 + a01 * b11 + a02 * b21;
12069
if (!det) {
  return null;
}
det = 1.0 / det;
12074
out[0] = b01 * det;
out[1] = (-a22 * a01 + a02 * a21) * det;
out[2] = (a12 * a01 - a02 * a11) * det;
out[3] = b11 * det;
out[4] = (a22 * a00 - a02 * a20) * det;
out[5] = (-a12 * a00 + a02 * a10) * det;
out[6] = b21 * det;
out[7] = (-a21 * a00 + a01 * a20) * det;
out[8] = (a11 * a00 - a01 * a10) * det;
return out;
12085}
12086
12087/**
* Calculates the adjugate of a mat3
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the source matrix
* @returns {mat3} out
*/
12094function adjoint(out, a) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2];
var a10 = a[3],
    a11 = a[4],
    a12 = a[5];
var a20 = a[6],
    a21 = a[7],
    a22 = a[8];
12104
out[0] = a11 * a22 - a12 * a21;
out[1] = a02 * a21 - a01 * a22;
out[2] = a01 * a12 - a02 * a11;
out[3] = a12 * a20 - a10 * a22;
out[4] = a00 * a22 - a02 * a20;
out[5] = a02 * a10 - a00 * a12;
out[6] = a10 * a21 - a11 * a20;
out[7] = a01 * a20 - a00 * a21;
out[8] = a00 * a11 - a01 * a10;
return out;
12115}
12116
12117/**
* Calculates the determinant of a mat3
*
* @param {mat3} a the source matrix
* @returns {Number} determinant of a
*/
12123function determinant(a) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2];
var a10 = a[3],
    a11 = a[4],
    a12 = a[5];
var a20 = a[6],
    a21 = a[7],
    a22 = a[8];
12133
return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20);
12135}
12136
12137/**
* Multiplies two mat3's
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the first operand
* @param {mat3} b the second operand
* @returns {mat3} out
*/
12145function multiply(out, a, b) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2];
var a10 = a[3],
    a11 = a[4],
    a12 = a[5];
var a20 = a[6],
    a21 = a[7],
    a22 = a[8];
12155
var b00 = b[0],
    b01 = b[1],
    b02 = b[2];
var b10 = b[3],
    b11 = b[4],
    b12 = b[5];
var b20 = b[6],
    b21 = b[7],
    b22 = b[8];
12165
out[0] = b00 * a00 + b01 * a10 + b02 * a20;
out[1] = b00 * a01 + b01 * a11 + b02 * a21;
out[2] = b00 * a02 + b01 * a12 + b02 * a22;
12169
out[3] = b10 * a00 + b11 * a10 + b12 * a20;
out[4] = b10 * a01 + b11 * a11 + b12 * a21;
out[5] = b10 * a02 + b11 * a12 + b12 * a22;
12173
out[6] = b20 * a00 + b21 * a10 + b22 * a20;
out[7] = b20 * a01 + b21 * a11 + b22 * a21;
out[8] = b20 * a02 + b21 * a12 + b22 * a22;
return out;
12178}
12179
12180/**
* Translate a mat3 by the given vector
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the matrix to translate
* @param {vec2} v vector to translate by
* @returns {mat3} out
*/
12188function translate(out, a, v) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2],
    a10 = a[3],
    a11 = a[4],
    a12 = a[5],
    a20 = a[6],
    a21 = a[7],
    a22 = a[8],
    x = v[0],
    y = v[1];
12200
out[0] = a00;
out[1] = a01;
out[2] = a02;
12204
out[3] = a10;
out[4] = a11;
out[5] = a12;
12208
out[6] = x * a00 + y * a10 + a20;
out[7] = x * a01 + y * a11 + a21;
out[8] = x * a02 + y * a12 + a22;
return out;
12213}
12214
12215/**
* Rotates a mat3 by the given angle
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the matrix to rotate
* @param {Number} rad the angle to rotate the matrix by
* @returns {mat3} out
*/
12223function rotate(out, a, rad) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2],
    a10 = a[3],
    a11 = a[4],
    a12 = a[5],
    a20 = a[6],
    a21 = a[7],
    a22 = a[8],
    s = Math.sin(rad),
    c = Math.cos(rad);
12235
out[0] = c * a00 + s * a10;
out[1] = c * a01 + s * a11;
out[2] = c * a02 + s * a12;
12239
out[3] = c * a10 - s * a00;
out[4] = c * a11 - s * a01;
out[5] = c * a12 - s * a02;
12243
out[6] = a20;
out[7] = a21;
out[8] = a22;
return out;
12248};
12249
12250/**
* Scales the mat3 by the dimensions in the given vec2
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the matrix to rotate
* @param {vec2} v the vec2 to scale the matrix by
* @returns {mat3} out
**/
12258function scale(out, a, v) {
var x = v[0],
    y = v[1];
12261
out[0] = x * a[0];
out[1] = x * a[1];
out[2] = x * a[2];
12265
out[3] = y * a[3];
out[4] = y * a[4];
out[5] = y * a[5];
12269
out[6] = a[6];
out[7] = a[7];
out[8] = a[8];
return out;
12274}
12275
12276/**
* Creates a matrix from a vector translation
* This is equivalent to (but much faster than):
*
*     mat3.identity(dest);
*     mat3.translate(dest, dest, vec);
*
* @param {mat3} out mat3 receiving operation result
* @param {vec2} v Translation vector
* @returns {mat3} out
*/
12287function fromTranslation(out, v) {
out[0] = 1;
out[1] = 0;
out[2] = 0;
out[3] = 0;
out[4] = 1;
out[5] = 0;
out[6] = v[0];
out[7] = v[1];
out[8] = 1;
return out;
12298}
12299
12300/**
* Creates a matrix from a given angle
* This is equivalent to (but much faster than):
*
*     mat3.identity(dest);
*     mat3.rotate(dest, dest, rad);
*
* @param {mat3} out mat3 receiving operation result
* @param {Number} rad the angle to rotate the matrix by
* @returns {mat3} out
*/
12311function fromRotation(out, rad) {
var s = Math.sin(rad),
    c = Math.cos(rad);
12314
out[0] = c;
out[1] = s;
out[2] = 0;
12318
out[3] = -s;
out[4] = c;
out[5] = 0;
12322
out[6] = 0;
out[7] = 0;
out[8] = 1;
return out;
12327}
12328
12329/**
* Creates a matrix from a vector scaling
* This is equivalent to (but much faster than):
*
*     mat3.identity(dest);
*     mat3.scale(dest, dest, vec);
*
* @param {mat3} out mat3 receiving operation result
* @param {vec2} v Scaling vector
* @returns {mat3} out
*/
12340function fromScaling(out, v) {
out[0] = v[0];
out[1] = 0;
out[2] = 0;
12344
out[3] = 0;
out[4] = v[1];
out[5] = 0;
12348
out[6] = 0;
out[7] = 0;
out[8] = 1;
return out;
12353}
12354
12355/**
* Copies the values from a mat2d into a mat3
*
* @param {mat3} out the receiving matrix
* @param {mat2d} a the matrix to copy
* @returns {mat3} out
**/
12362function fromMat2d(out, a) {
out[0] = a[0];
out[1] = a[1];
out[2] = 0;
12366
out[3] = a[2];
out[4] = a[3];
out[5] = 0;
12370
out[6] = a[4];
out[7] = a[5];
out[8] = 1;
return out;
12375}
12376
12377/**
12378* Calculates a 3x3 matrix from the given quaternion
12379*
12380* @param {mat3} out mat3 receiving operation result
12381* @param {quat} q Quaternion to create matrix from
12382*
12383* @returns {mat3} out
12384*/
12385function fromQuat(out, q) {
var x = q[0],
    y = q[1],
    z = q[2],
    w = q[3];
var x2 = x + x;
var y2 = y + y;
var z2 = z + z;
12393
var xx = x * x2;
var yx = y * x2;
var yy = y * y2;
var zx = z * x2;
var zy = z * y2;
var zz = z * z2;
var wx = w * x2;
var wy = w * y2;
var wz = w * z2;
12403
out[0] = 1 - yy - zz;
out[3] = yx - wz;
out[6] = zx + wy;
12407
out[1] = yx + wz;
out[4] = 1 - xx - zz;
out[7] = zy - wx;
12411
out[2] = zx - wy;
out[5] = zy + wx;
out[8] = 1 - xx - yy;
12415
return out;
12417}
12418
12419/**
12420* Calculates a 3x3 normal matrix (transpose inverse) from the 4x4 matrix
12421*
12422* @param {mat3} out mat3 receiving operation result
12423* @param {mat4} a Mat4 to derive the normal matrix from
12424*
12425* @returns {mat3} out
12426*/
12427function normalFromMat4(out, a) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2],
    a03 = a[3];
var a10 = a[4],
    a11 = a[5],
    a12 = a[6],
    a13 = a[7];
var a20 = a[8],
    a21 = a[9],
    a22 = a[10],
    a23 = a[11];
var a30 = a[12],
    a31 = a[13],
    a32 = a[14],
    a33 = a[15];
12444
var b00 = a00 * a11 - a01 * a10;
var b01 = a00 * a12 - a02 * a10;
var b02 = a00 * a13 - a03 * a10;
var b03 = a01 * a12 - a02 * a11;
var b04 = a01 * a13 - a03 * a11;
var b05 = a02 * a13 - a03 * a12;
var b06 = a20 * a31 - a21 * a30;
var b07 = a20 * a32 - a22 * a30;
var b08 = a20 * a33 - a23 * a30;
var b09 = a21 * a32 - a22 * a31;
var b10 = a21 * a33 - a23 * a31;
var b11 = a22 * a33 - a23 * a32;
12457
// Calculate the determinant
var det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
12460
if (!det) {
  return null;
}
det = 1.0 / det;
12465
out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
out[1] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
out[2] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
12469
out[3] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
out[4] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
out[5] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
12473
out[6] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
out[7] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
out[8] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
12477
return out;
12479}
12480
12481/**
* Generates a 2D projection matrix with the given bounds
*
* @param {mat3} out mat3 frustum matrix will be written into
* @param {number} width Width of your gl context
* @param {number} height Height of gl context
* @returns {mat3} out
*/
12489function projection(out, width, height) {
out[0] = 2 / width;
out[1] = 0;
out[2] = 0;
out[3] = 0;
out[4] = -2 / height;
out[5] = 0;
out[6] = -1;
out[7] = 1;
out[8] = 1;
return out;
12500}
12501
12502/**
* Returns a string representation of a mat3
*
* @param {mat3} a matrix to represent as a string
* @returns {String} string representation of the matrix
*/
12508function str(a) {
return 'mat3(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + a[3] + ', ' + a[4] + ', ' + a[5] + ', ' + a[6] + ', ' + a[7] + ', ' + a[8] + ')';
12510}
12511
12512/**
* Returns Frobenius norm of a mat3
*
* @param {mat3} a the matrix to calculate Frobenius norm of
* @returns {Number} Frobenius norm
*/
12518function frob(a) {
return Math.sqrt(Math.pow(a[0], 2) + Math.pow(a[1], 2) + Math.pow(a[2], 2) + Math.pow(a[3], 2) + Math.pow(a[4], 2) + Math.pow(a[5], 2) + Math.pow(a[6], 2) + Math.pow(a[7], 2) + Math.pow(a[8], 2));
12520}
12521
12522/**
* Adds two mat3's
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the first operand
* @param {mat3} b the second operand
* @returns {mat3} out
*/
12530function add(out, a, b) {
out[0] = a[0] + b[0];
out[1] = a[1] + b[1];
out[2] = a[2] + b[2];
out[3] = a[3] + b[3];
out[4] = a[4] + b[4];
out[5] = a[5] + b[5];
out[6] = a[6] + b[6];
out[7] = a[7] + b[7];
out[8] = a[8] + b[8];
return out;
12541}
12542
12543/**
* Subtracts matrix b from matrix a
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the first operand
* @param {mat3} b the second operand
* @returns {mat3} out
*/
12551function subtract(out, a, b) {
out[0] = a[0] - b[0];
out[1] = a[1] - b[1];
out[2] = a[2] - b[2];
out[3] = a[3] - b[3];
out[4] = a[4] - b[4];
out[5] = a[5] - b[5];
out[6] = a[6] - b[6];
out[7] = a[7] - b[7];
out[8] = a[8] - b[8];
return out;
12562}
12563
12564/**
* Multiply each element of the matrix by a scalar.
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the matrix to scale
* @param {Number} b amount to scale the matrix's elements by
* @returns {mat3} out
*/
12572function multiplyScalar(out, a, b) {
out[0] = a[0] * b;
out[1] = a[1] * b;
out[2] = a[2] * b;
out[3] = a[3] * b;
out[4] = a[4] * b;
out[5] = a[5] * b;
out[6] = a[6] * b;
out[7] = a[7] * b;
out[8] = a[8] * b;
return out;
12583}
12584
12585/**
* Adds two mat3's after multiplying each element of the second operand by a scalar value.
*
* @param {mat3} out the receiving vector
* @param {mat3} a the first operand
* @param {mat3} b the second operand
* @param {Number} scale the amount to scale b's elements by before adding
* @returns {mat3} out
*/
12594function multiplyScalarAndAdd(out, a, b, scale) {
out[0] = a[0] + b[0] * scale;
out[1] = a[1] + b[1] * scale;
out[2] = a[2] + b[2] * scale;
out[3] = a[3] + b[3] * scale;
out[4] = a[4] + b[4] * scale;
out[5] = a[5] + b[5] * scale;
out[6] = a[6] + b[6] * scale;
out[7] = a[7] + b[7] * scale;
out[8] = a[8] + b[8] * scale;
return out;
12605}
12606
12607/**
* Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
*
* @param {mat3} a The first matrix.
* @param {mat3} b The second matrix.
* @returns {Boolean} True if the matrices are equal, false otherwise.
*/
12614function exactEquals(a, b) {
return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && a[8] === b[8];
12616}
12617
12618/**
* Returns whether or not the matrices have approximately the same elements in the same position.
*
* @param {mat3} a The first matrix.
* @param {mat3} b The second matrix.
* @returns {Boolean} True if the matrices are equal, false otherwise.
*/
12625function equals(a, b) {
var a0 = a[0],
    a1 = a[1],
    a2 = a[2],
    a3 = a[3],
    a4 = a[4],
    a5 = a[5],
    a6 = a[6],
    a7 = a[7],
    a8 = a[8];
var b0 = b[0],
    b1 = b[1],
    b2 = b[2],
    b3 = b[3],
    b4 = b[4],
    b5 = b[5],
    b6 = b[6],
    b7 = b[7],
    b8 = b[8];
return Math.abs(a0 - b0) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a3), Math.abs(b3)) && Math.abs(a4 - b4) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a4), Math.abs(b4)) && Math.abs(a5 - b5) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a5), Math.abs(b5)) && Math.abs(a6 - b6) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a6), Math.abs(b6)) && Math.abs(a7 - b7) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a7), Math.abs(b7)) && Math.abs(a8 - b8) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a8), Math.abs(b8));
12645}
12646
12647/**
* Alias for {@link mat3.multiply}
* @function
*/
12651var mul = multiply;
12652
12653/**
* Alias for {@link mat3.subtract}
* @function
*/
12657var sub = subtract;
12658
12659/***/ }),
12660/* 75 */
12661/***/ (function(module, __webpack_exports__, __webpack_require__) {
12662
12663"use strict";
12664Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
12665/* harmony export (immutable) */ __webpack_exports__["create"] = create;
12666/* harmony export (immutable) */ __webpack_exports__["clone"] = clone;
12667/* harmony export (immutable) */ __webpack_exports__["length"] = length;
12668/* harmony export (immutable) */ __webpack_exports__["fromValues"] = fromValues;
12669/* harmony export (immutable) */ __webpack_exports__["copy"] = copy;
12670/* harmony export (immutable) */ __webpack_exports__["set"] = set;
12671/* harmony export (immutable) */ __webpack_exports__["add"] = add;
12672/* harmony export (immutable) */ __webpack_exports__["subtract"] = subtract;
12673/* harmony export (immutable) */ __webpack_exports__["multiply"] = multiply;
12674/* harmony export (immutable) */ __webpack_exports__["divide"] = divide;
12675/* harmony export (immutable) */ __webpack_exports__["ceil"] = ceil;
12676/* harmony export (immutable) */ __webpack_exports__["floor"] = floor;
12677/* harmony export (immutable) */ __webpack_exports__["min"] = min;
12678/* harmony export (immutable) */ __webpack_exports__["max"] = max;
12679/* harmony export (immutable) */ __webpack_exports__["round"] = round;
12680/* harmony export (immutable) */ __webpack_exports__["scale"] = scale;
12681/* harmony export (immutable) */ __webpack_exports__["scaleAndAdd"] = scaleAndAdd;
12682/* harmony export (immutable) */ __webpack_exports__["distance"] = distance;
12683/* harmony export (immutable) */ __webpack_exports__["squaredDistance"] = squaredDistance;
12684/* harmony export (immutable) */ __webpack_exports__["squaredLength"] = squaredLength;
12685/* harmony export (immutable) */ __webpack_exports__["negate"] = negate;
12686/* harmony export (immutable) */ __webpack_exports__["inverse"] = inverse;
12687/* harmony export (immutable) */ __webpack_exports__["normalize"] = normalize;
12688/* harmony export (immutable) */ __webpack_exports__["dot"] = dot;
12689/* harmony export (immutable) */ __webpack_exports__["cross"] = cross;
12690/* harmony export (immutable) */ __webpack_exports__["lerp"] = lerp;
12691/* harmony export (immutable) */ __webpack_exports__["hermite"] = hermite;
12692/* harmony export (immutable) */ __webpack_exports__["bezier"] = bezier;
12693/* harmony export (immutable) */ __webpack_exports__["random"] = random;
12694/* harmony export (immutable) */ __webpack_exports__["transformMat4"] = transformMat4;
12695/* harmony export (immutable) */ __webpack_exports__["transformMat3"] = transformMat3;
12696/* harmony export (immutable) */ __webpack_exports__["transformQuat"] = transformQuat;
12697/* harmony export (immutable) */ __webpack_exports__["rotateX"] = rotateX;
12698/* harmony export (immutable) */ __webpack_exports__["rotateY"] = rotateY;
12699/* harmony export (immutable) */ __webpack_exports__["rotateZ"] = rotateZ;
12700/* harmony export (immutable) */ __webpack_exports__["angle"] = angle;
12701/* harmony export (immutable) */ __webpack_exports__["str"] = str;
12702/* harmony export (immutable) */ __webpack_exports__["exactEquals"] = exactEquals;
12703/* harmony export (immutable) */ __webpack_exports__["equals"] = equals;
12704/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sub", function() { return sub; });
12705/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mul", function() { return mul; });
12706/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "div", function() { return div; });
12707/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "dist", function() { return dist; });
12708/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sqrDist", function() { return sqrDist; });
12709/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "len", function() { return len; });
12710/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sqrLen", function() { return sqrLen; });
12711/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "forEach", function() { return forEach; });
12712/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__common_js__ = __webpack_require__(14);
12713
12714
12715/**
* 3 Dimensional Vector
* @module vec3
*/
12719
12720/**
* Creates a new, empty vec3
*
* @returns {vec3} a new 3D vector
*/
12725function create() {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](3);
out[0] = 0;
out[1] = 0;
out[2] = 0;
return out;
12731}
12732
12733/**
* Creates a new vec3 initialized with values from an existing vector
*
* @param {vec3} a vector to clone
* @returns {vec3} a new 3D vector
*/
12739function clone(a) {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](3);
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
return out;
12745}
12746
12747/**
* Calculates the length of a vec3
*
* @param {vec3} a vector to calculate length of
* @returns {Number} length of a
*/
12753function length(a) {
var x = a[0];
var y = a[1];
var z = a[2];
return Math.sqrt(x * x + y * y + z * z);
12758}
12759
12760/**
* Creates a new vec3 initialized with the given values
*
* @param {Number} x X component
* @param {Number} y Y component
* @param {Number} z Z component
* @returns {vec3} a new 3D vector
*/
12768function fromValues(x, y, z) {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](3);
out[0] = x;
out[1] = y;
out[2] = z;
return out;
12774}
12775
12776/**
* Copy the values from one vec3 to another
*
* @param {vec3} out the receiving vector
* @param {vec3} a the source vector
* @returns {vec3} out
*/
12783function copy(out, a) {
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
return out;
12788}
12789
12790/**
* Set the components of a vec3 to the given values
*
* @param {vec3} out the receiving vector
* @param {Number} x X component
* @param {Number} y Y component
* @param {Number} z Z component
* @returns {vec3} out
*/
12799function set(out, x, y, z) {
out[0] = x;
out[1] = y;
out[2] = z;
return out;
12804}
12805
12806/**
* Adds two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12814function add(out, a, b) {
out[0] = a[0] + b[0];
out[1] = a[1] + b[1];
out[2] = a[2] + b[2];
return out;
12819}
12820
12821/**
* Subtracts vector b from vector a
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12829function subtract(out, a, b) {
out[0] = a[0] - b[0];
out[1] = a[1] - b[1];
out[2] = a[2] - b[2];
return out;
12834}
12835
12836/**
* Multiplies two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12844function multiply(out, a, b) {
out[0] = a[0] * b[0];
out[1] = a[1] * b[1];
out[2] = a[2] * b[2];
return out;
12849}
12850
12851/**
* Divides two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12859function divide(out, a, b) {
out[0] = a[0] / b[0];
out[1] = a[1] / b[1];
out[2] = a[2] / b[2];
return out;
12864}
12865
12866/**
* Math.ceil the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to ceil
* @returns {vec3} out
*/
12873function ceil(out, a) {
out[0] = Math.ceil(a[0]);
out[1] = Math.ceil(a[1]);
out[2] = Math.ceil(a[2]);
return out;
12878}
12879
12880/**
* Math.floor the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to floor
* @returns {vec3} out
*/
12887function floor(out, a) {
out[0] = Math.floor(a[0]);
out[1] = Math.floor(a[1]);
out[2] = Math.floor(a[2]);
return out;
12892}
12893
12894/**
* Returns the minimum of two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12902function min(out, a, b) {
out[0] = Math.min(a[0], b[0]);
out[1] = Math.min(a[1], b[1]);
out[2] = Math.min(a[2], b[2]);
return out;
12907}
12908
12909/**
* Returns the maximum of two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12917function max(out, a, b) {
out[0] = Math.max(a[0], b[0]);
out[1] = Math.max(a[1], b[1]);
out[2] = Math.max(a[2], b[2]);
return out;
12922}
12923
12924/**
* Math.round the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to round
* @returns {vec3} out
*/
12931function round(out, a) {
out[0] = Math.round(a[0]);
out[1] = Math.round(a[1]);
out[2] = Math.round(a[2]);
return out;
12936}
12937
12938/**
* Scales a vec3 by a scalar number
*
* @param {vec3} out the receiving vector
* @param {vec3} a the vector to scale
* @param {Number} b amount to scale the vector by
* @returns {vec3} out
*/
12946function scale(out, a, b) {
out[0] = a[0] * b;
out[1] = a[1] * b;
out[2] = a[2] * b;
return out;
12951}
12952
12953/**
* Adds two vec3's after scaling the second operand by a scalar value
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @param {Number} scale the amount to scale b by before adding
* @returns {vec3} out
*/
12962function scaleAndAdd(out, a, b, scale) {
out[0] = a[0] + b[0] * scale;
out[1] = a[1] + b[1] * scale;
out[2] = a[2] + b[2] * scale;
return out;
12967}
12968
12969/**
* Calculates the euclidian distance between two vec3's
*
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {Number} distance between a and b
*/
12976function distance(a, b) {
var x = b[0] - a[0];
var y = b[1] - a[1];
var z = b[2] - a[2];
return Math.sqrt(x * x + y * y + z * z);
12981}
12982
12983/**
* Calculates the squared euclidian distance between two vec3's
*
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {Number} squared distance between a and b
*/
12990function squaredDistance(a, b) {
var x = b[0] - a[0];
var y = b[1] - a[1];
var z = b[2] - a[2];
return x * x + y * y + z * z;
12995}
12996
12997/**
* Calculates the squared length of a vec3
*
* @param {vec3} a vector to calculate squared length of
* @returns {Number} squared length of a
*/
13003function squaredLength(a) {
var x = a[0];
var y = a[1];
var z = a[2];
return x * x + y * y + z * z;
13008}
13009
13010/**
* Negates the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to negate
* @returns {vec3} out
*/
13017function negate(out, a) {
out[0] = -a[0];
out[1] = -a[1];
out[2] = -a[2];
return out;
13022}
13023
13024/**
* Returns the inverse of the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to invert
* @returns {vec3} out
*/
13031function inverse(out, a) {
out[0] = 1.0 / a[0];
out[1] = 1.0 / a[1];
out[2] = 1.0 / a[2];
return out;
13036}
13037
13038/**
* Normalize a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to normalize
* @returns {vec3} out
*/
13045function normalize(out, a) {
var x = a[0];
var y = a[1];
var z = a[2];
var len = x * x + y * y + z * z;
if (len > 0) {
  //TODO: evaluate use of glm_invsqrt here?
  len = 1 / Math.sqrt(len);
  out[0] = a[0] * len;
  out[1] = a[1] * len;
  out[2] = a[2] * len;
}
return out;
13058}
13059
13060/**
* Calculates the dot product of two vec3's
*
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {Number} dot product of a and b
*/
13067function dot(a, b) {
return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
13069}
13070
13071/**
* Computes the cross product of two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
13079function cross(out, a, b) {
var ax = a[0],
    ay = a[1],
    az = a[2];
var bx = b[0],
    by = b[1],
    bz = b[2];
13086
out[0] = ay * bz - az * by;
out[1] = az * bx - ax * bz;
out[2] = ax * by - ay * bx;
return out;
13091}
13092
13093/**
* Performs a linear interpolation between two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @param {Number} t interpolation amount, in the range [0-1], between the two inputs
* @returns {vec3} out
*/
13102function lerp(out, a, b, t) {
var ax = a[0];
var ay = a[1];
var az = a[2];
out[0] = ax + t * (b[0] - ax);
out[1] = ay + t * (b[1] - ay);
out[2] = az + t * (b[2] - az);
return out;
13110}
13111
13112/**
* Performs a hermite interpolation with two control points
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @param {vec3} c the third operand
* @param {vec3} d the fourth operand
* @param {Number} t interpolation amount, in the range [0-1], between the two inputs
* @returns {vec3} out
*/
13123function hermite(out, a, b, c, d, t) {
var factorTimes2 = t * t;
var factor1 = factorTimes2 * (2 * t - 3) + 1;
var factor2 = factorTimes2 * (t - 2) + t;
var factor3 = factorTimes2 * (t - 1);
var factor4 = factorTimes2 * (3 - 2 * t);
13129
out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
13133
return out;
13135}
13136
13137/**
* Performs a bezier interpolation with two control points
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @param {vec3} c the third operand
* @param {vec3} d the fourth operand
* @param {Number} t interpolation amount, in the range [0-1], between the two inputs
* @returns {vec3} out
*/
13148function bezier(out, a, b, c, d, t) {
var inverseFactor = 1 - t;
var inverseFactorTimesTwo = inverseFactor * inverseFactor;
var factorTimes2 = t * t;
var factor1 = inverseFactorTimesTwo * inverseFactor;
var factor2 = 3 * t * inverseFactorTimesTwo;
var factor3 = 3 * factorTimes2 * inverseFactor;
var factor4 = factorTimes2 * t;
13156
out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
13160
return out;
13162}
13163
13164/**
* Generates a random vector with the given scale
*
* @param {vec3} out the receiving vector
* @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
* @returns {vec3} out
*/
13171function random(out, scale) {
scale = scale || 1.0;
13173
var r = __WEBPACK_IMPORTED_MODULE_0__common_js__["c" /* RANDOM */]() * 2.0 * Math.PI;
var z = __WEBPACK_IMPORTED_MODULE_0__common_js__["c" /* RANDOM */]() * 2.0 - 1.0;
var zScale = Math.sqrt(1.0 - z * z) * scale;
13177
out[0] = Math.cos(r) * zScale;
out[1] = Math.sin(r) * zScale;
out[2] = z * scale;
return out;
13182}
13183
13184/**
* Transforms the vec3 with a mat4.
* 4th vector component is implicitly '1'
*
* @param {vec3} out the receiving vector
* @param {vec3} a the vector to transform
* @param {mat4} m matrix to transform with
* @returns {vec3} out
*/
13193function transformMat4(out, a, m) {
var x = a[0],
    y = a[1],
    z = a[2];
var w = m[3] * x + m[7] * y + m[11] * z + m[15];
w = w || 1.0;
out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w;
out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w;
out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w;
return out;
13203}
13204
13205/**
* Transforms the vec3 with a mat3.
*
* @param {vec3} out the receiving vector
* @param {vec3} a the vector to transform
* @param {mat3} m the 3x3 matrix to transform with
* @returns {vec3} out
*/
13213function transformMat3(out, a, m) {
var x = a[0],
    y = a[1],
    z = a[2];
out[0] = x * m[0] + y * m[3] + z * m[6];
out[1] = x * m[1] + y * m[4] + z * m[7];
out[2] = x * m[2] + y * m[5] + z * m[8];
return out;
13221}
13222
13223/**
* Transforms the vec3 with a quat
* Can also be used for dual quaternions. (Multiply it with the real part)
*
* @param {vec3} out the receiving vector
* @param {vec3} a the vector to transform
* @param {quat} q quaternion to transform with
* @returns {vec3} out
*/
13232function transformQuat(out, a, q) {
// benchmarks: https://jsperf.com/quaternion-transform-vec3-implementations-fixed
var qx = q[0],
    qy = q[1],
    qz = q[2],
    qw = q[3];
var x = a[0],
    y = a[1],
    z = a[2];
// var qvec = [qx, qy, qz];
// var uv = vec3.cross([], qvec, a);
var uvx = qy * z - qz * y,
    uvy = qz * x - qx * z,
    uvz = qx * y - qy * x;
// var uuv = vec3.cross([], qvec, uv);
var uuvx = qy * uvz - qz * uvy,
    uuvy = qz * uvx - qx * uvz,
    uuvz = qx * uvy - qy * uvx;
// vec3.scale(uv, uv, 2 * w);
var w2 = qw * 2;
uvx *= w2;
uvy *= w2;
uvz *= w2;
// vec3.scale(uuv, uuv, 2);
uuvx *= 2;
uuvy *= 2;
uuvz *= 2;
// return vec3.add(out, a, vec3.add(out, uv, uuv));
out[0] = x + uvx + uuvx;
out[1] = y + uvy + uuvy;
out[2] = z + uvz + uuvz;
return out;
13264}
13265
13266/**
* Rotate a 3D vector around the x-axis
* @param {vec3} out The receiving vec3
* @param {vec3} a The vec3 point to rotate
* @param {vec3} b The origin of the rotation
* @param {Number} c The angle of rotation
* @returns {vec3} out
*/
13274function rotateX(out, a, b, c) {
var p = [],
    r = [];
//Translate point to the origin
p[0] = a[0] - b[0];
p[1] = a[1] - b[1];
p[2] = a[2] - b[2];
13281
//perform rotation
r[0] = p[0];
r[1] = p[1] * Math.cos(c) - p[2] * Math.sin(c);
r[2] = p[1] * Math.sin(c) + p[2] * Math.cos(c);
13286
//translate to correct position
out[0] = r[0] + b[0];
out[1] = r[1] + b[1];
out[2] = r[2] + b[2];
13291
return out;
13293}
13294
13295/**
* Rotate a 3D vector around the y-axis
* @param {vec3} out The receiving vec3
* @param {vec3} a The vec3 point to rotate
* @param {vec3} b The origin of the rotation
* @param {Number} c The angle of rotation
* @returns {vec3} out
*/
13303function rotateY(out, a, b, c) {
var p = [],
    r = [];
//Translate point to the origin
p[0] = a[0] - b[0];
p[1] = a[1] - b[1];
p[2] = a[2] - b[2];
13310
//perform rotation
r[0] = p[2] * Math.sin(c) + p[0] * Math.cos(c);
r[1] = p[1];
r[2] = p[2] * Math.cos(c) - p[0] * Math.sin(c);
13315
//translate to correct position
out[0] = r[0] + b[0];
out[1] = r[1] + b[1];
out[2] = r[2] + b[2];
13320
return out;
13322}
13323
13324/**
* Rotate a 3D vector around the z-axis
* @param {vec3} out The receiving vec3
* @param {vec3} a The vec3 point to rotate
* @param {vec3} b The origin of the rotation
* @param {Number} c The angle of rotation
* @returns {vec3} out
*/
13332function rotateZ(out, a, b, c) {
var p = [],
    r = [];
//Translate point to the origin
p[0] = a[0] - b[0];
p[1] = a[1] - b[1];
p[2] = a[2] - b[2];
13339
//perform rotation
r[0] = p[0] * Math.cos(c) - p[1] * Math.sin(c);
r[1] = p[0] * Math.sin(c) + p[1] * Math.cos(c);
r[2] = p[2];
13344
//translate to correct position
out[0] = r[0] + b[0];
out[1] = r[1] + b[1];
out[2] = r[2] + b[2];
13349
return out;
13351}
13352
13353/**
* Get the angle between two 3D vectors
* @param {vec3} a The first operand
* @param {vec3} b The second operand
* @returns {Number} The angle in radians
*/
13359function angle(a, b) {
var tempA = fromValues(a[0], a[1], a[2]);
var tempB = fromValues(b[0], b[1], b[2]);
13362
normalize(tempA, tempA);
normalize(tempB, tempB);
13365
var cosine = dot(tempA, tempB);
13367
if (cosine > 1.0) {
  return 0;
} else if (cosine < -1.0) {
  return Math.PI;
} else {
  return Math.acos(cosine);
}
13375}
13376
13377/**
* Returns a string representation of a vector
*
* @param {vec3} a vector to represent as a string
* @returns {String} string representation of the vector
*/
13383function str(a) {
return 'vec3(' + a[0] + ', ' + a[1] + ', ' + a[2] + ')';
13385}
13386
13387/**
* Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
*
* @param {vec3} a The first vector.
* @param {vec3} b The second vector.
* @returns {Boolean} True if the vectors are equal, false otherwise.
*/
13394function exactEquals(a, b) {
return a[0] === b[0] && a[1] === b[1] && a[2] === b[2];
13396}
13397
13398/**
* Returns whether or not the vectors have approximately the same elements in the same position.
*
* @param {vec3} a The first vector.
* @param {vec3} b The second vector.
* @returns {Boolean} True if the vectors are equal, false otherwise.
*/
13405function equals(a, b) {
var a0 = a[0],
    a1 = a[1],
    a2 = a[2];
var b0 = b[0],
    b1 = b[1],
    b2 = b[2];
return Math.abs(a0 - b0) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a2), Math.abs(b2));
13413}
13414
13415/**
* Alias for {@link vec3.subtract}
* @function
*/
13419var sub = subtract;
13420
13421/**
* Alias for {@link vec3.multiply}
* @function
*/
13425var mul = multiply;
13426
13427/**
* Alias for {@link vec3.divide}
* @function
*/
13431var div = divide;
13432
13433/**
* Alias for {@link vec3.distance}
* @function
*/
13437var dist = distance;
13438
13439/**
* Alias for {@link vec3.squaredDistance}
* @function
*/
13443var sqrDist = squaredDistance;
13444
13445/**
* Alias for {@link vec3.length}
* @function
*/
13449var len = length;
13450
13451/**
* Alias for {@link vec3.squaredLength}
* @function
*/
13455var sqrLen = squaredLength;
13456
13457/**
* Perform some operation over an array of vec3s.
*
* @param {Array} a the array of vectors to iterate over
* @param {Number} stride Number of elements between the start of each vec3. If 0 assumes tightly packed
* @param {Number} offset Number of elements to skip at the beginning of the array
* @param {Number} count Number of vec3s to iterate over. If 0 iterates over entire array
* @param {Function} fn Function to call for each vector in the array
* @param {Object} [arg] additional argument to pass to fn
* @returns {Array} a
* @function
*/
13469var forEach = function () {
var vec = create();
13471
return function (a, stride, offset, count, fn, arg) {
  var i = void 0,
      l = void 0;
  if (!stride) {
    stride = 3;
  }
13478
  if (!offset) {
    offset = 0;
  }
13482
  if (count) {
    l = Math.min(count * stride + offset, a.length);
  } else {
    l = a.length;
  }
13488
  for (i = offset; i < l; i += stride) {
    vec[0] = a[i];vec[1] = a[i + 1];vec[2] = a[i + 2];
    fn(vec, vec, arg);
    a[i] = vec[0];a[i + 1] = vec[1];a[i + 2] = vec[2];
  }
13494
  return a;
};
13497}();
13498
13499/***/ }),
13500/* 76 */
13501/***/ (function(module, __webpack_exports__, __webpack_require__) {
13502
13503"use strict";
13504Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
13505/* harmony export (immutable) */ __webpack_exports__["create"] = create;
13506/* harmony export (immutable) */ __webpack_exports__["clone"] = clone;
13507/* harmony export (immutable) */ __webpack_exports__["fromValues"] = fromValues;
13508/* harmony export (immutable) */ __webpack_exports__["copy"] = copy;
13509/* harmony export (immutable) */ __webpack_exports__["set"] = set;
13510/* harmony export (immutable) */ __webpack_exports__["add"] = add;
13511/* harmony export (immutable) */ __webpack_exports__["subtract"] = subtract;
13512/* harmony export (immutable) */ __webpack_exports__["multiply"] = multiply;
13513/* harmony export (immutable) */ __webpack_exports__["divide"] = divide;
13514/* harmony export (immutable) */ __webpack_exports__["ceil"] = ceil;
13515/* harmony export (immutable) */ __webpack_exports__["floor"] = floor;
13516/* harmony export (immutable) */ __webpack_exports__["min"] = min;
13517/* harmony export (immutable) */ __webpack_exports__["max"] = max;
13518/* harmony export (immutable) */ __webpack_exports__["round"] = round;
13519/* harmony export (immutable) */ __webpack_exports__["scale"] = scale;
13520/* harmony export (immutable) */ __webpack_exports__["scaleAndAdd"] = scaleAndAdd;
13521/* harmony export (immutable) */ __webpack_exports__["distance"] = distance;
13522/* harmony export (immutable) */ __webpack_exports__["squaredDistance"] = squaredDistance;
13523/* harmony export (immutable) */ __webpack_exports__["length"] = length;
13524/* harmony export (immutable) */ __webpack_exports__["squaredLength"] = squaredLength;
13525/* harmony export (immutable) */ __webpack_exports__["negate"] = negate;
13526/* harmony export (immutable) */ __webpack_exports__["inverse"] = inverse;
13527/* harmony export (immutable) */ __webpack_exports__["normalize"] = normalize;
13528/* harmony export (immutable) */ __webpack_exports__["dot"] = dot;
13529/* harmony export (immutable) */ __webpack_exports__["cross"] = cross;
13530/* harmony export (immutable) */ __webpack_exports__["lerp"] = lerp;
13531/* harmony export (immutable) */ __webpack_exports__["random"] = random;
13532/* harmony export (immutable) */ __webpack_exports__["transformMat2"] = transformMat2;
13533/* harmony export (immutable) */ __webpack_exports__["transformMat2d"] = transformMat2d;
13534/* harmony export (immutable) */ __webpack_exports__["transformMat3"] = transformMat3;
13535/* harmony export (immutable) */ __webpack_exports__["transformMat4"] = transformMat4;
13536/* harmony export (immutable) */ __webpack_exports__["rotate"] = rotate;
13537/* harmony export (immutable) */ __webpack_exports__["angle"] = angle;
13538/* harmony export (immutable) */ __webpack_exports__["str"] = str;
13539/* harmony export (immutable) */ __webpack_exports__["exactEquals"] = exactEquals;
13540/* harmony export (immutable) */ __webpack_exports__["equals"] = equals;
13541/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "len", function() { return len; });
13542/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sub", function() { return sub; });
13543/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mul", function() { return mul; });
13544/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "div", function() { return div; });
13545/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "dist", function() { return dist; });
13546/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sqrDist", function() { return sqrDist; });
13547/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sqrLen", function() { return sqrLen; });
13548/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "forEach", function() { return forEach; });
13549/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__common_js__ = __webpack_require__(14);
13550
13551
13552/**
* 2 Dimensional Vector
* @module vec2
*/
13556
13557/**
* Creates a new, empty vec2
*
* @returns {vec2} a new 2D vector
*/
13562function create() {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](2);
out[0] = 0;
out[1] = 0;
return out;
13567}
13568
13569/**
* Creates a new vec2 initialized with values from an existing vector
*
* @param {vec2} a vector to clone
* @returns {vec2} a new 2D vector
*/
13575function clone(a) {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](2);
out[0] = a[0];
out[1] = a[1];
return out;
13580}
13581
13582/**
* Creates a new vec2 initialized with the given values
*
* @param {Number} x X component
* @param {Number} y Y component
* @returns {vec2} a new 2D vector
*/
13589function fromValues(x, y) {
var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](2);
out[0] = x;
out[1] = y;
return out;
13594}
13595
13596/**
* Copy the values from one vec2 to another
*
* @param {vec2} out the receiving vector
* @param {vec2} a the source vector
* @returns {vec2} out
*/
13603function copy(out, a) {
out[0] = a[0];
out[1] = a[1];
return out;
13607}
13608
13609/**
* Set the components of a vec2 to the given values
*
* @param {vec2} out the receiving vector
* @param {Number} x X component
* @param {Number} y Y component
* @returns {vec2} out
*/
13617function set(out, x, y) {
out[0] = x;
out[1] = y;
return out;
13621}
13622
13623/**
* Adds two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13631function add(out, a, b) {
out[0] = a[0] + b[0];
out[1] = a[1] + b[1];
return out;
13635}
13636
13637/**
* Subtracts vector b from vector a
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13645function subtract(out, a, b) {
out[0] = a[0] - b[0];
out[1] = a[1] - b[1];
return out;
13649}
13650
13651/**
* Multiplies two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13659function multiply(out, a, b) {
out[0] = a[0] * b[0];
out[1] = a[1] * b[1];
return out;
13663}
13664
13665/**
* Divides two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13673function divide(out, a, b) {
out[0] = a[0] / b[0];
out[1] = a[1] / b[1];
return out;
13677}
13678
13679/**
* Math.ceil the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to ceil
* @returns {vec2} out
*/
13686function ceil(out, a) {
out[0] = Math.ceil(a[0]);
out[1] = Math.ceil(a[1]);
return out;
13690}
13691
13692/**
* Math.floor the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to floor
* @returns {vec2} out
*/
13699function floor(out, a) {
out[0] = Math.floor(a[0]);
out[1] = Math.floor(a[1]);
return out;
13703}
13704
13705/**
* Returns the minimum of two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13713function min(out, a, b) {
out[0] = Math.min(a[0], b[0]);
out[1] = Math.min(a[1], b[1]);
return out;
13717}
13718
13719/**
* Returns the maximum of two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13727function max(out, a, b) {
out[0] = Math.max(a[0], b[0]);
out[1] = Math.max(a[1], b[1]);
return out;
13731}
13732
13733/**
* Math.round the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to round
* @returns {vec2} out
*/
13740function round(out, a) {
out[0] = Math.round(a[0]);
out[1] = Math.round(a[1]);
return out;
13744}
13745
13746/**
* Scales a vec2 by a scalar number
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to scale
* @param {Number} b amount to scale the vector by
* @returns {vec2} out
*/
13754function scale(out, a, b) {
out[0] = a[0] * b;
out[1] = a[1] * b;
return out;
13758}
13759
13760/**
* Adds two vec2's after scaling the second operand by a scalar value
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @param {Number} scale the amount to scale b by before adding
* @returns {vec2} out
*/
13769function scaleAndAdd(out, a, b, scale) {
out[0] = a[0] + b[0] * scale;
out[1] = a[1] + b[1] * scale;
return out;
13773}
13774
13775/**
* Calculates the euclidian distance between two vec2's
*
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {Number} distance between a and b
*/
13782function distance(a, b) {
var x = b[0] - a[0],
    y = b[1] - a[1];
return Math.sqrt(x * x + y * y);
13786}
13787
13788/**
* Calculates the squared euclidian distance between two vec2's
*
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {Number} squared distance between a and b
*/
13795function squaredDistance(a, b) {
var x = b[0] - a[0],
    y = b[1] - a[1];
return x * x + y * y;
13799}
13800
13801/**
* Calculates the length of a vec2
*
* @param {vec2} a vector to calculate length of
* @returns {Number} length of a
*/
13807function length(a) {
var x = a[0],
    y = a[1];
return Math.sqrt(x * x + y * y);
13811}
13812
13813/**
* Calculates the squared length of a vec2
*
* @param {vec2} a vector to calculate squared length of
* @returns {Number} squared length of a
*/
13819function squaredLength(a) {
var x = a[0],
    y = a[1];
return x * x + y * y;
13823}
13824
13825/**
* Negates the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to negate
* @returns {vec2} out
*/
13832function negate(out, a) {
out[0] = -a[0];
out[1] = -a[1];
return out;
13836}
13837
13838/**
* Returns the inverse of the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to invert
* @returns {vec2} out
*/
13845function inverse(out, a) {
out[0] = 1.0 / a[0];
out[1] = 1.0 / a[1];
return out;
13849}
13850
13851/**
* Normalize a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to normalize
* @returns {vec2} out
*/
13858function normalize(out, a) {
var x = a[0],
    y = a[1];
var len = x * x + y * y;
if (len > 0) {
  //TODO: evaluate use of glm_invsqrt here?
  len = 1 / Math.sqrt(len);
  out[0] = a[0] * len;
  out[1] = a[1] * len;
}
return out;
13869}
13870
13871/**
* Calculates the dot product of two vec2's
*
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {Number} dot product of a and b
*/
13878function dot(a, b) {
return a[0] * b[0] + a[1] * b[1];
13880}
13881
13882/**
* Computes the cross product of two vec2's
* Note that the cross product must by definition produce a 3D vector
*
* @param {vec3} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec3} out
*/
13891function cross(out, a, b) {
var z = a[0] * b[1] - a[1] * b[0];
out[0] = out[1] = 0;
out[2] = z;
return out;
13896}
13897
13898/**
* Performs a linear interpolation between two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @param {Number} t interpolation amount, in the range [0-1], between the two inputs
* @returns {vec2} out
*/
13907function lerp(out, a, b, t) {
var ax = a[0],
    ay = a[1];
out[0] = ax + t * (b[0] - ax);
out[1] = ay + t * (b[1] - ay);
return out;
13913}
13914
13915/**
* Generates a random vector with the given scale
*
* @param {vec2} out the receiving vector
* @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
* @returns {vec2} out
*/
13922function random(out, scale) {
scale = scale || 1.0;
var r = __WEBPACK_IMPORTED_MODULE_0__common_js__["c" /* RANDOM */]() * 2.0 * Math.PI;
out[0] = Math.cos(r) * scale;
out[1] = Math.sin(r) * scale;
return out;
13928}
13929
13930/**
* Transforms the vec2 with a mat2
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to transform
* @param {mat2} m matrix to transform with
* @returns {vec2} out
*/
13938function transformMat2(out, a, m) {
var x = a[0],
    y = a[1];
out[0] = m[0] * x + m[2] * y;
out[1] = m[1] * x + m[3] * y;
return out;
13944}
13945
13946/**
* Transforms the vec2 with a mat2d
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to transform
* @param {mat2d} m matrix to transform with
* @returns {vec2} out
*/
13954function transformMat2d(out, a, m) {
var x = a[0],
    y = a[1];
out[0] = m[0] * x + m[2] * y + m[4];
out[1] = m[1] * x + m[3] * y + m[5];
return out;
13960}
13961
13962/**
* Transforms the vec2 with a mat3
* 3rd vector component is implicitly '1'
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to transform
* @param {mat3} m matrix to transform with
* @returns {vec2} out
*/
13971function transformMat3(out, a, m) {
var x = a[0],
    y = a[1];
out[0] = m[0] * x + m[3] * y + m[6];
out[1] = m[1] * x + m[4] * y + m[7];
return out;
13977}
13978
13979/**
* Transforms the vec2 with a mat4
* 3rd vector component is implicitly '0'
* 4th vector component is implicitly '1'
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to transform
* @param {mat4} m matrix to transform with
* @returns {vec2} out
*/
13989function transformMat4(out, a, m) {
var x = a[0];
var y = a[1];
out[0] = m[0] * x + m[4] * y + m[12];
out[1] = m[1] * x + m[5] * y + m[13];
return out;
13995}
13996
13997/**
* Rotate a 2D vector
* @param {vec2} out The receiving vec2
* @param {vec2} a The vec2 point to rotate
* @param {vec2} b The origin of the rotation
* @param {Number} c The angle of rotation
* @returns {vec2} out
*/
14005function rotate(out, a, b, c) {
//Translate point to the origin
var p0 = a[0] - b[0],
    p1 = a[1] - b[1],
    sinC = Math.sin(c),
    cosC = Math.cos(c);
14011
//perform rotation and translate to correct position
out[0] = p0 * cosC - p1 * sinC + b[0];
out[1] = p0 * sinC + p1 * cosC + b[1];
14015
return out;
14017}
14018
14019/**
* Get the angle between two 2D vectors
* @param {vec2} a The first operand
* @param {vec2} b The second operand
* @returns {Number} The angle in radians
*/
14025function angle(a, b) {
var x1 = a[0],
    y1 = a[1],
    x2 = b[0],
    y2 = b[1];
14030
var len1 = x1 * x1 + y1 * y1;
if (len1 > 0) {
  //TODO: evaluate use of glm_invsqrt here?
  len1 = 1 / Math.sqrt(len1);
}
14036
var len2 = x2 * x2 + y2 * y2;
if (len2 > 0) {
  //TODO: evaluate use of glm_invsqrt here?
  len2 = 1 / Math.sqrt(len2);
}
14042
var cosine = (x1 * x2 + y1 * y2) * len1 * len2;
14044
if (cosine > 1.0) {
  return 0;
} else if (cosine < -1.0) {
  return Math.PI;
} else {
  return Math.acos(cosine);
}
14052}
14053
14054/**
* Returns a string representation of a vector
*
* @param {vec2} a vector to represent as a string
* @returns {String} string representation of the vector
*/
14060function str(a) {
return 'vec2(' + a[0] + ', ' + a[1] + ')';
14062}
14063
14064/**
* Returns whether or not the vectors exactly have the same elements in the same position (when compared with ===)
*
* @param {vec2} a The first vector.
* @param {vec2} b The second vector.
* @returns {Boolean} True if the vectors are equal, false otherwise.
*/
14071function exactEquals(a, b) {
return a[0] === b[0] && a[1] === b[1];
14073}
14074
14075/**
* Returns whether or not the vectors have approximately the same elements in the same position.
*
* @param {vec2} a The first vector.
* @param {vec2} b The second vector.
* @returns {Boolean} True if the vectors are equal, false otherwise.
*/
14082function equals(a, b) {
var a0 = a[0],
    a1 = a[1];
var b0 = b[0],
    b1 = b[1];
return Math.abs(a0 - b0) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a1), Math.abs(b1));
14088}
14089
14090/**
* Alias for {@link vec2.length}
* @function
*/
14094var len = length;
14095
14096/**
* Alias for {@link vec2.subtract}
* @function
*/
14100var sub = subtract;
14101
14102/**
* Alias for {@link vec2.multiply}
* @function
*/
14106var mul = multiply;
14107
14108/**
* Alias for {@link vec2.divide}
* @function
*/
14112var div = divide;
14113
14114/**
* Alias for {@link vec2.distance}
* @function
*/
14118var dist = distance;
14119
14120/**
* Alias for {@link vec2.squaredDistance}
* @function
*/
14124var sqrDist = squaredDistance;
14125
14126/**
* Alias for {@link vec2.squaredLength}
* @function
*/
14130var sqrLen = squaredLength;
14131
14132/**
* Perform some operation over an array of vec2s.
*
* @param {Array} a the array of vectors to iterate over
* @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
* @param {Number} offset Number of elements to skip at the beginning of the array
* @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
* @param {Function} fn Function to call for each vector in the array
* @param {Object} [arg] additional argument to pass to fn
* @returns {Array} a
* @function
*/
14144var forEach = function () {
var vec = create();
14146
return function (a, stride, offset, count, fn, arg) {
  var i = void 0,
      l = void 0;
  if (!stride) {
    stride = 2;
  }
14153
  if (!offset) {
    offset = 0;
  }
14157
  if (count) {
    l = Math.min(count * stride + offset, a.length);
  } else {
    l = a.length;
  }
14163
  for (i = offset; i < l; i += stride) {
    vec[0] = a[i];vec[1] = a[i + 1];
    fn(vec, vec, arg);
    a[i] = vec[0];a[i + 1] = vec[1];
  }
14169
  return a;
};
14172}();
14173
14174/***/ }),
14175/* 77 */
14176/***/ (function(module, __webpack_exports__, __webpack_require__) {
14177
14178"use strict";
14179Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
14180/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_linear__ = __webpack_require__(78);
14181/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeLinear", function() { return __WEBPACK_IMPORTED_MODULE_0__src_linear__["a"]; });
14182/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_quad__ = __webpack_require__(79);
14183/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeQuad", function() { return __WEBPACK_IMPORTED_MODULE_1__src_quad__["b"]; });
14184/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeQuadIn", function() { return __WEBPACK_IMPORTED_MODULE_1__src_quad__["a"]; });
14185/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeQuadOut", function() { return __WEBPACK_IMPORTED_MODULE_1__src_quad__["c"]; });
14186/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeQuadInOut", function() { return __WEBPACK_IMPORTED_MODULE_1__src_quad__["b"]; });
14187/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_cubic__ = __webpack_require__(80);
14188/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCubic", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["b"]; });
14189/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCubicIn", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["a"]; });
14190/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCubicOut", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["c"]; });
14191/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCubicInOut", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["b"]; });
14192/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__src_poly__ = __webpack_require__(81);
14193/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easePoly", function() { return __WEBPACK_IMPORTED_MODULE_3__src_poly__["b"]; });
14194/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easePolyIn", function() { return __WEBPACK_IMPORTED_MODULE_3__src_poly__["a"]; });
14195/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easePolyOut", function() { return __WEBPACK_IMPORTED_MODULE_3__src_poly__["c"]; });
14196/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easePolyInOut", function() { return __WEBPACK_IMPORTED_MODULE_3__src_poly__["b"]; });
14197/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__src_sin__ = __webpack_require__(82);
14198/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeSin", function() { return __WEBPACK_IMPORTED_MODULE_4__src_sin__["b"]; });
14199/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeSinIn", function() { return __WEBPACK_IMPORTED_MODULE_4__src_sin__["a"]; });
14200/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeSinOut", function() { return __WEBPACK_IMPORTED_MODULE_4__src_sin__["c"]; });
14201/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeSinInOut", function() { return __WEBPACK_IMPORTED_MODULE_4__src_sin__["b"]; });
14202/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__src_exp__ = __webpack_require__(83);
14203/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeExp", function() { return __WEBPACK_IMPORTED_MODULE_5__src_exp__["b"]; });
14204/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeExpIn", function() { return __WEBPACK_IMPORTED_MODULE_5__src_exp__["a"]; });
14205/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeExpOut", function() { return __WEBPACK_IMPORTED_MODULE_5__src_exp__["c"]; });
14206/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeExpInOut", function() { return __WEBPACK_IMPORTED_MODULE_5__src_exp__["b"]; });
14207/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__src_circle__ = __webpack_require__(84);
14208/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCircle", function() { return __WEBPACK_IMPORTED_MODULE_6__src_circle__["b"]; });
14209/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCircleIn", function() { return __WEBPACK_IMPORTED_MODULE_6__src_circle__["a"]; });
14210/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCircleOut", function() { return __WEBPACK_IMPORTED_MODULE_6__src_circle__["c"]; });
14211/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCircleInOut", function() { return __WEBPACK_IMPORTED_MODULE_6__src_circle__["b"]; });
14212/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__src_bounce__ = __webpack_require__(85);
14213/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBounce", function() { return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["c"]; });
14214/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBounceIn", function() { return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["a"]; });
14215/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBounceOut", function() { return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["c"]; });
14216/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBounceInOut", function() { return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["b"]; });
14217/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__src_back__ = __webpack_require__(86);
14218/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBack", function() { return __WEBPACK_IMPORTED_MODULE_8__src_back__["b"]; });
14219/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBackIn", function() { return __WEBPACK_IMPORTED_MODULE_8__src_back__["a"]; });
14220/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBackOut", function() { return __WEBPACK_IMPORTED_MODULE_8__src_back__["c"]; });
14221/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBackInOut", function() { return __WEBPACK_IMPORTED_MODULE_8__src_back__["b"]; });
14222/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__src_elastic__ = __webpack_require__(87);
14223/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeElastic", function() { return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["c"]; });
14224/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeElasticIn", function() { return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["a"]; });
14225/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeElasticOut", function() { return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["c"]; });
14226/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeElasticInOut", function() { return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["b"]; });
14227
14228
14229
14230
14231
14232
14233
14234
14235
14236
14237
14238
14239
14240
14241
14242
14243
14244
14245
14246
14247/***/ }),
14248/* 78 */
14249/***/ (function(module, __webpack_exports__, __webpack_require__) {
14250
14251"use strict";
14252/* harmony export (immutable) */ __webpack_exports__["a"] = linear;
14253function linear(t) {
return +t;
14255}
14256
14257/***/ }),
14258/* 79 */
14259/***/ (function(module, __webpack_exports__, __webpack_require__) {
14260
14261"use strict";
14262/* harmony export (immutable) */ __webpack_exports__["a"] = quadIn;
14263/* harmony export (immutable) */ __webpack_exports__["c"] = quadOut;
14264/* harmony export (immutable) */ __webpack_exports__["b"] = quadInOut;
14265function quadIn(t) {
return t * t;
14267}
14268
14269function quadOut(t) {
return t * (2 - t);
14271}
14272
14273function quadInOut(t) {
return ((t *= 2) <= 1 ? t * t : --t * (2 - t) + 1) / 2;
14275}
14276
14277/***/ }),
14278/* 80 */
14279/***/ (function(module, __webpack_exports__, __webpack_require__) {
14280
14281"use strict";
14282/* harmony export (immutable) */ __webpack_exports__["a"] = cubicIn;
14283/* harmony export (immutable) */ __webpack_exports__["c"] = cubicOut;
14284/* harmony export (immutable) */ __webpack_exports__["b"] = cubicInOut;
14285function cubicIn(t) {
return t * t * t;
14287}
14288
14289function cubicOut(t) {
return --t * t * t + 1;
14291}
14292
14293function cubicInOut(t) {
return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2;
14295}
14296
14297/***/ }),
14298/* 81 */
14299/***/ (function(module, __webpack_exports__, __webpack_require__) {
14300
14301"use strict";
14302/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return polyIn; });
14303/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return polyOut; });
14304/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return polyInOut; });
14305var exponent = 3;
14306
14307var polyIn = function custom(e) {
e = +e;
14309
function polyIn(t) {
  return Math.pow(t, e);
}
14313
polyIn.exponent = custom;
14315
return polyIn;
14317}(exponent);
14318
14319var polyOut = function custom(e) {
e = +e;
14321
function polyOut(t) {
  return 1 - Math.pow(1 - t, e);
}
14325
polyOut.exponent = custom;
14327
return polyOut;
14329}(exponent);
14330
14331var polyInOut = function custom(e) {
e = +e;
14333
function polyInOut(t) {
  return ((t *= 2) <= 1 ? Math.pow(t, e) : 2 - Math.pow(2 - t, e)) / 2;
}
14337
polyInOut.exponent = custom;
14339
return polyInOut;
14341}(exponent);
14342
14343/***/ }),
14344/* 82 */
14345/***/ (function(module, __webpack_exports__, __webpack_require__) {
14346
14347"use strict";
14348/* harmony export (immutable) */ __webpack_exports__["a"] = sinIn;
14349/* harmony export (immutable) */ __webpack_exports__["c"] = sinOut;
14350/* harmony export (immutable) */ __webpack_exports__["b"] = sinInOut;
14351var pi = Math.PI,
  halfPi = pi / 2;
14353
14354function sinIn(t) {
return 1 - Math.cos(t * halfPi);
14356}
14357
14358function sinOut(t) {
return Math.sin(t * halfPi);
14360}
14361
14362function sinInOut(t) {
return (1 - Math.cos(pi * t)) / 2;
14364}
14365
14366/***/ }),
14367/* 83 */
14368/***/ (function(module, __webpack_exports__, __webpack_require__) {
14369
14370"use strict";
14371/* harmony export (immutable) */ __webpack_exports__["a"] = expIn;
14372/* harmony export (immutable) */ __webpack_exports__["c"] = expOut;
14373/* harmony export (immutable) */ __webpack_exports__["b"] = expInOut;
14374function expIn(t) {
return Math.pow(2, 10 * t - 10);
14376}
14377
14378function expOut(t) {
return 1 - Math.pow(2, -10 * t);
14380}
14381
14382function expInOut(t) {
return ((t *= 2) <= 1 ? Math.pow(2, 10 * t - 10) : 2 - Math.pow(2, 10 - 10 * t)) / 2;
14384}
14385
14386/***/ }),
14387/* 84 */
14388/***/ (function(module, __webpack_exports__, __webpack_require__) {
14389
14390"use strict";
14391/* harmony export (immutable) */ __webpack_exports__["a"] = circleIn;
14392/* harmony export (immutable) */ __webpack_exports__["c"] = circleOut;
14393/* harmony export (immutable) */ __webpack_exports__["b"] = circleInOut;
14394function circleIn(t) {
return 1 - Math.sqrt(1 - t * t);
14396}
14397
14398function circleOut(t) {
return Math.sqrt(1 - --t * t);
14400}
14401
14402function circleInOut(t) {
return ((t *= 2) <= 1 ? 1 - Math.sqrt(1 - t * t) : Math.sqrt(1 - (t -= 2) * t) + 1) / 2;
14404}
14405
14406/***/ }),
14407/* 85 */
14408/***/ (function(module, __webpack_exports__, __webpack_require__) {
14409
14410"use strict";
14411/* harmony export (immutable) */ __webpack_exports__["a"] = bounceIn;
14412/* harmony export (immutable) */ __webpack_exports__["c"] = bounceOut;
14413/* harmony export (immutable) */ __webpack_exports__["b"] = bounceInOut;
14414var b1 = 4 / 11,
  b2 = 6 / 11,
  b3 = 8 / 11,
  b4 = 3 / 4,
  b5 = 9 / 11,
  b6 = 10 / 11,
  b7 = 15 / 16,
  b8 = 21 / 22,
  b9 = 63 / 64,
  b0 = 1 / b1 / b1;
14424
14425function bounceIn(t) {
return 1 - bounceOut(1 - t);
14427}
14428
14429function bounceOut(t) {
return (t = +t) < b1 ? b0 * t * t : t < b3 ? b0 * (t -= b2) * t + b4 : t < b6 ? b0 * (t -= b5) * t + b7 : b0 * (t -= b8) * t + b9;
14431}
14432
14433function bounceInOut(t) {
return ((t *= 2) <= 1 ? 1 - bounceOut(1 - t) : bounceOut(t - 1) + 1) / 2;
14435}
14436
14437/***/ }),
14438/* 86 */
14439/***/ (function(module, __webpack_exports__, __webpack_require__) {
14440
14441"use strict";
14442/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return backIn; });
14443/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return backOut; });
14444/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return backInOut; });
14445var overshoot = 1.70158;
14446
14447var backIn = function custom(s) {
s = +s;
14449
function backIn(t) {
  return t * t * ((s + 1) * t - s);
}
14453
backIn.overshoot = custom;
14455
return backIn;
14457}(overshoot);
14458
14459var backOut = function custom(s) {
s = +s;
14461
function backOut(t) {
  return --t * t * ((s + 1) * t + s) + 1;
}
14465
backOut.overshoot = custom;
14467
return backOut;
14469}(overshoot);
14470
14471var backInOut = function custom(s) {
s = +s;
14473
function backInOut(t) {
  return ((t *= 2) < 1 ? t * t * ((s + 1) * t - s) : (t -= 2) * t * ((s + 1) * t + s) + 2) / 2;
}
14477
backInOut.overshoot = custom;
14479
return backInOut;
14481}(overshoot);
14482
14483/***/ }),
14484/* 87 */
14485/***/ (function(module, __webpack_exports__, __webpack_require__) {
14486
14487"use strict";
14488/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return elasticIn; });
14489/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return elasticOut; });
14490/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return elasticInOut; });
14491var tau = 2 * Math.PI,
  amplitude = 1,
  period = 0.3;
14494
14495var elasticIn = function custom(a, p) {
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
14497
function elasticIn(t) {
  return a * Math.pow(2, 10 * --t) * Math.sin((s - t) / p);
}
14501
elasticIn.amplitude = function (a) {
  return custom(a, p * tau);
};
elasticIn.period = function (p) {
  return custom(a, p);
};
14508
return elasticIn;
14510}(amplitude, period);
14511
14512var elasticOut = function custom(a, p) {
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
14514
function elasticOut(t) {
  return 1 - a * Math.pow(2, -10 * (t = +t)) * Math.sin((t + s) / p);
}
14518
elasticOut.amplitude = function (a) {
  return custom(a, p * tau);
};
elasticOut.period = function (p) {
  return custom(a, p);
};
14525
return elasticOut;
14527}(amplitude, period);
14528
14529var elasticInOut = function custom(a, p) {
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
14531
function elasticInOut(t) {
  return ((t = t * 2 - 1) < 0 ? a * Math.pow(2, 10 * t) * Math.sin((s - t) / p) : 2 - a * Math.pow(2, -10 * t) * Math.sin((s + t) / p)) / 2;
}
14535
elasticInOut.amplitude = function (a) {
  return custom(a, p * tau);
};
elasticInOut.period = function (p) {
  return custom(a, p);
};
14542
return elasticInOut;
14544}(amplitude, period);
14545
14546/***/ }),
14547/* 88 */
14548/***/ (function(module, __webpack_exports__, __webpack_require__) {
14549
14550"use strict";
14551Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
14552/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_timer__ = __webpack_require__(16);
14553/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "now", function() { return __WEBPACK_IMPORTED_MODULE_0__src_timer__["b"]; });
14554/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "timer", function() { return __WEBPACK_IMPORTED_MODULE_0__src_timer__["c"]; });
14555/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "timerFlush", function() { return __WEBPACK_IMPORTED_MODULE_0__src_timer__["d"]; });
14556/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_timeout__ = __webpack_require__(89);
14557/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "timeout", function() { return __WEBPACK_IMPORTED_MODULE_1__src_timeout__["a"]; });
14558/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_interval__ = __webpack_require__(90);
14559/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interval", function() { return __WEBPACK_IMPORTED_MODULE_2__src_interval__["a"]; });
14560
14561
14562
14563
14564
14565
14566/***/ }),
14567/* 89 */
14568/***/ (function(module, __webpack_exports__, __webpack_require__) {
14569
14570"use strict";
14571/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__timer__ = __webpack_require__(16);
14572
14573
14574/* harmony default export */ __webpack_exports__["a"] = (function (callback, delay, time) {
var t = new __WEBPACK_IMPORTED_MODULE_0__timer__["a" /* Timer */]();
delay = delay == null ? 0 : +delay;
t.restart(function (elapsed) {
  t.stop();
  callback(elapsed + delay);
}, delay, time);
return t;
14582});
14583
14584/***/ }),
14585/* 90 */
14586/***/ (function(module, __webpack_exports__, __webpack_require__) {
14587
14588"use strict";
14589/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__timer__ = __webpack_require__(16);
14590
14591
14592/* harmony default export */ __webpack_exports__["a"] = (function (callback, delay, time) {
var t = new __WEBPACK_IMPORTED_MODULE_0__timer__["a" /* Timer */](),
    total = delay;
if (delay == null) return t.restart(callback, delay, time), t;
delay = +delay, time = time == null ? Object(__WEBPACK_IMPORTED_MODULE_0__timer__["b" /* now */])() : +time;
t.restart(function tick(elapsed) {
  elapsed += total;
  t.restart(tick, total += delay, time);
  callback(elapsed);
}, delay, time);
return t;
14603});
14604
14605/***/ }),
14606/* 91 */
14607/***/ (function(module, __webpack_exports__, __webpack_require__) {
14608
14609"use strict";
14610Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
14611/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_value__ = __webpack_require__(17);
14612/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolate", function() { return __WEBPACK_IMPORTED_MODULE_0__src_value__["a"]; });
14613/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_array__ = __webpack_require__(37);
14614/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateArray", function() { return __WEBPACK_IMPORTED_MODULE_1__src_array__["a"]; });
14615/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_basis__ = __webpack_require__(20);
14616/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateBasis", function() { return __WEBPACK_IMPORTED_MODULE_2__src_basis__["b"]; });
14617/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__src_basisClosed__ = __webpack_require__(35);
14618/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateBasisClosed", function() { return __WEBPACK_IMPORTED_MODULE_3__src_basisClosed__["a"]; });
14619/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__src_date__ = __webpack_require__(38);
14620/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateDate", function() { return __WEBPACK_IMPORTED_MODULE_4__src_date__["a"]; });
14621/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__src_number__ = __webpack_require__(11);
14622/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateNumber", function() { return __WEBPACK_IMPORTED_MODULE_5__src_number__["a"]; });
14623/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__src_object__ = __webpack_require__(39);
14624/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateObject", function() { return __WEBPACK_IMPORTED_MODULE_6__src_object__["a"]; });
14625/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__src_round__ = __webpack_require__(94);
14626/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateRound", function() { return __WEBPACK_IMPORTED_MODULE_7__src_round__["a"]; });
14627/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__src_string__ = __webpack_require__(40);
14628/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateString", function() { return __WEBPACK_IMPORTED_MODULE_8__src_string__["a"]; });
14629/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__src_transform_index__ = __webpack_require__(95);
14630/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateTransformCss", function() { return __WEBPACK_IMPORTED_MODULE_9__src_transform_index__["a"]; });
14631/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateTransformSvg", function() { return __WEBPACK_IMPORTED_MODULE_9__src_transform_index__["b"]; });
14632/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__src_zoom__ = __webpack_require__(98);
14633/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateZoom", function() { return __WEBPACK_IMPORTED_MODULE_10__src_zoom__["a"]; });
14634/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__src_rgb__ = __webpack_require__(34);
14635/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateRgb", function() { return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["a"]; });
14636/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateRgbBasis", function() { return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["b"]; });
14637/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateRgbBasisClosed", function() { return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["c"]; });
14638/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__src_hsl__ = __webpack_require__(99);
14639/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateHsl", function() { return __WEBPACK_IMPORTED_MODULE_12__src_hsl__["a"]; });
14640/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateHslLong", function() { return __WEBPACK_IMPORTED_MODULE_12__src_hsl__["b"]; });
14641/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__src_lab__ = __webpack_require__(100);
14642/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateLab", function() { return __WEBPACK_IMPORTED_MODULE_13__src_lab__["a"]; });
14643/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__src_hcl__ = __webpack_require__(101);
14644/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateHcl", function() { return __WEBPACK_IMPORTED_MODULE_14__src_hcl__["a"]; });
14645/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateHclLong", function() { return __WEBPACK_IMPORTED_MODULE_14__src_hcl__["b"]; });
14646/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__ = __webpack_require__(102);
14647/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateCubehelix", function() { return __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__["b"]; });
14648/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateCubehelixLong", function() { return __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__["a"]; });
14649/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__src_quantize__ = __webpack_require__(103);
14650/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "quantize", function() { return __WEBPACK_IMPORTED_MODULE_16__src_quantize__["a"]; });
14651
14652
14653
14654
14655
14656
14657
14658
14659
14660
14661
14662
14663
14664
14665
14666
14667
14668
14669/***/ }),
14670/* 92 */
14671/***/ (function(module, __webpack_exports__, __webpack_require__) {
14672
14673"use strict";
14674/* unused harmony export gray */
14675/* harmony export (immutable) */ __webpack_exports__["a"] = lab;
14676/* unused harmony export Lab */
14677/* unused harmony export lch */
14678/* harmony export (immutable) */ __webpack_exports__["b"] = hcl;
14679/* unused harmony export Hcl */
14680/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(19);
14681/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(18);
14682/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__math__ = __webpack_require__(33);
14683
14684
14685
14686
14687// https://beta.observablehq.com/@mbostock/lab-and-rgb
14688var K = 18,
  Xn = 0.96422,
  Yn = 1,
  Zn = 0.82521,
  t0 = 4 / 29,
  t1 = 6 / 29,
  t2 = 3 * t1 * t1,
  t3 = t1 * t1 * t1;
14696
14697function labConvert(o) {
if (o instanceof Lab) return new Lab(o.l, o.a, o.b, o.opacity);
if (o instanceof Hcl) {
  if (isNaN(o.h)) return new Lab(o.l, 0, 0, o.opacity);
  var h = o.h * __WEBPACK_IMPORTED_MODULE_2__math__["a" /* deg2rad */];
  return new Lab(o.l, Math.cos(h) * o.c, Math.sin(h) * o.c, o.opacity);
}
if (!(o instanceof __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */])) o = Object(__WEBPACK_IMPORTED_MODULE_1__color__["h" /* rgbConvert */])(o);
var r = rgb2lrgb(o.r),
    g = rgb2lrgb(o.g),
    b = rgb2lrgb(o.b),
    y = xyz2lab((0.2225045 * r + 0.7168786 * g + 0.0606169 * b) / Yn),
    x,
    z;
if (r === g && g === b) x = z = y;else {
  x = xyz2lab((0.4360747 * r + 0.3850649 * g + 0.1430804 * b) / Xn);
  z = xyz2lab((0.0139322 * r + 0.0971045 * g + 0.7141733 * b) / Zn);
}
return new Lab(116 * y - 16, 500 * (x - y), 200 * (y - z), o.opacity);
14716}
14717
14718function gray(l, opacity) {
return new Lab(l, 0, 0, opacity == null ? 1 : opacity);
14720}
14721
14722function lab(l, a, b, opacity) {
return arguments.length === 1 ? labConvert(l) : new Lab(l, a, b, opacity == null ? 1 : opacity);
14724}
14725
14726function Lab(l, a, b, opacity) {
this.l = +l;
this.a = +a;
this.b = +b;
this.opacity = +opacity;
14731}
14732
14733Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Lab, lab, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
brighter: function brighter(k) {
  return new Lab(this.l + K * (k == null ? 1 : k), this.a, this.b, this.opacity);
},
darker: function darker(k) {
  return new Lab(this.l - K * (k == null ? 1 : k), this.a, this.b, this.opacity);
},
rgb: function rgb() {
  var y = (this.l + 16) / 116,
      x = isNaN(this.a) ? y : y + this.a / 500,
      z = isNaN(this.b) ? y : y - this.b / 200;
  x = Xn * lab2xyz(x);
  y = Yn * lab2xyz(y);
  z = Zn * lab2xyz(z);
  return new __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */](lrgb2rgb(3.1338561 * x - 1.6168667 * y - 0.4906146 * z), lrgb2rgb(-0.9787684 * x + 1.9161415 * y + 0.0334540 * z), lrgb2rgb(0.0719453 * x - 0.2289914 * y + 1.4052427 * z), this.opacity);
}
14749}));
14750
14751function xyz2lab(t) {
return t > t3 ? Math.pow(t, 1 / 3) : t / t2 + t0;
14753}
14754
14755function lab2xyz(t) {
return t > t1 ? t * t * t : t2 * (t - t0);
14757}
14758
14759function lrgb2rgb(x) {
return 255 * (x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055);
14761}
14762
14763function rgb2lrgb(x) {
return (x /= 255) <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
14765}
14766
14767function hclConvert(o) {
if (o instanceof Hcl) return new Hcl(o.h, o.c, o.l, o.opacity);
if (!(o instanceof Lab)) o = labConvert(o);
if (o.a === 0 && o.b === 0) return new Hcl(NaN, 0, o.l, o.opacity);
var h = Math.atan2(o.b, o.a) * __WEBPACK_IMPORTED_MODULE_2__math__["b" /* rad2deg */];
return new Hcl(h < 0 ? h + 360 : h, Math.sqrt(o.a * o.a + o.b * o.b), o.l, o.opacity);
14773}
14774
14775function lch(l, c, h, opacity) {
return arguments.length === 1 ? hclConvert(l) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
14777}
14778
14779function hcl(h, c, l, opacity) {
return arguments.length === 1 ? hclConvert(h) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
14781}
14782
14783function Hcl(h, c, l, opacity) {
this.h = +h;
this.c = +c;
this.l = +l;
this.opacity = +opacity;
14788}
14789
14790Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Hcl, hcl, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
brighter: function brighter(k) {
  return new Hcl(this.h, this.c, this.l + K * (k == null ? 1 : k), this.opacity);
},
darker: function darker(k) {
  return new Hcl(this.h, this.c, this.l - K * (k == null ? 1 : k), this.opacity);
},
rgb: function rgb() {
  return labConvert(this).rgb();
}
14800}));
14801
14802/***/ }),
14803/* 93 */
14804/***/ (function(module, __webpack_exports__, __webpack_require__) {
14805
14806"use strict";
14807/* harmony export (immutable) */ __webpack_exports__["a"] = cubehelix;
14808/* unused harmony export Cubehelix */
14809/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(19);
14810/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(18);
14811/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__math__ = __webpack_require__(33);
14812
14813
14814
14815
14816var A = -0.14861,
  B = +1.78277,
  C = -0.29227,
  D = -0.90649,
  E = +1.97294,
  ED = E * D,
  EB = E * B,
  BC_DA = B * C - D * A;
14824
14825function cubehelixConvert(o) {
if (o instanceof Cubehelix) return new Cubehelix(o.h, o.s, o.l, o.opacity);
if (!(o instanceof __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */])) o = Object(__WEBPACK_IMPORTED_MODULE_1__color__["h" /* rgbConvert */])(o);
var r = o.r / 255,
    g = o.g / 255,
    b = o.b / 255,
    l = (BC_DA * b + ED * r - EB * g) / (BC_DA + ED - EB),
    bl = b - l,
    k = (E * (g - l) - C * bl) / D,
    s = Math.sqrt(k * k + bl * bl) / (E * l * (1 - l)),
    // NaN if l=0 or l=1
h = s ? Math.atan2(k, bl) * __WEBPACK_IMPORTED_MODULE_2__math__["b" /* rad2deg */] - 120 : NaN;
return new Cubehelix(h < 0 ? h + 360 : h, s, l, o.opacity);
14838}
14839
14840function cubehelix(h, s, l, opacity) {
return arguments.length === 1 ? cubehelixConvert(h) : new Cubehelix(h, s, l, opacity == null ? 1 : opacity);
14842}
14843
14844function Cubehelix(h, s, l, opacity) {
this.h = +h;
this.s = +s;
this.l = +l;
this.opacity = +opacity;
14849}
14850
14851Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Cubehelix, cubehelix, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
brighter: function brighter(k) {
  k = k == null ? __WEBPACK_IMPORTED_MODULE_1__color__["c" /* brighter */] : Math.pow(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* brighter */], k);
  return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
},
darker: function darker(k) {
  k = k == null ? __WEBPACK_IMPORTED_MODULE_1__color__["d" /* darker */] : Math.pow(__WEBPACK_IMPORTED_MODULE_1__color__["d" /* darker */], k);
  return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
},
rgb: function rgb() {
  var h = isNaN(this.h) ? 0 : (this.h + 120) * __WEBPACK_IMPORTED_MODULE_2__math__["a" /* deg2rad */],
      l = +this.l,
      a = isNaN(this.s) ? 0 : this.s * l * (1 - l),
      cosh = Math.cos(h),
      sinh = Math.sin(h);
  return new __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */](255 * (l + a * (A * cosh + B * sinh)), 255 * (l + a * (C * cosh + D * sinh)), 255 * (l + a * (E * cosh)), this.opacity);
}
14868}));
14869
14870/***/ }),
14871/* 94 */
14872/***/ (function(module, __webpack_exports__, __webpack_require__) {
14873
14874"use strict";
14875/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
return a = +a, b -= a, function (t) {
  return Math.round(a + b * t);
};
14879});
14880
14881/***/ }),
14882/* 95 */
14883/***/ (function(module, __webpack_exports__, __webpack_require__) {
14884
14885"use strict";
14886/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return interpolateTransformCss; });
14887/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return interpolateTransformSvg; });
14888/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__number__ = __webpack_require__(11);
14889/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__parse__ = __webpack_require__(96);
14890
14891
14892
14893function interpolateTransform(parse, pxComma, pxParen, degParen) {
14894
function pop(s) {
  return s.length ? s.pop() + " " : "";
}
14898
function translate(xa, ya, xb, yb, s, q) {
  if (xa !== xb || ya !== yb) {
    var i = s.push("translate(", null, pxComma, null, pxParen);
    q.push({ i: i - 4, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(xa, xb) }, { i: i - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(ya, yb) });
  } else if (xb || yb) {
    s.push("translate(" + xb + pxComma + yb + pxParen);
  }
}
14907
function rotate(a, b, s, q) {
  if (a !== b) {
    if (a - b > 180) b += 360;else if (b - a > 180) a += 360; // shortest path
    q.push({ i: s.push(pop(s) + "rotate(", null, degParen) - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(a, b) });
  } else if (b) {
    s.push(pop(s) + "rotate(" + b + degParen);
  }
}
14916
function skewX(a, b, s, q) {
  if (a !== b) {
    q.push({ i: s.push(pop(s) + "skewX(", null, degParen) - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(a, b) });
  } else if (b) {
    s.push(pop(s) + "skewX(" + b + degParen);
  }
}
14924
function scale(xa, ya, xb, yb, s, q) {
  if (xa !== xb || ya !== yb) {
    var i = s.push(pop(s) + "scale(", null, ",", null, ")");
    q.push({ i: i - 4, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(xa, xb) }, { i: i - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(ya, yb) });
  } else if (xb !== 1 || yb !== 1) {
    s.push(pop(s) + "scale(" + xb + "," + yb + ")");
  }
}
14933
return function (a, b) {
  var s = [],
      // string constants and placeholders
  q = []; // number interpolators
  a = parse(a), b = parse(b);
  translate(a.translateX, a.translateY, b.translateX, b.translateY, s, q);
  rotate(a.rotate, b.rotate, s, q);
  skewX(a.skewX, b.skewX, s, q);
  scale(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s, q);
  a = b = null; // gc
  return function (t) {
    var i = -1,
        n = q.length,
        o;
    while (++i < n) {
      s[(o = q[i]).i] = o.x(t);
    }return s.join("");
  };
};
14953}
14954
14955var interpolateTransformCss = interpolateTransform(__WEBPACK_IMPORTED_MODULE_1__parse__["a" /* parseCss */], "px, ", "px)", "deg)");
14956var interpolateTransformSvg = interpolateTransform(__WEBPACK_IMPORTED_MODULE_1__parse__["b" /* parseSvg */], ", ", ")", ")");
14957
14958/***/ }),
14959/* 96 */
14960/***/ (function(module, __webpack_exports__, __webpack_require__) {
14961
14962"use strict";
14963/* harmony export (immutable) */ __webpack_exports__["a"] = parseCss;
14964/* harmony export (immutable) */ __webpack_exports__["b"] = parseSvg;
14965/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__decompose__ = __webpack_require__(97);
14966
14967
14968var cssNode, cssRoot, cssView, svgNode;
14969
14970function parseCss(value) {
if (value === "none") return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
if (!cssNode) cssNode = document.createElement("DIV"), cssRoot = document.documentElement, cssView = document.defaultView;
cssNode.style.transform = value;
value = cssView.getComputedStyle(cssRoot.appendChild(cssNode), null).getPropertyValue("transform");
cssRoot.removeChild(cssNode);
value = value.slice(7, -1).split(",");
return Object(__WEBPACK_IMPORTED_MODULE_0__decompose__["a" /* default */])(+value[0], +value[1], +value[2], +value[3], +value[4], +value[5]);
14978}
14979
14980function parseSvg(value) {
if (value == null) return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
if (!svgNode) svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
svgNode.setAttribute("transform", value);
if (!(value = svgNode.transform.baseVal.consolidate())) return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
value = value.matrix;
return Object(__WEBPACK_IMPORTED_MODULE_0__decompose__["a" /* default */])(value.a, value.b, value.c, value.d, value.e, value.f);
14987}
14988
14989/***/ }),
14990/* 97 */
14991/***/ (function(module, __webpack_exports__, __webpack_require__) {
14992
14993"use strict";
14994/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return identity; });
14995var degrees = 180 / Math.PI;
14996
14997var identity = {
translateX: 0,
translateY: 0,
rotate: 0,
skewX: 0,
scaleX: 1,
scaleY: 1
15004};
15005
15006/* harmony default export */ __webpack_exports__["a"] = (function (a, b, c, d, e, f) {
var scaleX, scaleY, skewX;
if (scaleX = Math.sqrt(a * a + b * b)) a /= scaleX, b /= scaleX;
if (skewX = a * c + b * d) c -= a * skewX, d -= b * skewX;
if (scaleY = Math.sqrt(c * c + d * d)) c /= scaleY, d /= scaleY, skewX /= scaleY;
if (a * d < b * c) a = -a, b = -b, skewX = -skewX, scaleX = -scaleX;
return {
  translateX: e,
  translateY: f,
  rotate: Math.atan2(b, a) * degrees,
  skewX: Math.atan(skewX) * degrees,
  scaleX: scaleX,
  scaleY: scaleY
};
15020});
15021
15022/***/ }),
15023/* 98 */
15024/***/ (function(module, __webpack_exports__, __webpack_require__) {
15025
15026"use strict";
15027var rho = Math.SQRT2,
  rho2 = 2,
  rho4 = 4,
  epsilon2 = 1e-12;
15031
15032function cosh(x) {
return ((x = Math.exp(x)) + 1 / x) / 2;
15034}
15035
15036function sinh(x) {
return ((x = Math.exp(x)) - 1 / x) / 2;
15038}
15039
15040function tanh(x) {
return ((x = Math.exp(2 * x)) - 1) / (x + 1);
15042}
15043
15044// p0 = [ux0, uy0, w0]
15045// p1 = [ux1, uy1, w1]
15046/* harmony default export */ __webpack_exports__["a"] = (function (p0, p1) {
var ux0 = p0[0],
    uy0 = p0[1],
    w0 = p0[2],
    ux1 = p1[0],
    uy1 = p1[1],
    w1 = p1[2],
    dx = ux1 - ux0,
    dy = uy1 - uy0,
    d2 = dx * dx + dy * dy,
    i,
    S;
15058
// Special case for u0 ≅ u1.
if (d2 < epsilon2) {
  S = Math.log(w1 / w0) / rho;
  i = function i(t) {
    return [ux0 + t * dx, uy0 + t * dy, w0 * Math.exp(rho * t * S)];
  };
}
15066
// General case.
else {
    var d1 = Math.sqrt(d2),
        b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1),
        b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1),
        r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0),
        r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
    S = (r1 - r0) / rho;
    i = function i(t) {
      var s = t * S,
          coshr0 = cosh(r0),
          u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
      return [ux0 + u * dx, uy0 + u * dy, w0 * coshr0 / cosh(rho * s + r0)];
    };
  }
15082
i.duration = S * 1000;
15084
return i;
15086});
15087
15088/***/ }),
15089/* 99 */
15090/***/ (function(module, __webpack_exports__, __webpack_require__) {
15091
15092"use strict";
15093/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return hslLong; });
15094/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
15095/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(8);
15096
15097
15098
15099function hsl(hue) {
return function (start, end) {
  var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["d" /* hsl */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["d" /* hsl */])(end)).h),
      s = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.s, end.s),
      l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
      opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
  return function (t) {
    start.h = h(t);
    start.s = s(t);
    start.l = l(t);
    start.opacity = opacity(t);
    return start + "";
  };
};
15113}
15114
15115/* harmony default export */ __webpack_exports__["a"] = (hsl(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]));
15116var hslLong = hsl(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
15117
15118/***/ }),
15119/* 100 */
15120/***/ (function(module, __webpack_exports__, __webpack_require__) {
15121
15122"use strict";
15123/* harmony export (immutable) */ __webpack_exports__["a"] = lab;
15124/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
15125/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(8);
15126
15127
15128
15129function lab(start, end) {
var l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["e" /* lab */])(start)).l, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["e" /* lab */])(end)).l),
    a = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.a, end.a),
    b = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.b, end.b),
    opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
return function (t) {
  start.l = l(t);
  start.a = a(t);
  start.b = b(t);
  start.opacity = opacity(t);
  return start + "";
};
15141}
15142
15143/***/ }),
15144/* 101 */
15145/***/ (function(module, __webpack_exports__, __webpack_require__) {
15146
15147"use strict";
15148/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return hclLong; });
15149/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
15150/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(8);
15151
15152
15153
15154function hcl(hue) {
return function (start, end) {
  var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["c" /* hcl */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["c" /* hcl */])(end)).h),
      c = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.c, end.c),
      l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
      opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
  return function (t) {
    start.h = h(t);
    start.c = c(t);
    start.l = l(t);
    start.opacity = opacity(t);
    return start + "";
  };
};
15168}
15169
15170/* harmony default export */ __webpack_exports__["a"] = (hcl(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]));
15171var hclLong = hcl(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
15172
15173/***/ }),
15174/* 102 */
15175/***/ (function(module, __webpack_exports__, __webpack_require__) {
15176
15177"use strict";
15178/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cubehelixLong; });
15179/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
15180/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(8);
15181
15182
15183
15184function cubehelix(hue) {
return function cubehelixGamma(y) {
  y = +y;
15187
  function cubehelix(start, end) {
    var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["b" /* cubehelix */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["b" /* cubehelix */])(end)).h),
        s = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.s, end.s),
        l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
        opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
    return function (t) {
      start.h = h(t);
      start.s = s(t);
      start.l = l(Math.pow(t, y));
      start.opacity = opacity(t);
      return start + "";
    };
  }
15201
  cubehelix.gamma = cubehelixGamma;
15203
  return cubehelix;
}(1);
15206}
15207
15208/* harmony default export */ __webpack_exports__["b"] = (cubehelix(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]));
15209var cubehelixLong = cubehelix(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
15210
15211/***/ }),
15212/* 103 */
15213/***/ (function(module, __webpack_exports__, __webpack_require__) {
15214
15215"use strict";
15216/* harmony default export */ __webpack_exports__["a"] = (function (interpolator, n) {
var samples = new Array(n);
for (var i = 0; i < n; ++i) {
  samples[i] = interpolator(i / (n - 1));
}return samples;
15221});
15222
15223/***/ }),
15224/* 104 */
15225/***/ (function(module, exports, __webpack_require__) {
15226
15227var Shape = __webpack_require__(4);
15228Shape.Rect = __webpack_require__(42);
15229Shape.Circle = __webpack_require__(43);
15230Shape.Ellipse = __webpack_require__(44);
15231Shape.Path = __webpack_require__(45);
15232Shape.Text = __webpack_require__(46);
15233Shape.Line = __webpack_require__(47);
15234Shape.Image = __webpack_require__(48);
15235Shape.Polygon = __webpack_require__(49);
15236Shape.Marker = __webpack_require__(50);
15237Shape.Dom = __webpack_require__(51);
15238Shape.Fa = __webpack_require__(52);
15239
15240module.exports = Shape;
15241
15242/***/ }),
15243/* 105 */
15244/***/ (function(module, exports, __webpack_require__) {
15245
15246/**
* Created by Elaine on 2018/5/9.
*/
15249var Util = __webpack_require__(0);
15250var Element = __webpack_require__(13);
15251var Gradient = __webpack_require__(106);
15252var Shadow = __webpack_require__(107);
15253var Arrow = __webpack_require__(108);
15254var Clip = __webpack_require__(109);
15255
15256var Defs = function Defs(cfg) {
Defs.superclass.constructor.call(this, cfg);
this.set('children', []);
15259};
15260
15261Util.extend(Defs, Element);
15262
15263Util.augment(Defs, {
isGroup: false,
canFill: false,
canStroke: false,
capture: false,
visible: false,
init: function init() {
  var el = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
  var id = Util.uniqueId('defs_');
  el.setAttribute('id', id);
  this.set('el', el);
  this.set('children', []);
},
find: function find(type, attr) {
  var children = this.get('children');
  var result = null;
  for (var i = 0; i < children.length; i++) {
    if (children[i].match(type, attr)) {
      result = children[i].__cfg.id;
      break;
    }
  }
  return result;
},
findById: function findById(id) {
  var children = this.get('children');
  var flag = null;
  for (var i = 0; i < children.length; i++) {
    if (children[i].__cfg.id === id) {
      flag = children[i];
      break;
    }
  }
  return flag;
},
add: function add(items) {
  var el = this.get('el');
  var self = this;
  var children = this.get('children');
  if (Util.isArray(items)) {
    Util.each(items, function (item) {
      var parent = item.get('parent');
      if (parent) {
        parent.removeChild(item, false);
        self._setContext(item);
      }
      el.appendChild(item.get('el'));
    });
    children.push.apply(children, items);
    return self;
  }
  if (self.findById(items.get('id'))) {
    return self;
  }
  var parent = items.get('parent');
  if (parent) {
    parent.removeChild(items, false);
  }
  self._add(items);
  el.appendChild(items.get('el'));
  return self;
},
_add: function _add(item) {
  this.get('el').appendChild(item.__cfg.el);
  this.get('children').push(item);
  item.__cfg.parent = this;
  item.__cfg.defs = this;
  item.__cfg.canvas = this.__cfg.canvas;
},
addGradient: function addGradient(cfg) {
  var gradient = new Gradient(cfg);
  this._add(gradient);
  return gradient.__cfg.id;
},
addShadow: function addShadow(cfg) {
  var shadow = new Shadow(cfg);
  this._add(shadow);
  return shadow.__cfg.id;
},
addArrow: function addArrow(name, cfg, stroke) {
  var arrow = new Arrow(name, cfg, stroke);
  this._add(arrow);
  return arrow.__cfg.id;
},
addClip: function addClip(cfg) {
  var clip = new Clip(cfg);
  this._add(clip);
  return clip.__cfg.id;
}
15352});
15353
15354module.exports = Defs;
15355
15356/***/ }),
15357/* 106 */
15358/***/ (function(module, exports, __webpack_require__) {
15359
15360/**
* Created by Elaine on 2018/5/9.
*/
15363var Util = __webpack_require__(0);
15364
15365var regexLG = /^l\s*\(\s*([\d.]+)\s*\)\s*(.*)/i;
15366var regexRG = /^r\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)\s*(.*)/i;
15367var regexColorStop = /[\d.]+:(#[^\s]+|[^\)]+\))/ig;
15368
15369function addStop(steps) {
var arr = steps.match(regexColorStop);
if (!arr) {
  return '';
}
var stops = '';
arr.sort(function (a, b) {
  a = a.split(':');
  b = b.split(':');
  return Number(a[0]) - Number(b[0]);
});
Util.each(arr, function (item) {
  item = item.split(':');
  stops += '<stop offset="' + item[0] + '" stop-color="' + item[1] + '"></stop>';
});
return stops;
15385}
15386
15387function parseLineGradient(color, el) {
var arr = regexLG.exec(color);
var angle = Util.mod(Util.toRadian(parseFloat(arr[1])), Math.PI * 2);
var steps = arr[2];
var start = void 0;
var end = void 0;
15393
if (angle >= 0 && angle < 0.5 * Math.PI) {
  start = {
    x: 0,
    y: 0
  };
  end = {
    x: 1,
    y: 1
  };
} else if (0.5 * Math.PI <= angle && angle < Math.PI) {
  start = {
    x: 1,
    y: 0
  };
  end = {
    x: 0,
    y: 1
  };
} else if (Math.PI <= angle && angle < 1.5 * Math.PI) {
  start = {
    x: 1,
    y: 1
  };
  end = {
    x: 0,
    y: 0
  };
} else {
  start = {
    x: 0,
    y: 1
  };
  end = {
    x: 1,
    y: 0
  };
}
15431
var tanTheta = Math.tan(angle);
var tanTheta2 = tanTheta * tanTheta;
15434
var x = (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.x;
var y = tanTheta * (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.y;
el.setAttribute('x1', start.x);
el.setAttribute('y1', start.y);
el.setAttribute('x2', x);
el.setAttribute('y2', y);
el.innerHTML = addStop(steps);
15442}
15443
15444function parseRadialGradient(color, self) {
var arr = regexRG.exec(color);
var cx = parseFloat(arr[1]);
var cy = parseFloat(arr[2]);
var r = parseFloat(arr[3]);
var steps = arr[4];
self.setAttribute('cx', cx);
self.setAttribute('cy', cy);
self.setAttribute('r', r);
self.innerHTML = addStop(steps);
15454}
15455
15456var Gradient = function Gradient(cfg) {
var el = null;
var id = Util.uniqueId('gradient_');
if (cfg.toLowerCase().startsWith('l')) {
  el = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
  parseLineGradient(cfg, el);
} else {
  el = document.createElementNS('http://www.w3.org/2000/svg', 'radialGradient');
  parseRadialGradient(cfg, el);
}
el.setAttribute('id', id);
this.__cfg = { el: el, id: id };
this.__attrs = { config: cfg };
return this;
15470};
15471
15472Util.augment(Gradient, {
type: 'gradient',
match: function match(type, attr) {
  return this.type === type && this.__attrs.config === attr;
}
15477});
15478
15479module.exports = Gradient;
15480
15481/***/ }),
15482/* 107 */
15483/***/ (function(module, exports, __webpack_require__) {
15484
15485/**
* Created by Elaine on 2018/5/10.
*/
15488var Util = __webpack_require__(0);
15489
15490var ATTR_MAP = {
shadowColor: 'color',
shadowOpacity: 'opacity',
shadowBlur: 'blur',
shadowOffsetX: 'dx',
shadowOffsetY: 'dy'
15496};
15497
15498function parseShadow(config, el) {
var child = '<feDropShadow \n      dx="' + config.dx + '" \n      dy="' + config.dy + '" \n      stdDeviation="' + (config.blur ? config.blur / 10 : 0) + '"\n      flood-color="' + (config.color ? config.color : '#000') + '"\n      flood-opacity="' + (config.opacity ? config.opacity : 1) + '"\n      />';
el.innerHTML = child;
15501}
15502
15503var Shadow = function Shadow(cfg) {
var el = document.createElementNS('http://www.w3.org/2000/svg', 'filter');
var id = Util.uniqueId('filter_');
el.setAttribute('id', id);
parseShadow(cfg, el);
this.__cfg = { el: el, id: id };
this.__attrs = { config: cfg };
return this;
15511};
15512Util.augment(Shadow, {
type: 'filter',
match: function match(type, cfg) {
  if (this.type !== type) {
    return false;
  }
  var flag = false;
  var config = this.__attrs.config;
  Util.each(Object.keys(config), function (attr) {
    if (!flag) {
      flag = config[attr] === cfg[attr];
    }
  });
  return flag;
},
update: function update(name, value) {
  var config = this.__attrs.config;
  config[ATTR_MAP[name]] = value;
  parseShadow(config, this.__cfg.el);
  return this;
}
15533});
15534
15535module.exports = Shadow;
15536
15537/***/ }),
15538/* 108 */
15539/***/ (function(module, exports, __webpack_require__) {
15540
15541var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
15542
15543/**
* Created by Elaine on 2018/5/11.
*/
15546var Util = __webpack_require__(0);
15547
15548var DEFAULT_PATH = {
'marker-start': 'M6,0 L0,3 L6,6 L3,3Z',
'marker-end': 'M0,0 L6,3 L0,6 L3,3Z'
15551};
15552
15553function setDefaultPath(parent, name, stroke) {
var el = document.createElementNS('http://www.w3.org/2000/svg', 'path');
el.setAttribute('d', DEFAULT_PATH[name]);
el.setAttribute('stroke', 'none');
el.setAttribute('fill', stroke || '#000');
parent.appendChild(el);
parent.setAttribute('refX', 3);
parent.setAttribute('refY', 3);
parent.setAttribute('markerWidth', 16);
parent.setAttribute('markerHeight', 16);
parent.setAttribute('orient', 'auto');
return el;
15565}
15566
15567function setMarker(shape, parent, name, stroke) {
if (!shape) {
  return setDefaultPath(parent, name);
}
if (shape.type !== 'marker') {
  throw new TypeError('the shape of an arrow should be an instance of Marker');
}
shape.attr({ stroke: 'none', fill: stroke });
parent.append(shape.get('el'));
var width = shape.__attrs.x;
var height = shape.__attrs.y;
parent.setAttribute('refX', width);
parent.setAttribute('refY', height);
parent.setAttribute('markerWidth', width * 2);
parent.setAttribute('markerHeight', height * 2);
parent.setAttribute('orient', 'auto');
return shape;
15584}
15585
15586var Arrow = function Arrow(name, cfg, stroke) {
var el = document.createElementNS('http://www.w3.org/2000/svg', 'marker');
var id = Util.uniqueId('marker_');
el.setAttribute('id', id);
this.__cfg = { el: el, id: id, stroke: stroke || '#000' };
this.__cfg[name] = true;
var child = null;
if (typeof cfg === 'boolean' && cfg) {
  child = setDefaultPath(el, name, stroke);
  this._setChild(child, true);
} else if ((typeof cfg === 'undefined' ? 'undefined' : _typeof(cfg)) === 'object') {
  child = setMarker(cfg, el, name, stroke);
  this._setChild(child, false);
}
this.__attrs = { config: cfg };
return this;
15602};
15603
15604Util.augment(Arrow, {
type: 'arrow',
match: function match(type, attr) {
  if (!this.__cfg[type]) {
    return false;
  }
  if (_typeof(attr.value) === 'object') {
    return false;
  }
  if (attr.stroke !== '#000') {
    return false;
  }
  if (typeof attr.value === 'boolean' && !this.__cfg.default) {
    return false;
  }
  return true;
},
_setChild: function _setChild(child, isDefault) {
  this.__cfg.child = child;
  this.__cfg.default = isDefault;
},
update: function update(fill) {
  var child = this.__cfg.child;
  this.__cfg.default = false;
  if (child.attr) {
    child.attr('fill', fill);
  } else {
    child.setAttribute('fill', fill);
  }
}
15634});
15635
15636module.exports = Arrow;
15637
15638/***/ }),
15639/* 109 */
15640/***/ (function(module, exports, __webpack_require__) {
15641
15642/**
* Created by Elaine on 2018/5/14.
*/
15645var Util = __webpack_require__(0);
15646
15647var Clip = function Clip(cfg) {
var el = document.createElementNS('http://www.w3.org/2000/svg', 'clipPath');
var id = Util.uniqueId('clip_');
if (cfg.get('el')) {
  el.appendChild(cfg.get('el'));
} else if (Util.isString(cfg.nodeName)) {
  el.appendChild(cfg);
} else {
  throw 'clip element should be a instance of Shape or a SVG node';
}
el.setAttribute('id', id);
this.__cfg = { el: el, id: id };
this.__attrs = { config: cfg };
return this;
15661};
15662
15663Util.augment(Clip, {
type: 'clip',
match: function match() {
  return false;
}
15668});
15669
15670module.exports = Clip;
15671
15672/***/ }),
15673/* 110 */
15674/***/ (function(module, exports, __webpack_require__) {
15675
15676module.exports = {
Canvas: __webpack_require__(111),
Group: __webpack_require__(54),
Shape: __webpack_require__(1),
Rect: __webpack_require__(25),
Circle: __webpack_require__(56),
Ellipse: __webpack_require__(57),
Path: __webpack_require__(58),
Text: __webpack_require__(59),
Line: __webpack_require__(60),
Image: __webpack_require__(61),
Polygon: __webpack_require__(62),
Polyline: __webpack_require__(63),
Arc: __webpack_require__(64),
Fan: __webpack_require__(65),
Cubic: __webpack_require__(66),
Quadratic: __webpack_require__(67),
Marker: __webpack_require__(27),
PathSegment: __webpack_require__(26),
Event: __webpack_require__(53)
15696};
15697
15698/***/ }),
15699/* 111 */
15700/***/ (function(module, exports, __webpack_require__) {
15701
15702var Util = __webpack_require__(0);
15703var Event = __webpack_require__(53);
15704var Group = __webpack_require__(54);
15705
15706var Canvas = function Canvas(cfg) {
Canvas.superclass.constructor.call(this, cfg);
15708};
15709
15710Canvas.CFG = {
eventEnable: true,
/**
 * 像素宽度
 * @type {Number}
 */
width: null,
/**
 * 像素高度
 * @type {Number}
 */
height: null,
/**
 * 画布宽度
 * @type {Number}
 */
widthCanvas: null,
/**
 * 画布高度
 * @type {Number}
 */
heightCanvas: null,
/**
 * CSS宽
 * @type {String}
 */
widthStyle: null,
/**
 * CSS高
 * @type {String}
 */
heightStyle: null,
/**
 * 容器DOM
 * @type {Object}
 */
containerDOM: null,
/**
 * 当前Canvas的DOM
 * @type {Object}
 */
canvasDOM: null,
/**
 * 屏幕像素比
 * @type {Number}
 */
pixelRatio: null
15757};
15758
15759Util.extend(Canvas, Group);
15760
15761Util.augment(Canvas, {
init: function init() {
  Canvas.superclass.init.call(this);
  this._setGlobalParam();
  this._setDOM();
  this._setInitSize();
  this._setCanvas();
  this._scale();
  if (this.get('eventEnable')) {
    this._registEvents();
  }
},
getEmitter: function getEmitter(element, event) {
  if (element) {
    if (Util.isEmpty(element._getEvents())) {
      var parent = element.get('parent');
      if (parent && !event.propagationStopped) {
        return this.getEmitter(parent, event);
      }
    } else {
      return element;
    }
  }
},
_getEventObj: function _getEventObj(type, e, point, target) {
  var event = new Event(type, e, true, true);
  event.x = point.x;
  event.y = point.y;
  event.clientX = e.clientX;
  event.clientY = e.clientY;
  event.currentTarget = target;
  event.target = target;
  return event;
},
_triggerEvent: function _triggerEvent(type, e) {
  var point = this.getPointByClient(e.clientX, e.clientY);
  var shape = this.getShape(point.x, point.y);
  var emitObj = void 0;
  if (type === 'mousemove') {
    var preShape = this.get('preShape');
    if (preShape && preShape !== shape) {
      var mouseleave = this._getEventObj('mouseleave', e, point, preShape);
      emitObj = this.getEmitter(preShape, e);
      emitObj && emitObj.emit('mouseleave', mouseleave);
    }
15806
    if (shape) {
      var mousemove = this._getEventObj('mousemove', e, point, shape);
      emitObj = this.getEmitter(shape, e);
      emitObj && emitObj.emit('mousemove', mousemove);
15811
      if (preShape !== shape) {
        var mouseenter = this._getEventObj('mouseenter', e, point, shape);
        emitObj && emitObj.emit('mouseenter', mouseenter, e);
      }
    } else {
      var canvasmousemove = this._getEventObj('mousemove', e, point, this);
      this.emit('mousemove', canvasmousemove);
    }
15820
    this.set('preShape', shape);
  } else {
    var event = this._getEventObj(type, e, point, shape || this);
    emitObj = this.getEmitter(shape, e);
    if (emitObj && emitObj !== this) {
      emitObj.emit(type, event);
    }
    this.emit(type, event);
  }
15830
  var el = this.get('el');
  if (shape && !shape.get('destroyed')) {
    el.style.cursor = shape.attr('cursor') || 'default';
  }
},
_registEvents: function _registEvents() {
  var self = this;
  var el = self.get('el');
  var events = ['mouseout', 'mouseover', 'mousemove', 'mousedown', 'mouseup', 'click', 'dblclick'];
15840
  Util.each(events, function (event) {
    el.addEventListener(event, function (e) {
      self._triggerEvent(event, e);
    }, false);
  });
  el.addEventListener('touchstart', function (e) {
    if (!Util.isEmpty(e.touches)) {
      self._triggerEvent('touchstart', e.touches[0]);
    }
  }, false);
15851
  el.addEventListener('touchmove', function (e) {
    if (!Util.isEmpty(e.touches)) {
      self._triggerEvent('touchmove', e.touches[0]);
    }
  }, false);
15857
  el.addEventListener('touchend', function (e) {
    if (!Util.isEmpty(e.changedTouches)) {
      self._triggerEvent('touchend', e.changedTouches[0]);
    }
  }, false);
},
_scale: function _scale() {
  var pixelRatio = this.get('pixelRatio');
  this.scale(pixelRatio, pixelRatio);
},
_setCanvas: function _setCanvas() {
  var canvasDOM = this.get('canvasDOM');
  this.set('el', canvasDOM);
  this.set('context', canvasDOM.getContext('2d'));
  this.set('canvas', this);
},
_setGlobalParam: function _setGlobalParam() {
  var pixelRatio = this.get('pixelRatio');
  if (!pixelRatio) {
    this.set('pixelRatio', Util.getRatio());
  }
  return;
},
_setDOM: function _setDOM() {
  this._setContainer();
  this._setLayer();
},
_setContainer: function _setContainer() {
  var containerId = this.get('containerId');
  var containerDOM = this.get('containerDOM');
  if (!containerDOM) {
    containerDOM = document.getElementById(containerId);
    this.set('containerDOM', containerDOM);
  }
  Util.modifyCSS(containerDOM, {
    position: 'relative'
  });
},
_setLayer: function _setLayer() {
  var containerDOM = this.get('containerDOM');
  var canvasId = Util.uniqueId('canvas_');
  if (containerDOM) {
    var canvasDOM = Util.createDom('<canvas id="' + canvasId + '"></canvas>');
    containerDOM.appendChild(canvasDOM);
    this.set('canvasDOM', canvasDOM);
  }
},
_setInitSize: function _setInitSize() {
  this.changeSize(this.get('width'), this.get('height'));
},
_resize: function _resize() {
  var canvasDOM = this.get('canvasDOM');
  var widthCanvas = this.get('widthCanvas');
  var heightCanvas = this.get('heightCanvas');
  var widthStyle = this.get('widthStyle');
  var heightStyle = this.get('heightStyle');
15914
  canvasDOM.style.width = widthStyle;
  canvasDOM.style.height = heightStyle;
  canvasDOM.setAttribute('width', widthCanvas);
  canvasDOM.setAttribute('height', heightCanvas);
},
getWidth: function getWidth() {
  var pixelRatio = this.get('pixelRatio');
  var width = this.get('width');
  return width * pixelRatio;
},
getHeight: function getHeight() {
  var pixelRatio = this.get('pixelRatio');
  var height = this.get('height');
  return height * pixelRatio;
},
changeSize: function changeSize(width, height) {
  var pixelRatio = this.get('pixelRatio');
  var widthCanvas = width * pixelRatio;
  var heightCanvas = height * pixelRatio;
15934
  this.set('widthCanvas', widthCanvas);
  this.set('heightCanvas', heightCanvas);
  this.set('widthStyle', width + 'px');
  this.set('heightStyle', height + 'px');
  this.set('width', width);
  this.set('height', height);
  this._resize();
},
15943
/**
 * 将窗口坐标转变成 canvas 坐标
 * @param  {Number} clientX 窗口x坐标
 * @param  {Number} clientY 窗口y坐标
 * @return {Object} canvas坐标
 */
getPointByClient: function getPointByClient(clientX, clientY) {
  var el = this.get('el');
  var bbox = el.getBoundingClientRect();
  var width = bbox.right - bbox.left;
  var height = bbox.bottom - bbox.top;
  return {
    x: (clientX - bbox.left) * (el.width / width),
    y: (clientY - bbox.top) * (el.height / height)
  };
},
getClientByPoint: function getClientByPoint(x, y) {
  var el = this.get('el');
  var bbox = el.getBoundingClientRect();
  var width = bbox.right - bbox.left;
  var height = bbox.bottom - bbox.top;
  return {
    clientX: x / (el.width / width) + bbox.left,
    clientY: y / (el.height / height) + bbox.top
  };
},
beforeDraw: function beforeDraw() {
  var context = this.get('context');
  var el = this.get('el');
  context && context.clearRect(0, 0, el.width, el.height);
},
_beginDraw: function _beginDraw() {
  this.setSilent('toDraw', true);
},
_endDraw: function _endDraw() {
  this.setSilent('toDraw', false);
},
draw: function draw() {
  var self = this;
  function drawInner() {
    self.setSilent('animateHandler', Util.requestAnimationFrame(function () {
      self.setSilent('animateHandler', undefined);
      if (self.get('toDraw')) {
        drawInner();
      }
    }));
    self.beforeDraw();
    try {
      var context = self.get('context');
      Canvas.superclass.draw.call(self, context);
      // self._drawCanvas();
    } catch (ev) {
      // 绘制时异常，中断重绘
      console.warn('error in draw canvas, detail as:');
      console.warn(ev);
      self._endDraw();
    }
    self._endDraw();
  }
16003
  if (self.get('destroyed')) {
    return;
  }
  if (self.get('animateHandler')) {
    this._beginDraw();
  } else {
    drawInner();
  }
},
destroy: function destroy() {
  var containerDOM = this.get('containerDOM');
  var canvasDOM = this.get('canvasDOM');
  if (canvasDOM && containerDOM) {
    containerDOM.removeChild(canvasDOM);
  }
  Canvas.superclass.destroy.call(this);
}
16021});
16022
16023module.exports = Canvas;
16024
16025/***/ }),
16026/* 112 */
16027/***/ (function(module, exports, __webpack_require__) {
16028
16029var Util = __webpack_require__(0);
16030
16031var ALIAS_ATTRS = ['strokeStyle', 'fillStyle', 'globalAlpha'];
16032var CLIP_SHAPES = ['circle', 'ellipse', 'fan', 'polygon', 'rect', 'path'];
16033var CAPITALIZED_ATTRS_MAP = {
r: 'R',
opacity: 'Opacity',
lineWidth: 'LineWidth',
clip: 'Clip',
stroke: 'Stroke',
fill: 'Fill',
strokeOpacity: 'Stroke',
fillOpacity: 'Fill',
x: 'X',
y: 'Y',
rx: 'Rx',
ry: 'Ry',
re: 'Re',
rs: 'Rs',
width: 'Width',
height: 'Height',
img: 'Img',
x1: 'X1',
x2: 'X2',
y1: 'Y1',
y2: 'Y2',
points: 'Points',
p1: 'P1',
p2: 'P2',
p3: 'P3',
p4: 'P4',
text: 'Text',
radius: 'Radius',
textAlign: 'TextAlign',
textBaseline: 'TextBaseline',
font: 'Font',
fontSize: 'FontSize',
fontStyle: 'FontStyle',
fontVariant: 'FontVariant',
fontWeight: 'FontWeight',
fontFamily: 'FontFamily',
clockwise: 'Clockwise',
startAngle: 'StartAngle',
endAngle: 'EndAngle',
path: 'Path'
16074};
16075var ALIAS_ATTRS_MAP = {
stroke: 'strokeStyle',
fill: 'fillStyle',
opacity: 'globalAlpha'
16079};
16080
16081module.exports = {
canFill: false,
canStroke: false,
initAttrs: function initAttrs(attrs) {
  this.__attrs = {
    opacity: 1,
    fillOpacity: 1,
    strokeOpacity: 1
  };
  this.attr(Util.assign(this.getDefaultAttrs(), attrs));
  return this;
},
getDefaultAttrs: function getDefaultAttrs() {
  return {};
},
16096
/**
 * 设置或者设置属性，有以下 4 种情形：
 *   - name 不存在, 则返回属性集合
 *   - name 为字符串，value 为空，获取属性值
 *   - name 为字符串，value 不为空，设置属性值，返回 this
 *   - name 为键值对，value 为空，设置属性值
 *
 * @param  {String | Object} name  属性名
 * @param  {*} value 属性值
 * @return {*} 属性值
 */
attr: function attr(name, value) {
  var self = this;
  if (arguments.length === 0) {
    return self.__attrs;
  }
16113
  if (Util.isObject(name)) {
    for (var k in name) {
      if (ALIAS_ATTRS.indexOf(k) === -1) {
        var v = name[k];
        self._setAttr(k, v);
      }
    }
    if (self._afterSetAttrAll) {
      self._afterSetAttrAll(name);
    }
    // self.setSilent('box', null);
    self.clearBBox();
    return self;
  }
  if (arguments.length === 2) {
    if (self._setAttr(name, value) !== false) {
      var m = '_afterSetAttr' + CAPITALIZED_ATTRS_MAP[name];
      if (self[m]) {
        self[m](value);
      }
    }
    // self.setSilent('box', null);
    self.clearBBox();
    return self;
  }
  return self._getAttr(name);
},
clearBBox: function clearBBox() {
  this.setSilent('box', null);
},
_afterSetAttrAll: function _afterSetAttrAll() {},
16145
// 属性获取触发函数
_getAttr: function _getAttr(name) {
  return this.__attrs[name];
},
16150
// 属性设置触发函数
_setAttr: function _setAttr(name, value) {
  var self = this;
  if (name === 'clip') {
    self._setAttrClip(value);
    self.__attrs.clip = value;
  } else if (name === 'transform') {
    self._setAttrTrans(value);
  } else {
    self.__attrs[name] = value;
    var alias = ALIAS_ATTRS_MAP[name];
    if (alias) {
      self.__attrs[alias] = value;
    }
  }
  return self;
},
hasFill: function hasFill() {
  return this.canFill && this.__attrs.fillStyle;
},
hasStroke: function hasStroke() {
  return this.canStroke && this.__attrs.strokeStyle;
},
16174
// 设置透明度
_setAttrOpacity: function _setAttrOpacity(v) {
  this.__attrs.globalAlpha = v;
  return v;
},
_setAttrClip: function _setAttrClip(clip) {
  var self = this;
  if (clip && CLIP_SHAPES.indexOf(clip.type) > -1) {
    if (clip.get('canvas') === null) {
      clip = Util.clone(clip);
    }
    clip.set('parent', self.get('parent'));
    clip.set('canvas', self.get('canvas'));
    clip.set('context', self.get('context'));
    clip.inside = function (x, y) {
      var v = [x, y, 1];
      clip.invert(v, self.get('canvas')); // 已经在外面转换
      return clip._isPointInFill(v[0], v[1]);
    };
    return clip;
  }
  return null;
},
_setAttrTrans: function _setAttrTrans(value) {
  return this.transform(value);
}
16201};
16202
16203/***/ }),
16204/* 113 */
16205/***/ (function(module, exports, __webpack_require__) {
16206
16207var Util = __webpack_require__(0);
16208var mat3 = __webpack_require__(2).mat3;
16209var vec3 = __webpack_require__(2).vec3;
16210
16211// 是否未改变
16212function isUnchanged(m) {
return m[0] === 1 && m[1] === 0 && m[3] === 0 && m[4] === 1 && m[6] === 0 && m[7] === 0;
16214}
16215
16216// 是否仅仅是scale
16217function isScale(m) {
return m[1] === 0 && m[3] === 0 && m[6] === 0 && m[7] === 0;
16219}
16220
16221function multiple(m1, m2) {
if (!isUnchanged(m2)) {
  if (isScale(m2)) {
    m1[0] *= m2[0];
    m1[4] *= m2[4];
  } else {
    mat3.multiply(m1, m1, m2);
  }
}
16230}
16231
16232module.exports = {
initTransform: function initTransform() {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
},
translate: function translate(tx, ty) {
  var matrix = this.attr('matrix');
  mat3.translate(matrix, matrix, [tx, ty]);
  this.clearTotalMatrix();
  this.attr('matrix', matrix);
  return this;
},
rotate: function rotate(radian) {
  var matrix = this.attr('matrix');
  mat3.rotate(matrix, matrix, radian);
  this.clearTotalMatrix();
  this.attr('matrix', matrix);
  return this;
},
scale: function scale(s1, s2) {
  var matrix = this.attr('matrix');
  mat3.scale(matrix, matrix, [s1, s2]);
  this.clearTotalMatrix();
  this.attr('matrix', matrix);
  return this;
},
16257
/**
 * 绕起始点旋转
 * @param  {Number} rotate 0～360
 */
rotateAtStart: function rotateAtStart(rotate) {
  var x = this.attr('x');
  var y = this.attr('y');
  if (Math.abs(rotate) > Math.PI * 2) {
    rotate = rotate / 180 * Math.PI;
  }
  this.transform([['t', -x, -y], ['r', rotate], ['t', x, y]]);
},
16270
/**
 * 移动的到位置
 * @param  {Number} x 移动到x
 * @param  {Number} y 移动到y
 */
move: function move(x, y) {
  var cx = this.get('x') || 0; // 当前的x
  var cy = this.get('y') || 0; // 当前的y
  this.translate(x - cx, y - cy);
  this.set('x', x);
  this.set('y', y);
},
transform: function transform(ts) {
  var self = this;
  var matrix = self.attr('matrix');
16286
  Util.each(ts, function (t) {
    switch (t[0]) {
      case 't':
        self.translate(t[1], t[2]);
        break;
      case 's':
        self.scale(t[1], t[2]);
        break;
      case 'r':
        self.rotate(t[1]);
        break;
      case 'm':
        self.attr('matrix', mat3.multiply([], matrix, t[1]));
        self.clearTotalMatrix();
        break;
      default:
        break;
    }
  });
  return self;
},
setTransform: function setTransform(ts) {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
  return this.transform(ts);
},
getMatrix: function getMatrix() {
  return this.attr('matrix');
},
setMatrix: function setMatrix(m) {
  this.attr('matrix', m);
  this.clearTotalMatrix();
  return this;
},
apply: function apply(v, root) {
  var m = void 0;
  if (root) {
    m = this._getMatrixByRoot(root);
  } else {
    m = this.attr('matrix');
  }
  vec3.transformMat3(v, v, m);
  return this;
},
16330
// 获取到达指定根节点的矩阵
_getMatrixByRoot: function _getMatrixByRoot(root) {
  var self = this;
  root = root || self;
  var parent = self;
  var parents = [];
16337
  while (parent !== root) {
    parents.unshift(parent);
    parent = parent.get('parent');
  }
  parents.unshift(parent);
16343
  var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
  Util.each(parents, function (child) {
    mat3.multiply(m, child.attr('matrix'), m);
  });
  return m;
},
16350
/**
 * 应用到当前元素上的总的矩阵
 * @return {Matrix} 矩阵
 */
getTotalMatrix: function getTotalMatrix() {
  var m = this.__cfg.totalMatrix;
  if (!m) {
    m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
    var parent = this.__cfg.parent;
    if (parent) {
      var pm = parent.getTotalMatrix();
      multiple(m, pm);
    }
16364
    multiple(m, this.attr('matrix'));
    this.__cfg.totalMatrix = m;
  }
  return m;
},
16370
// 清除当前的矩阵
clearTotalMatrix: function clearTotalMatrix() {
  // this.__cfg.totalMatrix = null;
},
invert: function invert(v) {
  var m = this.getTotalMatrix();
  // 单精屏幕下大多数矩阵没变化
  if (isScale(m)) {
    v[0] /= m[0];
    v[1] /= m[4];
  } else {
    var inm = mat3.invert([], m);
    if (inm) {
      vec3.transformMat3(v, v, inm);
    }
  }
  return this;
},
resetTransform: function resetTransform(context) {
  var mo = this.attr('matrix');
  // 不改变时
  if (!isUnchanged(mo)) {
    context.transform(mo[0], mo[1], mo[3], mo[4], mo[6], mo[7]);
  }
}
16396};
16397
16398/***/ }),
16399/* 114 */
16400/***/ (function(module, exports, __webpack_require__) {
16401
16402var Shape = __webpack_require__(1);
16403Shape.Rect = __webpack_require__(25);
16404Shape.Rect = __webpack_require__(25);
16405Shape.Circle = __webpack_require__(56);
16406Shape.Ellipse = __webpack_require__(57);
16407Shape.Path = __webpack_require__(58);
16408Shape.Text = __webpack_require__(59);
16409Shape.Line = __webpack_require__(60);
16410Shape.Image = __webpack_require__(61);
16411Shape.Polygon = __webpack_require__(62);
16412Shape.Polyline = __webpack_require__(63);
16413Shape.Arc = __webpack_require__(64);
16414Shape.Fan = __webpack_require__(65);
16415Shape.Cubic = __webpack_require__(66);
16416Shape.Quadratic = __webpack_require__(67);
16417Shape.Marker = __webpack_require__(27);
16418
16419module.exports = Shape;
16420
16421/***/ }),
16422/* 115 */
16423/***/ (function(module, exports) {
16424
16425module.exports = {
xAt: function xAt(psi, rx, ry, cx, t) {
  return rx * Math.cos(psi) * Math.cos(t) - ry * Math.sin(psi) * Math.sin(t) + cx;
},
yAt: function yAt(psi, rx, ry, cy, t) {
  return rx * Math.sin(psi) * Math.cos(t) + ry * Math.cos(psi) * Math.sin(t) + cy;
},
xExtrema: function xExtrema(psi, rx, ry) {
  return Math.atan(-ry / rx * Math.tan(psi));
},
yExtrema: function yExtrema(psi, rx, ry) {
  return Math.atan(ry / (rx * Math.tan(psi)));
}
16438};
16439
16440/***/ }),
16441/* 116 */
16442/***/ (function(module, exports, __webpack_require__) {
16443
16444
16445module.exports = {
getWrapBehavior: __webpack_require__(117),
wrapBehavior: __webpack_require__(118)
16448};
16449
16450/***/ }),
16451/* 117 */
16452/***/ (function(module, exports) {
16453
16454/**
* 获取封装的事件
* @protected
* @param  {Object} obj   对象
* @param  {String} action 事件名称
* @return {Function}        返回事件处理函数
*/
16461function getWrapBehavior(obj, action) {
return obj['_wrap_' + action];
16463}
16464
16465module.exports = getWrapBehavior;
16466
16467/***/ }),
16468/* 118 */
16469/***/ (function(module, exports) {
16470
16471/**
* 封装事件，便于使用上下文this,和便于解除事件时使用
* @protected
* @param  {Object} obj   对象
* @param  {String} action 事件名称
* @return {Function}        返回事件处理函数
*/
16478function wrapBehavior(obj, action) {
if (obj['_wrap_' + action]) {
  return obj['_wrap_' + action];
}
var method = function method(e) {
  obj[action](e);
};
obj['_wrap_' + action] = method;
return method;
16487}
16488
16489module.exports = wrapBehavior;
16490
16491/***/ }),
16492/* 119 */
16493/***/ (function(module, exports, __webpack_require__) {
16494
16495function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16496
16497function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
16498
16499function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
16500
16501var Util = __webpack_require__(10);
16502var Interaction = __webpack_require__(9);
16503// const G2 = require('../core.js');
16504
16505var BRUSH_TYPES = ['X', 'Y', 'XY', 'POLYGON'];
16506var DEFAULT_TYPE = 'XY';
16507
16508var Brush = function (_Interaction) {
_inherits(Brush, _Interaction);
16510
Brush.prototype.getDefaultCfg = function getDefaultCfg() {
  var cfg = _Interaction.prototype.getDefaultCfg.call(this);
  return Util.mix({}, cfg, {
    type: DEFAULT_TYPE,
    startPoint: null,
    brushing: false,
    dragging: false,
    brushShape: null,
    container: null,
    polygonPath: null,
    style: {
      fill: '#C5D4EB',
      opacity: 0.3,
      lineWidth: 1,
      stroke: '#82A6DD'
    },
    draggable: false,
    dragOffX: 0,
    dragOffY: 0,
    inPlot: true,
    xField: null,
    yField: null
  });
};
16535
function Brush(cfg, view) {
  _classCallCheck(this, Brush);
16538
  var _this = _possibleConstructorReturn(this, _Interaction.call(this, cfg, view));
16540
  var me = _this;
  me.filter = !me.draggable;
  me.type = me.type.toUpperCase();
  me.chart = view;
16545
  if (BRUSH_TYPES.indexOf(me.type) === -1) {
    me.type = DEFAULT_TYPE;
  }
  var canvas = me.canvas;
  if (canvas) {
    var plotRange = void 0;
    canvas.get('children').map(function (child) {
      if (child.get('type') === 'plotBack') {
        plotRange = child.get('plotRange');
        return false;
      }
      return child;
    });
    me.plot = {
      start: plotRange.bl,
      end: plotRange.tr
    };
  }
  if (view) {
    var coord = view.get('coord');
    me.plot = {
      start: coord.start,
      end: coord.end
    };
    var xScales = view._getScales('x');
    var yScales = view._getScales('y');
    me.xScale = me.xField ? xScales[me.xField] : view.getXScale();
    me.yScale = me.yField ? yScales[me.yField] : view.getYScales()[0];
  }
  return _this;
}
16577
// onBurshstart() { }
// onBrushmove() { }
// onBrushend() {}
// onDragstart() {}
// onDragmove() {}
// onDragend() {}
16584
Brush.prototype.start = function start(ev) {
  var me = this;
  var canvas = me.canvas,
      type = me.type,
      brushShape = me.brushShape;
16590
16591
  if (!type) return;
16593
  var startPoint = { x: ev.offsetX, y: ev.offsetY };
  if (!startPoint.x) return;
  var isInPlot = me.plot && me.inPlot;
  var canvasDOM = canvas.get('canvasDOM');
  var pixelRatio = canvas.get('pixelRatio');
16599
  if (me.selection) me.selection = null;
16601
  if (me.draggable && brushShape && !brushShape.get('destroyed')) {
    // allow drag the brushShape
    if (brushShape.isHit(startPoint.x * pixelRatio, startPoint.y * pixelRatio)) {
      canvasDOM.style.cursor = 'move';
      me.selection = brushShape;
      me.dragging = true;
      if (type === 'X') {
        me.dragoffX = startPoint.x - brushShape.attr('x');
        me.dragoffY = 0;
      } else if (type === 'Y') {
        me.dragoffX = 0;
        me.dragoffY = startPoint.y - brushShape.attr('y');
      } else if (type === 'XY') {
        me.dragoffX = startPoint.x - brushShape.attr('x');
        me.dragoffY = startPoint.y - brushShape.attr('y');
      } else if (type === 'POLYGON') {
        var box = brushShape.getBBox();
        me.dragoffX = startPoint.x - box.minX;
        me.dragoffY = startPoint.y - box.minY;
      }
16622
      if (isInPlot) {
        me.selection.attr('clip', canvas.addShape('rect', {
          attrs: {
            x: this.plot.start.x,
            y: this.plot.end.y,
            width: this.plot.end.x - this.plot.start.x,
            height: this.plot.start.y - this.plot.end.y,
            fill: '#fff',
            fillOpacity: 0
          }
        }));
      }
      me.onDragstart && me.onDragstart(ev);
    }
    me.prePoint = startPoint;
  }
16639
  if (!me.dragging) {
    // brush start
    me.onBrushstart && me.onBrushstart(startPoint);
    var container = me.container;
    if (isInPlot) {
      var _me$plot = me.plot,
          start = _me$plot.start,
          end = _me$plot.end;
16648
      if (startPoint.x < start.x || startPoint.x > end.x || startPoint.y < end.y || startPoint.y > start.y) return;
    }
    canvasDOM.style.cursor = 'crosshair';
    me.startPoint = startPoint;
    me.brushShape = null;
    me.brushing = true;
16655
    if (!container) {
      container = canvas.addGroup({
        zIndex: 5 // upper
      });
      container.initTransform();
    } else {
      container.clear();
    }
    me.container = container;
16665
    if (type === 'POLYGON') me.polygonPath = 'M ' + startPoint.x + ' ' + startPoint.y;
  }
};
16669
Brush.prototype.process = function process(ev) {
  var me = this;
  var brushing = me.brushing,
      dragging = me.dragging,
      type = me.type,
      plot = me.plot,
      startPoint = me.startPoint,
      xScale = me.xScale,
      yScale = me.yScale,
      canvas = me.canvas;
16680
16681
  if (!brushing && !dragging) {
    return;
  }
  var currentPoint = {
    x: ev.offsetX,
    y: ev.offsetY
  };
  var canvasDOM = canvas.get('canvasDOM');
16690
  if (brushing) {
    canvasDOM.style.cursor = 'crosshair';
    var start = plot.start,
        end = plot.end;
16695
    var polygonPath = me.polygonPath;
    var brushShape = me.brushShape;
    var container = me.container;
    if (me.plot && me.inPlot) {
      currentPoint = me._limitCoordScope(currentPoint);
    }
16702
    var rectStartX = void 0;
    var rectStartY = void 0;
    var rectWidth = void 0;
    var rectHeight = void 0;
16707
    if (type === 'Y') {
      rectStartX = start.x;
      rectStartY = currentPoint.y >= startPoint.y ? startPoint.y : currentPoint.y;
      rectWidth = Math.abs(start.x - end.x);
      rectHeight = Math.abs(startPoint.y - currentPoint.y);
    } else if (type === 'X') {
      rectStartX = currentPoint.x >= startPoint.x ? startPoint.x : currentPoint.x;
      rectStartY = end.y;
      rectWidth = Math.abs(startPoint.x - currentPoint.x);
      rectHeight = Math.abs(end.y - start.y);
    } else if (type === 'XY') {
      if (currentPoint.x >= startPoint.x) {
        rectStartX = startPoint.x;
        rectStartY = currentPoint.y >= startPoint.y ? startPoint.y : currentPoint.y;
      } else {
        rectStartX = currentPoint.x;
        rectStartY = currentPoint.y >= startPoint.y ? startPoint.y : currentPoint.y;
      }
      rectWidth = Math.abs(startPoint.x - currentPoint.x);
      rectHeight = Math.abs(startPoint.y - currentPoint.y);
    } else if (type === 'POLYGON') {
      polygonPath += 'L ' + currentPoint.x + ' ' + currentPoint.y;
      me.polygonPath = polygonPath;
      if (!brushShape) {
        brushShape = container.addShape('path', {
          attrs: Util.mix(me.style, {
            path: polygonPath
          })
        });
      } else {
        !brushShape.get('destroyed') && brushShape.attr(Util.mix({}, brushShape.__attrs, {
          path: polygonPath
        }));
      }
    }
    if (type !== 'POLYGON') {
      if (!brushShape) {
        brushShape = container.addShape('rect', {
          attrs: Util.mix(me.style, {
            x: rectStartX,
            y: rectStartY,
            width: rectWidth,
            height: rectHeight
          })
        });
      } else {
        !brushShape.get('destroyed') && brushShape.attr(Util.mix({}, brushShape.__attrs, {
          x: rectStartX,
          y: rectStartY,
          width: rectWidth,
          height: rectHeight
        }));
      }
    }
16762
    me.brushShape = brushShape;
  } else if (dragging) {
    canvasDOM.style.cursor = 'move';
    var selection = me.selection;
    if (selection && !selection.get('destroyed')) {
      if (type === 'POLYGON') {
        var prePoint = me.prePoint;
        me.selection.translate(currentPoint.x - prePoint.x, currentPoint.y - prePoint.y);
      } else {
        me.dragoffX && selection.attr('x', currentPoint.x - me.dragoffX);
        me.dragoffY && selection.attr('y', currentPoint.y - me.dragoffY);
      }
    }
  }
16777
  me.prePoint = currentPoint;
  canvas.draw();
16780
  var _me$_getSelected = me._getSelected(),
      data = _me$_getSelected.data,
      shapes = _me$_getSelected.shapes,
      xValues = _me$_getSelected.xValues,
      yValues = _me$_getSelected.yValues;
16786
  var eventObj = {
    data: data,
    shapes: shapes,
    x: currentPoint.x,
    y: currentPoint.y
  };
16793
  if (xScale) {
    eventObj[xScale.field] = xValues;
  }
  if (yScale) {
    eventObj[yScale.field] = yValues;
  }
  me.onDragmove && me.onDragmove(eventObj);
  me.onBrushmove && me.onBrushmove(eventObj);
};
16803
Brush.prototype.end = function end(ev) {
  var me = this;
  var data = me.data,
      shapes = me.shapes,
      xValues = me.xValues,
      yValues = me.yValues,
      canvas = me.canvas,
      type = me.type,
      startPoint = me.startPoint,
      chart = me.chart,
      container = me.container,
      xScale = me.xScale,
      yScale = me.yScale;
  var offsetX = ev.offsetX,
      offsetY = ev.offsetY;
16819
  var canvasDOM = canvas.get('canvasDOM');
  canvasDOM.style.cursor = 'default';
16822
  if (Math.abs(startPoint.x - offsetX) <= 1 && Math.abs(startPoint.y - offsetY) <= 1) {
    // 防止点击事件
    me.brushing = false;
    me.dragging = false;
    return;
  }
16829
  var eventObj = {
    data: data,
    shapes: shapes,
    x: offsetX,
    y: offsetY
  };
  if (xScale) {
    eventObj[xScale.field] = xValues;
  }
  if (yScale) {
    eventObj[yScale.field] = yValues;
  }
16842
  if (me.dragging) {
    me.dragging = false;
    me.onDragend && me.onDragend(eventObj);
  } else if (me.brushing) {
    me.brushing = false;
    var brushShape = me.brushShape;
    var polygonPath = me.polygonPath;
16850
    if (type === 'POLYGON') {
      polygonPath += 'z';
16853
      brushShape && !brushShape.get('destroyed') && brushShape.attr(Util.mix({}, brushShape.__attrs, {
        path: polygonPath
      }));
      me.polygonPath = polygonPath;
      canvas.draw();
    }
16860
    if (me.onBrushend) {
      me.onBrushend(eventObj);
    } else if (chart && me.filter) {
      container.clear(); // clear the brush
      // filter data
      if (type === 'X') {
        xScale && chart.filter(xScale.field, function (val) {
          return xValues.indexOf(val) > -1;
        });
      } else if (type === 'Y') {
        yScale && chart.filter(yScale.field, function (val) {
          return yValues.indexOf(val) > -1;
        });
      } else {
        xScale && chart.filter(xScale.field, function (val) {
          return xValues.indexOf(val) > -1;
        });
        yScale && chart.filter(yScale.field, function (val) {
          return yValues.indexOf(val) > -1;
        });
      }
      chart.repaint();
    }
  }
};
16886
Brush.prototype.reset = function reset() {
  var me = this;
  var chart = me.chart,
      filter = me.filter;
16891
  if (chart && filter) {
    chart.get('options').filters = {};
    chart.repaint();
  }
};
16897
Brush.prototype._limitCoordScope = function _limitCoordScope(point) {
  var plot = this.plot;
  var start = plot.start,
      end = plot.end;
16902
16903
  if (point.x < start.x) {
    point.x = start.x;
  }
  if (point.x > end.x) {
    point.x = end.x;
  }
  if (point.y < end.y) {
    point.y = end.y;
  }
  if (point.y > start.y) {
    point.y = start.y;
  }
  return point;
};
16918
Brush.prototype._getSelected = function _getSelected() {
  var me = this;
  var chart = me.chart,
      xScale = me.xScale,
      yScale = me.yScale,
      brushShape = me.brushShape,
      canvas = me.canvas;
16926
  var pixelRatio = canvas.get('pixelRatio');
  var selectedShapes = [];
  var xValues = [];
  var yValues = [];
  var selectedData = [];
  if (chart) {
    var geoms = chart.get('geoms');
    geoms.map(function (geom) {
      var shapes = geom.getShapes();
      shapes.map(function (shape) {
        var shapeData = shape.get('origin');
        if (!Array.isArray(shapeData)) {
          // 线图、区域图等
          shapeData = [shapeData];
        }
16942
        shapeData.map(function (each) {
          if (brushShape.isHit(each.x * pixelRatio, each.y * pixelRatio)) {
            selectedShapes.push(shape);
            var origin = each._origin;
            selectedData.push(origin);
            xScale && xValues.push(origin[xScale.field]);
            yScale && yValues.push(origin[yScale.field]);
          }
          return each;
        });
16953
        return shape;
      });
      return geom;
    });
  }
  me.shapes = selectedShapes;
  me.xValues = xValues;
  me.yValues = yValues;
  me.data = selectedData;
  return {
    data: selectedData,
    xValues: xValues,
    yValues: yValues,
    shapes: selectedShapes
  };
};
16970
return Brush;
16972}(Interaction);
16973
16974// G2.registerInteraction('brush', Brush);
16975// G2.registerInteraction('Brush', Brush);
16976
16977module.exports = Brush;
16978
16979/***/ }),
16980/* 120 */
16981/***/ (function(module, exports, __webpack_require__) {
16982
16983function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16984
16985function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
16986
16987function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
16988
16989var Util = __webpack_require__(10);
16990var Interaction = __webpack_require__(9);
16991// const G2 = require('../core.js');
16992
16993var DRAGGING_TYPES = ['X', 'Y', 'XY'];
16994var DEFAULT_TYPE = 'X';
16995
16996var Drag = function (_Interaction) {
_inherits(Drag, _Interaction);
16998
Drag.prototype.getDefaultCfg = function getDefaultCfg() {
  var cfg = _Interaction.prototype.getDefaultCfg.call(this);
  return Util.mix({}, cfg, {
    type: DEFAULT_TYPE,
    stepRatio: 0.05,
    stepByField: {},
    originScaleDefsByField: {},
    previousPoint: null,
    isDragging: false
  });
};
17010
function Drag(cfg, view) {
  _classCallCheck(this, Drag);
17013
  var _this = _possibleConstructorReturn(this, _Interaction.call(this, cfg, view));
17015
  var me = _this;
  me.type = me.type.toUpperCase();
  me.chart = view;
17019
  var scales = view.getYScales();
  var xScale = view.getXScale();
  scales.push(xScale);
  var scaleController = view.get('scaleController');
  scales.forEach(function (scale) {
    var field = scale.field;
    var def = scaleController.defs[field];
    me.originScaleDefsByField[field] = Util.mix(def, {
      nice: !!def.nice
    });
    if (scale.isLinear) {
      me.stepByField[field] = (scale.max - scale.min) * me.stepRatio;
    }
  });
17034
  if (DRAGGING_TYPES.indexOf(me.type) === -1) {
    me.type = DEFAULT_TYPE;
  }
  return _this;
}
17040
// onDragstart() { }
// onDrag() { }
// onDragend() { }
17044
Drag.prototype._applyTranslate = function _applyTranslate(scale) {
  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
17047
  var me = this;
  var chart = me.chart;
  var min = scale.min,
      max = scale.max,
      field = scale.field;
17053
  var range = max - min;
  chart.scale(field, {
    nice: false,
    min: min - offset * range,
    max: max - offset * range
  });
};
17061
Drag.prototype.start = function start(ev) {
  var me = this;
  var chart = me.chart,
      canvas = me.canvas;
17066
  var canvasDOM = canvas.get('canvasDOM');
  canvasDOM.style.cursor = 'pointer';
  var coord = chart.get('coord');
  me.isDragging = true;
  me.previousPoint = coord.invertPoint(ev);
};
17073
Drag.prototype.process = function process(ev) {
  var me = this;
  if (me.isDragging) {
    var chart = me.chart,
        type = me.type,
        canvas = me.canvas;
17080
    var canvasDOM = canvas.get('canvasDOM');
    canvasDOM.style.cursor = 'move';
    var coord = chart.get('coord');
    var previousPoint = me.previousPoint;
    var currentPoint = coord.invertPoint(ev);
    if (type.indexOf('X') > -1) {
      me._applyTranslate(chart.getXScale(), currentPoint.x - previousPoint.x);
    }
    if (type.indexOf('Y') > -1) {
      var yScales = chart.getYScales();
      yScales.forEach(function (yScale) {
        me._applyTranslate(yScale, currentPoint.y - previousPoint.y);
      });
    }
    me.previousPoint = currentPoint;
    chart.repaint();
  }
};
17099
Drag.prototype.end = function end() {
  var me = this;
  me.isDragging = false;
  var canvas = me.canvas;
17104
  var canvasDOM = canvas.get('canvasDOM');
  canvasDOM.style.cursor = 'default';
};
17108
Drag.prototype.reset = function reset() {
  var me = this;
  var view = me.view,
      originScaleDefsByField = me.originScaleDefsByField;
17113
  var scales = view.getYScales();
  var xScale = view.getXScale();
  scales.push(xScale);
  scales.forEach(function (scale) {
    if (scale.isLinear) {
      var field = scale.field;
      view.scale(field, originScaleDefsByField[field]);
    }
  });
  view.repaint();
};
17125
return Drag;
17127}(Interaction);
17128
17129// G2.registerInteraction('drag', Drag);
17130// G2.registerInteraction('Drag', Drag);
17131
17132module.exports = Drag;
17133
17134/***/ }),
17135/* 121 */
17136/***/ (function(module, exports, __webpack_require__) {
17137
17138function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17139
17140function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
17141
17142function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
17143
17144var Util = __webpack_require__(10);
17145var Interaction = __webpack_require__(9);
17146// const G2 = require('../core.js');
17147
17148var ZOOMING_TYPES = ['X', 'Y', 'XY'];
17149var DEFAULT_TYPE = 'X';
17150
17151// TODO zoom with center point
17152
17153var Zoom = function (_Interaction) {
_inherits(Zoom, _Interaction);
17155
Zoom.prototype.getDefaultCfg = function getDefaultCfg() {
  var cfg = _Interaction.prototype.getDefaultCfg.call(this);
  return Util.mix({}, cfg, {
    processingEvent: 'mousewheel',
    type: DEFAULT_TYPE,
    stepRatio: 0.05,
    stepByField: {},
    originScaleDefsByField: {}
  });
};
17166
function Zoom(cfg, view) {
  _classCallCheck(this, Zoom);
17169
  var _this = _possibleConstructorReturn(this, _Interaction.call(this, cfg, view));
17171
  var me = _this;
  me.chart = view;
  me.type = me.type.toUpperCase();
17175
  var scales = view.getYScales();
  var xScale = view.getXScale();
  scales.push(xScale);
  var scaleController = view.get('scaleController');
  scales.forEach(function (scale) {
    var field = scale.field;
    var def = scaleController.defs[field] || {};
    me.originScaleDefsByField[field] = Util.mix(def, {
      nice: !!def.nice
    });
    if (scale.isLinear) {
      me.stepByField[field] = (scale.max - scale.min) * me.stepRatio;
    }
  });
17190
  if (ZOOMING_TYPES.indexOf(me.type) === -1) {
    me.type = DEFAULT_TYPE;
  }
  return _this;
}
17196
// onZoom() { }
// onZoomin() { }
// onZoomout() { }
17200
Zoom.prototype._applyScale = function _applyScale(scale, delta) {
  var minOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
17203
  var me = this;
  var chart = me.chart,
      stepByField = me.stepByField;
17207
  if (scale.isLinear) {
    var min = scale.min,
        max = scale.max,
        field = scale.field;
17212
    var maxOffset = 1 - minOffset;
    var step = stepByField[field] * delta;
    var newMin = min + step * minOffset;
    var newMax = max - step * maxOffset;
    if (newMax > newMin) {
      chart.scale(field, {
        nice: false,
        min: newMin,
        max: newMax
      });
    }
  }
};
17226
Zoom.prototype.process = function process(ev) {
  var me = this;
  var chart = me.chart,
      type = me.type;
17231
  var coord = chart.get('coord');
  var deltaY = ev.deltaY;
  var offsetPoint = coord.invertPoint(ev);
  if (deltaY) {
    me.onZoom && me.onZoom(deltaY, offsetPoint, me);
    if (deltaY > 0) {
      me.onZoomin && me.onZoomin(deltaY, offsetPoint, me);
    } else {
      me.onZoomout && me.onZoomout(deltaY, offsetPoint, me);
    }
    var delta = deltaY / Math.abs(deltaY);
    if (type.indexOf('X') > -1) {
      me._applyScale(chart.getXScale(), delta, offsetPoint.x);
    }
    if (type.indexOf('Y') > -1) {
      var yScales = chart.getYScales();
      yScales.forEach(function (yScale) {
        me._applyScale(yScale, delta, offsetPoint.y);
      });
    }
  }
  chart.repaint();
};
17255
Zoom.prototype.reset = function reset() {
  var me = this;
  var view = me.view,
      originScaleDefsByField = me.originScaleDefsByField;
17260
  var scales = view.getYScales();
  var xScale = view.getXScale();
  scales.push(xScale);
  scales.forEach(function (scale) {
    if (scale.isLinear) {
      var field = scale.field;
      view.scale(field, originScaleDefsByField[field]);
    }
  });
  view.repaint();
};
17272
return Zoom;
17274}(Interaction);
17275
17276// G2.registerInteraction('zoom', Zoom);
17277// G2.registerInteraction('Zoom', Zoom);
17278
17279module.exports = Zoom;
17280
17281/***/ }),
17282/* 122 */
17283/***/ (function(module, exports, __webpack_require__) {
17284
17285var G = __webpack_require__(123);
17286var CommonUtil = G.CommonUtil;
17287
17288function bindInteraction(Lib, View) {
// binding on Library
Lib._Interactions = {};
Lib.registerInteraction = function (type, constructor) {
  Lib._Interactions[type] = constructor;
};
Lib.getInteraction = function (type) {
  return G2._Interactions[type];
};
17297
// binding on View
View.prototype.getInteractions = function () {
  var me = this;
  if (!me._interactions) {
    me._interactions = {};
  }
  return me._interactions;
};
View.prototype._setInteraction = function (type, interaction) {
  var me = this;
  var interactions = me.getInteractions();
  if (interactions[type] && interactions[type] !== interaction) {
    // only one interaction for a key
    interactions[type].destroy();
  }
  interactions[type] = interaction;
};
View.prototype.clearInteraction = function (type) {
  var me = this;
  var interactions = me.getInteractions();
  if (type) {
    interactions[type] && interactions[type].destroy();
    delete interactions[type];
  } else {
    CommonUtil.each(interactions, function (interaction, key) {
      interaction.destroy();
      delete interactions[key];
    });
  }
};
View.prototype.interact = View.prototype.interaction = function (type, cfg) {
  var me = this;
  var Ctor = G2.getInteraction(type);
  var interaction = new Ctor(cfg, me);
  me._setInteraction(type, interaction);
  return me;
};
17335}
17336
17337module.exports = bindInteraction;
17338
17339/***/ }),
17340/* 123 */
17341/***/ (function(module, exports, __webpack_require__) {
17342
17343/* WEBPACK VAR INJECTION */(function(module) {var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var _typeof3 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
17344
17345(function webpackUniversalModuleDefinition(root, factory) {
if (( false ? 'undefined' : _typeof3(exports)) === 'object' && ( false ? 'undefined' : _typeof3(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
		__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__));else if ((typeof exports === 'undefined' ? 'undefined' : _typeof3(exports)) === 'object') exports["G"] = factory();else root["G"] = factory();
17350})(this, function () {
return (/******/function (modules) {
    // webpackBootstrap
    /******/ // The module cache
    /******/var installedModules = {};
    /******/
    /******/ // The require function
    /******/function __webpack_require__(moduleId) {
      /******/
      /******/ // Check if module is in cache
      /******/if (installedModules[moduleId]) {
        /******/return installedModules[moduleId].exports;
        /******/
      }
      /******/ // Create a new module (and put it into the cache)
      /******/var module = installedModules[moduleId] = {
        /******/i: moduleId,
        /******/l: false,
        /******/exports: {}
        /******/ };
      /******/
      /******/ // Execute the module function
      /******/modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
      /******/
      /******/ // Flag the module as loaded
      /******/module.l = true;
      /******/
      /******/ // Return the exports of the module
      /******/return module.exports;
      /******/
    }
    /******/
    /******/
    /******/ // expose the modules object (__webpack_modules__)
    /******/__webpack_require__.m = modules;
    /******/
    /******/ // expose the module cache
    /******/__webpack_require__.c = installedModules;
    /******/
    /******/ // define getter function for harmony exports
    /******/__webpack_require__.d = function (exports, name, getter) {
      /******/if (!__webpack_require__.o(exports, name)) {
        /******/Object.defineProperty(exports, name, {
          /******/configurable: false,
          /******/enumerable: true,
          /******/get: getter
          /******/ });
        /******/
      }
      /******/
    };
    /******/
    /******/ // getDefaultExport function for compatibility with non-harmony modules
    /******/__webpack_require__.n = function (module) {
      /******/var getter = module && module.__esModule ?
      /******/function getDefault() {
        return module['default'];
      } :
      /******/function getModuleExports() {
        return module;
      };
      /******/__webpack_require__.d(getter, 'a', getter);
      /******/return getter;
      /******/
    };
    /******/
    /******/ // Object.prototype.hasOwnProperty.call
    /******/__webpack_require__.o = function (object, property) {
      return Object.prototype.hasOwnProperty.call(object, property);
    };
    /******/
    /******/ // __webpack_public_path__
    /******/__webpack_require__.p = "";
    /******/
    /******/ // Load entry module and return exports
    /******/return __webpack_require__(__webpack_require__.s = 65);
    /******/
  }(
  /************************************************************************/
  /******/[
  /* 0 */
  /***/function (module, exports, __webpack_require__) {
17432
    var CommonUtil = __webpack_require__(7);
    var DomUtil = __webpack_require__(26);
17435
    var Util = {};
17437
    CommonUtil.merge(Util, CommonUtil, DomUtil, {
      mixin: function mixin(c, mixins) {
        var Param = c.CFG ? 'CFG' : 'ATTRS';
        if (c && mixins) {
          c._mixins = mixins;
          c[Param] = c[Param] || {};
          var temp = {};
          Util.each(mixins, function (mixin) {
            Util.augment(c, mixin);
            var attrs = mixin[Param];
            if (attrs) {
              Util.merge(temp, attrs);
            }
          });
          c[Param] = Util.merge(temp, c[Param]);
        }
      }
    });
17456
    module.exports = Util;
17458
    /***/
  },
  /* 1 */
  /***/function (module, exports, __webpack_require__) {
17463
    var Util = __webpack_require__(0);
    var Element = __webpack_require__(52);
    var Inside = __webpack_require__(3);
17467
    var Shape = function Shape(cfg) {
      Shape.superclass.constructor.call(this, cfg);
    };
17471
    Shape.ATTRS = {};
17473
    Util.extend(Shape, Element);
17475
    Util.augment(Shape, {
      isShape: true,
      createPath: function createPath() {},
      afterPath: function afterPath() {},
      drawInner: function drawInner(context) {
        var self = this;
        var attrs = self.__attrs;
        self.createPath(context);
        var originOpacity = context.globalAlpha;
        if (self.hasFill()) {
          var fillOpacity = attrs.fillOpacity;
          if (!Util.isNil(fillOpacity) && fillOpacity !== 1) {
            context.globalAlpha = fillOpacity;
            context.fill();
            context.globalAlpha = originOpacity;
          } else {
            context.fill();
          }
        }
        if (self.hasStroke()) {
          var lineWidth = self.__attrs.lineWidth;
          if (lineWidth > 0) {
            var strokeOpacity = attrs.strokeOpacity;
            if (!Util.isNil(strokeOpacity) && strokeOpacity !== 1) {
              context.globalAlpha = strokeOpacity;
            }
            context.stroke();
          }
        }
        self.afterPath(context);
      },
17507
      /**
       * 节点是否在图形中
       * @param  {Number}  x x 坐标
       * @param  {Number}  y y 坐标
       * @return {Boolean}  是否在图形中
       */
      isPointInPath: function isPointInPath() {
        return false;
      },
17517
      /**
       * 击中图形时是否进行包围盒判断
       * @return {Boolean} [description]
       */
      isHitBox: function isHitBox() {
        return true;
      },
17525
      /**
       * 节点是否能够被击中
       * @param {Number} x x坐标
       * @param {Number} y y坐标
       * @return {Boolean} 是否在图形中
       */
      isHit: function isHit(x, y) {
        var self = this;
        var v = [x, y, 1];
        self.invert(v); // canvas
17536
        if (self.isHitBox()) {
          var box = self.getBBox();
          if (box && !Inside.box(box.minX, box.maxX, box.minY, box.maxY, v[0], v[1])) {
            return false;
          }
        }
        var clip = self.__attrs.clip;
        if (clip) {
          if (clip.inside(x, y)) {
            return self.isPointInPath(v[0], v[1]);
          }
        } else {
          return self.isPointInPath(v[0], v[1]);
        }
        return false;
      },
17553
      /**
       * @protected
       * 计算包围盒
       * @return {Object} 包围盒
       */
      calculateBox: function calculateBox() {
        return null;
      },
17562
      // 获取拾取时线的宽度，需要考虑附加的线的宽度
      getHitLineWidth: function getHitLineWidth() {
        var attrs = this.__attrs;
        // if (!attrs.stroke) {
        //   return 0;
        // }
        var lineAppendWidth = attrs.lineAppendWidth || 0;
        var lineWidth = attrs.lineWidth || 0;
        return lineWidth + lineAppendWidth;
      },
17573
      // 清除当前的矩阵
      clearTotalMatrix: function clearTotalMatrix() {
        this.__cfg.totalMatrix = null;
        this.__cfg.region = null;
      },
      clearBBox: function clearBBox() {
        this.__cfg.box = null;
        this.__cfg.region = null;
      },
      getBBox: function getBBox() {
        var box = this.__cfg.box;
        // 延迟计算
        if (!box) {
          box = this.calculateBox();
          if (box) {
            box.x = box.minX;
            box.y = box.minY;
            box.width = box.maxX - box.minX;
            box.height = box.maxY - box.minY;
          }
          this.__cfg.box = box;
        }
        return box;
      }
    });
17599
    module.exports = Shape;
17601
    /***/
  },
  /* 2 */
  /***/function (module, exports, __webpack_require__) {
17606
    var CommonUtil = __webpack_require__(7);
    var mat3 = __webpack_require__(72);
    var vec3 = __webpack_require__(73);
    var vec2 = __webpack_require__(74);
17611
    vec2.angle = function (v1, v2) {
      var theta = vec2.dot(v1, v2) / (vec2.length(v1) * vec2.length(v2));
      return Math.acos(CommonUtil.clamp(theta, -1, 1));
    };
    /**
     * 向量 v1 到 向量 v2 夹角的方向
     * @param  {Array} v1 向量
     * @param  {Array} v2 向量
     * @return {Boolean} >= 0 顺时针 < 0 逆时针
     */
    vec2.direction = function (v1, v2) {
      return v1[0] * v2[1] - v2[0] * v1[1];
    };
    vec2.angleTo = function (v1, v2, direct) {
      var angle = vec2.angle(v1, v2);
      var angleLargeThanPI = vec2.direction(v1, v2) >= 0;
      if (direct) {
        if (angleLargeThanPI) {
          return Math.PI * 2 - angle;
        }
17632
        return angle;
      }
17635
      if (angleLargeThanPI) {
        return angle;
      }
      return Math.PI * 2 - angle;
    };
    vec2.vertical = function (out, v, flag) {
      if (flag) {
        out[0] = v[1];
        out[1] = -1 * v[0];
      } else {
        out[0] = -1 * v[1];
        out[1] = v[0];
      }
17649
      return out;
    };
17652
    mat3.translate = function (out, a, v) {
      var transMat = new Array(9);
      mat3.fromTranslation(transMat, v);
      return mat3.multiply(out, transMat, a);
    };
17658
    mat3.rotate = function (out, a, rad) {
      var rotateMat = new Array(9);
      mat3.fromRotation(rotateMat, rad);
      return mat3.multiply(out, rotateMat, a);
    };
17664
    mat3.scale = function (out, a, v) {
      var scaleMat = new Array(9);
      mat3.fromScaling(scaleMat, v);
      return mat3.multiply(out, scaleMat, a);
    };
17670
    module.exports = {
      mat3: mat3,
      vec2: vec2,
      vec3: vec3,
      transform: function transform(m, ts) {
        m = CommonUtil.clone(m);
        CommonUtil.each(ts, function (t) {
          switch (t[0]) {
            case 't':
              mat3.translate(m, m, [t[1], t[2]]);
              break;
            case 's':
              mat3.scale(m, m, [t[1], t[2]]);
              break;
            case 'r':
              mat3.rotate(m, m, t[1]);
              break;
            case 'm':
              mat3.multiply(m, m, t[1]);
              break;
            default:
              return false;
          }
        });
        return m;
      }
    };
17698
    /***/
  },
  /* 3 */
  /***/function (module, exports, __webpack_require__) {
17703
    var Line = __webpack_require__(20);
    var Quadratic = __webpack_require__(21);
    var Cubic = __webpack_require__(10);
    var Arc = __webpack_require__(22);
17708
    module.exports = {
      line: function line(x1, y1, x2, y2, lineWidth, x, y) {
        var box = Line.box(x1, y1, x2, y2, lineWidth);
17712
        if (!this.box(box.minX, box.maxX, box.minY, box.maxY, x, y)) {
          return false;
        }
17716
        var d = Line.pointDistance(x1, y1, x2, y2, x, y);
        if (isNaN(d)) {
          return false;
        }
        return d <= lineWidth / 2;
      },
      polyline: function polyline(points, lineWidth, x, y) {
        var l = points.length - 1;
        if (l < 1) {
          return false;
        }
        for (var i = 0; i < l; i++) {
          var x1 = points[i][0];
          var y1 = points[i][1];
          var x2 = points[i + 1][0];
          var y2 = points[i + 1][1];
17733
          if (this.line(x1, y1, x2, y2, lineWidth, x, y)) {
            return true;
          }
        }
17738
        return false;
      },
      cubicline: function cubicline(x1, y1, x2, y2, x3, y3, x4, y4, lineWidth, x, y) {
        return Cubic.pointDistance(x1, y1, x2, y2, x3, y3, x4, y4, x, y) <= lineWidth / 2;
      },
      quadraticline: function quadraticline(x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
        return Quadratic.pointDistance(x1, y1, x2, y2, x3, y3, x, y) <= lineWidth / 2;
      },
      arcline: function arcline(cx, cy, r, startAngle, endAngle, clockwise, lineWidth, x, y) {
        return Arc.pointDistance(cx, cy, r, startAngle, endAngle, clockwise, x, y) <= lineWidth / 2;
      },
      rect: function rect(rx, ry, width, height, x, y) {
        return rx <= x && x <= rx + width && ry <= y && y <= ry + height;
      },
      circle: function circle(cx, cy, r, x, y) {
        return Math.pow(x - cx, 2) + Math.pow(y - cy, 2) <= Math.pow(r, 2);
      },
      box: function box(minX, maxX, minY, maxY, x, y) {
        return minX <= x && x <= maxX && minY <= y && y <= maxY;
      }
    };
17760
    /***/
  },
  /* 4 */
  /***/function (module, exports, __webpack_require__) {
17765
    var Util = __webpack_require__(0);
    var Element = __webpack_require__(11);
17768
    var SHAPES = {
      rect: 'rect',
      circle: 'circle',
      line: 'line',
      path: 'path',
      marker: 'marker',
      text: 'text',
      polygon: 'polygon',
      image: 'image',
      ellipse: 'ellipse',
      dom: 'foreignObject',
      fan: 'path'
    };
17782
    var Shape = function Shape(cfg) {
      Shape.superclass.constructor.call(this, cfg);
    };
17786
    Shape.ATTRS = {};
17788
    Util.extend(Shape, Element);
17790
    Util.augment(Shape, {
      isShape: true,
      createPath: function createPath() {},
      init: function init(id) {
        Shape.superclass.init.call(this);
        var type = SHAPES[this.type];
        if (type) {
          var shape = document.createElementNS('http://www.w3.org/2000/svg', type);
          id = id || Util.uniqueId(this.type + '_');
          shape.setAttribute('id', id);
          this.setSilent('el', shape);
          this.setSilent('id', id);
        }
      },
17805
      /**
       * 节点是否在图形中
       * @param  {Number}  x x 坐标
       * @param  {Number}  y y 坐标
       * @return {Boolean}  是否在图形中
       */
      isPointInPath: function isPointInPath() {
        return false;
      },
17815
      /**
       * 击中图形时是否进行包围盒判断
       * @return {Boolean} [description]
       */
      isHitBox: function isHitBox() {
        return true;
      },
17823
      /**
       * 节点是否能够被击中
       * @return {Boolean} 是否在图形中
       */
      isHit: function isHit() {
        return false;
      },
17831
      /**
       * @protected
       * @protected
       * 计算包围盒
       * @return {Object} 包围盒
       */
      calculateBox: function calculateBox() {
        return null;
      },
17841
      // 获取拾取时线的宽度，需要考虑附加的线的宽度
      getHitLineWidth: function getHitLineWidth() {
        var attrs = this.__attrs;
        // if (!attrs.stroke) {
        //   return 0;
        // }
        var lineAppendWidth = attrs.lineAppendWidth || 0;
        var lineWidth = attrs.lineWidth || 0;
        return lineWidth + lineAppendWidth;
      },
17852
      // 清除当前的矩阵
      clearTotalMatrix: function clearTotalMatrix() {
        this.__cfg.totalMatrix = null;
        this.__cfg.region = null;
      },
      clearBBox: function clearBBox() {
        this.__cfg.box = null;
        this.__cfg.region = null;
      }
    });
17863
    module.exports = Shape;
17865
    /***/
  },
  /* 5 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
17870
    "use strict";
    /* harmony import */
    var __WEBPACK_IMPORTED_MODULE_0__src_color__ = __webpack_require__(16);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "a", function () {
      return __WEBPACK_IMPORTED_MODULE_0__src_color__["e"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "f", function () {
      return __WEBPACK_IMPORTED_MODULE_0__src_color__["g"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "d", function () {
      return __WEBPACK_IMPORTED_MODULE_0__src_color__["f"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__src_lab__ = __webpack_require__(90);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "e", function () {
      return __WEBPACK_IMPORTED_MODULE_1__src_lab__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "c", function () {
      return __WEBPACK_IMPORTED_MODULE_1__src_lab__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_2__src_cubehelix__ = __webpack_require__(91);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "b", function () {
      return __WEBPACK_IMPORTED_MODULE_2__src_cubehelix__["a"];
    });
17894
    /***/
  },
  /* 6 */
  /***/function (module, exports, __webpack_require__) {
17899
    var _typeof = typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    };
17905
    var Marker = __webpack_require__(25);
    var Util = __webpack_require__(0);
17908
    var PI = Math.PI;
    var sin = Math.sin;
    var cos = Math.cos;
    var atan2 = Math.atan2;
    var DEFAULT_LENGTH = 10;
    var DEFAULT_ANGLE = PI / 3;
17915
    function _addArrow(ctx, attrs, x1, y1, x2, y2) {
      var leftX = void 0;
      var leftY = void 0;
      var rightX = void 0;
      var rightY = void 0;
      var offsetX = void 0;
      var offsetY = void 0;
      var angle = void 0;
17924
      if (!attrs.fill) {
        // 闭合的不绘制箭头
        var arrowLength = attrs.arrowLength || DEFAULT_LENGTH;
        var arrowAngle = attrs.arrowAngle ? attrs.arrowAngle * PI / 180 : DEFAULT_ANGLE; // 转换为弧
        // Calculate angle
        angle = atan2(y2 - y1, x2 - x1);
        // Adjust angle correctly
        angle -= PI;
        // Calculate offset to place arrow at edge of path
        offsetX = attrs.lineWidth * cos(angle);
        offsetY = attrs.lineWidth * sin(angle);
17936
        // Calculate coordinates for left half of arrow
        leftX = x2 + arrowLength * cos(angle + arrowAngle / 2);
        leftY = y2 + arrowLength * sin(angle + arrowAngle / 2);
        // Calculate coordinates for right half of arrow
        rightX = x2 + arrowLength * cos(angle - arrowAngle / 2);
        rightY = y2 + arrowLength * sin(angle - arrowAngle / 2);
        ctx.beginPath();
        // Draw left half of arrow
        ctx.moveTo(leftX - offsetX, leftY - offsetY);
        ctx.lineTo(x2 - offsetX, y2 - offsetY);
        // Draw right half of arrow
        ctx.lineTo(rightX - offsetX, rightY - offsetY);
17949
        // Visually connect arrow to path
        ctx.moveTo(x2 - offsetX, y2 - offsetY);
        ctx.lineTo(x2 + offsetX, y2 + offsetY);
        // Move back to end of path
        ctx.moveTo(x2, y2);
        ctx.stroke();
      }
    }
17958
    function _addMarker(ctx, attrs, x1, y1, x2, y2, shape) {
      var marker = shape.__attrs;
      var method = marker.symbol;
      var markerX = marker.x || x2;
      var markerY = marker.y || y2;
      var markerR = marker.r || attrs.lineWidth;
      if (!Util.isFunction(method)) {
        method = Marker.Symbols[method || 'triangle'];
      }
      var deg = 0;
      var x = x1 - x2;
      var y = y1 - y2;
      if (y === 0) {
        if (x < 0) {
          deg = Math.PI / 2;
        } else {
          deg = 270 * Math.PI / 180;
        }
      } else if (x >= 0 && y > 0) {
        deg = -Math.atan(x / y);
      } else if (x <= 0 && y < 0) {
        deg = Math.PI - Math.atan(x / y);
      } else if (x > 0 && y < 0) {
        deg = Math.PI + Math.atan(-x / y);
      } else if (x < 0 && y > 0) {
        deg = Math.atan(x / -y);
      }
      ctx.save();
      ctx.beginPath();
      ctx.translate(markerX, markerY);
      ctx.rotate(deg);
      ctx.translate(-markerX, -markerY);
      method(markerX, markerY, markerR, ctx, shape);
      ctx.setTransform(1, 0, 0, 1, 0, 0);
      ctx.fillStyle = shape.attr('fill') || ctx.strokeStyle;
      ctx.fill();
      ctx.restore();
    }
17997
    module.exports = {
      addStartArrow: function addStartArrow(ctx, attrs, x1, y1, x2, y2) {
        if (_typeof(attrs.startArrow) === 'object') {
          _addMarker(ctx, attrs, x1, y1, x2, y2, attrs.startArrow);
        } else if (attrs.startArrow) {
          _addArrow(ctx, attrs, x1, y1, x2, y2);
        }
      },
      addEndArrow: function addEndArrow(ctx, attrs, x1, y1, x2, y2) {
        if (_typeof(attrs.endArrow) === 'object') {
          _addMarker(ctx, attrs, x1, y1, x2, y2, attrs.endArrow);
        } else if (attrs.endArrow) {
          _addArrow(ctx, attrs, x1, y1, x2, y2);
        }
      }
    };
18014
    /***/
  },
  /* 7 */
  /***/function (module, exports, __webpack_require__) {
18019
    var Util = __webpack_require__(68);
18021
    module.exports = {
      isFunction: Util.isFunction,
      isObject: Util.isObject,
      isBoolean: Util.isBoolean,
      isNil: Util.isNil,
      isString: Util.isString,
      isArray: Util.isArray,
      isNumber: Util.isNumber,
      isEmpty: Util.isEmpty, // isBlank
      uniqueId: Util.uniqueId,
      clone: Util.clone,
      assign: Util.mix, // simpleMix
      merge: Util.deepMix, // mix
      upperFirst: Util.upperFirst, // ucfirst
      each: Util.each,
      isEqual: Util.isEqual,
      toArray: Util.toArray,
      extend: Util.extend,
      augment: Util.augment,
      remove: Util.arrayUtil.pull,
      isNumberEqual: Util.isNumberEqual,
      toRadian: Util.toRadian,
      toDegree: Util.toDegree,
      mod: Util.mod,
      clamp: Util.clamp
    };
18048
    /***/
  },
  /* 8 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
18053
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["c"] = hue;
    /* harmony export (immutable) */__webpack_exports__["b"] = gamma;
    /* harmony export (immutable) */__webpack_exports__["a"] = nogamma;
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__constant__ = __webpack_require__(33);
18060
    function linear(a, d) {
      return function (t) {
        return a + t * d;
      };
    }
18066
    function exponential(a, b, y) {
      return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function (t) {
        return Math.pow(a + t * b, y);
      };
    }
18072
    function hue(a, b) {
      var d = b - a;
      return d ? linear(a, d > 180 || d < -180 ? d - 360 * Math.round(d / 360) : d) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
    }
18077
    function gamma(y) {
      return (y = +y) === 1 ? nogamma : function (a, b) {
        return b - a ? exponential(a, b, y) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
      };
    }
18083
    function nogamma(a, b) {
      var d = b - a;
      return d ? linear(a, d) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
    }
18088
    /***/
  },
  /* 9 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
18093
    "use strict";
    /* harmony default export */
    __webpack_exports__["a"] = function (a, b) {
      return a = +a, b -= a, function (t) {
        return a + b * t;
      };
    };
18101
    /***/
  },
  /* 10 */
  /***/function (module, exports, __webpack_require__) {
18106
    var Util = __webpack_require__(0);
    var vec2 = __webpack_require__(2).vec2;
18109
    function cubicAt(p0, p1, p2, p3, t) {
      var onet = 1 - t;
      return onet * onet * (onet * p3 + 3 * t * p2) + t * t * (t * p0 + 3 * onet * p1);
    }
18114
    function cubicDerivativeAt(p0, p1, p2, p3, t) {
      var onet = 1 - t;
      return 3 * (((p1 - p0) * onet + 2 * (p2 - p1) * t) * onet + (p3 - p2) * t * t);
    }
18119
    function cubicProjectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y, out) {
      var t = void 0;
      var interval = 0.005;
      var d = Infinity;
      var _t = void 0;
      var v1 = void 0;
      var d1 = void 0;
      var d2 = void 0;
      var v2 = void 0;
      var prev = void 0;
      var next = void 0;
      var EPSILON = 0.0001;
      var v0 = [x, y];
18133
      for (_t = 0; _t < 1; _t += 0.05) {
        v1 = [cubicAt(x1, x2, x3, x4, _t), cubicAt(y1, y2, y3, y4, _t)];
18136
        d1 = vec2.squaredDistance(v0, v1);
        if (d1 < d) {
          t = _t;
          d = d1;
        }
      }
      d = Infinity;
18144
      for (var i = 0; i < 32; i++) {
        if (interval < EPSILON) {
          break;
        }
18149
        prev = t - interval;
        next = t + interval;
18152
        v1 = [cubicAt(x1, x2, x3, x4, prev), cubicAt(y1, y2, y3, y4, prev)];
18154
        d1 = vec2.squaredDistance(v0, v1);
18156
        if (prev >= 0 && d1 < d) {
          t = prev;
          d = d1;
        } else {
          v2 = [cubicAt(x1, x2, x3, x4, next), cubicAt(y1, y2, y3, y4, next)];
18162
          d2 = vec2.squaredDistance(v0, v2);
18164
          if (next <= 1 && d2 < d) {
            t = next;
            d = d2;
          } else {
            interval *= 0.5;
          }
        }
      }
18173
      if (out) {
        out.x = cubicAt(x1, x2, x3, x4, t);
        out.y = cubicAt(y1, y2, y3, y4, t);
      }
18178
      return Math.sqrt(d);
    }
18181
    function cubicExtrema(p0, p1, p2, p3) {
      var a = 3 * p0 - 9 * p1 + 9 * p2 - 3 * p3;
      var b = 6 * p1 - 12 * p2 + 6 * p3;
      var c = 3 * p2 - 3 * p3;
      var extrema = [];
      var t1 = void 0;
      var t2 = void 0;
      var discSqrt = void 0;
18190
      if (Util.isNumberEqual(a, 0)) {
        if (!Util.isNumberEqual(b, 0)) {
          t1 = -c / b;
          if (t1 >= 0 && t1 <= 1) {
            extrema.push(t1);
          }
        }
      } else {
        var disc = b * b - 4 * a * c;
        if (Util.isNumberEqual(disc, 0)) {
          extrema.push(-b / (2 * a));
        } else if (disc > 0) {
          discSqrt = Math.sqrt(disc);
          t1 = (-b + discSqrt) / (2 * a);
          t2 = (-b - discSqrt) / (2 * a);
          if (t1 >= 0 && t1 <= 1) {
            extrema.push(t1);
          }
          if (t2 >= 0 && t2 <= 1) {
            extrema.push(t2);
          }
        }
      }
      return extrema;
    }
18216
    function base3(t, p1, p2, p3, p4) {
      var t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4;
      var t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
      return t * t2 - 3 * p1 + 3 * p2;
    }
18222
    function cubiclLen(x1, y1, x2, y2, x3, y3, x4, y4, z) {
      if (Util.isNil(z)) {
        z = 1;
      }
      z = z > 1 ? 1 : z < 0 ? 0 : z;
      var z2 = z / 2;
      var n = 12;
      var Tvalues = [-0.1252, 0.1252, -0.3678, 0.3678, -0.5873, 0.5873, -0.7699, 0.7699, -0.9041, 0.9041, -0.9816, 0.9816];
      var Cvalues = [0.2491, 0.2491, 0.2335, 0.2335, 0.2032, 0.2032, 0.1601, 0.1601, 0.1069, 0.1069, 0.0472, 0.0472];
      var sum = 0;
      for (var i = 0; i < n; i++) {
        var ct = z2 * Tvalues[i] + z2;
        var xbase = base3(ct, x1, x2, x3, x4);
        var ybase = base3(ct, y1, y2, y3, y4);
        var comb = xbase * xbase + ybase * ybase;
        sum += Cvalues[i] * Math.sqrt(comb);
      }
      return z2 * sum;
    }
18242
    module.exports = {
      at: cubicAt,
      derivativeAt: cubicDerivativeAt,
      projectPoint: function projectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y) {
        var rst = {};
        cubicProjectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y, rst);
        return rst;
      },
18251
      pointDistance: cubicProjectPoint,
      extrema: cubicExtrema,
      len: cubiclLen
    };
18256
    /***/
  },
  /* 11 */
  /***/function (module, exports, __webpack_require__) {
18261
    var Util = __webpack_require__(0);
    var Attribute = __webpack_require__(70);
    var Transform = __webpack_require__(71);
    var Animate = __webpack_require__(29);
    var EventEmitter = __webpack_require__(38);
18267
    var Element = function Element(cfg) {
      this.__cfg = {
        zIndex: 0,
        capture: true,
        visible: true,
        destroyed: false
      }; // 配置存放地
18275
      Util.assign(this.__cfg, this.getDefaultCfg(), cfg); // Element.CFG不合并，提升性能 合并默认配置，用户配置->继承默认配置->Element默认配置
      // 在子元素的init中创建新svg元素，然后设置属性和变换。在这边设置id而不是attr里，是考虑id一旦设置后应不能修改
      this.init(cfg ? cfg.id : null); // 类型初始化
      this.initAttrs(this.__cfg.attrs); // 初始化绘图属性
      this.initTransform(); // 初始化变换
    };
18282
    Element.CFG = {
      /**
       * 唯一标示
       * @type {Number}
       */
      id: null,
      /**
       * Z轴的层叠关系，Z值越大离用户越近
       * @type {Number}
       */
      zIndex: 0,
      /**
       * Canvas对象
       * @type: {Object}
       */
      canvas: null,
      /**
       * 父元素指针
       * @type {Object}
       */
      parent: null,
      /**
       * 用来设置当前对象是否能被捕捉
       * true 能
       * false 不能
       * 对象默认是都可以被捕捉的, 当capture为false时，group.getShape(x, y)方法无法获得该元素
       * 通过将不必要捕捉的元素的该属性设置成false, 来提高捕捉性能
       * @type {Boolean}
       **/
      capture: true,
      /**
       * 画布的上下文
       * @type {Object}
       */
      context: null,
      /**
       * 是否显示
       * @type {Boolean}
       */
      visible: true,
      /**
       * 是否被销毁
       * @type: {Boolean}
       */
      destroyed: false
    };
18329
    Util.augment(Element, Attribute, Transform, EventEmitter, Animate, {
      init: function init() {
        this.setSilent('animable', true);
        this.setSilent('animating', false); // 初始时不处于动画状态
      },
      getParent: function getParent() {
        return this.get('parent');
      },
18338
      /**
       * 获取默认的配置信息
       * @protected
       * @return {Object} 默认的属性
       */
      getDefaultCfg: function getDefaultCfg() {
        return {};
      },
      set: function set(name, value) {
        if (name === 'zIndex') {
          this._beforeSetZIndex(value);
        }
        this.__cfg[name] = value;
        return this;
      },
      setSilent: function setSilent(name, value) {
        this.__cfg[name] = value;
      },
      get: function get(name) {
        return this.__cfg[name];
      },
      draw: function draw() {},
      drawInner: function drawInner() {},
      show: function show() {
        this.set('visible', true);
        var el = this.get('el');
        if (el) {
          el.setAttribute('visibility', 'visible');
        }
        return this;
      },
      hide: function hide() {
        this.set('visible', false);
        var el = this.get('el');
        if (el) {
          el.setAttribute('visibility', 'hidden');
        }
        return this;
      },
      remove: function remove(destroy) {
        var el = this.get('el');
        if (destroy === undefined) {
          destroy = true;
        }
18383
        if (this.get('parent')) {
          var parent = this.get('parent');
          var children = parent.get('children');
          Util.remove(children, this);
          el.parentNode.removeChild(el);
        }
18390
        if (destroy) {
          this.destroy();
        }
18394
        return this;
      },
      destroy: function destroy() {
        var destroyed = this.get('destroyed');
        if (destroyed) {
          return;
        }
        // 如果正在执行动画，清理动画
        if (this.get('animating')) {
          var timer = this.get('animateTimer');
          timer && timer.stop();
        }
        this.__cfg = {};
        this.__attrs = null;
        this.removeEvent(); // 移除所有的事件
        this.set('destroyed', true);
      },
      _beforeSetZIndex: function _beforeSetZIndex(zIndex) {
        this.__cfg.zIndex = zIndex;
18414
        if (!Util.isNil(this.get('parent'))) {
          this.get('parent').sort();
        }
        return zIndex;
      },
      _setAttrs: function _setAttrs(attrs) {
        this.attr(attrs);
        return attrs;
      },
      setZIndex: function setZIndex(zIndex) {
        this.__cfg.zIndex = zIndex;
        return zIndex;
      },
      clone: function clone() {
        return Util.clone(this);
      },
      getBBox: function getBBox() {
        var el = this.get('el');
        if (!el) {
          return {
            minX: 0,
            minY: 0,
            maxX: 0,
            maxY: 0,
            width: 0,
            height: 0,
            x: 0,
            y: 0
          };
        }
        var bbox = el.getBBox();
        if (!el.parentNode || bbox.width === 0 && bbox.height === 0) {
          var node = el.cloneNode();
          node.innerHTML = el.innerHTML;
          node.setAttribute('visible', 'hidden');
          var svg = document.getElementsByTagName('svg')[0];
          svg.appendChild(node);
          bbox = node.getBBox();
          svg.removeChild(node);
        }
        bbox.minX = bbox.x;
        bbox.minY = bbox.y;
        bbox.maxX = bbox.x + bbox.width;
        bbox.maxY = bbox.y + bbox.height;
        return {
          minX: bbox.x,
          minY: bbox.y,
          maxX: bbox.x + bbox.width,
          maxY: bbox.y + bbox.height,
          width: bbox.width,
          height: bbox.height,
          x: bbox.x,
          y: bbox.y
        };
      }
    });
18471
    module.exports = Element;
18473
    /***/
  },
  /* 12 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
18478
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "b", function () {
      return EPSILON;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "a", function () {
      return ARRAY_TYPE;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "c", function () {
      return RANDOM;
    });
    /* unused harmony export setMatrixArrayType */
    /* unused harmony export toRadian */
    /* unused harmony export equals */
    /**
     * Common utilities
     * @module glMatrix
     */
18497
    // Configuration Constants
    var EPSILON = 0.000001;
    var ARRAY_TYPE = typeof Float32Array !== 'undefined' ? Float32Array : Array;
    var RANDOM = Math.random;
18502
    /**
     * Sets the type of array used when creating new vectors and matrices
     *
     * @param {Type} type Array type, such as Float32Array or Array
     */
    function setMatrixArrayType(type) {
      ARRAY_TYPE = type;
    }
18511
    var degree = Math.PI / 180;
18513
    /**
     * Convert Degree To Radian
     *
     * @param {Number} a Angle in Degrees
     */
    function toRadian(a) {
      return a * degree;
    }
18522
    /**
     * Tests whether or not the arguments have approximately the same value, within an absolute
     * or relative tolerance of glMatrix.EPSILON (an absolute tolerance is used for values less
     * than or equal to 1.0, and a relative tolerance is used for larger values)
     *
     * @param {Number} a The first number to test.
     * @param {Number} b The second number to test.
     * @returns {Boolean} True if the numbers are approximately equal, false otherwise.
     */
    function equals(a, b) {
      return Math.abs(a - b) <= EPSILON * Math.max(1.0, Math.abs(a), Math.abs(b));
    }
18535
    /***/
  },
  /* 13 */
  /***/function (module, exports, __webpack_require__) {
18540
    var _typeof = typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    };
18546
    var Util = __webpack_require__(7);
    var SPACES = '\t\n\x0B\f\r \xA0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029';
    var PATH_COMMAND = new RegExp('([a-z])[' + SPACES + ',]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?[' + SPACES + ']*,?[' + SPACES + ']*)+)', 'ig');
    var PATH_VALUES = new RegExp('(-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?)[' + SPACES + ']*,?[' + SPACES + ']*', 'ig');
18551
    // Parses given path string into an array of arrays of path segments
    var parsePathString = function parsePathString(pathString) {
      if (!pathString) {
        return null;
      }
18557
      if ((typeof pathString === 'undefined' ? 'undefined' : _typeof(pathString)) === _typeof([])) {
        return pathString;
      }
      var paramCounts = {
        a: 7,
        c: 6,
        o: 2,
        h: 1,
        l: 2,
        m: 2,
        r: 4,
        q: 4,
        s: 4,
        t: 2,
        v: 1,
        u: 3,
        z: 0
      };
      var data = [];
18577
      String(pathString).replace(PATH_COMMAND, function (a, b, c) {
        var params = [];
        var name = b.toLowerCase();
        c.replace(PATH_VALUES, function (a, b) {
          b && params.push(+b);
        });
        if (name === 'm' && params.length > 2) {
          data.push([b].concat(params.splice(0, 2)));
          name = 'l';
          b = b === 'm' ? 'l' : 'L';
        }
        if (name === 'o' && params.length === 1) {
          data.push([b, params[0]]);
        }
        if (name === 'r') {
          data.push([b].concat(params));
        } else {
          while (params.length >= paramCounts[name]) {
            data.push([b].concat(params.splice(0, paramCounts[name])));
            if (!paramCounts[name]) {
              break;
            }
          }
        }
      });
18603
      return data;
    };
18606
    // http://schepers.cc/getting-to-the-point
    var catmullRom2bezier = function catmullRom2bezier(crp, z) {
      var d = [];
      for (var i = 0, iLen = crp.length; iLen - 2 * !z > i; i += 2) {
        var p = [{
          x: +crp[i - 2],
          y: +crp[i - 1]
        }, {
          x: +crp[i],
          y: +crp[i + 1]
        }, {
          x: +crp[i + 2],
          y: +crp[i + 3]
        }, {
          x: +crp[i + 4],
          y: +crp[i + 5]
        }];
        if (z) {
          if (!i) {
            p[0] = {
              x: +crp[iLen - 2],
              y: +crp[iLen - 1]
            };
          } else if (iLen - 4 === i) {
            p[3] = {
              x: +crp[0],
              y: +crp[1]
            };
          } else if (iLen - 2 === i) {
            p[2] = {
              x: +crp[0],
              y: +crp[1]
            };
            p[3] = {
              x: +crp[2],
              y: +crp[3]
            };
          }
        } else {
          if (iLen - 4 === i) {
            p[3] = p[2];
          } else if (!i) {
            p[0] = {
              x: +crp[i],
              y: +crp[i + 1]
            };
          }
        }
        d.push(['C', (-p[0].x + 6 * p[1].x + p[2].x) / 6, (-p[0].y + 6 * p[1].y + p[2].y) / 6, (p[1].x + 6 * p[2].x - p[3].x) / 6, (p[1].y + 6 * p[2].y - p[3].y) / 6, p[2].x, p[2].y]);
      }
18657
      return d;
    };
18660
    var ellipsePath = function ellipsePath(x, y, rx, ry, a) {
      var res = [];
      if (a === null && ry === null) {
        ry = rx;
      }
      x = +x;
      y = +y;
      rx = +rx;
      ry = +ry;
      if (a !== null) {
        var rad = Math.PI / 180;
        var x1 = x + rx * Math.cos(-ry * rad);
        var x2 = x + rx * Math.cos(-a * rad);
        var y1 = y + rx * Math.sin(-ry * rad);
        var y2 = y + rx * Math.sin(-a * rad);
        res = [['M', x1, y1], ['A', rx, rx, 0, +(a - ry > 180), 0, x2, y2]];
      } else {
        res = [['M', x, y], ['m', 0, -ry], ['a', rx, ry, 0, 1, 1, 0, 2 * ry], ['a', rx, ry, 0, 1, 1, 0, -2 * ry], ['z']];
      }
      return res;
    };
18682
    var pathToAbsolute = function pathToAbsolute(pathArray) {
      pathArray = parsePathString(pathArray);
18685
      if (!pathArray || !pathArray.length) {
        return [['M', 0, 0]];
      }
      var res = [];
      var x = 0;
      var y = 0;
      var mx = 0;
      var my = 0;
      var start = 0;
      var pa0 = void 0;
      var dots = void 0;
      if (pathArray[0][0] === 'M') {
        x = +pathArray[0][1];
        y = +pathArray[0][2];
        mx = x;
        my = y;
        start++;
        res[0] = ['M', x, y];
      }
      var crz = pathArray.length === 3 && pathArray[0][0] === 'M' && pathArray[1][0].toUpperCase() === 'R' && pathArray[2][0].toUpperCase() === 'Z';
      for (var r, pa, i = start, ii = pathArray.length; i < ii; i++) {
        res.push(r = []);
        pa = pathArray[i];
        pa0 = pa[0];
        if (pa0 !== pa0.toUpperCase()) {
          r[0] = pa0.toUpperCase();
          switch (r[0]) {
            case 'A':
              r[1] = pa[1];
              r[2] = pa[2];
              r[3] = pa[3];
              r[4] = pa[4];
              r[5] = pa[5];
              r[6] = +pa[6] + x;
              r[7] = +pa[7] + y;
              break;
            case 'V':
              r[1] = +pa[1] + y;
              break;
            case 'H':
              r[1] = +pa[1] + x;
              break;
            case 'R':
              dots = [x, y].concat(pa.slice(1));
              for (var j = 2, jj = dots.length; j < jj; j++) {
                dots[j] = +dots[j] + x;
                dots[++j] = +dots[j] + y;
              }
              res.pop();
              res = res.concat(catmullRom2bezier(dots, crz));
              break;
            case 'O':
              res.pop();
              dots = ellipsePath(x, y, pa[1], pa[2]);
              dots.push(dots[0]);
              res = res.concat(dots);
              break;
            case 'U':
              res.pop();
              res = res.concat(ellipsePath(x, y, pa[1], pa[2], pa[3]));
              r = ['U'].concat(res[res.length - 1].slice(-2));
              break;
            case 'M':
              mx = +pa[1] + x;
              my = +pa[2] + y;
              break; // for lint
            default:
              for (var _j = 1, _jj = pa.length; _j < _jj; _j++) {
                r[_j] = +pa[_j] + (_j % 2 ? x : y);
              }
          }
        } else if (pa0 === 'R') {
          dots = [x, y].concat(pa.slice(1));
          res.pop();
          res = res.concat(catmullRom2bezier(dots, crz));
          r = ['R'].concat(pa.slice(-2));
        } else if (pa0 === 'O') {
          res.pop();
          dots = ellipsePath(x, y, pa[1], pa[2]);
          dots.push(dots[0]);
          res = res.concat(dots);
        } else if (pa0 === 'U') {
          res.pop();
          res = res.concat(ellipsePath(x, y, pa[1], pa[2], pa[3]));
          r = ['U'].concat(res[res.length - 1].slice(-2));
        } else {
          for (var k = 0, kk = pa.length; k < kk; k++) {
            r[k] = pa[k];
          }
        }
        pa0 = pa0.toUpperCase();
        if (pa0 !== 'O') {
          switch (r[0]) {
            case 'Z':
              x = +mx;
              y = +my;
              break;
            case 'H':
              x = r[1];
              break;
            case 'V':
              y = r[1];
              break;
            case 'M':
              mx = r[r.length - 2];
              my = r[r.length - 1];
              break; // for lint
            default:
              x = r[r.length - 2];
              y = r[r.length - 1];
          }
        }
      }
18799
      return res;
    };
18802
    var l2c = function l2c(x1, y1, x2, y2) {
      return [x1, y1, x2, y2, x2, y2];
    };
18806
    var q2c = function q2c(x1, y1, ax, ay, x2, y2) {
      var _13 = 1 / 3;
      var _23 = 2 / 3;
      return [_13 * x1 + _23 * ax, _13 * y1 + _23 * ay, _13 * x2 + _23 * ax, _13 * y2 + _23 * ay, x2, y2];
    };
18812
    var a2c = function a2c(x1, y1, rx, ry, angle, large_arc_flag, sweep_flag, x2, y2, recursive) {
      // for more information of where this math came from visit:
      // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes
      if (rx === ry) {
        rx += 1;
      }
18819
      var _120 = Math.PI * 120 / 180;
      var rad = Math.PI / 180 * (+angle || 0);
      var res = [];
      var xy = void 0;
      var f1 = void 0;
      var f2 = void 0;
      var cx = void 0;
      var cy = void 0;
      var rotate = function rotate(x, y, rad) {
        var X = x * Math.cos(rad) - y * Math.sin(rad);
        var Y = x * Math.sin(rad) + y * Math.cos(rad);
        return {
          x: X,
          y: Y
        };
      };
      if (!recursive) {
        xy = rotate(x1, y1, -rad);
        x1 = xy.x;
        y1 = xy.y;
        xy = rotate(x2, y2, -rad);
        x2 = xy.x;
        y2 = xy.y;
        if (x1 === x2 && y1 === y2) {
          // 若弧的起始点和终点重叠则错开一点
          x2 += 1;
          y2 += 1;
        }
        // const cos = Math.cos(Math.PI / 180 * angle);
        // const sin = Math.sin(Math.PI / 180 * angle);
        var x = (x1 - x2) / 2;
        var y = (y1 - y2) / 2;
        var h = x * x / (rx * rx) + y * y / (ry * ry);
        if (h > 1) {
          h = Math.sqrt(h);
          rx = h * rx;
          ry = h * ry;
        }
        var rx2 = rx * rx;
        var ry2 = ry * ry;
        var k = (large_arc_flag === sweep_flag ? -1 : 1) * Math.sqrt(Math.abs((rx2 * ry2 - rx2 * y * y - ry2 * x * x) / (rx2 * y * y + ry2 * x * x)));
        cx = k * rx * y / ry + (x1 + x2) / 2;
        cy = k * -ry * x / rx + (y1 + y2) / 2;
        f1 = Math.asin(((y1 - cy) / ry).toFixed(9));
        f2 = Math.asin(((y2 - cy) / ry).toFixed(9));
18865
        f1 = x1 < cx ? Math.PI - f1 : f1;
        f2 = x2 < cx ? Math.PI - f2 : f2;
        f1 < 0 && (f1 = Math.PI * 2 + f1);
        f2 < 0 && (f2 = Math.PI * 2 + f2);
        if (sweep_flag && f1 > f2) {
          f1 = f1 - Math.PI * 2;
        }
        if (!sweep_flag && f2 > f1) {
          f2 = f2 - Math.PI * 2;
        }
      } else {
        f1 = recursive[0];
        f2 = recursive[1];
        cx = recursive[2];
        cy = recursive[3];
      }
      var df = f2 - f1;
      if (Math.abs(df) > _120) {
        var f2old = f2;
        var x2old = x2;
        var y2old = y2;
        f2 = f1 + _120 * (sweep_flag && f2 > f1 ? 1 : -1);
        x2 = cx + rx * Math.cos(f2);
        y2 = cy + ry * Math.sin(f2);
        res = a2c(x2, y2, rx, ry, angle, 0, sweep_flag, x2old, y2old, [f2, f2old, cx, cy]);
      }
      df = f2 - f1;
      var c1 = Math.cos(f1);
      var s1 = Math.sin(f1);
      var c2 = Math.cos(f2);
      var s2 = Math.sin(f2);
      var t = Math.tan(df / 4);
      var hx = 4 / 3 * rx * t;
      var hy = 4 / 3 * ry * t;
      var m1 = [x1, y1];
      var m2 = [x1 + hx * s1, y1 - hy * c1];
      var m3 = [x2 + hx * s2, y2 - hy * c2];
      var m4 = [x2, y2];
      m2[0] = 2 * m1[0] - m2[0];
      m2[1] = 2 * m1[1] - m2[1];
      if (recursive) {
        return [m2, m3, m4].concat(res);
      }
      res = [m2, m3, m4].concat(res).join().split(',');
      var newres = [];
      for (var i = 0, ii = res.length; i < ii; i++) {
        newres[i] = i % 2 ? rotate(res[i - 1], res[i], rad).y : rotate(res[i], res[i + 1], rad).x;
      }
      return newres;
    };
18916
    var pathTocurve = function pathTocurve(path, path2) {
      var p = pathToAbsolute(path);
      var p2 = path2 && pathToAbsolute(path2);
      var attrs = {
        x: 0,
        y: 0,
        bx: 0,
        by: 0,
        X: 0,
        Y: 0,
        qx: null,
        qy: null
      };
      var attrs2 = {
        x: 0,
        y: 0,
        bx: 0,
        by: 0,
        X: 0,
        Y: 0,
        qx: null,
        qy: null
      };
      var pcoms1 = []; // path commands of original path p
      var pcoms2 = []; // path commands of original path p2
      var pfirst = ''; // temporary holder for original path command
      var pcom = ''; // holder for previous path command of original path
      var ii = void 0;
      var processPath = function processPath(path, d, pcom) {
        var nx = void 0,
            ny = void 0;
        if (!path) {
          return ['C', d.x, d.y, d.x, d.y, d.x, d.y];
        }!(path[0] in {
          T: 1,
          Q: 1
        }) && (d.qx = d.qy = null);
        switch (path[0]) {
          case 'M':
            d.X = path[1];
            d.Y = path[2];
            break;
          case 'A':
            path = ['C'].concat(a2c.apply(0, [d.x, d.y].concat(path.slice(1))));
            break;
          case 'S':
            if (pcom === 'C' || pcom === 'S') {
              // In "S" case we have to take into account, if the previous command is C/S.
              nx = d.x * 2 - d.bx; // And reflect the previous
              ny = d.y * 2 - d.by; // command's control point relative to the current point.
            } else {
              // or some else or nothing
              nx = d.x;
              ny = d.y;
            }
            path = ['C', nx, ny].concat(path.slice(1));
            break;
          case 'T':
            if (pcom === 'Q' || pcom === 'T') {
              // In "T" case we have to take into account, if the previous command is Q/T.
              d.qx = d.x * 2 - d.qx; // And make a reflection similar
              d.qy = d.y * 2 - d.qy; // to case "S".
            } else {
              // or something else or nothing
              d.qx = d.x;
              d.qy = d.y;
            }
            path = ['C'].concat(q2c(d.x, d.y, d.qx, d.qy, path[1], path[2]));
            break;
          case 'Q':
            d.qx = path[1];
            d.qy = path[2];
            path = ['C'].concat(q2c(d.x, d.y, path[1], path[2], path[3], path[4]));
            break;
          case 'L':
            path = ['C'].concat(l2c(d.x, d.y, path[1], path[2]));
            break;
          case 'H':
            path = ['C'].concat(l2c(d.x, d.y, path[1], d.y));
            break;
          case 'V':
            path = ['C'].concat(l2c(d.x, d.y, d.x, path[1]));
            break;
          case 'Z':
            path = ['C'].concat(l2c(d.x, d.y, d.X, d.Y));
            break;
          default:
            break;
        }
        return path;
      };
      var fixArc = function fixArc(pp, i) {
        if (pp[i].length > 7) {
          pp[i].shift();
          var pi = pp[i];
          while (pi.length) {
            pcoms1[i] = 'A'; // if created multiple C:s, their original seg is saved
            p2 && (pcoms2[i] = 'A'); // the same as above
            pp.splice(i++, 0, ['C'].concat(pi.splice(0, 6)));
          }
          pp.splice(i, 1);
          ii = Math.max(p.length, p2 && p2.length || 0);
        }
      };
      var fixM = function fixM(path1, path2, a1, a2, i) {
        if (path1 && path2 && path1[i][0] === 'M' && path2[i][0] !== 'M') {
          path2.splice(i, 0, ['M', a2.x, a2.y]);
          a1.bx = 0;
          a1.by = 0;
          a1.x = path1[i][1];
          a1.y = path1[i][2];
          ii = Math.max(p.length, p2 && p2.length || 0);
        }
      };
      ii = Math.max(p.length, p2 && p2.length || 0);
      for (var i = 0; i < ii; i++) {
19033
        p[i] && (pfirst = p[i][0]); // save current path command
19035
        if (pfirst !== 'C') {
          // C is not saved yet, because it may be result of conversion
          pcoms1[i] = pfirst; // Save current path command
          i && (pcom = pcoms1[i - 1]); // Get previous path command pcom
        }
        p[i] = processPath(p[i], attrs, pcom); // Previous path command is inputted to processPath
19042
        if (pcoms1[i] !== 'A' && pfirst === 'C') pcoms1[i] = 'C'; // A is the only command
        // which may produce multiple C:s
        // so we have to make sure that C is also C in original path
19046
        fixArc(p, i); // fixArc adds also the right amount of A:s to pcoms1
19048
        if (p2) {
          // the same procedures is done to p2
          p2[i] && (pfirst = p2[i][0]);
          if (pfirst !== 'C') {
            pcoms2[i] = pfirst;
            i && (pcom = pcoms2[i - 1]);
          }
          p2[i] = processPath(p2[i], attrs2, pcom);
19057
          if (pcoms2[i] !== 'A' && pfirst === 'C') {
            pcoms2[i] = 'C';
          }
19061
          fixArc(p2, i);
        }
        fixM(p, p2, attrs, attrs2, i);
        fixM(p2, p, attrs2, attrs, i);
        var seg = p[i];
        var seg2 = p2 && p2[i];
        var seglen = seg.length;
        var seg2len = p2 && seg2.length;
        attrs.x = seg[seglen - 2];
        attrs.y = seg[seglen - 1];
        attrs.bx = parseFloat(seg[seglen - 4]) || attrs.x;
        attrs.by = parseFloat(seg[seglen - 3]) || attrs.y;
        attrs2.bx = p2 && (parseFloat(seg2[seg2len - 4]) || attrs2.x);
        attrs2.by = p2 && (parseFloat(seg2[seg2len - 3]) || attrs2.y);
        attrs2.x = p2 && seg2[seg2len - 2];
        attrs2.y = p2 && seg2[seg2len - 1];
      }
19079
      return p2 ? [p, p2] : p;
    };
19082
    var p2s = /,?([a-z]),?/gi;
    var parsePathArray = function parsePathArray(path) {
      return path.join(',').replace(p2s, '$1');
    };
19087
    var base3 = function base3(t, p1, p2, p3, p4) {
      var t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4;
      var t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
      return t * t2 - 3 * p1 + 3 * p2;
    };
19093
    var bezlen = function bezlen(x1, y1, x2, y2, x3, y3, x4, y4, z) {
      if (z === null) {
        z = 1;
      }
      z = z > 1 ? 1 : z < 0 ? 0 : z;
      var z2 = z / 2;
      var n = 12;
      var Tvalues = [-0.1252, 0.1252, -0.3678, 0.3678, -0.5873, 0.5873, -0.7699, 0.7699, -0.9041, 0.9041, -0.9816, 0.9816];
      var Cvalues = [0.2491, 0.2491, 0.2335, 0.2335, 0.2032, 0.2032, 0.1601, 0.1601, 0.1069, 0.1069, 0.0472, 0.0472];
      var sum = 0;
      for (var i = 0; i < n; i++) {
        var ct = z2 * Tvalues[i] + z2;
        var xbase = base3(ct, x1, x2, x3, x4);
        var ybase = base3(ct, y1, y2, y3, y4);
        var comb = xbase * xbase + ybase * ybase;
        sum += Cvalues[i] * Math.sqrt(comb);
      }
      return z2 * sum;
    };
19113
    var curveDim = function curveDim(x0, y0, x1, y1, x2, y2, x3, y3) {
      var tvalues = [];
      var bounds = [[], []];
      var a = void 0;
      var b = void 0;
      var c = void 0;
      var t = void 0;
19121
      for (var i = 0; i < 2; ++i) {
        if (i === 0) {
          b = 6 * x0 - 12 * x1 + 6 * x2;
          a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;
          c = 3 * x1 - 3 * x0;
        } else {
          b = 6 * y0 - 12 * y1 + 6 * y2;
          a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;
          c = 3 * y1 - 3 * y0;
        }
        if (Math.abs(a) < 1e-12) {
          if (Math.abs(b) < 1e-12) {
            continue;
          }
          t = -c / b;
          if (t > 0 && t < 1) {
            tvalues.push(t);
          }
          continue;
        }
        var b2ac = b * b - 4 * c * a;
        var sqrtb2ac = Math.sqrt(b2ac);
        if (b2ac < 0) {
          continue;
        }
        var t1 = (-b + sqrtb2ac) / (2 * a);
        if (t1 > 0 && t1 < 1) {
          tvalues.push(t1);
        }
        var t2 = (-b - sqrtb2ac) / (2 * a);
        if (t2 > 0 && t2 < 1) {
          tvalues.push(t2);
        }
      }
19156
      var j = tvalues.length;
      var jlen = j;
      var mt = void 0;
      while (j--) {
        t = tvalues[j];
        mt = 1 - t;
        bounds[0][j] = mt * mt * mt * x0 + 3 * mt * mt * t * x1 + 3 * mt * t * t * x2 + t * t * t * x3;
        bounds[1][j] = mt * mt * mt * y0 + 3 * mt * mt * t * y1 + 3 * mt * t * t * y2 + t * t * t * y3;
      }
19166
      bounds[0][jlen] = x0;
      bounds[1][jlen] = y0;
      bounds[0][jlen + 1] = x3;
      bounds[1][jlen + 1] = y3;
      bounds[0].length = bounds[1].length = jlen + 2;
19172
      return {
        min: {
          x: Math.min.apply(0, bounds[0]),
          y: Math.min.apply(0, bounds[1])
        },
        max: {
          x: Math.max.apply(0, bounds[0]),
          y: Math.max.apply(0, bounds[1])
        }
      };
    };
19184
    var intersect = function intersect(x1, y1, x2, y2, x3, y3, x4, y4) {
      if (Math.max(x1, x2) < Math.min(x3, x4) || Math.min(x1, x2) > Math.max(x3, x4) || Math.max(y1, y2) < Math.min(y3, y4) || Math.min(y1, y2) > Math.max(y3, y4)) {
        return;
      }
      var nx = (x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4);
      var ny = (x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4);
      var denominator = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
19192
      if (!denominator) {
        return;
      }
      var px = nx / denominator;
      var py = ny / denominator;
      var px2 = +px.toFixed(2);
      var py2 = +py.toFixed(2);
      if (px2 < +Math.min(x1, x2).toFixed(2) || px2 > +Math.max(x1, x2).toFixed(2) || px2 < +Math.min(x3, x4).toFixed(2) || px2 > +Math.max(x3, x4).toFixed(2) || py2 < +Math.min(y1, y2).toFixed(2) || py2 > +Math.max(y1, y2).toFixed(2) || py2 < +Math.min(y3, y4).toFixed(2) || py2 > +Math.max(y3, y4).toFixed(2)) {
        return;
      }
      return {
        x: px,
        y: py
      };
    };
19208
    var isPointInsideBBox = function isPointInsideBBox(bbox, x, y) {
      return x >= bbox.x && x <= bbox.x + bbox.width && y >= bbox.y && y <= bbox.y + bbox.height;
    };
19212
    var rectPath = function rectPath(x, y, w, h, r) {
      if (r) {
        return [['M', +x + +r, y], ['l', w - r * 2, 0], ['a', r, r, 0, 0, 1, r, r], ['l', 0, h - r * 2], ['a', r, r, 0, 0, 1, -r, r], ['l', r * 2 - w, 0], ['a', r, r, 0, 0, 1, -r, -r], ['l', 0, r * 2 - h], ['a', r, r, 0, 0, 1, r, -r], ['z']];
      }
      var res = [['M', x, y], ['l', w, 0], ['l', 0, h], ['l', -w, 0], ['z']];
      res.parsePathArray = parsePathArray;
      return res;
    };
19221
    var box = function box(x, y, width, height) {
      if (x === null) {
        x = y = width = height = 0;
      }
      if (y === null) {
        y = x.y;
        width = x.width;
        height = x.height;
        x = x.x;
      }
      return {
        x: x,
        y: y,
        width: width,
        w: width,
        height: height,
        h: height,
        x2: x + width,
        y2: y + height,
        cx: x + width / 2,
        cy: y + height / 2,
        r1: Math.min(width, height) / 2,
        r2: Math.max(width, height) / 2,
        r0: Math.sqrt(width * width + height * height) / 2,
        path: rectPath(x, y, width, height),
        vb: [x, y, width, height].join(' ')
      };
    };
19250
    var isBBoxIntersect = function isBBoxIntersect(bbox1, bbox2) {
      bbox1 = box(bbox1);
      bbox2 = box(bbox2);
      return isPointInsideBBox(bbox2, bbox1.x, bbox1.y) || isPointInsideBBox(bbox2, bbox1.x2, bbox1.y) || isPointInsideBBox(bbox2, bbox1.x, bbox1.y2) || isPointInsideBBox(bbox2, bbox1.x2, bbox1.y2) || isPointInsideBBox(bbox1, bbox2.x, bbox2.y) || isPointInsideBBox(bbox1, bbox2.x2, bbox2.y) || isPointInsideBBox(bbox1, bbox2.x, bbox2.y2) || isPointInsideBBox(bbox1, bbox2.x2, bbox2.y2) || (bbox1.x < bbox2.x2 && bbox1.x > bbox2.x || bbox2.x < bbox1.x2 && bbox2.x > bbox1.x) && (bbox1.y < bbox2.y2 && bbox1.y > bbox2.y || bbox2.y < bbox1.y2 && bbox2.y > bbox1.y);
    };
19256
    var bezierBBox = function bezierBBox(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
      if (!Util.isArray(p1x)) {
        p1x = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y];
      }
      var bbox = curveDim.apply(null, p1x);
      return box(bbox.min.x, bbox.min.y, bbox.max.x - bbox.min.x, bbox.max.y - bbox.min.y);
    };
19264
    var findDotsAtSegment = function findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) {
      var t1 = 1 - t;
      var t13 = Math.pow(t1, 3);
      var t12 = Math.pow(t1, 2);
      var t2 = t * t;
      var t3 = t2 * t;
      var x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x;
      var y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y;
      var mx = p1x + 2 * t * (c1x - p1x) + t2 * (c2x - 2 * c1x + p1x);
      var my = p1y + 2 * t * (c1y - p1y) + t2 * (c2y - 2 * c1y + p1y);
      var nx = c1x + 2 * t * (c2x - c1x) + t2 * (p2x - 2 * c2x + c1x);
      var ny = c1y + 2 * t * (c2y - c1y) + t2 * (p2y - 2 * c2y + c1y);
      var ax = t1 * p1x + t * c1x;
      var ay = t1 * p1y + t * c1y;
      var cx = t1 * c2x + t * p2x;
      var cy = t1 * c2y + t * p2y;
      var alpha = 90 - Math.atan2(mx - nx, my - ny) * 180 / Math.PI;
      // (mx > nx || my < ny) && (alpha += 180);
      return {
        x: x,
        y: y,
        m: {
          x: mx,
          y: my
        },
        n: {
          x: nx,
          y: ny
        },
        start: {
          x: ax,
          y: ay
        },
        end: {
          x: cx,
          y: cy
        },
        alpha: alpha
      };
    };
19305
    var interHelper = function interHelper(bez1, bez2, justCount) {
      var bbox1 = bezierBBox(bez1);
      var bbox2 = bezierBBox(bez2);
      if (!isBBoxIntersect(bbox1, bbox2)) {
        return justCount ? 0 : [];
      }
      var l1 = bezlen.apply(0, bez1);
      var l2 = bezlen.apply(0, bez2);
      var n1 = ~~(l1 / 8);
      var n2 = ~~(l2 / 8);
      var dots1 = [];
      var dots2 = [];
      var xy = {};
      var res = justCount ? 0 : [];
      for (var i = 0; i < n1 + 1; i++) {
        var d = findDotsAtSegment.apply(0, bez1.concat(i / n1));
        dots1.push({
          x: d.x,
          y: d.y,
          t: i / n1
        });
      }
      for (var _i = 0; _i < n2 + 1; _i++) {
        var _d = findDotsAtSegment.apply(0, bez2.concat(_i / n2));
        dots2.push({
          x: _d.x,
          y: _d.y,
          t: _i / n2
        });
      }
      for (var _i2 = 0; _i2 < n1; _i2++) {
        for (var j = 0; j < n2; j++) {
          var di = dots1[_i2];
          var di1 = dots1[_i2 + 1];
          var dj = dots2[j];
          var dj1 = dots2[j + 1];
          var ci = Math.abs(di1.x - di.x) < 0.001 ? 'y' : 'x';
          var cj = Math.abs(dj1.x - dj.x) < 0.001 ? 'y' : 'x';
          var is = intersect(di.x, di.y, di1.x, di1.y, dj.x, dj.y, dj1.x, dj1.y);
          if (is) {
            if (xy[is.x.toFixed(4)] === is.y.toFixed(4)) {
              continue;
            }
            xy[is.x.toFixed(4)] = is.y.toFixed(4);
            var t1 = di.t + Math.abs((is[ci] - di[ci]) / (di1[ci] - di[ci])) * (di1.t - di.t);
            var t2 = dj.t + Math.abs((is[cj] - dj[cj]) / (dj1[cj] - dj[cj])) * (dj1.t - dj.t);
            if (t1 >= 0 && t1 <= 1 && t2 >= 0 && t2 <= 1) {
              if (justCount) {
                res++;
              } else {
                res.push({
                  x: is.x,
                  y: is.y,
                  t1: t1,
                  t2: t2
                });
              }
            }
          }
        }
      }
      return res;
    };
19369
    var interPathHelper = function interPathHelper(path1, path2, justCount) {
      path1 = pathTocurve(path1);
      path2 = pathTocurve(path2);
      var x1 = void 0;
      var y1 = void 0;
      var x2 = void 0;
      var y2 = void 0;
      var x1m = void 0;
      var y1m = void 0;
      var x2m = void 0;
      var y2m = void 0;
      var bez1 = void 0;
      var bez2 = void 0;
      var res = justCount ? 0 : [];
      for (var i = 0, ii = path1.length; i < ii; i++) {
        var pi = path1[i];
        if (pi[0] === 'M') {
          x1 = x1m = pi[1];
          y1 = y1m = pi[2];
        } else {
          if (pi[0] === 'C') {
            bez1 = [x1, y1].concat(pi.slice(1));
            x1 = bez1[6];
            y1 = bez1[7];
          } else {
            bez1 = [x1, y1, x1, y1, x1m, y1m, x1m, y1m];
            x1 = x1m;
            y1 = y1m;
          }
          for (var j = 0, jj = path2.length; j < jj; j++) {
            var pj = path2[j];
            if (pj[0] === 'M') {
              x2 = x2m = pj[1];
              y2 = y2m = pj[2];
            } else {
              if (pj[0] === 'C') {
                bez2 = [x2, y2].concat(pj.slice(1));
                x2 = bez2[6];
                y2 = bez2[7];
              } else {
                bez2 = [x2, y2, x2, y2, x2m, y2m, x2m, y2m];
                x2 = x2m;
                y2 = y2m;
              }
              var intr = interHelper(bez1, bez2, justCount);
              if (justCount) {
                res += intr;
              } else {
                for (var k = 0, kk = intr.length; k < kk; k++) {
                  intr[k].segment1 = i;
                  intr[k].segment2 = j;
                  intr[k].bez1 = bez1;
                  intr[k].bez2 = bez2;
                }
                res = res.concat(intr);
              }
            }
          }
        }
      }
      return res;
    };
19432
    var pathIntersection = function pathIntersection(path1, path2) {
      return interPathHelper(path1, path2);
    };
19436
    module.exports = {
      parsePathString: parsePathString,
      parsePathArray: parsePathArray,
      pathTocurve: pathTocurve,
      pathToAbsolute: pathToAbsolute,
      catmullRomToBezier: catmullRom2bezier,
      rectPath: rectPath,
      intersection: pathIntersection
    };
19446
    /***/
  },
  /* 14 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
19451
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["b"] = now;
    /* harmony export (immutable) */__webpack_exports__["a"] = Timer;
    /* harmony export (immutable) */__webpack_exports__["c"] = timer;
    /* harmony export (immutable) */__webpack_exports__["d"] = timerFlush;
    var _typeof = typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    };
19463
    var frame = 0,
19465
    // is an animation frame pending?
    timeout = 0,
19468
    // is a timeout pending?
    interval = 0,
19471
    // are any timers active?
    pokeDelay = 1000,
19474
    // how frequently we check for clock skew
    taskHead,
        taskTail,
        clockLast = 0,
        clockNow = 0,
        clockSkew = 0,
        clock = (typeof performance === "undefined" ? "undefined" : _typeof(performance)) === "object" && performance.now ? performance : Date,
        setFrame = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function (f) {
      setTimeout(f, 17);
    };
19485
    function now() {
      return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
    }
19489
    function clearNow() {
      clockNow = 0;
    }
19493
    function Timer() {
      this._call = this._time = this._next = null;
    }
19497
    Timer.prototype = timer.prototype = {
      constructor: Timer,
      restart: function restart(callback, delay, time) {
        if (typeof callback !== "function") throw new TypeError("callback is not a function");
        time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
        if (!this._next && taskTail !== this) {
          if (taskTail) taskTail._next = this;else taskHead = this;
          taskTail = this;
        }
        this._call = callback;
        this._time = time;
        sleep();
      },
      stop: function stop() {
        if (this._call) {
          this._call = null;
          this._time = Infinity;
          sleep();
        }
      }
    };
19519
    function timer(callback, delay, time) {
      var t = new Timer();
      t.restart(callback, delay, time);
      return t;
    }
19525
    function timerFlush() {
      now(); // Get the current time, if not already set.
      ++frame; // Pretend we’ve set an alarm, if we haven’t already.
      var t = taskHead,
          e;
      while (t) {
        if ((e = clockNow - t._time) >= 0) t._call.call(null, e);
        t = t._next;
      }
      --frame;
    }
19537
    function wake() {
      clockNow = (clockLast = clock.now()) + clockSkew;
      frame = timeout = 0;
      try {
        timerFlush();
      } finally {
        frame = 0;
        nap();
        clockNow = 0;
      }
    }
19549
    function poke() {
      var now = clock.now(),
          delay = now - clockLast;
      if (delay > pokeDelay) clockSkew -= delay, clockLast = now;
    }
19555
    function nap() {
      var t0,
          t1 = taskHead,
          t2,
          time = Infinity;
      while (t1) {
        if (t1._call) {
          if (time > t1._time) time = t1._time;
          t0 = t1, t1 = t1._next;
        } else {
          t2 = t1._next, t1._next = null;
          t1 = t0 ? t0._next = t2 : taskHead = t2;
        }
      }
      taskTail = t0;
      sleep(time);
    }
19573
    function sleep(time) {
      if (frame) return; // Soonest alarm already set, or will be.
      if (timeout) timeout = clearTimeout(timeout);
      var delay = time - clockNow; // Strictly less than if we recomputed clockNow.
      if (delay > 24) {
        if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);
        if (interval) interval = clearInterval(interval);
      } else {
        if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);
        frame = 1, setFrame(wake);
      }
    }
19586
    /***/
  },
  /* 15 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
19591
    "use strict";
    /* harmony import */
    var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__rgb__ = __webpack_require__(31);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_2__array__ = __webpack_require__(34);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_3__date__ = __webpack_require__(35);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_4__number__ = __webpack_require__(9);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_5__object__ = __webpack_require__(36);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_6__string__ = __webpack_require__(37);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_7__constant__ = __webpack_require__(33);
    var _typeof = typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    };
19607
    /* harmony default export */__webpack_exports__["a"] = function (a, b) {
      var t = typeof b === "undefined" ? "undefined" : _typeof(b),
          c;
      return b == null || t === "boolean" ? Object(__WEBPACK_IMPORTED_MODULE_7__constant__["a" /* default */])(b) : (t === "number" ? __WEBPACK_IMPORTED_MODULE_4__number__["a" /* default */] : t === "string" ? (c = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["a" /* color */])(b)) ? (b = c, __WEBPACK_IMPORTED_MODULE_1__rgb__["a" /* default */]) : __WEBPACK_IMPORTED_MODULE_6__string__["a" /* default */] : b instanceof __WEBPACK_IMPORTED_MODULE_0_d3_color__["a" /* color */] ? __WEBPACK_IMPORTED_MODULE_1__rgb__["a" /* default */] : b instanceof Date ? __WEBPACK_IMPORTED_MODULE_3__date__["a" /* default */] : Array.isArray(b) ? __WEBPACK_IMPORTED_MODULE_2__array__["a" /* default */] : typeof b.valueOf !== "function" && typeof b.toString !== "function" || isNaN(b) ? __WEBPACK_IMPORTED_MODULE_5__object__["a" /* default */] : __WEBPACK_IMPORTED_MODULE_4__number__["a" /* default */])(a, b);
    };
19613
    /***/
  },
  /* 16 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
19618
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = Color;
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "d", function () {
      return _darker;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "c", function () {
      return _brighter;
    });
    /* harmony export (immutable) */__webpack_exports__["e"] = color;
    /* harmony export (immutable) */__webpack_exports__["h"] = rgbConvert;
    /* harmony export (immutable) */__webpack_exports__["g"] = rgb;
    /* harmony export (immutable) */__webpack_exports__["b"] = Rgb;
    /* unused harmony export hslConvert */
    /* harmony export (immutable) */__webpack_exports__["f"] = hsl;
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(17);
19635
    function Color() {}
19637
    var _darker = 0.7;
19639
    var _brighter = 1 / _darker;
19641
    var reI = "\\s*([+-]?\\d+)\\s*",
        reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",
        reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",
        reHex3 = /^#([0-9a-f]{3})$/,
        reHex6 = /^#([0-9a-f]{6})$/,
        reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$"),
        reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$"),
        reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$"),
        reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$"),
        reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$"),
        reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
19653
    var named = {
      aliceblue: 0xf0f8ff,
      antiquewhite: 0xfaebd7,
      aqua: 0x00ffff,
      aquamarine: 0x7fffd4,
      azure: 0xf0ffff,
      beige: 0xf5f5dc,
      bisque: 0xffe4c4,
      black: 0x000000,
      blanchedalmond: 0xffebcd,
      blue: 0x0000ff,
      blueviolet: 0x8a2be2,
      brown: 0xa52a2a,
      burlywood: 0xdeb887,
      cadetblue: 0x5f9ea0,
      chartreuse: 0x7fff00,
      chocolate: 0xd2691e,
      coral: 0xff7f50,
      cornflowerblue: 0x6495ed,
      cornsilk: 0xfff8dc,
      crimson: 0xdc143c,
      cyan: 0x00ffff,
      darkblue: 0x00008b,
      darkcyan: 0x008b8b,
      darkgoldenrod: 0xb8860b,
      darkgray: 0xa9a9a9,
      darkgreen: 0x006400,
      darkgrey: 0xa9a9a9,
      darkkhaki: 0xbdb76b,
      darkmagenta: 0x8b008b,
      darkolivegreen: 0x556b2f,
      darkorange: 0xff8c00,
      darkorchid: 0x9932cc,
      darkred: 0x8b0000,
      darksalmon: 0xe9967a,
      darkseagreen: 0x8fbc8f,
      darkslateblue: 0x483d8b,
      darkslategray: 0x2f4f4f,
      darkslategrey: 0x2f4f4f,
      darkturquoise: 0x00ced1,
      darkviolet: 0x9400d3,
      deeppink: 0xff1493,
      deepskyblue: 0x00bfff,
      dimgray: 0x696969,
      dimgrey: 0x696969,
      dodgerblue: 0x1e90ff,
      firebrick: 0xb22222,
      floralwhite: 0xfffaf0,
      forestgreen: 0x228b22,
      fuchsia: 0xff00ff,
      gainsboro: 0xdcdcdc,
      ghostwhite: 0xf8f8ff,
      gold: 0xffd700,
      goldenrod: 0xdaa520,
      gray: 0x808080,
      green: 0x008000,
      greenyellow: 0xadff2f,
      grey: 0x808080,
      honeydew: 0xf0fff0,
      hotpink: 0xff69b4,
      indianred: 0xcd5c5c,
      indigo: 0x4b0082,
      ivory: 0xfffff0,
      khaki: 0xf0e68c,
      lavender: 0xe6e6fa,
      lavenderblush: 0xfff0f5,
      lawngreen: 0x7cfc00,
      lemonchiffon: 0xfffacd,
      lightblue: 0xadd8e6,
      lightcoral: 0xf08080,
      lightcyan: 0xe0ffff,
      lightgoldenrodyellow: 0xfafad2,
      lightgray: 0xd3d3d3,
      lightgreen: 0x90ee90,
      lightgrey: 0xd3d3d3,
      lightpink: 0xffb6c1,
      lightsalmon: 0xffa07a,
      lightseagreen: 0x20b2aa,
      lightskyblue: 0x87cefa,
      lightslategray: 0x778899,
      lightslategrey: 0x778899,
      lightsteelblue: 0xb0c4de,
      lightyellow: 0xffffe0,
      lime: 0x00ff00,
      limegreen: 0x32cd32,
      linen: 0xfaf0e6,
      magenta: 0xff00ff,
      maroon: 0x800000,
      mediumaquamarine: 0x66cdaa,
      mediumblue: 0x0000cd,
      mediumorchid: 0xba55d3,
      mediumpurple: 0x9370db,
      mediumseagreen: 0x3cb371,
      mediumslateblue: 0x7b68ee,
      mediumspringgreen: 0x00fa9a,
      mediumturquoise: 0x48d1cc,
      mediumvioletred: 0xc71585,
      midnightblue: 0x191970,
      mintcream: 0xf5fffa,
      mistyrose: 0xffe4e1,
      moccasin: 0xffe4b5,
      navajowhite: 0xffdead,
      navy: 0x000080,
      oldlace: 0xfdf5e6,
      olive: 0x808000,
      olivedrab: 0x6b8e23,
      orange: 0xffa500,
      orangered: 0xff4500,
      orchid: 0xda70d6,
      palegoldenrod: 0xeee8aa,
      palegreen: 0x98fb98,
      paleturquoise: 0xafeeee,
      palevioletred: 0xdb7093,
      papayawhip: 0xffefd5,
      peachpuff: 0xffdab9,
      peru: 0xcd853f,
      pink: 0xffc0cb,
      plum: 0xdda0dd,
      powderblue: 0xb0e0e6,
      purple: 0x800080,
      rebeccapurple: 0x663399,
      red: 0xff0000,
      rosybrown: 0xbc8f8f,
      royalblue: 0x4169e1,
      saddlebrown: 0x8b4513,
      salmon: 0xfa8072,
      sandybrown: 0xf4a460,
      seagreen: 0x2e8b57,
      seashell: 0xfff5ee,
      sienna: 0xa0522d,
      silver: 0xc0c0c0,
      skyblue: 0x87ceeb,
      slateblue: 0x6a5acd,
      slategray: 0x708090,
      slategrey: 0x708090,
      snow: 0xfffafa,
      springgreen: 0x00ff7f,
      steelblue: 0x4682b4,
      tan: 0xd2b48c,
      teal: 0x008080,
      thistle: 0xd8bfd8,
      tomato: 0xff6347,
      turquoise: 0x40e0d0,
      violet: 0xee82ee,
      wheat: 0xf5deb3,
      white: 0xffffff,
      whitesmoke: 0xf5f5f5,
      yellow: 0xffff00,
      yellowgreen: 0x9acd32
    };
19804
    Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Color, color, {
      displayable: function displayable() {
        return this.rgb().displayable();
      },
      toString: function toString() {
        return this.rgb() + "";
      }
    });
19813
    function color(format) {
      var m;
      format = (format + "").trim().toLowerCase();
      return (m = reHex3.exec(format)) ? (m = parseInt(m[1], 16), new Rgb(m >> 8 & 0xf | m >> 4 & 0x0f0, m >> 4 & 0xf | m & 0xf0, (m & 0xf) << 4 | m & 0xf, 1) // #f00
      ) : (m = reHex6.exec(format)) ? rgbn(parseInt(m[1], 16)) // #ff0000
      : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
      : (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
      : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
      : (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
      : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
      : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
      : named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
    }
19827
    function rgbn(n) {
      return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
    }
19831
    function rgba(r, g, b, a) {
      if (a <= 0) r = g = b = NaN;
      return new Rgb(r, g, b, a);
    }
19836
    function rgbConvert(o) {
      if (!(o instanceof Color)) o = color(o);
      if (!o) return new Rgb();
      o = o.rgb();
      return new Rgb(o.r, o.g, o.b, o.opacity);
    }
19843
    function rgb(r, g, b, opacity) {
      return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
    }
19847
    function Rgb(r, g, b, opacity) {
      this.r = +r;
      this.g = +g;
      this.b = +b;
      this.opacity = +opacity;
    }
19854
    Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Rgb, rgb, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(Color, {
      brighter: function brighter(k) {
        k = k == null ? _brighter : Math.pow(_brighter, k);
        return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
      },
      darker: function darker(k) {
        k = k == null ? _darker : Math.pow(_darker, k);
        return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
      },
      rgb: function rgb() {
        return this;
      },
      displayable: function displayable() {
        return 0 <= this.r && this.r <= 255 && 0 <= this.g && this.g <= 255 && 0 <= this.b && this.b <= 255 && 0 <= this.opacity && this.opacity <= 1;
      },
      toString: function toString() {
        var a = this.opacity;a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
        return (a === 1 ? "rgb(" : "rgba(") + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.b) || 0)) + (a === 1 ? ")" : ", " + a + ")");
      }
    }));
19875
    function hsla(h, s, l, a) {
      if (a <= 0) h = s = l = NaN;else if (l <= 0 || l >= 1) h = s = NaN;else if (s <= 0) h = NaN;
      return new Hsl(h, s, l, a);
    }
19880
    function hslConvert(o) {
      if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
      if (!(o instanceof Color)) o = color(o);
      if (!o) return new Hsl();
      if (o instanceof Hsl) return o;
      o = o.rgb();
      var r = o.r / 255,
          g = o.g / 255,
          b = o.b / 255,
          min = Math.min(r, g, b),
          max = Math.max(r, g, b),
          h = NaN,
          s = max - min,
          l = (max + min) / 2;
      if (s) {
        if (r === max) h = (g - b) / s + (g < b) * 6;else if (g === max) h = (b - r) / s + 2;else h = (r - g) / s + 4;
        s /= l < 0.5 ? max + min : 2 - max - min;
        h *= 60;
      } else {
        s = l > 0 && l < 1 ? 0 : h;
      }
      return new Hsl(h, s, l, o.opacity);
    }
19904
    function hsl(h, s, l, opacity) {
      return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
    }
19908
    function Hsl(h, s, l, opacity) {
      this.h = +h;
      this.s = +s;
      this.l = +l;
      this.opacity = +opacity;
    }
19915
    Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Hsl, hsl, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(Color, {
      brighter: function brighter(k) {
        k = k == null ? _brighter : Math.pow(_brighter, k);
        return new Hsl(this.h, this.s, this.l * k, this.opacity);
      },
      darker: function darker(k) {
        k = k == null ? _darker : Math.pow(_darker, k);
        return new Hsl(this.h, this.s, this.l * k, this.opacity);
      },
      rgb: function rgb() {
        var h = this.h % 360 + (this.h < 0) * 360,
            s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
            l = this.l,
            m2 = l + (l < 0.5 ? l : 1 - l) * s,
            m1 = 2 * l - m2;
        return new Rgb(hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2), hsl2rgb(h, m1, m2), hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2), this.opacity);
      },
      displayable: function displayable() {
        return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
      }
    }));
19937
    /* From FvD 13.37, CSS Color Module Level 3 */
    function hsl2rgb(h, m1, m2) {
      return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
    }
19942
    /***/
  },
  /* 17 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
19947
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["b"] = extend;
    /* harmony default export */__webpack_exports__["a"] = function (constructor, factory, prototype) {
      constructor.prototype = factory.prototype = prototype;
      prototype.constructor = constructor;
    };
19955
    function extend(parent, definition) {
      var prototype = Object.create(parent.prototype);
      for (var key in definition) {
        prototype[key] = definition[key];
      }return prototype;
    }
19962
    /***/
  },
  /* 18 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
19967
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = basis;
    function basis(t1, v0, v1, v2, v3) {
      var t2 = t1 * t1,
          t3 = t2 * t1;
      return ((1 - 3 * t1 + 3 * t2 - t3) * v0 + (4 - 6 * t2 + 3 * t3) * v1 + (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2 + t3 * v3) / 6;
    }
19976
    /* harmony default export */__webpack_exports__["b"] = function (values) {
      var n = values.length - 1;
      return function (t) {
        var i = t <= 0 ? t = 0 : t >= 1 ? (t = 1, n - 1) : Math.floor(t * n),
            v1 = values[i],
            v2 = values[i + 1],
            v0 = i > 0 ? values[i - 1] : 2 * v1 - v2,
            v3 = i < n - 1 ? values[i + 2] : 2 * v2 - v1;
        return basis((t - i / n) * n, v0, v1, v2, v3);
      };
    };
19988
    /***/
  },
  /* 19 */
  /***/function (module, exports, __webpack_require__) {
19993
    var Util = __webpack_require__(0);
19995
    var regexTags = /[MLHVQTCSAZ]([^MLHVQTCSAZ]*)/ig;
    var regexDot = /[^\s\,]+/ig;
    var regexLG = /^l\s*\(\s*([\d.]+)\s*\)\s*(.*)/i;
    var regexRG = /^r\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)\s*(.*)/i;
    var regexPR = /^p\s*\(\s*([axyn])\s*\)\s*(.*)/i;
    var regexColorStop = /[\d.]+:(#[^\s]+|[^\)]+\))/ig;
    var numColorCache = {};
20003
    function addStop(steps, gradient) {
      var arr = steps.match(regexColorStop);
      Util.each(arr, function (item) {
        item = item.split(':');
        gradient.addColorStop(item[0], item[1]);
      });
    }
20011
    function parseLineGradient(color, self) {
      var arr = regexLG.exec(color);
      var angle = Util.mod(Util.toRadian(parseFloat(arr[1])), Math.PI * 2);
      var steps = arr[2];
      var box = self.getBBox();
      var start = void 0;
      var end = void 0;
20019
      if (angle >= 0 && angle < 0.5 * Math.PI) {
        start = {
          x: box.minX,
          y: box.minY
        };
        end = {
          x: box.maxX,
          y: box.maxY
        };
      } else if (0.5 * Math.PI <= angle && angle < Math.PI) {
        start = {
          x: box.maxX,
          y: box.minY
        };
        end = {
          x: box.minX,
          y: box.maxY
        };
      } else if (Math.PI <= angle && angle < 1.5 * Math.PI) {
        start = {
          x: box.maxX,
          y: box.maxY
        };
        end = {
          x: box.minX,
          y: box.minY
        };
      } else {
        start = {
          x: box.minX,
          y: box.maxY
        };
        end = {
          x: box.maxX,
          y: box.minY
        };
      }
20057
      var tanTheta = Math.tan(angle);
      var tanTheta2 = tanTheta * tanTheta;
20060
      var x = (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.x;
      var y = tanTheta * (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.y;
      var context = self.get('context');
      var gradient = context.createLinearGradient(start.x, start.y, x, y);
      addStop(steps, gradient);
      return gradient;
    }
20068
    function parseRadialGradient(color, self) {
      var arr = regexRG.exec(color);
      var fx = parseFloat(arr[1]);
      var fy = parseFloat(arr[2]);
      var fr = parseFloat(arr[3]);
      var steps = arr[4];
      // 环半径为0时，默认无渐变，取渐变序列的最后一个颜色
      if (fr === 0) {
        var colors = steps.match(regexColorStop);
        return colors[colors.length - 1].split(':')[1];
      }
      var box = self.getBBox();
      var context = self.get('context');
      var width = box.maxX - box.minX;
      var height = box.maxY - box.minY;
      var r = Math.sqrt(width * width + height * height) / 2;
      var gradient = context.createRadialGradient(box.minX + width * fx, box.minY + height * fy, fr * r, box.minX + width / 2, box.minY + height / 2, r);
      addStop(steps, gradient);
      return gradient;
    }
20089
    function parsePattern(color, self) {
      if (self.get('patternSource') && self.get('patternSource') === color) {
        return self.get('pattern');
      }
      var pattern = void 0;
      var img = void 0;
      var arr = regexPR.exec(color);
      var repeat = arr[1];
      var source = arr[2];
20099
      // Function to be called when pattern loads
      function onload() {
        // Create pattern
        var context = self.get('context');
        pattern = context.createPattern(img, repeat);
        self.setSilent('pattern', pattern); // be a cache
        self.setSilent('patternSource', color);
      }
20108
      switch (repeat) {
        case 'a':
          repeat = 'repeat';
          break;
        case 'x':
          repeat = 'repeat-x';
          break;
        case 'y':
          repeat = 'repeat-y';
          break;
        case 'n':
          repeat = 'no-repeat';
          break;
        default:
          repeat = 'no-repeat';
      }
20125
      img = new Image();
      // If source URL is not a data URL
      if (!source.match(/^data:/i)) {
        // Set crossOrigin for this image
        img.crossOrigin = 'Anonymous';
      }
      img.src = source;
20133
      if (img.complete) {
        onload();
      } else {
        img.onload = onload;
        // Fix onload() bug in IE9
        img.src = img.src;
      }
20141
      return pattern;
    }
20144
    module.exports = {
      parsePath: function parsePath(path) {
        path = path || [];
        if (Util.isArray(path)) {
          return path;
        }
20151
        if (Util.isString(path)) {
          path = path.match(regexTags);
          Util.each(path, function (item, index) {
            item = item.match(regexDot);
            if (item[0].length > 1) {
              var tag = item[0].charAt(0);
              item.splice(1, 0, item[0].substr(1));
              item[0] = tag;
            }
            Util.each(item, function (sub, i) {
              if (!isNaN(sub)) {
                item[i] = +sub;
              }
            });
            path[index] = item;
          });
          return path;
        }
      },
      parseStyle: function parseStyle(color, self) {
        if (Util.isString(color)) {
          if (color[1] === '(' || color[2] === '(') {
            if (color[0] === 'l') {
              // regexLG.test(color)
              return parseLineGradient(color, self);
            } else if (color[0] === 'r') {
              // regexRG.test(color)
              return parseRadialGradient(color, self);
            } else if (color[0] === 'p') {
              // regexPR.test(color)
              return parsePattern(color, self);
            }
          }
          return color;
        }
      },
      numberToColor: function numberToColor(num) {
        // 增加缓存
        var color = numColorCache[num];
        if (!color) {
          var str = num.toString(16);
          for (var i = str.length; i < 6; i++) {
            str = '0' + str;
          }
          color = '#' + str;
          numColorCache[num] = color;
        }
        return color;
      }
    };
20202
    /***/
  },
  /* 20 */
  /***/function (module, exports, __webpack_require__) {
20207
    var vec2 = __webpack_require__(2).vec2;
20209
    module.exports = {
      at: function at(p1, p2, t) {
        return (p2 - p1) * t + p1;
      },
      pointDistance: function pointDistance(x1, y1, x2, y2, x, y) {
        var d = [x2 - x1, y2 - y1];
        if (vec2.exactEquals(d, [0, 0])) {
          return NaN;
        }
20219
        var u = [-d[1], d[0]];
        vec2.normalize(u, u);
        var a = [x - x1, y - y1];
        return Math.abs(vec2.dot(a, u));
      },
      box: function box(x1, y1, x2, y2, lineWidth) {
        var halfWidth = lineWidth / 2;
        var minX = Math.min(x1, x2);
        var maxX = Math.max(x1, x2);
        var minY = Math.min(y1, y2);
        var maxY = Math.max(y1, y2);
20231
        return {
          minX: minX - halfWidth,
          minY: minY - halfWidth,
          maxX: maxX + halfWidth,
          maxY: maxY + halfWidth
        };
      },
      len: function len(x1, y1, x2, y2) {
        return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
      }
    };
20243
    /***/
  },
  /* 21 */
  /***/function (module, exports, __webpack_require__) {
20248
    var Util = __webpack_require__(0);
    var vec2 = __webpack_require__(2).vec2;
20251
    function quadraticAt(p0, p1, p2, t) {
      var onet = 1 - t;
      return onet * (onet * p0 + 2 * t * p1) + t * t * p2;
    }
20256
    function quadraticProjectPoint(x1, y1, x2, y2, x3, y3, x, y, out) {
      var t = void 0;
      var interval = 0.005;
      var d = Infinity;
      var d1 = void 0;
      var v1 = void 0;
      var v2 = void 0;
      var _t = void 0;
      var d2 = void 0;
      var i = void 0;
      var EPSILON = 0.0001;
      var v0 = [x, y];
20269
      for (_t = 0; _t < 1; _t += 0.05) {
        v1 = [quadraticAt(x1, x2, x3, _t), quadraticAt(y1, y2, y3, _t)];
20272
        d1 = vec2.squaredDistance(v0, v1);
        if (d1 < d) {
          t = _t;
          d = d1;
        }
      }
      d = Infinity;
20280
      for (i = 0; i < 32; i++) {
        if (interval < EPSILON) {
          break;
        }
20285
        var prev = t - interval;
        var next = t + interval;
20288
        v1 = [quadraticAt(x1, x2, x3, prev), quadraticAt(y1, y2, y3, prev)];
20290
        d1 = vec2.squaredDistance(v0, v1);
20292
        if (prev >= 0 && d1 < d) {
          t = prev;
          d = d1;
        } else {
          v2 = [quadraticAt(x1, x2, x3, next), quadraticAt(y1, y2, y3, next)];
20298
          d2 = vec2.squaredDistance(v0, v2);
20300
          if (next <= 1 && d2 < d) {
            t = next;
            d = d2;
          } else {
            interval *= 0.5;
          }
        }
      }
20309
      if (out) {
        out.x = quadraticAt(x1, x2, x3, t);
        out.y = quadraticAt(y1, y2, y3, t);
      }
20314
      return Math.sqrt(d);
    }
20317
    function quadraticExtrema(p0, p1, p2) {
      var a = p0 + p2 - 2 * p1;
      if (Util.isNumberEqual(a, 0)) {
        return [0.5];
      }
      var rst = (p0 - p1) / a;
      if (rst <= 1 && rst >= 0) {
        return [rst];
      }
      return [];
    }
20329
    module.exports = {
      at: quadraticAt,
      projectPoint: function projectPoint(x1, y1, x2, y2, x3, y3, x, y) {
        var rst = {};
        quadraticProjectPoint(x1, y1, x2, y2, x3, y3, x, y, rst);
        return rst;
      },
20337
      pointDistance: quadraticProjectPoint,
      extrema: quadraticExtrema
    };
20341
    /***/
  },
  /* 22 */
  /***/function (module, exports, __webpack_require__) {
20346
    var Util = __webpack_require__(0);
    var vec2 = __webpack_require__(2).vec2;
20349
    function circlePoint(cx, cy, r, angle) {
      return {
        x: Math.cos(angle) * r + cx,
        y: Math.sin(angle) * r + cy
      };
    }
20356
    function angleNearTo(angle, min, max, out) {
      var v1 = void 0;
      var v2 = void 0;
      if (out) {
        if (angle < min) {
          v1 = min - angle;
          v2 = Math.PI * 2 - max + angle;
        } else if (angle > max) {
          v1 = Math.PI * 2 - angle + min;
          v2 = angle - max;
        }
      } else {
        v1 = angle - min;
        v2 = max - angle;
      }
20372
      return v1 > v2 ? max : min;
    }
20375
    function nearAngle(angle, startAngle, endAngle, clockwise) {
      var plus = 0;
      if (endAngle - startAngle >= Math.PI * 2) {
        plus = Math.PI * 2;
      }
      startAngle = Util.mod(startAngle, Math.PI * 2);
      endAngle = Util.mod(endAngle, Math.PI * 2) + plus;
      angle = Util.mod(angle, Math.PI * 2);
      if (clockwise) {
        if (startAngle >= endAngle) {
          if (angle > endAngle && angle < startAngle) {
            return angle;
          }
          return angleNearTo(angle, endAngle, startAngle, true);
        }
        if (angle < startAngle || angle > endAngle) {
          return angle;
        }
        return angleNearTo(angle, startAngle, endAngle);
      }
      if (startAngle <= endAngle) {
        if (startAngle < angle && angle < endAngle) {
          return angle;
        }
        return angleNearTo(angle, startAngle, endAngle, true);
      }
      if (angle > startAngle || angle < endAngle) {
        return angle;
      }
      return angleNearTo(angle, endAngle, startAngle);
    }
20407
    function arcProjectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y, out) {
      var v = [x, y];
      var v0 = [cx, cy];
      var v1 = [1, 0];
      var subv = vec2.subtract([], v, v0);
      var angle = vec2.angleTo(v1, subv);
20414
      angle = nearAngle(angle, startAngle, endAngle, clockwise);
      var vpoint = [r * Math.cos(angle) + cx, r * Math.sin(angle) + cy];
      if (out) {
        out.x = vpoint[0];
        out.y = vpoint[1];
      }
      var d = vec2.distance(vpoint, v);
      return d;
    }
20424
    function arcBox(cx, cy, r, startAngle, endAngle, clockwise) {
      var angleRight = 0;
      var angleBottom = Math.PI / 2;
      var angleLeft = Math.PI;
      var angleTop = Math.PI * 3 / 2;
      var points = [];
      var angle = nearAngle(angleRight, startAngle, endAngle, clockwise);
      if (angle === angleRight) {
        points.push(circlePoint(cx, cy, r, angleRight));
      }
20435
      angle = nearAngle(angleBottom, startAngle, endAngle, clockwise);
      if (angle === angleBottom) {
        points.push(circlePoint(cx, cy, r, angleBottom));
      }
20440
      angle = nearAngle(angleLeft, startAngle, endAngle, clockwise);
      if (angle === angleLeft) {
        points.push(circlePoint(cx, cy, r, angleLeft));
      }
20445
      angle = nearAngle(angleTop, startAngle, endAngle, clockwise);
      if (angle === angleTop) {
        points.push(circlePoint(cx, cy, r, angleTop));
      }
20450
      points.push(circlePoint(cx, cy, r, startAngle));
      points.push(circlePoint(cx, cy, r, endAngle));
      var minX = Infinity;
      var maxX = -Infinity;
      var minY = Infinity;
      var maxY = -Infinity;
      Util.each(points, function (point) {
        if (minX > point.x) {
          minX = point.x;
        }
        if (maxX < point.x) {
          maxX = point.x;
        }
        if (minY > point.y) {
          minY = point.y;
        }
        if (maxY < point.y) {
          maxY = point.y;
        }
      });
20471
      return {
        minX: minX,
        minY: minY,
        maxX: maxX,
        maxY: maxY
      };
    }
20479
    module.exports = {
      nearAngle: nearAngle,
      projectPoint: function projectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y) {
        var rst = {};
        arcProjectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y, rst);
        return rst;
      },
20487
      pointDistance: arcProjectPoint,
      box: arcBox
    };
20491
    /***/
  },
  /* 23 */
  /***/function (module, exports, __webpack_require__) {
20496
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
20500
    var Rect = function Rect(cfg) {
      Rect.superclass.constructor.call(this, cfg);
    };
20504
    Rect.ATTRS = {
      x: 0,
      y: 0,
      width: 0,
      height: 0,
      radius: 0,
      lineWidth: 1
    };
20513
    Util.extend(Rect, Shape);
20515
    Util.augment(Rect, {
      canFill: true,
      canStroke: true,
      type: 'rect',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          radius: 0
        };
      },
      calculateBox: function calculateBox() {
        var self = this;
        var attrs = self.__attrs;
        var x = attrs.x;
        var y = attrs.y;
        var width = attrs.width;
        var height = attrs.height;
        var lineWidth = this.getHitLineWidth();
20534
        var halfWidth = lineWidth / 2;
        return {
          minX: x - halfWidth,
          minY: y - halfWidth,
          maxX: x + width + halfWidth,
          maxY: y + height + halfWidth
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var self = this;
        var fill = self.hasFill();
        var stroke = self.hasStroke();
20547
        if (fill && stroke) {
          return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
        }
20551
        if (fill) {
          return self._isPointInFill(x, y);
        }
20555
        if (stroke) {
          return self._isPointInStroke(x, y);
        }
20559
        return false;
      },
      _isPointInFill: function _isPointInFill(x, y) {
        var context = this.get('context');
20564
        if (!context) return false;
        this.createPath();
        return context.isPointInPath(x, y);
      },
      _isPointInStroke: function _isPointInStroke(x, y) {
        var self = this;
        var attrs = self.__attrs;
        var rx = attrs.x;
        var ry = attrs.y;
        var width = attrs.width;
        var height = attrs.height;
        var radius = attrs.radius;
        var lineWidth = this.getHitLineWidth();
20578
        if (radius === 0) {
          var halfWidth = lineWidth / 2;
          return Inside.line(rx - halfWidth, ry, rx + width + halfWidth, ry, lineWidth, x, y) || Inside.line(rx + width, ry - halfWidth, rx + width, ry + height + halfWidth, lineWidth, x, y) || Inside.line(rx + width + halfWidth, ry + height, rx - halfWidth, ry + height, lineWidth, x, y) || Inside.line(rx, ry + height + halfWidth, rx, ry - halfWidth, lineWidth, x, y);
        }
20583
        return Inside.line(rx + radius, ry, rx + width - radius, ry, lineWidth, x, y) || Inside.line(rx + width, ry + radius, rx + width, ry + height - radius, lineWidth, x, y) || Inside.line(rx + width - radius, ry + height, rx + radius, ry + height, lineWidth, x, y) || Inside.line(rx, ry + height - radius, rx, ry + radius, lineWidth, x, y) || Inside.arcline(rx + width - radius, ry + radius, radius, 1.5 * Math.PI, 2 * Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + width - radius, ry + height - radius, radius, 0, 0.5 * Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + radius, ry + height - radius, radius, 0.5 * Math.PI, Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + radius, ry + radius, radius, Math.PI, 1.5 * Math.PI, false, lineWidth, x, y);
      },
      createPath: function createPath(context) {
        var self = this;
        var attrs = self.__attrs;
        var x = attrs.x;
        var y = attrs.y;
        var width = attrs.width;
        var height = attrs.height;
        var radius = attrs.radius;
        context = context || self.get('context');
20595
        context.beginPath();
        if (radius === 0) {
          // 改成原生的rect方法
          context.rect(x, y, width, height);
        } else {
          context.moveTo(x + radius, y);
          context.lineTo(x + width - radius, y);
          context.arc(x + width - radius, y + radius, radius, -Math.PI / 2, 0, false);
          context.lineTo(x + width, y + height - radius);
          context.arc(x + width - radius, y + height - radius, radius, 0, Math.PI / 2, false);
          context.lineTo(x + radius, y + height);
          context.arc(x + radius, y + height - radius, radius, Math.PI / 2, Math.PI, false);
          context.lineTo(x, y + radius);
          context.arc(x + radius, y + radius, radius, Math.PI, Math.PI * 3 / 2, false);
          context.closePath();
        }
      }
    });
20614
    module.exports = Rect;
20616
    /***/
  },
  /* 24 */
  /***/function (module, exports, __webpack_require__) {
20621
    var Util = __webpack_require__(0);
    var Inside = __webpack_require__(3);
    var Cubic = __webpack_require__(10);
    var Quadratic = __webpack_require__(21);
    var Ellipse = __webpack_require__(113);
    var vec3 = __webpack_require__(2).vec3;
    var mat3 = __webpack_require__(2).mat3;
20629
    var ARR_CMD = ['m', 'l', 'c', 'a', 'q', 'h', 'v', 't', 's', 'z'];
20631
    function toAbsolute(x, y, curPoint) {
      // 获取绝对坐标
      return {
        x: curPoint.x + x,
        y: curPoint.y + y
      };
    }
20639
    function toSymmetry(point, center) {
      // 点对称
      return {
        x: center.x + (center.x - point.x),
        y: center.y + (center.y - point.y)
      };
    }
20647
    function vMag(v) {
      return Math.sqrt(v[0] * v[0] + v[1] * v[1]);
    }
20651
    function vRatio(u, v) {
      return (u[0] * v[0] + u[1] * v[1]) / (vMag(u) * vMag(v));
    }
20655
    function vAngle(u, v) {
      return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(vRatio(u, v));
    }
20659
    function getArcParams(point1, point2, fa, fs, rx, ry, psiDeg) {
      var psi = Util.mod(Util.toRadian(psiDeg), Math.PI * 2);
      var x1 = point1.x;
      var y1 = point1.y;
      var x2 = point2.x;
      var y2 = point2.y;
      var xp = Math.cos(psi) * (x1 - x2) / 2.0 + Math.sin(psi) * (y1 - y2) / 2.0;
      var yp = -1 * Math.sin(psi) * (x1 - x2) / 2.0 + Math.cos(psi) * (y1 - y2) / 2.0;
      var lambda = xp * xp / (rx * rx) + yp * yp / (ry * ry);
      if (lambda > 1) {
        rx *= Math.sqrt(lambda);
        ry *= Math.sqrt(lambda);
      }
      var diff = rx * rx * (yp * yp) + ry * ry * (xp * xp);
      var f = Math.sqrt((rx * rx * (ry * ry) - diff) / diff);
20675
      if (fa === fs) {
        f *= -1;
      }
      if (isNaN(f)) {
        f = 0;
      }
20682
      var cxp = f * rx * yp / ry;
      var cyp = f * -ry * xp / rx;
20685
      var cx = (x1 + x2) / 2.0 + Math.cos(psi) * cxp - Math.sin(psi) * cyp;
      var cy = (y1 + y2) / 2.0 + Math.sin(psi) * cxp + Math.cos(psi) * cyp;
20688
      var theta = vAngle([1, 0], [(xp - cxp) / rx, (yp - cyp) / ry]);
      var u = [(xp - cxp) / rx, (yp - cyp) / ry];
      var v = [(-1 * xp - cxp) / rx, (-1 * yp - cyp) / ry];
      var dTheta = vAngle(u, v);
      if (fs === 0 && dTheta > 0) {
        dTheta = dTheta - 2 * Math.PI;
      }
      if (fs === 1 && dTheta < 0) {
        dTheta = dTheta + 2 * Math.PI;
      }
      return [point1, cx, cy, rx, ry, theta, dTheta, psi, fs];
    }
20701
    var PathSegment = function PathSegment(item, preSegment, isLast) {
      this.preSegment = preSegment;
      this.isLast = isLast;
      this.init(item, preSegment);
    };
20707
    Util.augment(PathSegment, {
      init: function init(item, preSegment) {
        var command = item[0];
        preSegment = preSegment || {
          endPoint: {
            x: 0,
            y: 0
          }
        };
        var relative = ARR_CMD.indexOf(command) >= 0; // /[a-z]/.test(command);
        var cmd = relative ? command.toUpperCase() : command;
        var p = item;
        var point1 = void 0;
        var point2 = void 0;
        var point3 = void 0;
        var point = void 0;
        var preEndPoint = preSegment.endPoint;
20725
        var p1 = p[1];
        var p2 = p[2];
        switch (cmd) {
          default:
            break;
          case 'M':
            if (relative) {
              point = toAbsolute(p1, p2, preEndPoint);
            } else {
              point = {
                x: p1,
                y: p2
              };
            }
            this.command = 'M';
            this.params = [preEndPoint, point];
            this.subStart = point;
            this.endPoint = point;
            break;
          case 'L':
            if (relative) {
              point = toAbsolute(p1, p2, preEndPoint);
            } else {
              point = {
                x: p1,
                y: p2
              };
            }
            this.command = 'L';
            this.params = [preEndPoint, point];
            this.subStart = preSegment.subStart;
            this.endPoint = point;
            this.endTangent = function () {
              return [point.x - preEndPoint.x, point.y - preEndPoint.y];
            };
            this.startTangent = function () {
              return [preEndPoint.x - point.x, preEndPoint.y - point.y];
            };
            break;
          case 'H':
            if (relative) {
              point = toAbsolute(p1, 0, preEndPoint);
            } else {
              point = {
                x: p1,
                y: preEndPoint.y
              };
            }
            this.command = 'L';
            this.params = [preEndPoint, point];
            this.subStart = preSegment.subStart;
            this.endPoint = point;
            this.endTangent = function () {
              return [point.x - preEndPoint.x, point.y - preEndPoint.y];
            };
            this.startTangent = function () {
              return [preEndPoint.x - point.x, preEndPoint.y - point.y];
            };
            break;
          case 'V':
            if (relative) {
              point = toAbsolute(0, p1, preEndPoint);
            } else {
              point = {
                x: preEndPoint.x,
                y: p1
              };
            }
            this.command = 'L';
            this.params = [preEndPoint, point];
            this.subStart = preSegment.subStart;
            this.endPoint = point;
            this.endTangent = function () {
              return [point.x - preEndPoint.x, point.y - preEndPoint.y];
            };
            this.startTangent = function () {
              return [preEndPoint.x - point.x, preEndPoint.y - point.y];
            };
            break;
          case 'Q':
            if (relative) {
              point1 = toAbsolute(p1, p2, preEndPoint);
              point2 = toAbsolute(p[3], p[4], preEndPoint);
            } else {
              point1 = {
                x: p1,
                y: p2
              };
              point2 = {
                x: p[3],
                y: p[4]
              };
            }
            this.command = 'Q';
            this.params = [preEndPoint, point1, point2];
            this.subStart = preSegment.subStart;
            this.endPoint = point2;
            this.endTangent = function () {
              return [point2.x - point1.x, point2.y - point1.y];
            };
            this.startTangent = function () {
              return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
            };
            break;
          case 'T':
            if (relative) {
              point2 = toAbsolute(p1, p2, preEndPoint);
            } else {
              point2 = {
                x: p1,
                y: p2
              };
            }
            if (preSegment.command === 'Q') {
              point1 = toSymmetry(preSegment.params[1], preEndPoint);
              this.command = 'Q';
              this.params = [preEndPoint, point1, point2];
              this.subStart = preSegment.subStart;
              this.endPoint = point2;
              this.endTangent = function () {
                return [point2.x - point1.x, point2.y - point1.y];
              };
              this.startTangent = function () {
                return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
              };
            } else {
              this.command = 'TL';
              this.params = [preEndPoint, point2];
              this.subStart = preSegment.subStart;
              this.endPoint = point2;
              this.endTangent = function () {
                return [point2.x - preEndPoint.x, point2.y - preEndPoint.y];
              };
              this.startTangent = function () {
                return [preEndPoint.x - point2.x, preEndPoint.y - point2.y];
              };
            }
20863
            break;
          case 'C':
            if (relative) {
              point1 = toAbsolute(p1, p2, preEndPoint);
              point2 = toAbsolute(p[3], p[4], preEndPoint);
              point3 = toAbsolute(p[5], p[6], preEndPoint);
            } else {
              point1 = {
                x: p1,
                y: p2
              };
              point2 = {
                x: p[3],
                y: p[4]
              };
              point3 = {
                x: p[5],
                y: p[6]
              };
            }
            this.command = 'C';
            this.params = [preEndPoint, point1, point2, point3];
            this.subStart = preSegment.subStart;
            this.endPoint = point3;
            this.endTangent = function () {
              return [point3.x - point2.x, point3.y - point2.y];
            };
            this.startTangent = function () {
              return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
            };
            break;
          case 'S':
            if (relative) {
              point2 = toAbsolute(p1, p2, preEndPoint);
              point3 = toAbsolute(p[3], p[4], preEndPoint);
            } else {
              point2 = {
                x: p1,
                y: p2
              };
              point3 = {
                x: p[3],
                y: p[4]
              };
            }
            if (preSegment.command === 'C') {
              point1 = toSymmetry(preSegment.params[2], preEndPoint);
              this.command = 'C';
              this.params = [preEndPoint, point1, point2, point3];
              this.subStart = preSegment.subStart;
              this.endPoint = point3;
              this.endTangent = function () {
                return [point3.x - point2.x, point3.y - point2.y];
              };
              this.startTangent = function () {
                return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
              };
            } else {
              this.command = 'SQ';
              this.params = [preEndPoint, point2, point3];
              this.subStart = preSegment.subStart;
              this.endPoint = point3;
              this.endTangent = function () {
                return [point3.x - point2.x, point3.y - point2.y];
              };
              this.startTangent = function () {
                return [preEndPoint.x - point2.x, preEndPoint.y - point2.y];
              };
            }
            break;
          case 'A':
            {
              var rx = p1;
              var ry = p2;
              var psi = p[3];
              var fa = p[4];
              var fs = p[5];
              if (relative) {
                point = toAbsolute(p[6], p[7], preEndPoint);
              } else {
                point = {
                  x: p[6],
                  y: p[7]
                };
              }
20949
              this.command = 'A';
              var params = getArcParams(preEndPoint, point, fa, fs, rx, ry, psi);
              this.params = params;
              var start = preSegment.subStart;
              this.subStart = start;
              this.endPoint = point;
              var startAngle = params[5] % (Math.PI * 2);
              if (Util.isNumberEqual(startAngle, Math.PI * 2)) {
                startAngle = 0;
              }
              var endAngle = params[6] % (Math.PI * 2);
              if (Util.isNumberEqual(endAngle, Math.PI * 2)) {
                endAngle = 0;
              }
              var d = 0.001;
              this.startTangent = function () {
                if (fs === 0) {
                  d *= -1;
                }
                var dx = params[3] * Math.cos(startAngle - d) + params[1];
                var dy = params[4] * Math.sin(startAngle - d) + params[2];
                return [dx - start.x, dy - start.y];
              };
              this.endTangent = function () {
                var endAngle = params[6];
                if (endAngle - Math.PI * 2 < 0.0001) {
                  endAngle = 0;
                }
                var dx = params[3] * Math.cos(startAngle + endAngle + d) + params[1];
                var dy = params[4] * Math.sin(startAngle + endAngle - d) + params[2];
                return [preEndPoint.x - dx, preEndPoint.y - dy];
              };
              break;
            }
          case 'Z':
            {
              this.command = 'Z';
              this.params = [preEndPoint, preSegment.subStart];
              this.subStart = preSegment.subStart;
              this.endPoint = preSegment.subStart;
            }
        }
      },
      isInside: function isInside(x, y, lineWidth) {
        var self = this;
        var command = self.command;
        var params = self.params;
        var box = self.box;
        if (box) {
          if (!Inside.box(box.minX, box.maxX, box.minY, box.maxY, x, y)) {
            return false;
          }
        }
        switch (command) {
          default:
            break;
          case 'M':
            return false;
          case 'TL':
          case 'L':
          case 'Z':
            return Inside.line(params[0].x, params[0].y, params[1].x, params[1].y, lineWidth, x, y);
          case 'SQ':
          case 'Q':
            return Inside.quadraticline(params[0].x, params[0].y, params[1].x, params[1].y, params[2].x, params[2].y, lineWidth, x, y);
          case 'C':
            {
              return Inside.cubicline(params[0].x, params[0].y, params[1].x, params[1].y, params[2].x, params[2].y, params[3].x, params[3].y, lineWidth, x, y);
            }
          case 'A':
            {
              var p = params;
              var cx = p[1];
              var cy = p[2];
              var rx = p[3];
              var ry = p[4];
              var theta = p[5];
              var dTheta = p[6];
              var psi = p[7];
              var fs = p[8];
21030
              var r = rx > ry ? rx : ry;
              var scaleX = rx > ry ? 1 : rx / ry;
              var scaleY = rx > ry ? ry / rx : 1;
21034
              p = [x, y, 1];
              var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
              mat3.translate(m, m, [-cx, -cy]);
              mat3.rotate(m, m, -psi);
              mat3.scale(m, m, [1 / scaleX, 1 / scaleY]);
              vec3.transformMat3(p, p, m);
              return Inside.arcline(0, 0, r, theta, theta + dTheta, 1 - fs, lineWidth, p[0], p[1]);
            }
        }
        return false;
      },
      draw: function draw(context) {
        var command = this.command;
        var params = this.params;
        var point1 = void 0;
        var point2 = void 0;
        var point3 = void 0;
21052
        switch (command) {
          default:
            break;
          case 'M':
            context.moveTo(params[1].x, params[1].y);
            break;
          case 'TL':
          case 'L':
            context.lineTo(params[1].x, params[1].y);
            break;
          case 'SQ':
          case 'Q':
            point1 = params[1];
            point2 = params[2];
            context.quadraticCurveTo(point1.x, point1.y, point2.x, point2.y);
            break;
          case 'C':
            point1 = params[1];
            point2 = params[2];
            point3 = params[3];
            context.bezierCurveTo(point1.x, point1.y, point2.x, point2.y, point3.x, point3.y);
            break;
          case 'A':
            {
              var p = params;
              var p1 = p[1];
              var p2 = p[2];
              var cx = p1;
              var cy = p2;
              var rx = p[3];
              var ry = p[4];
              var theta = p[5];
              var dTheta = p[6];
              var psi = p[7];
              var fs = p[8];
21088
              var r = rx > ry ? rx : ry;
              var scaleX = rx > ry ? 1 : rx / ry;
              var scaleY = rx > ry ? ry / rx : 1;
21092
              context.translate(cx, cy);
              context.rotate(psi);
              context.scale(scaleX, scaleY);
              context.arc(0, 0, r, theta, theta + dTheta, 1 - fs);
              context.scale(1 / scaleX, 1 / scaleY);
              context.rotate(-psi);
              context.translate(-cx, -cy);
              break;
            }
          case 'Z':
            context.closePath();
            break;
        }
      },
      getBBox: function getBBox(lineWidth) {
        var halfWidth = lineWidth / 2;
        var params = this.params;
        var yDims = void 0;
        var xDims = void 0;
        var i = void 0;
        var l = void 0;
21114
        switch (this.command) {
          default:
          case 'M':
          case 'Z':
            break;
          case 'TL':
          case 'L':
            this.box = {
              minX: Math.min(params[0].x, params[1].x) - halfWidth,
              maxX: Math.max(params[0].x, params[1].x) + halfWidth,
              minY: Math.min(params[0].y, params[1].y) - halfWidth,
              maxY: Math.max(params[0].y, params[1].y) + halfWidth
            };
            break;
          case 'SQ':
          case 'Q':
            xDims = Quadratic.extrema(params[0].x, params[1].x, params[2].x);
            for (i = 0, l = xDims.length; i < l; i++) {
              xDims[i] = Quadratic.at(params[0].x, params[1].x, params[2].x, xDims[i]);
            }
            xDims.push(params[0].x, params[2].x);
            yDims = Quadratic.extrema(params[0].y, params[1].y, params[2].y);
            for (i = 0, l = yDims.length; i < l; i++) {
              yDims[i] = Quadratic.at(params[0].y, params[1].y, params[2].y, yDims);
            }
            yDims.push(params[0].y, params[2].y);
            this.box = {
              minX: Math.min.apply(Math, xDims) - halfWidth,
              maxX: Math.max.apply(Math, xDims) + halfWidth,
              minY: Math.min.apply(Math, yDims) - halfWidth,
              maxY: Math.max.apply(Math, yDims) + halfWidth
            };
            break;
          case 'C':
            xDims = Cubic.extrema(params[0].x, params[1].x, params[2].x, params[3].x);
            for (i = 0, l = xDims.length; i < l; i++) {
              xDims[i] = Cubic.at(params[0].x, params[1].x, params[2].x, params[3].x, xDims[i]);
            }
            yDims = Cubic.extrema(params[0].y, params[1].y, params[2].y, params[3].y);
            for (i = 0, l = yDims.length; i < l; i++) {
              yDims[i] = Cubic.at(params[0].y, params[1].y, params[2].y, params[3].y, yDims[i]);
            }
            xDims.push(params[0].x, params[3].x);
            yDims.push(params[0].y, params[3].y);
            this.box = {
              minX: Math.min.apply(Math, xDims) - halfWidth,
              maxX: Math.max.apply(Math, xDims) + halfWidth,
              minY: Math.min.apply(Math, yDims) - halfWidth,
              maxY: Math.max.apply(Math, yDims) + halfWidth
            };
            break;
          case 'A':
            {
              // todo 待优化
              var p = params;
              var cx = p[1];
              var cy = p[2];
              var rx = p[3];
              var ry = p[4];
              var theta = p[5];
              var dTheta = p[6];
              var psi = p[7];
              var fs = p[8];
              var start = theta;
              var end = theta + dTheta;
21180
              var xDim = Ellipse.xExtrema(psi, rx, ry);
              var minX = Infinity;
              var maxX = -Infinity;
              var xs = [start, end];
              for (i = -Math.PI * 2; i <= Math.PI * 2; i += Math.PI) {
                var xAngle = xDim + i;
                if (fs === 1) {
                  if (start < xAngle && xAngle < end) {
                    xs.push(xAngle);
                  }
                } else {
                  if (end < xAngle && xAngle < start) {
                    xs.push(xAngle);
                  }
                }
              }
21197
              for (i = 0, l = xs.length; i < l; i++) {
                var x = Ellipse.xAt(psi, rx, ry, cx, xs[i]);
                if (x < minX) {
                  minX = x;
                }
                if (x > maxX) {
                  maxX = x;
                }
              }
21207
              var yDim = Ellipse.yExtrema(psi, rx, ry);
              var minY = Infinity;
              var maxY = -Infinity;
              var ys = [start, end];
              for (i = -Math.PI * 2; i <= Math.PI * 2; i += Math.PI) {
                var yAngle = yDim + i;
                if (fs === 1) {
                  if (start < yAngle && yAngle < end) {
                    ys.push(yAngle);
                  }
                } else {
                  if (end < yAngle && yAngle < start) {
                    ys.push(yAngle);
                  }
                }
              }
21224
              for (i = 0, l = ys.length; i < l; i++) {
                var y = Ellipse.yAt(psi, rx, ry, cy, ys[i]);
                if (y < minY) {
                  minY = y;
                }
                if (y > maxY) {
                  maxY = y;
                }
              }
              this.box = {
                minX: minX - halfWidth,
                maxX: maxX + halfWidth,
                minY: minY - halfWidth,
                maxY: maxY + halfWidth
              };
              break;
            }
        }
      }
    });
21245
    module.exports = PathSegment;
21247
    /***/
  },
  /* 25 */
  /***/function (module, exports, __webpack_require__) {
21252
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
    var Format = __webpack_require__(19);
    var PathSegment = __webpack_require__(24);
21258
    var Marker = function Marker(cfg) {
      Marker.superclass.constructor.call(this, cfg);
    };
21262
    Marker.Symbols = {
      // 圆
      circle: function circle(x, y, r) {
        return [['M', x, y], ['m', -r, 0], ['a', r, r, 0, 1, 0, r * 2, 0], ['a', r, r, 0, 1, 0, -r * 2, 0]];
      },
21268
      // 正方形
      square: function square(x, y, r) {
        return [['M', x - r, y - r], ['L', x + r, y - r], ['L', x + r, y + r], ['L', x - r, y + r], ['Z']];
      },
21273
      // 菱形
      diamond: function diamond(x, y, r) {
        return [['M', x - r, y], ['L', x, y - r], ['L', x + r, y], ['L', x, y + r], ['Z']];
      },
21278
      // 三角形
      triangle: function triangle(x, y, r) {
        var diffY = r * Math.sin(1 / 3 * Math.PI);
        return [['M', x - r, y + diffY], ['L', x, y - diffY], ['L', x + r, y + diffY], ['z']];
      },
21284
      // 倒三角形
      'triangle-down': function triangleDown(x, y, r) {
        var diffY = r * Math.sin(1 / 3 * Math.PI);
        return [['M', x - r, y - diffY], ['L', x + r, y - diffY], ['L', x, y + diffY], ['Z']];
      }
    };
21291
    Marker.ATTRS = {
      path: null,
      lineWidth: 1
    };
21296
    Util.extend(Marker, Shape);
21298
    Util.augment(Marker, {
      type: 'marker',
      canFill: true,
      canStroke: true,
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          x: 0,
          y: 0,
          lineWidth: 1
        };
      },
      calculateBox: function calculateBox() {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var r = attrs.radius;
        var lineWidth = this.getHitLineWidth();
        var halfWidth = lineWidth / 2 + r;
        return {
          minX: cx - halfWidth,
          minY: cy - halfWidth,
          maxX: cx + halfWidth,
          maxY: cy + halfWidth
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var r = attrs.radius || attrs.r;
        var lineWidth = this.getHitLineWidth();
        return Inside.circle(cx, cy, r + lineWidth / 2, x, y);
      },
      createPath: function createPath(context) {
        var attrs = this.__attrs;
        var x = attrs.x;
        var y = attrs.y;
        var r = attrs.radius || attrs.r;
        var symbol = attrs.symbol || 'circle';
        var method = void 0;
        if (Util.isFunction(symbol)) {
          method = symbol;
        } else {
          method = Marker.Symbols[symbol];
        }
        var path = method(x, y, r);
        path = Format.parsePath(path);
        context.beginPath();
        var preSegment = void 0;
        for (var i = 0; i < path.length; i++) {
          var item = path[i];
          preSegment = new PathSegment(item, preSegment, i === path.length - 1);
          preSegment.draw(context);
        }
      }
    });
21355
    module.exports = Marker;
21357
    /***/
  },
  /* 26 */
  /***/function (module, exports, __webpack_require__) {
21362
    var Util = __webpack_require__(7);
21364
    var TABLE = document.createElement('table');
    var TABLE_TR = document.createElement('tr');
    var FRAGMENT_REG = /^\s*<(\w+|!)[^>]*>/;
    var CONTAINERS = {
      tr: document.createElement('tbody'),
      tbody: TABLE,
      thead: TABLE,
      tfoot: TABLE,
      td: TABLE_TR,
      th: TABLE_TR,
      '*': document.createElement('div')
    };
21377
    module.exports = {
      getBoundingClientRect: function getBoundingClientRect(node, defaultValue) {
        if (node && node.getBoundingClientRect) {
          var rect = node.getBoundingClientRect();
          var top = document.documentElement.clientTop;
          var left = document.documentElement.clientLeft;
          return {
            top: rect.top - top,
            bottom: rect.bottom - top,
            left: rect.left - left,
            right: rect.right - left
          };
        }
        return defaultValue || null;
      },
21393
      /**
       * 获取样式
       * @param  {Object} dom DOM节点
       * @param  {String} name 样式名
       * @param  {Any} defaultValue 默认值
       * @return {String} 属性值
       */
      getStyle: function getStyle(dom, name, defaultValue) {
        try {
          if (window.getComputedStyle) {
            return window.getComputedStyle(dom, null)[name];
          }
          return dom.currentStyle[name];
        } catch (e) {
          if (!Util.isNil(defaultValue)) {
            return defaultValue;
          }
          return null;
        }
      },
      modifyCSS: function modifyCSS(dom, css) {
        if (dom) {
          for (var key in css) {
            if (css.hasOwnProperty(key)) {
              dom.style[key] = css[key];
            }
          }
        }
        return dom;
      },
21424
      /**
       * 创建DOM 节点
       * @param  {String} str Dom 字符串
       * @return {HTMLElement}  DOM 节点
       */
      createDom: function createDom(str) {
        var name = FRAGMENT_REG.test(str) && RegExp.$1;
        if (!(name in CONTAINERS)) {
          name = '*';
        }
        var container = CONTAINERS[name];
        str = str.replace(/(^\s*)|(\s*$)/g, '');
        container.innerHTML = '' + str;
        var dom = container.childNodes[0];
        container.removeChild(dom);
        return dom;
      },
      getRatio: function getRatio() {
        return window.devicePixelRatio ? window.devicePixelRatio : 2;
      },
21445
      /**
       * 获取宽度
       * @param  {HTMLElement} el  dom节点
       * @param  {Number} defaultValue 默认值
       * @return {Number} 宽度
       */
      getWidth: function getWidth(el, defaultValue) {
        var width = this.getStyle(el, 'width', defaultValue);
        if (width === 'auto') {
          width = el.offsetWidth;
        }
        return parseFloat(width);
      },
21459
      /**
       * 获取高度
       * @param  {HTMLElement} el dom节点
       * @param  {Number} defaultValue 默认值
       * @return {Number} 高度
       */
      getHeight: function getHeight(el, defaultValue) {
        var height = this.getStyle(el, 'height', defaultValue);
        if (height === 'auto') {
          height = el.offsetHeight;
        }
        return parseFloat(height);
      },
21473
      /**
       * 获取外层高度
       * @param  {HTMLElement} el dom节点
       * @param  {Number} defaultValue 默认值
       * @return {Number} 高度
       */
      getOuterHeight: function getOuterHeight(el, defaultValue) {
        var height = this.getHeight(el, defaultValue);
        var bTop = parseFloat(this.getStyle(el, 'borderTopWidth')) || 0;
        var pTop = parseFloat(this.getStyle(el, 'paddingTop')) || 0;
        var pBottom = parseFloat(this.getStyle(el, 'paddingBottom')) || 0;
        var bBottom = parseFloat(this.getStyle(el, 'borderBottomWidth')) || 0;
        return height + bTop + bBottom + pTop + pBottom;
      },
21488
      /**
       * 获取外层宽度
       * @param  {HTMLElement} el dom节点
       * @param  {Number} defaultValue 默认值
       * @return {Number} 宽度
       */
      getOuterWidth: function getOuterWidth(el, defaultValue) {
        var width = this.getWidth(el, defaultValue);
        var bLeft = parseFloat(this.getStyle(el, 'borderLeftWidth')) || 0;
        var pLeft = parseFloat(this.getStyle(el, 'paddingLeft')) || 0;
        var pRight = parseFloat(this.getStyle(el, 'paddingRight')) || 0;
        var bRight = parseFloat(this.getStyle(el, 'borderRightWidth')) || 0;
        return width + bLeft + bRight + pLeft + pRight;
      },
21503
      /**
       * 添加事件监听器
       * @param  {Object} target DOM对象
       * @param  {String} eventType 事件名
       * @param  {Funtion} callback 回调函数
       * @return {Object} 返回对象
       */
      addEventListener: function addEventListener(target, eventType, callback) {
        if (target) {
          if (target.addEventListener) {
            target.addEventListener(eventType, callback, false);
            return {
              remove: function remove() {
                target.removeEventListener(eventType, callback, false);
              }
            };
          } else if (target.attachEvent) {
            target.attachEvent('on' + eventType, callback);
            return {
              remove: function remove() {
                target.detachEvent('on' + eventType, callback);
              }
            };
          }
        }
      },
      requestAnimationFrame: function requestAnimationFrame(fn) {
        var method = window.requestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
          return setTimeout(fn, 16);
        };
21534
        return method(fn);
      }
    };
21538
    /***/
  },
  /* 27 */
  /***/function (module, exports, __webpack_require__) {
21543
    var Util = __webpack_require__(0);
21545
    var Event = function Event(type, event, bubbles, cancelable) {
      this.type = type; // 事件类型
      this.target = null; // 目标
      this.currentTarget = null; // 当前目标
      this.bubbles = bubbles; // 冒泡
      this.cancelable = cancelable; // 是否能够阻止
      this.timeStamp = new Date().getTime(); // 时间戳
      this.defaultPrevented = false; // 阻止默认
      this.propagationStopped = false; // 阻止冒泡
      this.removed = false; // 是否被移除
      this.event = event; // 触发的原生事件
    };
21558
    Util.augment(Event, {
      preventDefault: function preventDefault() {
        this.defaultPrevented = this.cancelable && true;
      },
      stopPropagation: function stopPropagation() {
        this.propagationStopped = true;
      },
      remove: function remove() {
        this.remove = true;
      },
      clone: function clone() {
        return Util.clone(this);
      },
      toString: function toString() {
        return '[Event (type=' + this.type + ')]';
      }
    });
21576
    module.exports = Event;
21578
    /***/
  },
  /* 28 */
  /***/function (module, exports, __webpack_require__) {
21583
    var Util = __webpack_require__(0);
    var Element = __webpack_require__(11);
    var Shape = __webpack_require__(102);
21587
    var SHAPE_MAP = {}; // 缓存图形类型
    var INDEX = '_INDEX';
21590
    function getComparer(compare) {
      return function (left, right) {
        var result = compare(left, right);
        return result === 0 ? left[INDEX] - right[INDEX] : result;
      };
    }
21597
    var Group = function Group(cfg) {
      Group.superclass.constructor.call(this, cfg);
      this.set('children', []);
21601
      this._beforeRenderUI();
      this._renderUI();
      this._bindUI();
    };
21606
    function initClassCfgs(c) {
      if (c.__cfg || c === Group) {
        return;
      }
      var superCon = c.superclass.constructor;
      if (superCon && !superCon.__cfg) {
        initClassCfgs(superCon);
      }
      c.__cfg = {};
21616
      Util.merge(c.__cfg, superCon.__cfg);
      Util.merge(c.__cfg, c.CFG);
    }
21620
    Util.extend(Group, Element);
21622
    Util.augment(Group, {
      isGroup: true,
      canFill: true,
      canStroke: true,
      init: function init(id) {
        Group.superclass.init.call(this);
        var shape = document.createElementNS('http://www.w3.org/2000/svg', 'g');
        id = id || Util.uniqueId('g_');
        shape.setAttribute('id', id);
        this.setSilent('el', shape);
        this.setSilent('id', id);
      },
      getDefaultCfg: function getDefaultCfg() {
        initClassCfgs(this.constructor);
        return Util.merge({}, this.constructor.__cfg);
      },
      _beforeRenderUI: function _beforeRenderUI() {},
      _renderUI: function _renderUI() {},
      _bindUI: function _bindUI() {},
      addShape: function addShape(type, cfg) {
        var canvas = this.get('canvas');
        cfg = cfg || {};
        var shapeType = SHAPE_MAP[type];
        if (!shapeType) {
          shapeType = Util.upperFirst(type);
          SHAPE_MAP[type] = shapeType;
        }
        if (cfg.attrs) {
          var attrs = cfg.attrs;
          if (type === 'text') {
            // 临时解决
            var topFontFamily = canvas.get('fontFamily');
            if (topFontFamily) {
              attrs.fontFamily = attrs.fontFamily || topFontFamily;
            }
          }
        }
        cfg.canvas = canvas;
        cfg.defs = this.get('defs');
        cfg.type = type;
        var shape = Shape[shapeType];
        if (!shape) {
          throw new TypeError('the shape ' + shapeType + ' is not supported by svg version, use canvas instead');
        }
        var rst = new shape(cfg);
        this.add(rst);
        return rst;
      },
21671
      /** 添加图组
       * @param  {Function|Object|undefined} param 图组类
       * @param  {Object} cfg 配置项
       * @return {Object} rst 图组
       */
      addGroup: function addGroup(param, cfg) {
        var canvas = this.get('canvas');
        var rst = void 0;
        cfg = Util.merge({}, cfg);
        if (Util.isFunction(param)) {
          if (cfg) {
            cfg.canvas = canvas;
            cfg.parent = this;
            rst = new param(cfg);
          } else {
            rst = new param({
              canvas: canvas,
              parent: this
            });
          }
          this.add(rst);
        } else if (Util.isObject(param)) {
          param.canvas = canvas;
          rst = new Group(param);
          this.add(rst);
        } else if (param === undefined) {
          rst = new Group();
          this.add(rst);
        } else {
          return false;
        }
        return rst;
      },
21705
      /** 绘制背景
       * @param  {Array} padding 内边距
       * @param  {Attrs} attrs 图形属性
       * @param  {Shape} backShape 背景图形
       * @return {Object} 背景层对象
       */
      renderBack: function renderBack(padding, attrs) {
        var backShape = this.get('backShape');
        var innerBox = this.getBBox();
        // const parent = this.get('parent'); // getParent
        Util.merge(attrs, {
          x: innerBox.minX - padding[3],
          y: innerBox.minY - padding[0],
          width: innerBox.width + padding[1] + padding[3],
          height: innerBox.height + padding[0] + padding[2]
        });
        if (backShape) {
          backShape.attr(attrs);
        } else {
          backShape = this.addShape('rect', {
            zIndex: -1,
            attrs: attrs
          });
        }
        this.set('backShape', backShape);
        this.sort();
        return backShape;
      },
      removeChild: function removeChild(item, destroy) {
        if (arguments.length >= 2) {
          if (this.contain(item)) {
            item.remove(destroy);
          }
        } else {
          if (arguments.length === 1) {
            if (Util.isBoolean(item)) {
              destroy = item;
            } else {
              if (this.contain(item)) {
                item.remove(true);
              }
              return this;
            }
          }
          if (arguments.length === 0) {
            destroy = true;
          }
21753
          Group.superclass.remove.call(this, destroy);
        }
        return this;
      },
21758
      /**
       * 向组中添加shape或者group
       * @param {Object} items 图形或者分组
       * @return {Object} group 本尊
       */
      add: function add(items) {
        var self = this;
        var children = self.get('children');
        var el = self.get('el');
        if (Util.isArray(items)) {
          Util.each(items, function (item) {
            var parent = item.get('parent');
            if (parent) {
              parent.removeChild(item, false);
            }
            if (item.get('dependencies')) {
              self._addDependency(item);
            }
            self._setEvn(item);
            el.appendChild(item.get('el'));
          });
          children.push.apply(children, items);
        } else {
          var item = items;
          var parent = item.get('parent');
          if (parent) {
            parent.removeChild(item, false);
          }
          self._setEvn(item);
          if (item.get('dependencies')) {
            self._addDependency(item);
          }
          el.appendChild(item.get('el'));
          children.push(item);
        }
        return self;
      },
      contain: function contain(item) {
        var children = this.get('children');
        return children.indexOf(item) > -1;
      },
      getChildByIndex: function getChildByIndex(index) {
        var children = this.get('children');
        return children[index];
      },
      getFirst: function getFirst() {
        return this.getChildByIndex(0);
      },
      getLast: function getLast() {
        var lastIndex = this.get('children').length - 1;
        return this.getChildByIndex(lastIndex);
      },
      _addDependency: function _addDependency(item) {
        var dependencies = item.get('dependencies');
        item.attr(dependencies);
        item.__cfg.dependencies = {};
      },
      _setEvn: function _setEvn(item) {
        var self = this;
        item.__cfg.parent = self;
        item.__cfg.parent = self;
        item.__cfg.canvas = self.__cfg.canvas;
        item.__cfg.defs = self.__cfg.defs;
        var clip = item.__attrs.clip;
        if (clip) {
          clip.setSilent('parent', self);
          clip.setSilent('context', self.get('context'));
        }
        var children = item.__cfg.children;
        if (children) {
          Util.each(children, function (child) {
            item._setEvn(child);
          });
        }
      },
      getCount: function getCount() {
        return this.get('children').length;
      },
      sort: function sort() {
        var children = this.get('children');
        // 稳定排序
        Util.each(children, function (child, index) {
          child[INDEX] = index;
          return child;
        });
21844
        children.sort(getComparer(function (obj1, obj2) {
          return obj1.get('zIndex') - obj2.get('zIndex');
        }));
21848
        return this;
      },
      findById: function findById(id) {
        return this.find(function (item) {
          return item.get('id') === id;
        });
      },
21856
      /**
       * 根据查找函数查找分组或者图形
       * @param  {Function} fn 匹配函数
       * @return {Canvas.Base} 分组或者图形
       */
      find: function find(fn) {
        if (Util.isString(fn)) {
          return this.findById(fn);
        }
        var children = this.get('children');
        var rst = null;
21868
        Util.each(children, function (item) {
          if (fn(item)) {
            rst = item;
          } else if (item.find) {
            rst = item.find(fn);
          }
          if (rst) {
            return false;
          }
        });
        return rst;
      },
21881
      /**
       * @param  {Function} fn filter mathod
       * @return {Array} all the matching shapes and groups
       */
      findAll: function findAll(fn) {
        var children = this.get('children');
        var rst = [];
        var childRst = [];
        Util.each(children, function (item) {
          if (fn(item)) {
            rst.push(item);
          }
          if (item.findAllBy) {
            childRst = item.findAllBy(fn);
            rst = rst.concat(childRst);
          }
        });
        return rst;
      },
21901
      /**
       * @Deprecated
       * @param  {Function} fn filter method
       * @return {Object} found shape or group
       */
      findBy: function findBy(fn) {
        var children = this.get('children');
        var rst = null;
21910
        Util.each(children, function (item) {
          if (fn(item)) {
            rst = item;
          } else if (item.findBy) {
            rst = item.findBy(fn);
          }
          if (rst) {
            return false;
          }
        });
        return rst;
      },
21923
      /**
       * @Deprecated
       * @param  {Function} fn filter mathod
       * @return {Array} all the matching shapes and groups
       */
      findAllBy: function findAllBy(fn) {
        var children = this.get('children');
        var rst = [];
        var childRst = [];
        Util.each(children, function (item) {
          if (fn(item)) {
            rst.push(item);
          }
          if (item.findAllBy) {
            childRst = item.findAllBy(fn);
            rst = rst.concat(childRst);
          }
        });
        return rst;
      },
21944
      // svg不进行拾取，仅保留接口
      getShape: function getShape() {
        return null;
      },
21949
      /**
       * 根据点击事件的element获取对应的图形对象
       * @param  {Object} el 点击的dom元素
       * @return {Object}  对应图形对象
       */
      findShape: function findShape(el) {
        if (this.__cfg.visible && this.__cfg.capture && this.get('el') === el) {
          return this;
        }
        var children = this.__cfg.children;
        var shape = null;
        for (var i = children.length - 1; i >= 0; i--) {
          var child = children[i];
          if (child.isGroup) {
            shape = child.findShape(el);
            shape = child.findShape(el);
          } else if (child.get('visible') && child.get('el') === el) {
            shape = child;
          }
          if (shape) {
            break;
          }
        }
        return shape;
      },
      clearTotalMatrix: function clearTotalMatrix() {
        var m = this.get('totalMatrix');
        if (m) {
          this.setSilent('totalMatrix', null);
          var children = this.__cfg.children;
          for (var i = 0; i < children.length; i++) {
            var child = children[i];
            child.clearTotalMatrix();
          }
        }
      },
      clear: function clear() {
        var children = this.get('children');
21988
        while (children.length !== 0) {
          children[children.length - 1].remove();
        }
        return this;
      },
      destroy: function destroy() {
        if (this.get('destroyed')) {
          return;
        }
        this.clear();
        Group.superclass.destroy.call(this);
      }
    });
22002
    module.exports = Group;
22004
    /***/
  },
  /* 29 */
  /***/function (module, exports, __webpack_require__) {
22009
    var MatrixUtil = __webpack_require__(2);
    var PathUtil = __webpack_require__(13);
    var Util = __webpack_require__(0);
    var d3Ease = __webpack_require__(75);
    var d3Timer = __webpack_require__(86);
22015
    var _require = __webpack_require__(89),
        interpolate = _require.interpolate,
        interpolateArray = _require.interpolateArray; // 目前整体动画只需要数值和数组的差值计算
22019
22020
    var ReservedProps = {
      delay: 'delay'
    };
    module.exports = {
      stopAnimate: function stopAnimate() {
        var self = this;
        var canvas = self.get('canvas');
        if (self.get('destroyed')) {
          return;
        }
        if (self.get('animating')) {
          var clip = self.attr('clip');
          // 如果 clip 在执行动画
          if (clip && clip.get('animating')) {
            clip.stopAnimate();
          }
          var timer = self.get('animateTimer');
          if (timer) {
            timer.stop();
            self.setSilent('animateTimer', null);
          }
          var animateCfg = self.get('animateCfg');
          if (animateCfg) {
            self.attr(animateCfg.toAttrs);
            if (animateCfg.toM) {
              self.setMatrix(animateCfg.toM);
            }
            if (animateCfg.callback) {
              animateCfg.callback();
            }
            self.setSilent('animateCfg', null);
          }
          self.setSilent('animating', false); // 动画停止
          canvas.draw();
        }
      },
22057
      /**
       * 执行动画
       * @param  {Object}   toProps  动画最终状态
       * @param  {Number}   duration 动画执行时间
       * @param  {String}   easing   动画缓动效果
       * @param  {Function} callback 动画执行后的回调
       * @param  {Number}   delay    动画延迟时间
       */
      animate: function animate(toProps, duration, easing, callback) {
        var delay = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
22068
        var self = this;
        var canvas = self.get('canvas');
        var formatProps = getFormatProps(toProps);
        var toAttrs = formatProps.attrs;
        var toM = formatProps.M;
        var fromAttrs = getfromAttrs(toAttrs);
        var fromM = Util.clone(self.getMatrix());
        var repeat = toProps.repeat;
        var timer = self.get('animateTimer');
        timer && timer.stop();
        // 可能不设置 easing
        if (Util.isNumber(callback)) {
          delay = callback;
          callback = null;
        }
        if (Util.isFunction(easing)) {
          callback = easing;
          easing = 'easeLinear';
        } else {
          easing = easing ? easing : 'easeLinear';
        }
22090
        self.setSilent('animating', true); // 处于动画状态
        self.setSilent('animateCfg', {
          toAttrs: toAttrs,
          toM: toM,
          callback: callback
        });
22097
        // 执行动画
        timer = d3Timer.timer(function (elapsed) {
          if (repeat) {
            excuteRepeat(elapsed);
          } else {
            excuteOnce(elapsed);
          }
        }, delay);
22106
        self.setSilent('animateTimer', timer);
22108
        function excuteRepeat(elapsed) {
          var ratio = elapsed % duration / duration;
          ratio = d3Ease[easing](ratio);
          update(ratio);
        }
22114
        function excuteOnce(elapsed) {
          var ratio = elapsed / duration;
          if (ratio < 1) {
            ratio = d3Ease[easing](ratio);
            update(ratio);
          } else {
            update(1); // 保证最后一帧的绘制
            callback && callback();
            self.setSilent('animating', false); // 动画停止
            self.setSilent('animateCfg', null);
            self.setSilent('animateTimer', null);
            timer.stop();
          }
        }
22129
        function update(ratio) {
          var cProps = {}; // 此刻属性
          if (self.get('destroyed')) {
            return;
          }
          var interf = void 0; //  差值函数
22136
          for (var k in toAttrs) {
            if (!Util.isEqual(fromAttrs[k], toAttrs[k])) {
              if (k === 'path') {
                var toPath = PathUtil.parsePathString(toAttrs[k]); // 终点状态
                var fromPath = PathUtil.parsePathString(fromAttrs[k]); // 起始状态
                cProps[k] = [];
                for (var i = 0; i < toPath.length; i++) {
                  var toPathPoint = toPath[i];
                  var fromPathPoint = fromPath[i];
                  var cPathPoint = [];
                  for (var j = 0; j < toPathPoint.length; j++) {
                    if (Util.isNumber(toPathPoint[j]) && fromPathPoint) {
                      interf = interpolate(fromPathPoint[j], toPathPoint[j]);
                      cPathPoint.push(interf(ratio));
                    } else {
                      cPathPoint.push(toPathPoint[j]);
                    }
                  }
                  cProps[k].push(cPathPoint);
                }
              } else {
                interf = interpolate(fromAttrs[k], toAttrs[k]);
                cProps[k] = interf(ratio);
              }
            }
          }
          if (toM) {
            var mf = interpolateArray(fromM, toM);
            var cM = mf(ratio);
            self.setMatrix(cM);
          }
          self.attr(cProps);
          canvas.draw();
        }
22171
        function getFormatProps(props) {
          var rst = {
            M: null,
            attrs: {}
          };
          for (var k in props) {
            if (k === 'transform') {
              rst.M = MatrixUtil.transform(self.getMatrix(), props[k]);
            } else if (k === 'matrix') {
              rst.M = props[k];
            } else if (!ReservedProps[k]) {
              rst.attrs[k] = props[k];
            }
          }
          return rst;
        }
22188
        function getfromAttrs(toAttrs) {
          var rst = {};
          for (var k in toAttrs) {
            rst[k] = self.attr(k);
          }
          return rst;
        }
      }
    };
22198
    /***/
  },
  /* 30 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
22203
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "a", function () {
      return deg2rad;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "b", function () {
      return rad2deg;
    });
    var deg2rad = Math.PI / 180;
    var rad2deg = 180 / Math.PI;
22214
    /***/
  },
  /* 31 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
22219
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "b", function () {
      return rgbBasis;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "c", function () {
      return rgbBasisClosed;
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__basis__ = __webpack_require__(18);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_2__basisClosed__ = __webpack_require__(32);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_3__color__ = __webpack_require__(8);
22232
    /* harmony default export */__webpack_exports__["a"] = function rgbGamma(y) {
      var color = Object(__WEBPACK_IMPORTED_MODULE_3__color__["b" /* gamma */])(y);
22235
      function rgb(start, end) {
        var r = color((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(start)).r, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(end)).r),
            g = color(start.g, end.g),
            b = color(start.b, end.b),
            opacity = Object(__WEBPACK_IMPORTED_MODULE_3__color__["a" /* default */])(start.opacity, end.opacity);
        return function (t) {
          start.r = r(t);
          start.g = g(t);
          start.b = b(t);
          start.opacity = opacity(t);
          return start + "";
        };
      }
22249
      rgb.gamma = rgbGamma;
22251
      return rgb;
    }(1);
22254
    function rgbSpline(spline) {
      return function (colors) {
        var n = colors.length,
            r = new Array(n),
            g = new Array(n),
            b = new Array(n),
            i,
            color;
        for (i = 0; i < n; ++i) {
          color = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(colors[i]);
          r[i] = color.r || 0;
          g[i] = color.g || 0;
          b[i] = color.b || 0;
        }
        r = spline(r);
        g = spline(g);
        b = spline(b);
        color.opacity = 1;
        return function (t) {
          color.r = r(t);
          color.g = g(t);
          color.b = b(t);
          return color + "";
        };
      };
    }
22281
    var rgbBasis = rgbSpline(__WEBPACK_IMPORTED_MODULE_1__basis__["b" /* default */]);
    var rgbBasisClosed = rgbSpline(__WEBPACK_IMPORTED_MODULE_2__basisClosed__["a" /* default */]);
22284
    /***/
  },
  /* 32 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
22289
    "use strict";
    /* harmony import */
    var __WEBPACK_IMPORTED_MODULE_0__basis__ = __webpack_require__(18);
22293
    /* harmony default export */__webpack_exports__["a"] = function (values) {
      var n = values.length;
      return function (t) {
        var i = Math.floor(((t %= 1) < 0 ? ++t : t) * n),
            v0 = values[(i + n - 1) % n],
            v1 = values[i % n],
            v2 = values[(i + 1) % n],
            v3 = values[(i + 2) % n];
        return Object(__WEBPACK_IMPORTED_MODULE_0__basis__["a" /* basis */])((t - i / n) * n, v0, v1, v2, v3);
      };
    };
22305
    /***/
  },
  /* 33 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
22310
    "use strict";
    /* harmony default export */
    __webpack_exports__["a"] = function (x) {
      return function () {
        return x;
      };
    };
22318
    /***/
  },
  /* 34 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
22323
    "use strict";
    /* harmony import */
    var __WEBPACK_IMPORTED_MODULE_0__value__ = __webpack_require__(15);
22327
    /* harmony default export */__webpack_exports__["a"] = function (a, b) {
      var nb = b ? b.length : 0,
          na = a ? Math.min(nb, a.length) : 0,
          x = new Array(na),
          c = new Array(nb),
          i;
22334
      for (i = 0; i < na; ++i) {
        x[i] = Object(__WEBPACK_IMPORTED_MODULE_0__value__["a" /* default */])(a[i], b[i]);
      }for (; i < nb; ++i) {
        c[i] = b[i];
      }return function (t) {
        for (i = 0; i < na; ++i) {
          c[i] = x[i](t);
        }return c;
      };
    };
22345
    /***/
  },
  /* 35 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
22350
    "use strict";
    /* harmony default export */
    __webpack_exports__["a"] = function (a, b) {
      var d = new Date();
      return a = +a, b -= a, function (t) {
        return d.setTime(a + b * t), d;
      };
    };
22359
    /***/
  },
  /* 36 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
22364
    "use strict";
    /* harmony import */
    var __WEBPACK_IMPORTED_MODULE_0__value__ = __webpack_require__(15);
    var _typeof = typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    };
22373
    /* harmony default export */__webpack_exports__["a"] = function (a, b) {
      var i = {},
          c = {},
          k;
22378
      if (a === null || (typeof a === "undefined" ? "undefined" : _typeof(a)) !== "object") a = {};
      if (b === null || (typeof b === "undefined" ? "undefined" : _typeof(b)) !== "object") b = {};
22381
      for (k in b) {
        if (k in a) {
          i[k] = Object(__WEBPACK_IMPORTED_MODULE_0__value__["a" /* default */])(a[k], b[k]);
        } else {
          c[k] = b[k];
        }
      }
22389
      return function (t) {
        for (k in i) {
          c[k] = i[k](t);
        }return c;
      };
    };
22396
    /***/
  },
  /* 37 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
22401
    "use strict";
    /* harmony import */
    var __WEBPACK_IMPORTED_MODULE_0__number__ = __webpack_require__(9);
22405
    var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,
        reB = new RegExp(reA.source, "g");
22408
    function zero(b) {
      return function () {
        return b;
      };
    }
22414
    function one(b) {
      return function (t) {
        return b(t) + "";
      };
    }
22420
    /* harmony default export */__webpack_exports__["a"] = function (a, b) {
      var bi = reA.lastIndex = reB.lastIndex = 0,
22423
      // scan index for next number in b
      am,
22426
      // current match in a
      bm,
22429
      // current match in b
      bs,
22432
      // string preceding current number in b, if any
      i = -1,
22435
      // index in s
      s = [],
22438
      // string constants and placeholders
      q = []; // number interpolators
22441
      // Coerce inputs to strings.
      a = a + "", b = b + "";
22444
      // Interpolate pairs of numbers in a & b.
      while ((am = reA.exec(a)) && (bm = reB.exec(b))) {
        if ((bs = bm.index) > bi) {
          // a string precedes the next number in b
          bs = b.slice(bi, bs);
          if (s[i]) s[i] += bs; // coalesce with previous string
          else s[++i] = bs;
        }
        if ((am = am[0]) === (bm = bm[0])) {
          // numbers in a & b match
          if (s[i]) s[i] += bm; // coalesce with previous string
          else s[++i] = bm;
        } else {
          // interpolate non-matching numbers
          s[++i] = null;
          q.push({ i: i, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(am, bm) });
        }
        bi = reB.lastIndex;
      }
22464
      // Add remains of b.
      if (bi < b.length) {
        bs = b.slice(bi);
        if (s[i]) s[i] += bs; // coalesce with previous string
        else s[++i] = bs;
      }
22471
      // Special optimization for only a single match.
      // Otherwise, interpolate each of the numbers and rejoin the string.
      return s.length < 2 ? q[0] ? one(q[0].x) : zero(b) : (b = q.length, function (t) {
        for (var i = 0, o; i < b; ++i) {
          s[(o = q[i]).i] = o.x(t);
        }return s.join("");
      });
    };
22480
    /***/
  },
  /* 38 */
  /***/function (module, exports, __webpack_require__) {
22485
    var __WEBPACK_AMD_DEFINE_RESULT__;var _typeof = typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    };
22491
    /*!
     * EventEmitter v5.1.0 - git.io/ee
     * Unlicense - http://unlicense.org/
     * Oliver Caldwell - http://oli.me.uk/
     * @preserve
     */
22498
    ;(function (exports) {
      'use strict';
22501
      /**
       * Class for managing events.
       * Can be extended to provide event functionality in other classes.
       *
       * @class EventEmitter Manages event registering and emitting.
       */
22508
      function EventEmitter() {}
22510
      // Shortcuts to improve speed and size
      var proto = EventEmitter.prototype;
      var originalGlobalValue = exports.EventEmitter;
22514
      /**
       * Finds the index of the listener for the event in its storage array.
       *
       * @param {Function[]} listeners Array of listeners to search through.
       * @param {Function} listener Method to look for.
       * @return {Number} Index of the specified listener, -1 if not found
       * @api private
       */
      function indexOfListener(listeners, listener) {
        var i = listeners.length;
        while (i--) {
          if (listeners[i].listener === listener) {
            return i;
          }
        }
22530
        return -1;
      }
22533
      /**
       * Alias a method while keeping the context correct, to allow for overwriting of target method.
       *
       * @param {String} name The name of the target method.
       * @return {Function} The aliased method
       * @api private
       */
      function alias(name) {
        return function aliasClosure() {
          return this[name].apply(this, arguments);
        };
      }
22546
      /**
       * Returns the listener array for the specified event.
       * Will initialise the event object and listener arrays if required.
       * Will return an object if you use a regex search. The object contains keys for each matched event. So /ba[rz]/ might return an object containing bar and baz. But only if you have either defined them with defineEvent or added some listeners to them.
       * Each property in the object response is an array of listener functions.
       *
       * @param {String|RegExp} evt Name of the event to return the listeners from.
       * @return {Function[]|Object} All listener functions for the event.
       */
      proto.getListeners = function getListeners(evt) {
        var events = this._getEvents();
        var response;
        var key;
22560
        // Return a concatenated array of all matching events if
        // the selector is a regular expression.
        if (evt instanceof RegExp) {
          response = {};
          for (key in events) {
            if (events.hasOwnProperty(key) && evt.test(key)) {
              response[key] = events[key];
            }
          }
        } else {
          response = events[evt] || (events[evt] = []);
        }
22573
        return response;
      };
22576
      /**
       * Takes a list of listener objects and flattens it into a list of listener functions.
       *
       * @param {Object[]} listeners Raw listener objects.
       * @return {Function[]} Just the listener functions.
       */
      proto.flattenListeners = function flattenListeners(listeners) {
        var flatListeners = [];
        var i;
22586
        for (i = 0; i < listeners.length; i += 1) {
          flatListeners.push(listeners[i].listener);
        }
22590
        return flatListeners;
      };
22593
      /**
       * Fetches the requested listeners via getListeners but will always return the results inside an object. This is mainly for internal use but others may find it useful.
       *
       * @param {String|RegExp} evt Name of the event to return the listeners from.
       * @return {Object} All listener functions for an event in an object.
       */
      proto.getListenersAsObject = function getListenersAsObject(evt) {
        var listeners = this.getListeners(evt);
        var response;
22603
        if (listeners instanceof Array) {
          response = {};
          response[evt] = listeners;
        }
22608
        return response || listeners;
      };
22611
      function isValidListener(listener) {
        if (typeof listener === 'function' || listener instanceof RegExp) {
          return true;
        } else if (listener && (typeof listener === 'undefined' ? 'undefined' : _typeof(listener)) === 'object') {
          return isValidListener(listener.listener);
        } else {
          return false;
        }
      }
22621
      /**
       * Adds a listener function to the specified event.
       * The listener will not be added if it is a duplicate.
       * If the listener returns true then it will be removed after it is called.
       * If you pass a regular expression as the event name then the listener will be added to all events that match it.
       *
       * @param {String|RegExp} evt Name of the event to attach the listener to.
       * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.addListener = function addListener(evt, listener) {
        if (!isValidListener(listener)) {
          throw new TypeError('listener must be a function');
        }
22636
        var listeners = this.getListenersAsObject(evt);
        var listenerIsWrapped = (typeof listener === 'undefined' ? 'undefined' : _typeof(listener)) === 'object';
        var key;
22640
        for (key in listeners) {
          if (listeners.hasOwnProperty(key) && indexOfListener(listeners[key], listener) === -1) {
            listeners[key].push(listenerIsWrapped ? listener : {
              listener: listener,
              once: false
            });
          }
        }
22649
        return this;
      };
22652
      /**
       * Alias of addListener
       */
      proto.on = alias('addListener');
22657
      /**
       * Semi-alias of addListener. It will add a listener that will be
       * automatically removed after its first execution.
       *
       * @param {String|RegExp} evt Name of the event to attach the listener to.
       * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.addOnceListener = function addOnceListener(evt, listener) {
        return this.addListener(evt, {
          listener: listener,
          once: true
        });
      };
22672
      /**
       * Alias of addOnceListener.
       */
      proto.once = alias('addOnceListener');
22677
      /**
       * Defines an event name. This is required if you want to use a regex to add a listener to multiple events at once. If you don't do this then how do you expect it to know what event to add to? Should it just add to every possible match for a regex? No. That is scary and bad.
       * You need to tell it what event names should be matched by a regex.
       *
       * @param {String} evt Name of the event to create.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.defineEvent = function defineEvent(evt) {
        this.getListeners(evt);
        return this;
      };
22689
      /**
       * Uses defineEvent to define multiple events.
       *
       * @param {String[]} evts An array of event names to define.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.defineEvents = function defineEvents(evts) {
        for (var i = 0; i < evts.length; i += 1) {
          this.defineEvent(evts[i]);
        }
        return this;
      };
22702
      /**
       * Removes a listener function from the specified event.
       * When passed a regular expression as the event name, it will remove the listener from all events that match it.
       *
       * @param {String|RegExp} evt Name of the event to remove the listener from.
       * @param {Function} listener Method to remove from the event.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.removeListener = function removeListener(evt, listener) {
        var listeners = this.getListenersAsObject(evt);
        var index;
        var key;
22715
        for (key in listeners) {
          if (listeners.hasOwnProperty(key)) {
            index = indexOfListener(listeners[key], listener);
22719
            if (index !== -1) {
              listeners[key].splice(index, 1);
            }
          }
        }
22725
        return this;
      };
22728
      /**
       * Alias of removeListener
       */
      proto.off = alias('removeListener');
22733
      /**
       * Adds listeners in bulk using the manipulateListeners method.
       * If you pass an object as the second argument you can add to multiple events at once. The object should contain key value pairs of events and listeners or listener arrays. You can also pass it an event name and an array of listeners to be added.
       * You can also pass it a regular expression to add the array of listeners to all events that match it.
       * Yeah, this function does quite a bit. That's probably a bad thing.
       *
       * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add to multiple events at once.
       * @param {Function[]} [listeners] An optional array of listener functions to add.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.addListeners = function addListeners(evt, listeners) {
        // Pass through to manipulateListeners
        return this.manipulateListeners(false, evt, listeners);
      };
22748
      /**
       * Removes listeners in bulk using the manipulateListeners method.
       * If you pass an object as the second argument you can remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.
       * You can also pass it an event name and an array of listeners to be removed.
       * You can also pass it a regular expression to remove the listeners from all events that match it.
       *
       * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to remove from multiple events at once.
       * @param {Function[]} [listeners] An optional array of listener functions to remove.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.removeListeners = function removeListeners(evt, listeners) {
        // Pass through to manipulateListeners
        return this.manipulateListeners(true, evt, listeners);
      };
22763
      /**
       * Edits listeners in bulk. The addListeners and removeListeners methods both use this to do their job. You should really use those instead, this is a little lower level.
       * The first argument will determine if the listeners are removed (true) or added (false).
       * If you pass an object as the second argument you can add/remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.
       * You can also pass it an event name and an array of listeners to be added/removed.
       * You can also pass it a regular expression to manipulate the listeners of all events that match it.
       *
       * @param {Boolean} remove True if you want to remove listeners, false if you want to add.
       * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add/remove from multiple events at once.
       * @param {Function[]} [listeners] An optional array of listener functions to add/remove.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.manipulateListeners = function manipulateListeners(remove, evt, listeners) {
        var i;
        var value;
        var single = remove ? this.removeListener : this.addListener;
        var multiple = remove ? this.removeListeners : this.addListeners;
22781
        // If evt is an object then pass each of its properties to this method
        if ((typeof evt === 'undefined' ? 'undefined' : _typeof(evt)) === 'object' && !(evt instanceof RegExp)) {
          for (i in evt) {
            if (evt.hasOwnProperty(i) && (value = evt[i])) {
              // Pass the single listener straight through to the singular method
              if (typeof value === 'function') {
                single.call(this, i, value);
              } else {
                // Otherwise pass back to the multiple function
                multiple.call(this, i, value);
              }
            }
          }
        } else {
          // So evt must be a string
          // And listeners must be an array of listeners
          // Loop over it and pass each one to the multiple method
          i = listeners.length;
          while (i--) {
            single.call(this, evt, listeners[i]);
          }
        }
22804
        return this;
      };
22807
      /**
       * Removes all listeners from a specified event.
       * If you do not specify an event then all listeners will be removed.
       * That means every event will be emptied.
       * You can also pass a regex to remove all events that match it.
       *
       * @param {String|RegExp} [evt] Optional name of the event to remove all listeners for. Will remove from every event if not passed.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.removeEvent = function removeEvent(evt) {
        var type = typeof evt === 'undefined' ? 'undefined' : _typeof(evt);
        var events = this._getEvents();
        var key;
22821
        // Remove different things depending on the state of evt
        if (type === 'string') {
          // Remove all listeners for the specified event
          delete events[evt];
        } else if (evt instanceof RegExp) {
          // Remove all events matching the regex.
          for (key in events) {
            if (events.hasOwnProperty(key) && evt.test(key)) {
              delete events[key];
            }
          }
        } else {
          // Remove all listeners in all events
          delete this._events;
        }
22837
        return this;
      };
22840
      /**
       * Alias of removeEvent.
       *
       * Added to mirror the node API.
       */
      proto.removeAllListeners = alias('removeEvent');
22847
      /**
       * Emits an event of your choice.
       * When emitted, every listener attached to that event will be executed.
       * If you pass the optional argument array then those arguments will be passed to every listener upon execution.
       * Because it uses `apply`, your array of arguments will be passed as if you wrote them out separately.
       * So they will not arrive within the array on the other side, they will be separate.
       * You can also pass a regular expression to emit to all events that match it.
       *
       * @param {String|RegExp} evt Name of the event to emit and execute listeners for.
       * @param {Array} [args] Optional array of arguments to be passed to each listener.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.emitEvent = function emitEvent(evt, args) {
        var listenersMap = this.getListenersAsObject(evt);
        var listeners;
        var listener;
        var i;
        var key;
        var response;
22867
        for (key in listenersMap) {
          if (listenersMap.hasOwnProperty(key)) {
            listeners = listenersMap[key].slice(0);
22871
            for (i = 0; i < listeners.length; i++) {
              // If the listener returns true then it shall be removed from the event
              // The function is executed either with a basic call or an apply if there is an args array
              listener = listeners[i];
22876
              if (listener.once === true) {
                this.removeListener(evt, listener.listener);
              }
22880
              response = listener.listener.apply(this, args || []);
22882
              if (response === this._getOnceReturnValue()) {
                this.removeListener(evt, listener.listener);
              }
            }
          }
        }
22889
        return this;
      };
22892
      /**
       * Alias of emitEvent
       */
      proto.trigger = alias('emitEvent');
22897
      /**
       * Subtly different from emitEvent in that it will pass its arguments on to the listeners, as opposed to taking a single array of arguments to pass on.
       * As with emitEvent, you can pass a regex in place of the event name to emit to all events that match it.
       *
       * @param {String|RegExp} evt Name of the event to emit and execute listeners for.
       * @param {...*} Optional additional arguments to be passed to each listener.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.emit = function emit(evt) {
        var args = Array.prototype.slice.call(arguments, 1);
        return this.emitEvent(evt, args);
      };
22910
      /**
       * Sets the current value to check against when executing listeners. If a
       * listeners return value matches the one set here then it will be removed
       * after execution. This value defaults to true.
       *
       * @param {*} value The new value to check for when executing listeners.
       * @return {Object} Current instance of EventEmitter for chaining.
       */
      proto.setOnceReturnValue = function setOnceReturnValue(value) {
        this._onceReturnValue = value;
        return this;
      };
22923
      /**
       * Fetches the current value to check against when executing listeners. If
       * the listeners return value matches this one then it should be removed
       * automatically. It will return true by default.
       *
       * @return {*|Boolean} The current value to check for or the default, true.
       * @api private
       */
      proto._getOnceReturnValue = function _getOnceReturnValue() {
        if (this.hasOwnProperty('_onceReturnValue')) {
          return this._onceReturnValue;
        } else {
          return true;
        }
      };
22939
      /**
       * Fetches the events object and creates one if required.
       *
       * @return {Object} The events storage object.
       * @api private
       */
      proto._getEvents = function _getEvents() {
        return this._events || (this._events = {});
      };
22949
      /**
       * Reverts the global {@link EventEmitter} to its previous value and returns a reference to this version.
       *
       * @return {Function} Non conflicting EventEmitter class.
       */
      EventEmitter.noConflict = function noConflict() {
        exports.EventEmitter = originalGlobalValue;
        return EventEmitter;
      };
22959
      // Expose the class either via AMD, CommonJS or the global object
      if (true) {
        !(__WEBPACK_AMD_DEFINE_RESULT__ = function () {
          return EventEmitter;
        }.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
      } else if ((typeof module === 'undefined' ? 'undefined' : _typeof(module)) === 'object' && module.exports) {
        module.exports = EventEmitter;
      } else {
        exports.EventEmitter = EventEmitter;
      }
    })(this || {});
22971
    /***/
  },
  /* 39 */
  /***/function (module, exports, __webpack_require__) {
22976
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
22979
    var Rect = function Rect(cfg) {
      Rect.superclass.constructor.call(this, cfg);
    };
22983
    Rect.ATTRS = {
      x: 0,
      y: 0,
      width: 0,
      height: 0,
      radius: 0,
      lineWidth: 1,
      fill: 'none'
    };
22993
    Util.extend(Rect, Shape);
22995
    Util.augment(Rect, {
      canFill: true,
      canStroke: true,
      type: 'rect',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          fill: 'none'
        };
      },
      _afterSetRadius: function _afterSetRadius() {
        var el = this.get('el');
        el.setAttribute('rx', this.__attrs.radius);
        el.setAttribute('ry', this.__attrs.radius);
      },
      _afterSetAttrAll: function _afterSetAttrAll(objs) {
        if ('radius' in objs) {
          this._afterSetRadius();
        }
      }
    });
23017
    module.exports = Rect;
23019
    /***/
  },
  /* 40 */
  /***/function (module, exports, __webpack_require__) {
23024
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23027
    var Circle = function Circle(cfg) {
      Circle.superclass.constructor.call(this, cfg);
    };
23031
    Circle.ATTRS = {
      x: 0,
      y: 0,
      r: 0,
      lineWidth: 1
    };
23038
    Util.extend(Circle, Shape);
23040
    Util.augment(Circle, {
      canFill: true,
      canStroke: true,
      type: 'circle',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          fill: 'none'
        };
      }
    });
23052
    module.exports = Circle;
23054
    /***/
  },
  /* 41 */
  /***/function (module, exports, __webpack_require__) {
23059
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23062
    var Ellipse = function Ellipse(cfg) {
      Ellipse.superclass.constructor.call(this, cfg);
    };
23066
    Ellipse.ATTRS = {
      x: 0,
      y: 0,
      rx: 1,
      ry: 1,
      lineWidth: 1
    };
23074
    Util.extend(Ellipse, Shape);
23076
    Util.augment(Ellipse, {
      canFill: true,
      canStroke: true,
      type: 'ellipse',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1
        };
      }
    });
23087
    module.exports = Ellipse;
23089
    /***/
  },
  /* 42 */
  /***/function (module, exports, __webpack_require__) {
23094
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23097
    var Path = function Path(cfg) {
      Path.superclass.constructor.call(this, cfg);
    };
23101
    function at(p0, p1, p2, p3, t) {
      var onet = 1 - t;
      return onet * onet * (onet * p3 + 3 * t * p2) + t * t * (t * p0 + 3 * onet * p1);
    }
23106
    Path.ATTRS = {
      path: null,
      lineWidth: 1,
      curve: null, // 曲线path
      tCache: null,
      startArrow: false,
      endArrow: false
    };
23115
    Util.extend(Path, Shape);
23117
    Util.augment(Path, {
      canFill: true,
      canStroke: true,
      type: 'path',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          fill: 'none',
          startArrow: false,
          endArrow: false
        };
      },
      _afterSetAttrStroke: function _afterSetAttrStroke(value) {
        var start = this.get('marker-start');
        var end = this.get('marker-end');
        if (start) {
          this.get('defs').findById(start).update(null, value);
        }
        if (end) {
          this.get('defs').findById(end).update(null, value);
        }
      },
      _afterSetAttrPath: function _afterSetAttrPath(value) {
        var el = this.get('el');
        var d = value;
        if (Util.isArray(d)) {
          d = d.map(function (path) {
            return path.join(' ');
          }).join('');
        }
        if (~d.indexOf('NaN')) {
          el.setAttribute('d', '');
        } else {
          el.setAttribute('d', d);
        }
      },
      _afterSetAttrAll: function _afterSetAttrAll(objs) {
        if (objs.path) {
          this._afterSetAttrPath(objs.path);
        }
        if (objs.stroke) {
          this._afterSetAttrStroke(objs.stroke);
        }
      },
      getPoint: function getPoint(t) {
        var tCache = this.tCache;
        var subt = void 0;
        var index = void 0;
23166
        if (!tCache) {
          this._calculateCurve();
          this._setTcache();
          tCache = this.tCache;
        }
23172
        var curve = this.curve;
23174
        if (!tCache) {
          if (curve) {
            return {
              x: curve[0][1],
              y: curve[0][2]
            };
          }
          return null;
        }
        Util.each(tCache, function (v, i) {
          if (t >= v[0] && t <= v[1]) {
            subt = (t - v[0]) / (v[1] - v[0]);
            index = i;
          }
        });
        var seg = curve[index];
        if (Util.isNil(seg) || Util.isNil(index)) {
          return null;
        }
        var l = seg.length;
        var nextSeg = curve[index + 1];
23196
        return {
          x: at(seg[l - 2], nextSeg[1], nextSeg[3], nextSeg[5], 1 - subt),
          y: at(seg[l - 1], nextSeg[2], nextSeg[4], nextSeg[6], 1 - subt)
        };
      },
      createPath: function createPath() {}
    });
23204
    module.exports = Path;
23206
    /***/
  },
  /* 43 */
  /***/function (module, exports, __webpack_require__) {
23211
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23214
    var CText = function CText(cfg) {
      CText.superclass.constructor.call(this, cfg);
    };
23218
    var BASELINE_MAP = {
      top: 'before-edge',
      middle: 'central',
      bottom: 'after-edge',
      alphabetic: 'baseline',
      hanging: 'hanging'
    };
23226
    var ANCHOR_MAP = {
      left: 'left',
      start: 'left',
      center: 'middle',
      right: 'end',
      end: 'end'
    };
23234
    CText.ATTRS = {
      x: 0,
      y: 0,
      text: null,
      fontSize: 12,
      fontFamily: 'sans-serif',
      fontStyle: 'normal',
      fontWeight: 'normal',
      fontVariant: 'normal',
      textAlign: 'start',
      textBaseline: 'bottom',
      lineHeight: null,
      textArr: null
    };
23249
    Util.extend(CText, Shape);
23251
    Util.augment(CText, {
      canFill: true,
      canStroke: true,
      type: 'text',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          lineCount: 1,
          fontSize: 12,
          fill: '#000',
          fontFamily: 'sans-serif',
          fontStyle: 'normal',
          fontWeight: 'normal',
          fontVariant: 'normal',
          textAlign: 'start',
          textBaseline: 'bottom'
        };
      },
      initTransform: function initTransform() {
        this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
        var fontSize = this.__attrs.fontSize;
        if (fontSize && +fontSize < 12) {
          // 小于 12 像素的文本进行 scale 处理
          this.transform([['t', -1 * this.__attrs.x, -1 * this.__attrs.y], ['s', +fontSize / 12, +fontSize / 12], ['t', this.__attrs.x, this.__attrs.y]]);
        }
      },
      _assembleFont: function _assembleFont() {
        var el = this.get('el');
        var attrs = this.__attrs;
        var fontSize = attrs.fontSize;
        var fontFamily = attrs.fontFamily;
        var fontWeight = attrs.fontWeight;
        var fontStyle = attrs.fontStyle; // self.attr('fontStyle');
        var fontVariant = attrs.fontVariant; // self.attr('fontVariant');
        // self.attr('font', [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' '));
        var font = [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' ');
        attrs.font = font;
        el.setAttribute('font', attrs.font);
      },
      _afterSetAttrFontSize: function _afterSetAttrFontSize() {
        /* this.attr({
          height: this._getTextHeight()
        }); */
        this._assembleFont();
      },
      _afterSetAttrFontFamily: function _afterSetAttrFontFamily() {
        this._assembleFont();
      },
      _afterSetAttrFontWeight: function _afterSetAttrFontWeight() {
        this._assembleFont();
      },
      _afterSetAttrFontStyle: function _afterSetAttrFontStyle() {
        this._assembleFont();
      },
      _afterSetAttrFontVariant: function _afterSetAttrFontVariant() {
        this._assembleFont();
      },
      _afterSetAttrTextAlign: function _afterSetAttrTextAlign() {
        // 由于本身不支持设置direction，所以left = start, right = end。之后看是否需要根据direction判断
        var attr = this.__attrs.textAlign;
        var el = this.get('el');
        el.setAttribute('text-anchor', ANCHOR_MAP[attr]);
      },
      _afterSetAttrTextBaseLine: function _afterSetAttrTextBaseLine() {
        var attr = this.__attrs.textBaseline;
        this.get('el').setAttribute('alignment-baseline', BASELINE_MAP[attr] || 'baseline');
      },
      _afterSetAttrText: function _afterSetAttrText(text) {
        var attrs = this.__attrs;
        var textArr = void 0;
        if (Util.isString(text) && text.indexOf('\n') !== -1) {
          textArr = text.split('\n');
          var lineCount = textArr.length;
          attrs.lineCount = lineCount;
          attrs.textArr = textArr;
        }
        var el = this.get('el');
        if (~['undefined', 'null', 'NaN'].indexOf(String(text)) && el) {
          el.innerHTML = '';
        } else if (~text.indexOf('\n')) {
          textArr = text.split('\n');
          attrs.lineCount = textArr.length;
          attrs.textArr = textArr;
          var arr = '';
          Util.each(textArr, function (segment, i) {
            arr += '<tspan x="0" y="' + (i + 1) + 'em">' + segment + '</tspan>';
          });
          el.innerHTML = arr;
        } else {
          el.innerHTML = text;
        }
      },
      _afterSetAttrOutline: function _afterSetAttrOutline(val) {
        var el = this.get('el');
        if (!val) {
          el.setAttribute('paint-order', 'normal');
        }
        var stroke = val.stroke || '#000';
        var fill = val.fill || this.__attrs.stroke;
        var lineWidth = val.lineWidth || this.__attrs.lineWidth * 2;
        el.setAttribute('paint-order', 'stroke');
        el.setAttribute('style', 'stroke-linecap:butt; stroke-linejoin:miter;');
        el.setAttribute('stroke', stroke);
        el.setAttribute('fill', fill);
        el.setAttribute('stroke-width', lineWidth);
      },
23358
      // 计算浪费，效率低，待优化
      _afterSetAttrAll: function _afterSetAttrAll(objs) {
        var self = this;
        if ('fontSize' in objs || 'fontWeight' in objs || 'fontStyle' in objs || 'fontVariant' in objs || 'fontFamily' in objs) {
          self._assembleFont();
        }
        if ('textAlign' in objs) {
          this._afterSetAttrTextAlign();
        }
        if ('textBaseline' in objs) {
          this._afterSetAttrTextBaseLine();
        }
        if ('text' in objs) {
          self._afterSetAttrText(objs.text);
        }
        if ('outline' in objs) {
          self._afterSetAttrOutline(objs.outline);
        }
      }
    });
23379
    module.exports = CText;
23381
    /***/
  },
  /* 44 */
  /***/function (module, exports, __webpack_require__) {
23386
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23389
    var Line = function Line(cfg) {
      Line.superclass.constructor.call(this, cfg);
    };
23393
    Line.ATTRS = {
      x1: 0,
      y1: 0,
      x2: 0,
      y2: 0,
      lineWidth: 1,
      startArrow: false,
      endArrow: false
    };
23403
    Util.extend(Line, Shape);
23405
    Util.augment(Line, {
      canStroke: true,
      type: 'line',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          stroke: '#000',
          startArrow: false,
          endArrow: false
        };
      },
      _afterSetAttrStroke: function _afterSetAttrStroke(value) {
        var start = this.get('marker-start');
        var end = this.get('marker-end');
        if (start) {
          this.get('defs').findById(start).update(value);
        }
        if (end) {
          this.get('defs').findById(end).update(value);
        }
      },
      _afterSetAttrAll: function _afterSetAttrAll(objs) {
        if (objs.stroke) {
          this._afterSetAttrStroke(objs.stroke);
        }
      },
      createPath: function createPath() {},
      getPoint: function getPoint(t) {
        var attrs = this.__attrs;
        return {
          x: (attrs.x2 - attrs.x1) * t + attrs.x1,
          y: (attrs.y2 - attrs.y1) * t + attrs.y1
        };
      }
    });
23441
    module.exports = Line;
23443
    /***/
  },
  /* 45 */
  /***/function (module, exports, __webpack_require__) {
23448
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23451
    var CImage = function CImage(cfg) {
      CImage.superclass.constructor.call(this, cfg);
    };
23455
    CImage.ATTRS = {
      x: 0,
      y: 0,
      img: undefined,
      width: 0,
      height: 0,
      sx: null,
      sy: null,
      swidth: null,
      sheight: null
    };
23467
    Util.extend(CImage, Shape);
23469
    Util.augment(CImage, {
      type: 'image',
      _afterSetAttrImg: function _afterSetAttrImg(img) {
        this._setAttrImg(img);
      },
      _afterSetAttrAll: function _afterSetAttrAll(params) {
        if (params.img) {
          this._setAttrImg(params.img);
        }
      },
      _setAttrImg: function _setAttrImg(image) {
        var self = this;
        var el = this.get('el');
        var attrs = self.__attrs;
        var img = image;
23485
        if (Util.isString(img)) {
          // 如果传入的
          el.setAttribute('href', img);
        } else if (img instanceof Image) {
          if (!attrs.width) {
            self.attr('width', img.width);
          }
          if (!attrs.height) {
            self.attr('height', img.height);
          }
          el.setAttribute('href', img.src);
        } else if (img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
          el.setAttribute('href', img.toDataURL());
        } else if (img instanceof ImageData) {
          var canvas = document.createElement('canvas');
          canvas.setAttribute('width', img.width);
          canvas.setAttribute('height', img.height);
          canvas.getContext('2d').putImageData(img, 0, 0);
          if (!attrs.width) {
            self.attr('width', img.width);
          }
23507
          if (!attrs.height) {
            self.attr('height', img.height);
          }
          el.setAttribute('href', canvas.toDataURL());
        }
      },
      drawInner: function drawInner() {}
    });
23516
    module.exports = CImage;
23518
    /***/
  },
  /* 46 */
  /***/function (module, exports, __webpack_require__) {
23523
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23526
    var Polygon = function Polygon(cfg) {
      Polygon.superclass.constructor.call(this, cfg);
    };
23530
    Polygon.ATTRS = {
      points: null,
      lineWidth: 1
    };
23535
    Util.extend(Polygon, Shape);
23537
    Util.augment(Polygon, {
      canFill: true,
      canStroke: true,
      type: 'polygon',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          fill: 'none'
        };
      },
      _afterSetAttrPoints: function _afterSetAttrPoints() {
        var value = this.__attrs.points;
        var el = this.get('el');
        var points = value;
        if (!value || value.length === 0) {
          points = '';
        } else if (Util.isArray(value)) {
          points = points.map(function (point) {
            return point[0] + ',' + point[1];
          });
          points = points.join(' ');
        }
        el.setAttribute('points', points);
      },
      _afterSetAttrAll: function _afterSetAttrAll(obj) {
        if ('points' in obj) {
          this._afterSetAttrPoints();
        }
      },
      createPath: function createPath() {}
    });
23569
    module.exports = Polygon;
23571
    /***/
  },
  /* 47 */
  /***/function (module, exports, __webpack_require__) {
23576
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23579
    var Marker = function Marker(cfg) {
      Marker.superclass.constructor.call(this, cfg);
    };
23583
    Marker.Symbols = {
      // 圆
      circle: function circle(x, y, r) {
        return 'M' + x + ',' + y + '\n            m' + -r + ',0\n            a ' + r + ',' + r + ',0,1,0,' + r * 2 + ',0\n            a ' + r + ',' + r + ',0,1,0,' + -r * 2 + ',0';
      },
23589
      // 正方形
      square: function square(x, y, r) {
        return 'M' + (x - r) + ',' + (y - r) + '\n            H' + (x + r) + 'V' + (y + r) + '\n            H' + (x - r) + 'Z';
      },
23594
      // 菱形
      diamond: function diamond(x, y, r) {
        return 'M' + (x - r) + ',' + y + '\n             L' + x + ',' + (y - r) + '\n             L' + (x + r) + ',' + y + ',\n             L' + x + ',' + (y + r) + 'Z';
      },
23599
      // 三角形
      triangle: function triangle(x, y, r) {
        var diff = r * Math.sin(1 / 3 * Math.PI);
        return 'M' + (x - r) + ',' + (y + diff) + '\n            L' + x + ',' + (y - diff) + '\n            L' + (x + r) + ',' + (y + diff) + 'Z';
      },
23605
      // 倒三角形
      'triangle-down': function triangleDown(x, y, r) {
        var diff = r * Math.sin(1 / 3 * Math.PI);
        return 'M' + (x - r) + ',' + (y - diff) + '\n            L' + (x + r) + ',' + (y - diff) + '\n            L' + x + ',' + (y + diff) + 'Z';
      }
    };
23612
    Marker.ATTRS = {
      path: null,
      lineWidth: 1
    };
23617
    Util.extend(Marker, Shape);
23619
    Util.augment(Marker, {
      type: 'marker',
      canFill: true,
      canStroke: true,
      init: function init(id) {
        Marker.superclass.init.call(this);
        var marker = document.createElementNS('http://www.w3.org/2000/svg', 'path');
        id = id || Util.uniqueId(this.type + '_');
        marker.setAttribute('id', id);
        this.setSilent('el', marker);
      },
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          x: 0,
          y: 0,
          lineWidth: 1,
          fill: 'none'
        };
      },
      _afterSetX: function _afterSetX() {
        this._assembleShape();
      },
      _afterSetY: function _afterSetY() {
        this._assembleShape();
      },
      _afterSetRadius: function _afterSetRadius() {
        this._assembleShape();
      },
      _afterSetR: function _afterSetR() {
        this._assembleShape();
      },
      _afterSetAttrAll: function _afterSetAttrAll(objs) {
        if ('x' in objs || 'y' in objs || 'radius' in objs) {
          this._assembleShape();
        }
      },
      _assembleShape: function _assembleShape() {
        var attrs = this.__attrs;
        var r = attrs.r;
        if (typeof attrs.r === 'undefined') {
          r = attrs.radius;
        }
        if (isNaN(Number(attrs.x)) || isNaN(Number(attrs.y)) || isNaN(Number(r))) {
          return;
        }
        var d = '';
        if (typeof attrs.symbol === 'function') {
          d = attrs.symbol(attrs.x, attrs.y, r);
        } else {
          d = Marker.Symbols[attrs.symbol || 'circle'](attrs.x, attrs.y, r);
        }
        if (Util.isArray(d)) {
          d = d.map(function (path) {
            return path.join(' ');
          }).join('');
        }
        this.get('el').setAttribute('d', d);
      }
    });
23679
    module.exports = Marker;
23681
    /***/
  },
  /* 48 */
  /***/function (module, exports, __webpack_require__) {
23686
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23689
    var Dom = function Dom(cfg) {
      Dom.superclass.constructor.call(this, cfg);
    };
23693
    Util.extend(Dom, Shape);
23695
    Util.augment(Dom, {
      canFill: true,
      canStroke: true,
      type: 'dom',
      _afterSetAttrHtml: function _afterSetAttrHtml() {
        var html = this.__attrs.html;
        var el = this.get('el');
        if (typeof html === 'string') {
          el.innerHTML = html;
        } else {
          el.innerHTML = '';
          el.appendChild(html);
        }
      },
      _afterSetAttrAll: function _afterSetAttrAll(objs) {
        if ('html' in objs) {
          this._afterSetAttrHtml();
        }
      }
    });
23716
    module.exports = Dom;
23718
    /***/
  },
  /* 49 */
  /***/function (module, exports, __webpack_require__) {
23723
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(4);
23726
    var Fan = function Fan(cfg) {
      Fan.superclass.constructor.call(this, cfg);
    };
23730
    function getPoint(angle, radius, center) {
      return {
        x: radius * Math.cos(angle) + center.x,
        y: radius * Math.sin(angle) + center.y
      };
    }
23737
    Fan.ATTRS = {
      x: 0,
      y: 0,
      rs: 0,
      re: 0,
      startAngle: 0,
      endAngle: 0,
      clockwise: false,
      lineWidth: 1
    };
23748
    Util.extend(Fan, Shape);
23750
    Util.augment(Fan, {
      canFill: true,
      canStroke: true,
      type: 'fan',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          clockwise: false,
          lineWidth: 1,
          rs: 0,
          re: 0,
          fill: 'none'
        };
      },
      _afterSetAttrX: function _afterSetAttrX() {
        this._calculatePath();
      },
      _afterSetAttrY: function _afterSetAttrY() {
        this._calculatePath();
      },
      _afterSetAttrRs: function _afterSetAttrRs() {
        this._calculatePath();
      },
      _afterSetAttrRe: function _afterSetAttrRe() {
        this._calculatePath();
      },
      _afterSetAttrStartAngle: function _afterSetAttrStartAngle() {
        this._calculatePath();
      },
      _afterSetAttrEndAngle: function _afterSetAttrEndAngle() {
        this._calculatePath();
      },
      _afterSetAttrClockwise: function _afterSetAttrClockwise() {
        this._calculatePath();
      },
      _afterSetAttrAll: function _afterSetAttrAll(obj) {
        if ('x' in obj || 'y' in obj || 'rs' in obj || 're' in obj || 'startAngle' in obj || 'endAngle' in obj || 'clockwise' in obj) {
          this._calculatePath();
        }
      },
      _calculatePath: function _calculatePath() {
        var self = this;
        var attrs = self.__attrs;
        var center = {
          x: attrs.x,
          y: attrs.y
        };
        var d = [];
        var startAngle = attrs.startAngle;
        var endAngle = attrs.endAngle;
        if (Util.isNumberEqual(endAngle - startAngle, Math.PI * 2)) {
          endAngle -= 0.00001;
        }
        var outerStart = getPoint(startAngle, attrs.re, center);
        var outerEnd = getPoint(endAngle, attrs.re, center);
        var fa = endAngle > startAngle ? 1 : 0;
        var fs = Math.abs(endAngle - startAngle) > Math.PI ? 1 : 0;
        var rs = attrs.rs;
        var re = attrs.re;
        var innerStart = getPoint(startAngle, attrs.rs, center);
        var innerEnd = getPoint(endAngle, attrs.rs, center);
        if (attrs.rs > 0) {
          d.push('M ' + outerEnd.x + ',' + outerEnd.y);
          d.push('L ' + innerEnd.x + ',' + innerEnd.y);
          /* if (endAngle - startAngle >= Math.PI) {
            const endPoint = getSymmetricalPoint(innerStart, center);
            d.push(`A ${rs},${rs},0,0,${fa},${endPoint.x},${endPoint.y}`);
            d.push(`M ${endPoint.x},${endPoint.y}`);
          }*/
          d.push('A ' + rs + ',' + rs + ',0,' + fs + ',' + (fa === 1 ? 0 : 1) + ',' + innerStart.x + ',' + innerStart.y);
          d.push('L ' + outerStart.x + ' ' + outerStart.y);
        } else {
          d.push('M ' + center.x + ',' + center.y);
          d.push('L ' + outerStart.x + ',' + outerStart.y);
        }
        /* if (endAngle - startAngle >= Math.PI) {
          const endPoint = getSymmetricalPoint(outerStart, center);
          d.push(`A ${re},${re},0,0,${fa},${endPoint.x},${endPoint.y}`);
        }*/
        d.push('A ' + re + ',' + re + ',0,' + fs + ',' + fa + ',' + outerEnd.x + ',' + outerEnd.y);
        if (attrs.rs > 0) {
          d.push('L ' + innerEnd.x + ',' + innerEnd.y);
        } else {
          d.push('Z');
        }
        self.get('el').setAttribute('d', d.join(' '));
      }
    });
23838
    module.exports = Fan;
23840
    /***/
  },
  /* 50 */
  /***/function (module, exports, __webpack_require__) {
23845
    var Util = __webpack_require__(0);
23847
    var Event = function Event(type, event, bubbles, cancelable) {
      this.type = type; // 事件类型
      this.target = null; // 目标
      this.currentTarget = null; // 当前目标
      this.bubbles = bubbles; // 冒泡
      this.cancelable = cancelable; // 是否能够阻止
      this.timeStamp = new Date().getTime(); // 时间戳
      this.defaultPrevented = false; // 阻止默认
      this.propagationStopped = false; // 阻止冒泡
      this.removed = false; // 是否被移除
      this.event = event; // 触发的原生事件
    };
23860
    Util.augment(Event, {
      preventDefault: function preventDefault() {
        this.defaultPrevented = this.cancelable && true;
      },
      stopPropagation: function stopPropagation() {
        this.propagationStopped = true;
      },
      remove: function remove() {
        this.remove = true;
      },
      clone: function clone() {
        return Util.clone(this);
      },
      toString: function toString() {
        return '[Event (type=' + this.type + ')]';
      }
    });
23878
    module.exports = Event;
23880
    /***/
  },
  /* 51 */
  /***/function (module, exports, __webpack_require__) {
23885
    var Util = __webpack_require__(0);
    var Element = __webpack_require__(52);
    var Shape = __webpack_require__(112);
    var SHAPE_MAP = {}; // 缓存图形类型
    var INDEX = '_INDEX';
23891
    function find(children, x, y) {
      var rst = void 0;
      for (var i = children.length - 1; i >= 0; i--) {
        var child = children[i];
        if (child.__cfg.visible && child.__cfg.capture) {
          if (child.isGroup) {
            rst = child.getShape(x, y);
          } else if (child.isHit(x, y)) {
            rst = child;
          }
        }
        if (rst) {
          break;
        }
      }
      return rst;
    }
23909
    function getComparer(compare) {
      return function (left, right) {
        var result = compare(left, right);
        return result === 0 ? left[INDEX] - right[INDEX] : result;
      };
    }
23916
    var Group = function Group(cfg) {
      Group.superclass.constructor.call(this, cfg);
      this.set('children', []);
23920
      this._beforeRenderUI();
      this._renderUI();
      this._bindUI();
    };
23925
    function initClassCfgs(c) {
      if (c.__cfg || c === Group) {
        return;
      }
      var superCon = c.superclass.constructor;
      if (superCon && !superCon.__cfg) {
        initClassCfgs(superCon);
      }
      c.__cfg = {};
23935
      Util.merge(c.__cfg, superCon.__cfg);
      Util.merge(c.__cfg, c.CFG);
    }
23939
    Util.extend(Group, Element);
23941
    Util.augment(Group, {
      isGroup: true,
      canFill: true,
      canStroke: true,
      getDefaultCfg: function getDefaultCfg() {
        initClassCfgs(this.constructor);
        return Util.merge({}, this.constructor.__cfg);
      },
      _beforeRenderUI: function _beforeRenderUI() {},
      _renderUI: function _renderUI() {},
      _bindUI: function _bindUI() {},
      addShape: function addShape(type, cfg) {
        var canvas = this.get('canvas');
        cfg = cfg || {};
        var shapeType = SHAPE_MAP[type];
        if (!shapeType) {
          shapeType = Util.upperFirst(type);
          SHAPE_MAP[type] = shapeType;
        }
        if (cfg.attrs) {
          var attrs = cfg.attrs;
          if (type === 'text') {
            // 临时解决
            var topFontFamily = canvas.get('fontFamily');
            if (topFontFamily) {
              attrs.fontFamily = attrs.fontFamily ? attrs.fontFamily : topFontFamily;
            }
          }
        }
        cfg.canvas = canvas;
        cfg.type = type;
        var rst = new Shape[shapeType](cfg);
        this.add(rst);
        return rst;
      },
23977
      /** 添加图组
       * @param  {Function|Object|undefined} param 图组类
       * @param  {Object} cfg 配置项
       * @return {Object} rst 图组
       */
      addGroup: function addGroup(param, cfg) {
        var canvas = this.get('canvas');
        var rst = void 0;
        cfg = Util.merge({}, cfg);
        if (Util.isFunction(param)) {
          if (cfg) {
            cfg.canvas = canvas;
            cfg.parent = this;
            rst = new param(cfg);
          } else {
            rst = new param({
              canvas: canvas,
              parent: this
            });
          }
          this.add(rst);
        } else if (Util.isObject(param)) {
          param.canvas = canvas;
          rst = new Group(param);
          this.add(rst);
        } else if (param === undefined) {
          rst = new Group();
          this.add(rst);
        } else {
          return false;
        }
        return rst;
      },
24011
      /** 绘制背景
       * @param  {Array} padding 内边距
       * @param  {Attrs} attrs 图形属性
       * @param  {Shape} backShape 背景图形
       * @return {Object} 背景层对象
       */
      renderBack: function renderBack(padding, attrs) {
        var backShape = this.get('backShape');
        var innerBox = this.getBBox();
        // const parent = this.get('parent'); // getParent
        Util.merge(attrs, {
          x: innerBox.minX - padding[3],
          y: innerBox.minY - padding[0],
          width: innerBox.width + padding[1] + padding[3],
          height: innerBox.height + padding[0] + padding[2]
        });
        if (backShape) {
          backShape.attr(attrs);
        } else {
          backShape = this.addShape('rect', {
            zIndex: -1,
            attrs: attrs
          });
        }
        this.set('backShape', backShape);
        this.sort();
        return backShape;
      },
      removeChild: function removeChild(item, destroy) {
        if (arguments.length >= 2) {
          if (this.contain(item)) {
            item.remove(destroy);
          }
        } else {
          if (arguments.length === 1) {
            if (Util.isBoolean(item)) {
              destroy = item;
            } else {
              if (this.contain(item)) {
                item.remove(true);
              }
              return this;
            }
          }
          if (arguments.length === 0) {
            destroy = true;
          }
24059
          Group.superclass.remove.call(this, destroy);
        }
        return this;
      },
24064
      /**
       * 向组中添加shape或者group
       * @param {Object} items 图形或者分组
       * @return {Object} group 本尊
       */
      add: function add(items) {
        var self = this;
        var children = self.get('children');
        if (Util.isArray(items)) {
          Util.each(items, function (item) {
            var parent = item.get('parent');
            if (parent) {
              parent.removeChild(item, false);
            }
            self._setEvn(item);
          });
          children.push.apply(children, items);
        } else {
          var item = items;
          var parent = item.get('parent');
          if (parent) {
            parent.removeChild(item, false);
          }
          self._setEvn(item);
          children.push(item);
        }
        return self;
      },
      contain: function contain(item) {
        var children = this.get('children');
        return children.indexOf(item) > -1;
      },
      getChildByIndex: function getChildByIndex(index) {
        var children = this.get('children');
        return children[index];
      },
      getFirst: function getFirst() {
        return this.getChildByIndex(0);
      },
      getLast: function getLast() {
        var lastIndex = this.get('children').length - 1;
        return this.getChildByIndex(lastIndex);
      },
      _setEvn: function _setEvn(item) {
        var self = this;
        item.__cfg.parent = self;
        item.__cfg.context = self.__cfg.context;
        item.__cfg.canvas = self.__cfg.canvas;
        var clip = item.__attrs.clip;
        if (clip) {
          clip.setSilent('parent', self);
          clip.setSilent('context', self.get('context'));
        }
        var children = item.__cfg.children;
        if (children) {
          Util.each(children, function (child) {
            item._setEvn(child);
          });
        }
      },
      getBBox: function getBBox() {
        var self = this;
        var minX = Infinity;
        var maxX = -Infinity;
        var minY = Infinity;
        var maxY = -Infinity;
        var children = self.get('children');
        if (children.length > 0) {
          Util.each(children, function (child) {
            if (child.get('visible')) {
              var _box = child.getBBox();
              if (!_box) {
                return true;
              }
24139
              var leftTop = [_box.minX, _box.minY, 1];
              var leftBottom = [_box.minX, _box.maxY, 1];
              var rightTop = [_box.maxX, _box.minY, 1];
              var rightBottom = [_box.maxX, _box.maxY, 1];
24144
              child.apply(leftTop);
              child.apply(leftBottom);
              child.apply(rightTop);
              child.apply(rightBottom);
24149
              var boxMinX = Math.min(leftTop[0], leftBottom[0], rightTop[0], rightBottom[0]);
              var boxMaxX = Math.max(leftTop[0], leftBottom[0], rightTop[0], rightBottom[0]);
              var boxMinY = Math.min(leftTop[1], leftBottom[1], rightTop[1], rightBottom[1]);
              var boxMaxY = Math.max(leftTop[1], leftBottom[1], rightTop[1], rightBottom[1]);
24154
              if (boxMinX < minX) {
                minX = boxMinX;
              }
24158
              if (boxMaxX > maxX) {
                maxX = boxMaxX;
              }
24162
              if (boxMinY < minY) {
                minY = boxMinY;
              }
24166
              if (boxMaxY > maxY) {
                maxY = boxMaxY;
              }
            }
          });
        } else {
          minX = 0;
          maxX = 0;
          minY = 0;
          maxY = 0;
        }
24178
        var box = {
          minX: minX,
          minY: minY,
          maxX: maxX,
          maxY: maxY
        };
        box.x = box.minX;
        box.y = box.minY;
        box.width = box.maxX - box.minX;
        box.height = box.maxY - box.minY;
        return box;
      },
      drawInner: function drawInner(context) {
        var children = this.get('children');
        for (var i = 0; i < children.length; i++) {
          var child = children[i];
          child.draw(context);
        }
        return this;
      },
      getCount: function getCount() {
        return this.get('children').length;
      },
      sort: function sort() {
        var children = this.get('children');
        // 稳定排序
        Util.each(children, function (child, index) {
          child[INDEX] = index;
          return child;
        });
24209
        children.sort(getComparer(function (obj1, obj2) {
          return obj1.get('zIndex') - obj2.get('zIndex');
        }));
24213
        return this;
      },
      findById: function findById(id) {
        return this.find(function (item) {
          return item.get('id') === id;
        });
      },
24221
      /**
       * 根据查找函数查找分组或者图形
       * @param  {Function} fn 匹配函数
       * @return {Canvas.Base} 分组或者图形
       */
      find: function find(fn) {
        if (Util.isString(fn)) {
          return this.findById(fn);
        }
        var children = this.get('children');
        var rst = null;
24233
        Util.each(children, function (item) {
          if (fn(item)) {
            rst = item;
          } else if (item.find) {
            rst = item.find(fn);
          }
          if (rst) {
            return false;
          }
        });
        return rst;
      },
24246
      /**
       * @param  {Function} fn filter mathod
       * @return {Array} all the matching shapes and groups
       */
      findAll: function findAll(fn) {
        var children = this.get('children');
        var rst = [];
        var childRst = [];
        Util.each(children, function (item) {
          if (fn(item)) {
            rst.push(item);
          }
          if (item.findAllBy) {
            childRst = item.findAllBy(fn);
            rst = rst.concat(childRst);
          }
        });
        return rst;
      },
24266
      /**
       * @Deprecated
       * @param  {Function} fn filter method
       * @return {Object} found shape or group
       */
      findBy: function findBy(fn) {
        var children = this.get('children');
        var rst = null;
24275
        Util.each(children, function (item) {
          if (fn(item)) {
            rst = item;
          } else if (item.findBy) {
            rst = item.findBy(fn);
          }
          if (rst) {
            return false;
          }
        });
        return rst;
      },
24288
      /**
       * @Deprecated
       * @param  {Function} fn filter mathod
       * @return {Array} all the matching shapes and groups
       */
      findAllBy: function findAllBy(fn) {
        var children = this.get('children');
        var rst = [];
        var childRst = [];
        Util.each(children, function (item) {
          if (fn(item)) {
            rst.push(item);
          }
          if (item.findAllBy) {
            childRst = item.findAllBy(fn);
            rst = rst.concat(childRst);
          }
        });
        return rst;
      },
24309
      /**
       * 根据x，y轴坐标获取对应的图形
       * @param  {Number} x x坐标
       * @param  {Number} y y坐标
       * @return {Object}  最上面的图形
       */
      getShape: function getShape(x, y) {
        var self = this;
        var clip = self.__attrs.clip;
        var children = self.__cfg.children;
        var rst = void 0;
        if (clip) {
          if (clip.inside(x, y)) {
            rst = find(children, x, y);
          }
        } else {
          rst = find(children, x, y);
        }
        return rst;
      },
      clearTotalMatrix: function clearTotalMatrix() {
        var m = this.get('totalMatrix');
        if (m) {
          this.setSilent('totalMatrix', null);
          var children = this.__cfg.children;
          for (var i = 0; i < children.length; i++) {
            var child = children[i];
            child.clearTotalMatrix();
          }
        }
      },
      clear: function clear() {
        var children = this.get('children');
24343
        while (children.length !== 0) {
          children[children.length - 1].remove();
        }
        return this;
      },
      destroy: function destroy() {
        if (this.get('destroyed')) {
          return;
        }
        this.clear();
        Group.superclass.destroy.call(this);
      }
    });
24357
    module.exports = Group;
24359
    /***/
  },
  /* 52 */
  /***/function (module, exports, __webpack_require__) {
24364
    var Util = __webpack_require__(0);
    var Attribute = __webpack_require__(110);
    var Transform = __webpack_require__(111);
    var Animate = __webpack_require__(29);
    var Format = __webpack_require__(19);
    var EventEmitter = __webpack_require__(38);
24371
    var SHAPE_ATTRS = ['fillStyle', 'font', 'globalAlpha', 'lineCap', 'lineWidth', 'lineJoin', 'miterLimit', 'shadowBlur', 'shadowColor', 'shadowOffsetX', 'shadowOffsetY', 'strokeStyle', 'textAlign', 'textBaseline', 'lineDash', 'lineDashOffset'];
24373
    var Element = function Element(cfg) {
      this.__cfg = {
        zIndex: 0,
        capture: true,
        visible: true,
        destroyed: false
      }; // 配置存放地
24381
      Util.assign(this.__cfg, this.getDefaultCfg(), cfg); // Element.CFG不合并，提升性能 合并默认配置，用户配置->继承默认配置->Element默认配置
      this.initAttrs(this.__cfg.attrs); // 初始化绘图属性
      this.initTransform(); // 初始化变换
      this.init(); // 类型初始化
    };
24387
    Element.CFG = {
      /**
       * 唯一标示
       * @type {Number}
       */
      id: null,
      /**
       * Z轴的层叠关系，Z值越大离用户越近
       * @type {Number}
       */
      zIndex: 0,
      /**
       * Canvas对象
       * @type: {Object}
       */
      canvas: null,
      /**
       * 父元素指针
       * @type {Object}
       */
      parent: null,
      /**
       * 用来设置当前对象是否能被捕捉
       * true 能
       * false 不能
       * 对象默认是都可以被捕捉的, 当capture为false时，group.getShape(x, y)方法无法获得该元素
       * 通过将不必要捕捉的元素的该属性设置成false, 来提高捕捉性能
       * @type {Boolean}
       **/
      capture: true,
      /**
       * 画布的上下文
       * @type {Object}
       */
      context: null,
      /**
       * 是否显示
       * @type {Boolean}
       */
      visible: true,
      /**
       * 是否被销毁
       * @type: {Boolean}
       */
      destroyed: false
    };
24434
    Util.augment(Element, Attribute, Transform, EventEmitter, Animate, {
      init: function init() {
        this.setSilent('animable', true);
        this.setSilent('animating', false); // 初始时不处于动画状态
        var attrs = this.__attrs;
        if (attrs && attrs.rotate) {
          this.rotateAtStart(attrs.rotate);
        }
      },
      getParent: function getParent() {
        return this.get('parent');
      },
24447
      /**
       * 获取默认的配置信息
       * @protected
       * @return {Object} 默认的属性
       */
      getDefaultCfg: function getDefaultCfg() {
        return {};
      },
      set: function set(name, value) {
        if (name === 'zIndex' && this._beforeSetZIndex) {
          this._beforeSetZIndex(value);
        }
        if (name === 'loading' && this._beforeSetLoading) {
          this._beforeSetLoading(value);
        }
        this.__cfg[name] = value;
        return this;
      },
      setSilent: function setSilent(name, value) {
        this.__cfg[name] = value;
      },
      get: function get(name) {
        return this.__cfg[name];
      },
      draw: function draw(context) {
        if (this.get('destroyed')) {
          return;
        }
        if (this.get('visible')) {
          this.setContext(context);
          this.drawInner(context);
          this.restoreContext(context);
        }
      },
      setContext: function setContext(context) {
        var clip = this.__attrs.clip;
        context.save();
        if (clip) {
          // context.save();
          clip.resetTransform(context);
          clip.createPath(context);
          context.clip();
          // context.restore();
        }
        this.resetContext(context);
        this.resetTransform(context);
      },
      restoreContext: function restoreContext(context) {
        context.restore();
      },
      resetContext: function resetContext(context) {
        var elAttrs = this.__attrs;
        // var canvas = this.get('canvas');
        if (!this.isGroup) {
          // canvas.registShape(this); // 快速拾取方案暂时不执行
          for (var k in elAttrs) {
            if (SHAPE_ATTRS.indexOf(k) > -1) {
              // 非canvas属性不附加
              var v = elAttrs[k];
              if (k === 'fillStyle') {
                v = Format.parseStyle(v, this);
              }
              if (k === 'strokeStyle') {
                v = Format.parseStyle(v, this);
              }
              if (k === 'lineDash' && context.setLineDash) {
                if (Util.isArray(v)) {
                  context.setLineDash(v);
                } else if (Util.isString(v)) {
                  context.setLineDash(v.split(' '));
                }
              } else {
                context[k] = v;
              }
            }
          }
        }
      },
      drawInner: function drawInner() /* context */{},
      show: function show() {
        this.set('visible', true);
        return this;
      },
      hide: function hide() {
        this.set('visible', false);
        return this;
      },
      remove: function remove(destroy) {
        if (destroy === undefined) {
          destroy = true;
        }
24539
        if (this.get('parent')) {
          var parent = this.get('parent');
          var children = parent.get('children');
          Util.remove(children, this);
        }
24545
        if (destroy) {
          this.destroy();
        }
24549
        return this;
      },
      destroy: function destroy() {
        var destroyed = this.get('destroyed');
        if (destroyed) {
          return;
        }
        // 如果正在执行动画，清理动画
        if (this.get('animating')) {
          var timer = this.get('animateTimer');
          timer && timer.stop();
        }
        this.__cfg = {};
        this.__attrs = null;
        this.removeEvent(); // 移除所有的事件
        this.set('destroyed', true);
      },
      _beforeSetZIndex: function _beforeSetZIndex(zIndex) {
        this.__cfg.zIndex = zIndex;
24569
        if (!Util.isNil(this.get('parent'))) {
          this.get('parent').sort();
        }
        return zIndex;
      },
      _setAttrs: function _setAttrs(attrs) {
        this.attr(attrs);
        return attrs;
      },
      setZIndex: function setZIndex(zIndex) {
        this.__cfg.zIndex = zIndex;
        return zIndex;
      },
      clone: function clone() {
        return Util.clone(this);
      },
      getBBox: function getBBox() {
        return {
          minX: 0,
          maxX: 0,
          minY: 0,
          maxY: 0
        };
      }
    });
24595
    module.exports = Element;
24597
    /***/
  },
  /* 53 */
  /***/function (module, exports, __webpack_require__) {
24602
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
24606
    var Circle = function Circle(cfg) {
      Circle.superclass.constructor.call(this, cfg);
    };
24610
    Circle.ATTRS = {
      x: 0,
      y: 0,
      r: 0,
      lineWidth: 1
    };
24617
    Util.extend(Circle, Shape);
24619
    Util.augment(Circle, {
      canFill: true,
      canStroke: true,
      type: 'circle',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1
        };
      },
      calculateBox: function calculateBox() {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var r = attrs.r;
        var lineWidth = this.getHitLineWidth();
        var halfWidth = lineWidth / 2 + r;
        return {
          minX: cx - halfWidth,
          minY: cy - halfWidth,
          maxX: cx + halfWidth,
          maxY: cy + halfWidth
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var fill = this.hasFill();
        var stroke = this.hasStroke();
        if (fill && stroke) {
          return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
        }
24649
        if (fill) {
          return this._isPointInFill(x, y);
        }
24653
        if (stroke) {
          return this._isPointInStroke(x, y);
        }
24657
        return false;
      },
      _isPointInFill: function _isPointInFill(x, y) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var r = attrs.r;
24665
        return Inside.circle(cx, cy, r, x, y);
      },
      _isPointInStroke: function _isPointInStroke(x, y) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var r = attrs.r;
        var lineWidth = this.getHitLineWidth();
24674
        return Inside.arcline(cx, cy, r, 0, Math.PI * 2, false, lineWidth, x, y);
      },
      createPath: function createPath(context) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var r = attrs.r;
        context = context || self.get('context');
24683
        context.beginPath();
        context.arc(cx, cy, r, 0, Math.PI * 2, false);
      }
    });
24688
    module.exports = Circle;
24690
    /***/
  },
  /* 54 */
  /***/function (module, exports, __webpack_require__) {
24695
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
    var mat3 = __webpack_require__(2).mat3;
    var vec3 = __webpack_require__(2).vec3;
24701
    var Ellipse = function Ellipse(cfg) {
      Ellipse.superclass.constructor.call(this, cfg);
    };
24705
    Ellipse.ATTRS = {
      x: 0,
      y: 0,
      rx: 1,
      ry: 1,
      lineWidth: 1
    };
24713
    Util.extend(Ellipse, Shape);
24715
    Util.augment(Ellipse, {
      canFill: true,
      canStroke: true,
      type: 'ellipse',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1
        };
      },
      calculateBox: function calculateBox() {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var rx = attrs.rx;
        var ry = attrs.ry;
        var lineWidth = this.getHitLineWidth();
        var halfXWidth = rx + lineWidth / 2;
        var halfYWidth = ry + lineWidth / 2;
24734
        return {
          minX: cx - halfXWidth,
          minY: cy - halfYWidth,
          maxX: cx + halfXWidth,
          maxY: cy + halfYWidth
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var fill = this.hasFill();
        var stroke = this.hasStroke();
24745
        if (fill && stroke) {
          return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
        }
24749
        if (fill) {
          return this._isPointInFill(x, y);
        }
24753
        if (stroke) {
          return this._isPointInStroke(x, y);
        }
24757
        return false;
      },
      _isPointInFill: function _isPointInFill(x, y) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var rx = attrs.rx;
        var ry = attrs.ry;
24766
        var r = rx > ry ? rx : ry;
        var scaleX = rx > ry ? 1 : rx / ry;
        var scaleY = rx > ry ? ry / rx : 1;
24770
        var p = [x, y, 1];
        var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
        mat3.scale(m, m, [scaleX, scaleY]);
        mat3.translate(m, m, [cx, cy]);
        var inm = mat3.invert([], m);
        vec3.transformMat3(p, p, inm);
24777
        return Inside.circle(0, 0, r, p[0], p[1]);
      },
      _isPointInStroke: function _isPointInStroke(x, y) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var rx = attrs.rx;
        var ry = attrs.ry;
        var lineWidth = this.getHitLineWidth();
24787
        var r = rx > ry ? rx : ry;
        var scaleX = rx > ry ? 1 : rx / ry;
        var scaleY = rx > ry ? ry / rx : 1;
        var p = [x, y, 1];
        var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
        mat3.scale(m, m, [scaleX, scaleY]);
        mat3.translate(m, m, [cx, cy]);
        var inm = mat3.invert([], m);
        vec3.transformMat3(p, p, inm);
24797
        return Inside.arcline(0, 0, r, 0, Math.PI * 2, false, lineWidth, p[0], p[1]);
      },
      createPath: function createPath(context) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var rx = attrs.rx;
        var ry = attrs.ry;
24806
        context = context || self.get('context');
        var r = rx > ry ? rx : ry;
        var scaleX = rx > ry ? 1 : rx / ry;
        var scaleY = rx > ry ? ry / rx : 1;
24811
        var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
        mat3.scale(m, m, [scaleX, scaleY]);
        mat3.translate(m, m, [cx, cy]);
        context.beginPath();
        context.save();
        context.transform(m[0], m[1], m[3], m[4], m[6], m[7]);
        context.arc(0, 0, r, 0, Math.PI * 2);
        context.restore();
        context.closePath();
      }
    });
24823
    module.exports = Ellipse;
24825
    /***/
  },
  /* 55 */
  /***/function (module, exports, __webpack_require__) {
24830
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var PathSegment = __webpack_require__(24);
    var Format = __webpack_require__(19);
    var Arrow = __webpack_require__(6);
    var PathUtil = __webpack_require__(13);
    var CubicMath = __webpack_require__(10);
24838
    var Path = function Path(cfg) {
      Path.superclass.constructor.call(this, cfg);
    };
24842
    Path.ATTRS = {
      path: null,
      lineWidth: 1,
      curve: null, // 曲线path
      tCache: null,
      startArrow: false,
      endArrow: false
    };
24851
    Util.extend(Path, Shape);
24853
    Util.augment(Path, {
      canFill: true,
      canStroke: true,
      type: 'path',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          startArrow: false,
          endArrow: false
        };
      },
      _afterSetAttrPath: function _afterSetAttrPath(path) {
        var self = this;
        if (Util.isNil(path)) {
          self.setSilent('segments', null);
          self.setSilent('box', undefined);
          return;
        }
        var pathArray = Format.parsePath(path);
        var preSegment = void 0;
        var segments = [];
24875
        if (!Util.isArray(pathArray) || pathArray.length === 0 || pathArray[0][0] !== 'M' && pathArray[0][0] !== 'm') {
          return;
        }
        var count = pathArray.length;
        for (var i = 0; i < pathArray.length; i++) {
          var item = pathArray[i];
          preSegment = new PathSegment(item, preSegment, i === count - 1);
          segments.push(preSegment);
        }
        self.setSilent('segments', segments);
        self.set('tCache', null);
        this.setSilent('box', null);
      },
      _afterSetAttrAll: function _afterSetAttrAll(objs) {
        if (objs.path) {
          this._afterSetAttrPath(objs.path);
        }
      },
      calculateBox: function calculateBox() {
        var self = this;
        var segments = self.get('segments');
24897
        if (!segments) {
          return null;
        }
        var lineWidth = this.getHitLineWidth();
        var minX = Infinity;
        var maxX = -Infinity;
        var minY = Infinity;
        var maxY = -Infinity;
        Util.each(segments, function (segment) {
          segment.getBBox(lineWidth);
          var box = segment.box;
          if (box) {
            if (box.minX < minX) {
              minX = box.minX;
            }
24913
            if (box.maxX > maxX) {
              maxX = box.maxX;
            }
24917
            if (box.minY < minY) {
              minY = box.minY;
            }
24921
            if (box.maxY > maxY) {
              maxY = box.maxY;
            }
          }
        });
        return {
          minX: minX,
          minY: minY,
          maxX: maxX,
          maxY: maxY
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var self = this;
        var fill = self.hasFill();
        var stroke = self.hasStroke();
24938
        if (fill && stroke) {
          return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
        }
24942
        if (fill) {
          return self._isPointInFill(x, y);
        }
24946
        if (stroke) {
          return self._isPointInStroke(x, y);
        }
24950
        return false;
      },
      _isPointInFill: function _isPointInFill(x, y) {
        var self = this;
        var context = self.get('context');
        if (!context) return undefined;
        self.createPath();
        return context.isPointInPath(x, y);
      },
      _isPointInStroke: function _isPointInStroke(x, y) {
        var self = this;
        var segments = self.get('segments');
        if (!Util.isEmpty(segments)) {
          var lineWidth = self.getHitLineWidth();
          for (var i = 0, l = segments.length; i < l; i++) {
            if (segments[i].isInside(x, y, lineWidth)) {
              return true;
            }
          }
        }
24971
        return false;
      },
      _setTcache: function _setTcache() {
        var totalLength = 0;
        var tempLength = 0;
        var tCache = [];
        var segmentT = void 0;
        var segmentL = void 0;
        var segmentN = void 0;
        var l = void 0;
        var curve = this.curve;
24983
        if (!curve) {
          return;
        }
24987
        Util.each(curve, function (segment, i) {
          segmentN = curve[i + 1];
          l = segment.length;
          if (segmentN) {
            totalLength += CubicMath.len(segment[l - 2], segment[l - 1], segmentN[1], segmentN[2], segmentN[3], segmentN[4], segmentN[5], segmentN[6]);
          }
        });
24995
        Util.each(curve, function (segment, i) {
          segmentN = curve[i + 1];
          l = segment.length;
          if (segmentN) {
            segmentT = [];
            segmentT[0] = tempLength / totalLength;
            segmentL = CubicMath.len(segment[l - 2], segment[l - 1], segmentN[1], segmentN[2], segmentN[3], segmentN[4], segmentN[5], segmentN[6]);
            tempLength += segmentL;
            segmentT[1] = tempLength / totalLength;
            tCache.push(segmentT);
          }
        });
25008
        this.tCache = tCache;
      },
      _calculateCurve: function _calculateCurve() {
        var self = this;
        var attrs = self.__attrs;
        var path = attrs.path;
        this.curve = PathUtil.pathTocurve(path);
      },
      getPoint: function getPoint(t) {
        var tCache = this.tCache;
        var subt = void 0;
        var index = void 0;
25021
        if (!tCache) {
          this._calculateCurve();
          this._setTcache();
          tCache = this.tCache;
        }
25027
        var curve = this.curve;
25029
        if (!tCache) {
          if (curve) {
            return {
              x: curve[0][1],
              y: curve[0][2]
            };
          }
          return null;
        }
        Util.each(tCache, function (v, i) {
          if (t >= v[0] && t <= v[1]) {
            subt = (t - v[0]) / (v[1] - v[0]);
            index = i;
          }
        });
        var seg = curve[index];
        if (Util.isNil(seg) || Util.isNil(index)) {
          return null;
        }
        var l = seg.length;
        var nextSeg = curve[index + 1];
        return {
          x: CubicMath.at(seg[l - 2], nextSeg[1], nextSeg[3], nextSeg[5], 1 - subt),
          y: CubicMath.at(seg[l - 1], nextSeg[2], nextSeg[4], nextSeg[6], 1 - subt)
        };
      },
      createPath: function createPath(context) {
        var self = this;
        var segments = self.get('segments');
        if (!Util.isArray(segments)) return;
25060
        context = context || self.get('context');
25062
        context.beginPath();
        var segmentsLen = segments.length;
25065
        for (var i = 0; i < segmentsLen; i++) {
          segments[i].draw(context);
        }
      },
      afterPath: function afterPath(context) {
        var self = this;
        var attrs = self.__attrs;
        var segments = self.get('segments');
        var path = attrs.path;
        var startPoint = void 0,
            endPoint = void 0,
            tangent = void 0;
        context = context || self.get('context');
        if (!Util.isArray(segments)) return;
        if (!attrs.startArrow && !attrs.endArrow) {
          return;
        }
        if (path[path.length - 1] === 'z' || path[path.length - 1] === 'Z' || attrs.fill) {
          // 闭合路径不绘制箭头
          return;
        }
        var segmentsLen = segments.length;
        if (segmentsLen > 1) {
          startPoint = segments[0].endPoint;
          endPoint = segments[1].endPoint;
          tangent = segments[1].startTangent;
          if (Util.isFunction(tangent)) {
            var v = tangent();
            Arrow.addStartArrow(context, attrs, startPoint.x - v[0], startPoint.y - v[1], startPoint.x, startPoint.y);
          } else {
            Arrow.addStartArrow(context, attrs, endPoint.x, endPoint.y, startPoint.x, startPoint.y);
          }
        }
25099
        if (segmentsLen > 1 && !closed) {
          startPoint = segments[segmentsLen - 2].endPoint;
          endPoint = segments[segmentsLen - 1].endPoint;
          tangent = segments[segmentsLen - 1].endTangent;
          if (Util.isFunction(tangent)) {
            var _v = tangent();
            Arrow.addEndArrow(context, attrs, endPoint.x - _v[0], endPoint.y - _v[1], endPoint.x, endPoint.y, tangent());
          } else {
            Arrow.addEndArrow(context, attrs, startPoint.x, startPoint.y, endPoint.x, endPoint.y);
          }
        }
      }
    });
25113
    module.exports = Path;
25115
    /***/
  },
  /* 56 */
  /***/function (module, exports, __webpack_require__) {
25120
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
25124
    var CText = function CText(cfg) {
      CText.superclass.constructor.call(this, cfg);
    };
25128
    CText.ATTRS = {
      x: 0,
      y: 0,
      text: null,
      fontSize: 12,
      fontFamily: 'sans-serif',
      fontStyle: 'normal',
      fontWeight: 'normal',
      fontVariant: 'normal',
      textAlign: 'start',
      textBaseline: 'bottom',
      lineHeight: null,
      textArr: null
    };
25143
    Util.extend(CText, Shape);
25145
    Util.augment(CText, {
      canFill: true,
      canStroke: true,
      type: 'text',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          lineCount: 1,
          fontSize: 12,
          fontFamily: 'sans-serif',
          fontStyle: 'normal',
          fontWeight: 'normal',
          fontVariant: 'normal',
          textAlign: 'start',
          textBaseline: 'bottom'
        };
      },
      initTransform: function initTransform() {
        this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
        var fontSize = this.__attrs.fontSize;
        if (fontSize && +fontSize < 12) {
          // 小于 12 像素的文本进行 scale 处理
          this.transform([['t', -1 * this.__attrs.x, -1 * this.__attrs.y], ['s', +fontSize / 12, +fontSize / 12], ['t', this.__attrs.x, this.__attrs.y]]);
        }
      },
      _assembleFont: function _assembleFont() {
        // var self = this;
        var attrs = this.__attrs;
        var fontSize = attrs.fontSize;
        var fontFamily = attrs.fontFamily;
        var fontWeight = attrs.fontWeight;
        var fontStyle = attrs.fontStyle; // self.attr('fontStyle');
        var fontVariant = attrs.fontVariant; // self.attr('fontVariant');
        // self.attr('font', [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' '));
        attrs.font = [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' ');
      },
      _afterSetAttrFontSize: function _afterSetAttrFontSize() {
        /* this.attr({
          height: this.__getTextHeight()
        }); */
        this._assembleFont();
      },
      _afterSetAttrFontFamily: function _afterSetAttrFontFamily() {
        this._assembleFont();
      },
      _afterSetAttrFontWeight: function _afterSetAttrFontWeight() {
        this._assembleFont();
      },
      _afterSetAttrFontStyle: function _afterSetAttrFontStyle() {
        this._assembleFont();
      },
      _afterSetAttrFontVariant: function _afterSetAttrFontVariant() {
        this._assembleFont();
      },
      _afterSetAttrFont: function _afterSetAttrFont() {
        // this.attr('width', this.measureText());
      },
      _afterSetAttrText: function _afterSetAttrText() {
        var attrs = this.__attrs;
        var text = attrs.text;
        var textArr = void 0;
        if (Util.isString(text) && text.indexOf('\n') !== -1) {
          textArr = text.split('\n');
          var lineCount = textArr.length;
          attrs.lineCount = lineCount;
          attrs.textArr = textArr;
        }
        // attrs.height = this.__getTextHeight();
        // attrs.width = this.measureText();
      },
      _getTextHeight: function _getTextHeight() {
        var attrs = this.__attrs;
        var lineCount = attrs.lineCount;
        var fontSize = attrs.fontSize * 1;
        if (lineCount > 1) {
          var spaceingY = this._getSpaceingY();
          return fontSize * lineCount + spaceingY * (lineCount - 1);
        }
        return fontSize;
      },
25226
      // 计算浪费，效率低，待优化
      _afterSetAttrAll: function _afterSetAttrAll(objs) {
        var self = this;
        if ('fontSize' in objs || 'fontWeight' in objs || 'fontStyle' in objs || 'fontVariant' in objs || 'fontFamily' in objs) {
          self._assembleFont();
        }
25233
        if ('text' in objs) {
          self._afterSetAttrText(objs.text);
        }
      },
      isHitBox: function isHitBox() {
        return false;
      },
      calculateBox: function calculateBox() {
        var self = this;
        var attrs = self.__attrs;
        var x = attrs.x;
        var y = attrs.y;
        var width = self.measureText(); // attrs.width
        if (!width) {
          // 如果width不存在，四点共其实点
          return {
            minX: x,
            minY: y,
            maxX: x,
            maxY: y
          };
        }
        var height = self._getTextHeight(); // attrs.height
        var textAlign = attrs.textAlign;
        var textBaseline = attrs.textBaseline;
        var lineWidth = self.getHitLineWidth();
        var point = {
          x: x,
          y: y - height
        };
25264
        if (textAlign) {
          if (textAlign === 'end' || textAlign === 'right') {
            point.x -= width;
          } else if (textAlign === 'center') {
            point.x -= width / 2;
          }
        }
25272
        if (textBaseline) {
          if (textBaseline === 'top') {
            point.y += height;
          } else if (textBaseline === 'middle') {
            point.y += height / 2;
          }
        }
25280
        this.set('startPoint', point);
        var halfWidth = lineWidth / 2;
        return {
          minX: point.x - halfWidth,
          minY: point.y - halfWidth,
          maxX: point.x + width + halfWidth,
          maxY: point.y + height + halfWidth
        };
      },
      _getSpaceingY: function _getSpaceingY() {
        var attrs = this.__attrs;
        var lineHeight = attrs.lineHeight;
        var fontSize = attrs.fontSize * 1;
        return lineHeight ? lineHeight - fontSize : fontSize * 0.14;
      },
      isPointInPath: function isPointInPath(x, y) {
        var self = this;
        var box = self.getBBox();
        if (self.hasFill() || self.hasStroke()) {
          return Inside.box(box.minX, box.maxX, box.minY, box.maxY, x, y);
        }
      },
      drawInner: function drawInner(context) {
        var self = this;
        var attrs = self.__attrs;
        var text = attrs.text;
        if (!text) {
          return;
        }
        var textArr = attrs.textArr;
        var x = attrs.x;
        var y = attrs.y;
25313
        context.beginPath();
        if (self.hasStroke()) {
          if (textArr) {
            self._drawTextArr(context, false);
          } else {
            context.strokeText(text, x, y);
          }
        }
        if (self.hasFill()) {
          var fillOpacity = attrs.fillOpacity;
          if (!Util.isNil(fillOpacity) && fillOpacity !== 1) {
            context.globalAlpha = fillOpacity;
          }
          if (textArr) {
            self._drawTextArr(context, true);
          } else {
            context.fillText(text, x, y);
          }
        }
      },
      _drawTextArr: function _drawTextArr(context, fill) {
        var textArr = this.__attrs.textArr;
        var textBaseline = this.__attrs.textBaseline;
        var fontSize = this.__attrs.fontSize * 1;
        var spaceingY = this._getSpaceingY();
        var x = this.__attrs.x;
        var y = this.__attrs.y;
        var box = this.getBBox();
        var height = box.maxY - box.minY;
        var subY = void 0;
25344
        Util.each(textArr, function (subText, index) {
          subY = y + index * (spaceingY + fontSize) - height + fontSize; // bottom;
          if (textBaseline === 'middle') subY += height - fontSize - (height - fontSize) / 2;
          if (textBaseline === 'top') subY += height - fontSize;
          if (fill) {
            context.fillText(subText, x, subY);
          } else {
            context.strokeText(subText, x, subY);
          }
        });
      },
      measureText: function measureText() {
        var self = this;
        var attrs = self.__attrs;
        var text = attrs.text;
        var font = attrs.font;
        var textArr = attrs.textArr;
        var measureWidth = void 0;
        var width = 0;
25364
        if (Util.isNil(text)) return undefined;
        var context = document.createElement('canvas').getContext('2d');
        context.save();
        context.font = font;
        if (textArr) {
          Util.each(textArr, function (subText) {
            measureWidth = context.measureText(subText).width;
            if (width < measureWidth) {
              width = measureWidth;
            }
            context.restore();
          });
        } else {
          width = context.measureText(text).width;
          context.restore();
        }
        return width;
      }
    });
25384
    module.exports = CText;
25386
    /***/
  },
  /* 57 */
  /***/function (module, exports, __webpack_require__) {
25391
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
    var Arrow = __webpack_require__(6);
    var LineMath = __webpack_require__(20);
25397
    var Line = function Line(cfg) {
      Line.superclass.constructor.call(this, cfg);
    };
25401
    Line.ATTRS = {
      x1: 0,
      y1: 0,
      x2: 0,
      y2: 0,
      lineWidth: 1,
      startArrow: false,
      endArrow: false
    };
25411
    Util.extend(Line, Shape);
25413
    Util.augment(Line, {
      canStroke: true,
      type: 'line',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          startArrow: false,
          endArrow: false
        };
      },
      calculateBox: function calculateBox() {
        var attrs = this.__attrs;
        var x1 = attrs.x1,
            y1 = attrs.y1,
            x2 = attrs.x2,
            y2 = attrs.y2;
25430
        var lineWidth = this.getHitLineWidth();
        return LineMath.box(x1, y1, x2, y2, lineWidth);
      },
      isPointInPath: function isPointInPath(x, y) {
        var attrs = this.__attrs;
        var x1 = attrs.x1,
            y1 = attrs.y1,
            x2 = attrs.x2,
            y2 = attrs.y2;
25440
        var lineWidth = this.getHitLineWidth();
25442
        if (this.hasStroke()) {
          return Inside.line(x1, y1, x2, y2, lineWidth, x, y);
        }
25446
        return false;
      },
      createPath: function createPath(context) {
        var attrs = this.__attrs;
        var x1 = attrs.x1,
            y1 = attrs.y1,
            x2 = attrs.x2,
            y2 = attrs.y2;
25455
        context = context || self.get('context');
        context.beginPath();
        context.moveTo(x1, y1);
        context.lineTo(x2, y2);
      },
      afterPath: function afterPath(context) {
        var attrs = this.__attrs;
        var x1 = attrs.x1,
            y1 = attrs.y1,
            x2 = attrs.x2,
            y2 = attrs.y2;
25467
        context = context || this.get('context');
        if (attrs.startArrow) {
          Arrow.addStartArrow(context, attrs, x2, y2, x1, y1);
        }
        if (attrs.endArrow) {
          Arrow.addEndArrow(context, attrs, x1, y1, x2, y2);
        }
      },
      getPoint: function getPoint(t) {
        var attrs = this.__attrs;
        return {
          x: LineMath.at(attrs.x1, attrs.x2, t),
          y: LineMath.at(attrs.y1, attrs.y2, t)
        };
      }
    });
25484
    module.exports = Line;
25486
    /***/
  },
  /* 58 */
  /***/function (module, exports, __webpack_require__) {
25491
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
25495
    var CImage = function CImage(cfg) {
      CImage.superclass.constructor.call(this, cfg);
    };
25499
    CImage.ATTRS = {
      x: 0,
      y: 0,
      img: undefined,
      width: 0,
      height: 0,
      sx: null,
      sy: null,
      swidth: null,
      sheight: null
    };
25511
    Util.extend(CImage, Shape);
25513
    Util.augment(CImage, {
      type: 'image',
      _afterSetAttrImg: function _afterSetAttrImg(img) {
        this._setAttrImg(img);
      },
      _afterSetAttrAll: function _afterSetAttrAll(params) {
        if (params.img) {
          this._setAttrImg(params.img);
        }
      },
      isHitBox: function isHitBox() {
        return false;
      },
      calculateBox: function calculateBox() {
        var attrs = this.__attrs;
        var x = attrs.x;
        var y = attrs.y;
        var width = attrs.width;
        var height = attrs.height;
25533
        return {
          minX: x,
          minY: y,
          maxX: x + width,
          maxY: y + height
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var attrs = this.__attrs;
        if (this.get('toDraw') || !attrs.img) {
          return false;
        }
        var rx = attrs.x;
        var ry = attrs.y;
        var width = attrs.width;
        var height = attrs.height;
        return Inside.rect(rx, ry, width, height, x, y);
      },
      _beforeSetLoading: function _beforeSetLoading(loading) {
        var canvas = this.get('canvas');
        if (loading === false && this.get('toDraw') === true) {
          this.__cfg.loading = false;
          canvas.draw();
        }
        return loading;
      },
      _setAttrImg: function _setAttrImg(img) {
        var self = this;
        var attrs = self.__attrs;
        if (Util.isString(img)) {
          var image = new Image();
          image.onload = function () {
            if (self.get('destroyed')) return false;
            self.attr('imgSrc', img);
            self.attr('img', image);
            var callback = self.get('callback');
            if (callback) {
              callback.call(self);
            }
            self.set('loading', false);
          };
          image.src = img;
          self.set('loading', true);
        } else if (img instanceof Image) {
          if (!attrs.width) {
            self.attr('width', img.width);
          }
25581
          if (!attrs.height) {
            self.attr('height', img.height);
          }
          return img;
        } else if (img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
          if (!attrs.width) {
            self.attr('width', Number(img.getAttribute('width')));
          }
25590
          if (!attrs.height) {
            self.attr('height', Number(img.getAttribute('height')));
          }
          return img;
        } else if (img instanceof ImageData) {
          if (!attrs.width) {
            self.attr('width', img.width);
          }
25599
          if (!attrs.height) {
            self.attr('height', img.height);
          }
          return img;
        } else {
          return null;
        }
      },
      drawInner: function drawInner(context) {
        if (this.get('loading')) {
          this.set('toDraw', true);
          return;
        }
        this._drawImage(context);
      },
      _drawImage: function _drawImage(context) {
        var attrs = this.__attrs;
        var x = attrs.x;
        var y = attrs.y;
        var image = attrs.img;
        var width = attrs.width;
        var height = attrs.height;
        var sx = attrs.sx;
        var sy = attrs.sy;
        var swidth = attrs.swidth;
        var sheight = attrs.sheight;
        this.set('toDraw', false);
25627
        var img = image;
        if (img instanceof ImageData) {
          img = new Image();
          img.src = image;
        }
        if (img instanceof Image || img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
          if (Util.isNil(sx) || Util.isNil(sy) || Util.isNil(swidth) || Util.isNil(sheight)) {
            context.drawImage(img, x, y, width, height);
            return;
          }
          if (!Util.isNil(sx) && !Util.isNil(sy) && !Util.isNil(swidth) && !Util.isNil(sheight)) {
            context.drawImage(img, sx, sy, swidth, sheight, x, y, width, height);
            return;
          }
        }
        return;
      }
    });
25646
    module.exports = CImage;
25648
    /***/
  },
  /* 59 */
  /***/function (module, exports, __webpack_require__) {
25653
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
25657
    var Polygon = function Polygon(cfg) {
      Polygon.superclass.constructor.call(this, cfg);
    };
25661
    Polygon.ATTRS = {
      points: null,
      lineWidth: 1
    };
25666
    Util.extend(Polygon, Shape);
25668
    Util.augment(Polygon, {
      canFill: true,
      canStroke: true,
      type: 'polygon',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1
        };
      },
      calculateBox: function calculateBox() {
        var self = this;
        var attrs = self.__attrs;
        var points = attrs.points;
        var lineWidth = this.getHitLineWidth();
        if (!points || points.length === 0) {
          return null;
        }
        var minX = Infinity;
        var minY = Infinity;
        var maxX = -Infinity;
        var maxY = -Infinity;
25690
        Util.each(points, function (point) {
          var x = point[0];
          var y = point[1];
          if (x < minX) {
            minX = x;
          }
          if (x > maxX) {
            maxX = x;
          }
25700
          if (y < minY) {
            minY = y;
          }
25704
          if (y > maxY) {
            maxY = y;
          }
        });
25709
        var halfWidth = lineWidth / 2;
        return {
          minX: minX - halfWidth,
          minY: minY - halfWidth,
          maxX: maxX + halfWidth,
          maxY: maxY + halfWidth
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var self = this;
        var fill = self.hasFill();
        var stroke = self.hasStroke();
25722
        if (fill && stroke) {
          return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
        }
25726
        if (fill) {
          return self._isPointInFill(x, y);
        }
25730
        if (stroke) {
          return self._isPointInStroke(x, y);
        }
25734
        return false;
      },
      _isPointInFill: function _isPointInFill(x, y) {
        var self = this;
        var context = self.get('context');
        self.createPath();
        return context.isPointInPath(x, y);
      },
      _isPointInStroke: function _isPointInStroke(x, y) {
        var self = this;
        var attrs = self.__attrs;
        var points = attrs.points;
        if (points.length < 2) {
          return false;
        }
        var lineWidth = this.getHitLineWidth();
        var outPoints = points.slice(0);
        if (points.length >= 3) {
          outPoints.push(points[0]);
        }
25755
        return Inside.polyline(outPoints, lineWidth, x, y);
      },
      createPath: function createPath(context) {
        var self = this;
        var attrs = self.__attrs;
        var points = attrs.points;
        if (points.length < 2) {
          return;
        }
        context = context || self.get('context');
        context.beginPath();
        Util.each(points, function (point, index) {
          if (index === 0) {
            context.moveTo(point[0], point[1]);
          } else {
            context.lineTo(point[0], point[1]);
          }
        });
        context.closePath();
      }
    });
25777
    module.exports = Polygon;
25779
    /***/
  },
  /* 60 */
  /***/function (module, exports, __webpack_require__) {
25784
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
    var Arrow = __webpack_require__(6);
    var LineMath = __webpack_require__(20);
25790
    var Polyline = function Polyline(cfg) {
      Polyline.superclass.constructor.call(this, cfg);
    };
25794
    Polyline.ATTRS = {
      points: null,
      lineWidth: 1,
      startArrow: false,
      endArrow: false,
      tCache: null
    };
25802
    Util.extend(Polyline, Shape);
25804
    Util.augment(Polyline, {
      canStroke: true,
      type: 'polyline',
      tCache: null, // 缓存各点的t
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          startArrow: false,
          endArrow: false
        };
      },
      calculateBox: function calculateBox() {
        var self = this;
        var attrs = self.__attrs;
        var lineWidth = this.getHitLineWidth();
        var points = attrs.points;
        if (!points || points.length === 0) {
          return null;
        }
        var minX = Infinity;
        var minY = Infinity;
        var maxX = -Infinity;
        var maxY = -Infinity;
25828
        Util.each(points, function (point) {
          var x = point[0];
          var y = point[1];
          if (x < minX) {
            minX = x;
          }
          if (x > maxX) {
            maxX = x;
          }
25838
          if (y < minY) {
            minY = y;
          }
25842
          if (y > maxY) {
            maxY = y;
          }
        });
25847
        var halfWidth = lineWidth / 2;
        return {
          minX: minX - halfWidth,
          minY: minY - halfWidth,
          maxX: maxX + halfWidth,
          maxY: maxY + halfWidth
        };
      },
      _setTcache: function _setTcache() {
        var self = this;
        var attrs = self.__attrs;
        var points = attrs.points;
        var totalLength = 0;
        var tempLength = 0;
        var tCache = [];
        var segmentT = void 0;
        var segmentL = void 0;
        if (!points || points.length === 0) {
          return;
        }
25868
        Util.each(points, function (p, i) {
          if (points[i + 1]) {
            totalLength += LineMath.len(p[0], p[1], points[i + 1][0], points[i + 1][1]);
          }
        });
        if (totalLength <= 0) {
          return;
        }
        Util.each(points, function (p, i) {
          if (points[i + 1]) {
            segmentT = [];
            segmentT[0] = tempLength / totalLength;
            segmentL = LineMath.len(p[0], p[1], points[i + 1][0], points[i + 1][1]);
            tempLength += segmentL;
            segmentT[1] = tempLength / totalLength;
            tCache.push(segmentT);
          }
        });
        this.tCache = tCache;
      },
      isPointInPath: function isPointInPath(x, y) {
        var self = this;
        var attrs = self.__attrs;
        if (self.hasStroke()) {
          var points = attrs.points;
          if (points.length < 2) {
            return false;
          }
          var lineWidth = attrs.lineWidth;
          return Inside.polyline(points, lineWidth, x, y);
        }
        return false;
      },
      createPath: function createPath(context) {
        var self = this;
        var attrs = self.__attrs;
        var points = attrs.points;
        var l = void 0;
        var i = void 0;
25908
        if (points.length < 2) {
          return;
        }
        context = context || self.get('context');
        context.beginPath();
25914
        context.moveTo(points[0][0], points[0][1]);
        for (i = 1, l = points.length - 1; i < l; i++) {
          context.lineTo(points[i][0], points[i][1]);
        }
        context.lineTo(points[l][0], points[l][1]);
      },
      afterPath: function afterPath(context) {
        var self = this;
        var attrs = self.__attrs;
        var points = attrs.points;
        var l = points.length - 1;
        context = context || self.get('context');
25927
        if (attrs.startArrow) {
          Arrow.addStartArrow(context, attrs, points[1][0], points[1][1], points[0][0], points[0][1]);
        }
        if (attrs.endArrow) {
          Arrow.addEndArrow(context, attrs, points[l - 1][0], points[l - 1][1], points[l][0], points[l][1]);
        }
      },
      getPoint: function getPoint(t) {
        var attrs = this.__attrs;
        var points = attrs.points;
        var tCache = this.tCache;
        var subt = void 0;
        var index = void 0;
        if (!tCache) {
          this._setTcache();
          tCache = this.tCache;
        }
        Util.each(tCache, function (v, i) {
          if (t >= v[0] && t <= v[1]) {
            subt = (t - v[0]) / (v[1] - v[0]);
            index = i;
          }
        });
        return {
          x: LineMath.at(points[index][0], points[index + 1][0], subt),
          y: LineMath.at(points[index][1], points[index + 1][1], subt)
        };
      }
    });
25957
    module.exports = Polyline;
25959
    /***/
  },
  /* 61 */
  /***/function (module, exports, __webpack_require__) {
25964
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
    var ArcMath = __webpack_require__(22);
    var Arrow = __webpack_require__(6);
25970
    function _getArcX(x, radius, angle) {
      return x + radius * Math.cos(angle);
    }
    function _getArcY(y, radius, angle) {
      return y + radius * Math.sin(angle);
    }
25977
    var Arc = function Arc(cfg) {
      Arc.superclass.constructor.call(this, cfg);
    };
25981
    Arc.ATTRS = {
      x: 0,
      y: 0,
      r: 0,
      startAngle: 0,
      endAngle: 0,
      clockwise: false,
      lineWidth: 1,
      startArrow: false,
      endArrow: false
    };
25993
    Util.extend(Arc, Shape);
25995
    Util.augment(Arc, {
      canStroke: true,
      type: 'arc',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          x: 0,
          y: 0,
          r: 0,
          startAngle: 0,
          endAngle: 0,
          clockwise: false,
          lineWidth: 1,
          startArrow: false,
          endArrow: false
        };
      },
      calculateBox: function calculateBox() {
        var attrs = this.__attrs;
        var x = attrs.x,
            y = attrs.y,
            r = attrs.r,
            startAngle = attrs.startAngle,
            endAngle = attrs.endAngle,
            clockwise = attrs.clockwise;
26020
        var lineWidth = this.getHitLineWidth();
        var halfWidth = lineWidth / 2;
        var box = ArcMath.box(x, y, r, startAngle, endAngle, clockwise);
        box.minX -= halfWidth;
        box.minY -= halfWidth;
        box.maxX += halfWidth;
        box.maxY += halfWidth;
        return box;
      },
      isPointInPath: function isPointInPath(x, y) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var r = attrs.r,
            startAngle = attrs.startAngle,
            endAngle = attrs.endAngle,
            clockwise = attrs.clockwise;
26038
        var lineWidth = this.getHitLineWidth();
        if (this.hasStroke()) {
          return Inside.arcline(cx, cy, r, startAngle, endAngle, clockwise, lineWidth, x, y);
        }
        return false;
      },
      createPath: function createPath(context) {
        var attrs = this.__attrs;
        var x = attrs.x,
            y = attrs.y,
            r = attrs.r,
            startAngle = attrs.startAngle,
            endAngle = attrs.endAngle,
            clockwise = attrs.clockwise;
26053
        context = context || self.get('context');
26055
        context.beginPath();
        context.arc(x, y, r, startAngle, endAngle, clockwise);
      },
      afterPath: function afterPath(context) {
        var attrs = this.__attrs;
        var x = attrs.x,
            y = attrs.y,
            r = attrs.r,
            startAngle = attrs.startAngle,
            endAngle = attrs.endAngle,
            clockwise = attrs.clockwise;
26067
        context = context || this.get('context');
        var diff = void 0;
        var x1 = void 0;
        var y1 = void 0;
        var x2 = void 0;
        var y2 = void 0;
26074
        if (attrs.startArrow) {
          diff = Math.PI / 180;
          if (clockwise) {
            diff *= -1;
          }
          x1 = _getArcX(x, r, startAngle + diff);
          y1 = _getArcY(y, r, startAngle + diff);
          x2 = _getArcX(x, r, startAngle);
          y2 = _getArcY(y, r, startAngle);
          Arrow.addStartArrow(context, attrs, x1, y1, x2, y2);
        }
26086
        if (attrs.endArrow) {
          diff = Math.PI / 180;
          if (clockwise) {
            diff *= -1;
          }
          x1 = _getArcX(x, r, endAngle + diff);
          y1 = _getArcY(y, r, endAngle + diff);
          x2 = _getArcX(x, r, endAngle);
          y2 = _getArcY(y, r, endAngle);
          Arrow.addEndArrow(context, attrs, x2, y2, x1, y1);
        }
      }
    });
26100
    module.exports = Arc;
26102
    /***/
  },
  /* 62 */
  /***/function (module, exports, __webpack_require__) {
26107
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
    var ArcMath = __webpack_require__(22);
    var vec2 = __webpack_require__(2).vec2;
26113
    var Fan = function Fan(cfg) {
      Fan.superclass.constructor.call(this, cfg);
    };
26117
    Fan.ATTRS = {
      x: 0,
      y: 0,
      rs: 0,
      re: 0,
      startAngle: 0,
      endAngle: 0,
      clockwise: false,
      lineWidth: 1
    };
26128
    Util.extend(Fan, Shape);
26130
    Util.augment(Fan, {
      canFill: true,
      canStroke: true,
      type: 'fan',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          clockwise: false,
          lineWidth: 1,
          rs: 0,
          re: 0
        };
      },
      calculateBox: function calculateBox() {
        var self = this;
        var attrs = self.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var rs = attrs.rs;
        var re = attrs.re;
        var startAngle = attrs.startAngle;
        var endAngle = attrs.endAngle;
        var clockwise = attrs.clockwise;
        var lineWidth = this.getHitLineWidth();
26154
        var boxs = ArcMath.box(cx, cy, rs, startAngle, endAngle, clockwise);
        var boxe = ArcMath.box(cx, cy, re, startAngle, endAngle, clockwise);
        var minX = Math.min(boxs.minX, boxe.minX);
        var minY = Math.min(boxs.minY, boxe.minY);
        var maxX = Math.max(boxs.maxX, boxe.maxX);
        var maxY = Math.max(boxs.maxY, boxe.maxY);
26161
        var halfWidth = lineWidth / 2;
        return {
          minX: minX - halfWidth,
          minY: minY - halfWidth,
          maxX: maxX + halfWidth,
          maxY: maxY + halfWidth
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var fill = this.hasFill();
        var stroke = this.hasStroke();
26173
        if (fill && stroke) {
          return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
        }
26177
        if (fill) {
          return this._isPointInFill(x, y);
        }
26181
        if (stroke) {
          return this._isPointInStroke(x, y);
        }
        return false;
      },
      _isPointInFill: function _isPointInFill(x, y) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var rs = attrs.rs;
        var re = attrs.re;
        var startAngle = attrs.startAngle;
        var endAngle = attrs.endAngle;
        var clockwise = attrs.clockwise;
        var v1 = [1, 0];
        var subv = [x - cx, y - cy];
        var angle = vec2.angleTo(v1, subv);
26199
        var angle1 = ArcMath.nearAngle(angle, startAngle, endAngle, clockwise);
26201
        if (Util.isNumberEqual(angle, angle1)) {
          var ls = vec2.squaredLength(subv);
          if (rs * rs <= ls && ls <= re * re) {
            return true;
          }
        }
        return false;
      },
      _isPointInStroke: function _isPointInStroke(x, y) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var rs = attrs.rs;
        var re = attrs.re;
        var startAngle = attrs.startAngle;
        var endAngle = attrs.endAngle;
        var clockwise = attrs.clockwise;
        var lineWidth = this.getHitLineWidth();
26220
        var ssp = {
          x: Math.cos(startAngle) * rs + cx,
          y: Math.sin(startAngle) * rs + cy
        };
        var sep = {
          x: Math.cos(startAngle) * re + cx,
          y: Math.sin(startAngle) * re + cy
        };
        var esp = {
          x: Math.cos(endAngle) * rs + cx,
          y: Math.sin(endAngle) * rs + cy
        };
        var eep = {
          x: Math.cos(endAngle) * re + cx,
          y: Math.sin(endAngle) * re + cy
        };
26237
        if (Inside.line(ssp.x, ssp.y, sep.x, sep.y, lineWidth, x, y)) {
          return true;
        }
26241
        if (Inside.line(esp.x, esp.y, eep.x, eep.y, lineWidth, x, y)) {
          return true;
        }
26245
        if (Inside.arcline(cx, cy, rs, startAngle, endAngle, clockwise, lineWidth, x, y)) {
          return true;
        }
26249
        if (Inside.arcline(cx, cy, re, startAngle, endAngle, clockwise, lineWidth, x, y)) {
          return true;
        }
26253
        return false;
      },
      createPath: function createPath(context) {
        var attrs = this.__attrs;
        var cx = attrs.x;
        var cy = attrs.y;
        var rs = attrs.rs;
        var re = attrs.re;
        var startAngle = attrs.startAngle;
        var endAngle = attrs.endAngle;
        var clockwise = attrs.clockwise;
26265
        var ssp = {
          x: Math.cos(startAngle) * rs + cx,
          y: Math.sin(startAngle) * rs + cy
        };
        var sep = {
          x: Math.cos(startAngle) * re + cx,
          y: Math.sin(startAngle) * re + cy
        };
        var esp = {
          x: Math.cos(endAngle) * rs + cx,
          y: Math.sin(endAngle) * rs + cy
        };
26278
        context = context || self.get('context');
        context.beginPath();
        context.moveTo(ssp.x, ssp.y);
        context.lineTo(sep.x, sep.y);
        context.arc(cx, cy, re, startAngle, endAngle, clockwise);
        context.lineTo(esp.x, esp.y);
        context.arc(cx, cy, rs, endAngle, startAngle, !clockwise);
        context.closePath();
      }
    });
26289
    module.exports = Fan;
26291
    /***/
  },
  /* 63 */
  /***/function (module, exports, __webpack_require__) {
26296
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
    var Arrow = __webpack_require__(6);
    var CubicMath = __webpack_require__(10);
26302
    var Cubic = function Cubic(cfg) {
      Cubic.superclass.constructor.call(this, cfg);
    };
26306
    Cubic.ATTRS = {
      p1: null, // 起始点
      p2: null, // 第一个控制点
      p3: null, // 第二个控制点
      p4: null, // 终点
      lineWidth: 1,
      startArrow: false,
      endArrow: false
    };
26316
    Util.extend(Cubic, Shape);
26318
    Util.augment(Cubic, {
      canStroke: true,
      type: 'cubic',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          startArrow: false,
          endArrow: false
        };
      },
      calculateBox: function calculateBox() {
        var attrs = this.__attrs;
        var p1 = attrs.p1,
            p2 = attrs.p2,
            p3 = attrs.p3,
            p4 = attrs.p4;
26335
        var lineWidth = this.getHitLineWidth();
        var i = void 0;
        var l = void 0;
26339
        if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3) || Util.isNil(p4)) {
          return null;
        }
        var halfWidth = lineWidth / 2;
26344
        var xDim = CubicMath.extrema(p1[0], p2[0], p3[0], p4[0]);
        for (i = 0, l = xDim.length; i < l; i++) {
          xDim[i] = CubicMath.at(p1[0], p2[0], p3[0], p4[0], xDim[i]);
        }
        var yDim = CubicMath.extrema(p1[1], p2[1], p3[1], p4[1]);
        for (i = 0, l = yDim.length; i < l; i++) {
          yDim[i] = CubicMath.at(p1[1], p2[1], p3[1], p4[1], yDim[i]);
        }
        xDim.push(p1[0], p4[0]);
        yDim.push(p1[1], p4[1]);
26355
        return {
          minX: Math.min.apply(Math, xDim) - halfWidth,
          maxX: Math.max.apply(Math, xDim) + halfWidth,
          minY: Math.min.apply(Math, yDim) - halfWidth,
          maxY: Math.max.apply(Math, yDim) + halfWidth
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var attrs = this.__attrs;
        var p1 = attrs.p1,
            p2 = attrs.p2,
            p3 = attrs.p3,
            p4 = attrs.p4;
26369
        var lineWidth = this.getHitLineWidth();
        return Inside.cubicline(p1[0], p1[1], p2[0], p2[1], p3[0], p3[1], p4[0], p4[1], lineWidth, x, y);
      },
      createPath: function createPath(context) {
        var attrs = this.__attrs;
        var p1 = attrs.p1,
            p2 = attrs.p2,
            p3 = attrs.p3,
            p4 = attrs.p4;
26379
        context = context || self.get('context');
        if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3) || Util.isNil(p4)) {
          return;
        }
        context.beginPath();
        context.moveTo(p1[0], p1[1]);
        context.bezierCurveTo(p2[0], p2[1], p3[0], p3[1], p4[0], p4[1]);
      },
      afterPath: function afterPath(context) {
        var attrs = this.__attrs;
        var p1 = attrs.p1,
            p2 = attrs.p2,
            p3 = attrs.p3,
            p4 = attrs.p4;
26394
        context = context || this.get('context');
        if (attrs.startArrow) {
          Arrow.addStartArrow(context, attrs, p2[0], p2[1], p1[0], p1[1]);
        }
        if (attrs.endArrow) {
          Arrow.addEndArrow(context, attrs, p3[0], p3[1], p4[0], p4[1]);
        }
      },
      getPoint: function getPoint(t) {
        var attrs = this.__attrs;
        return {
          x: CubicMath.at(attrs.p4[0], attrs.p3[0], attrs.p2[0], attrs.p1[0], t),
          y: CubicMath.at(attrs.p4[1], attrs.p3[1], attrs.p2[1], attrs.p1[1], t)
        };
      }
    });
26411
    module.exports = Cubic;
26413
    /***/
  },
  /* 64 */
  /***/function (module, exports, __webpack_require__) {
26418
    var Util = __webpack_require__(0);
    var Shape = __webpack_require__(1);
    var Inside = __webpack_require__(3);
    var Arrow = __webpack_require__(6);
    var QuadraticMath = __webpack_require__(21);
26424
    var Quadratic = function Quadratic(cfg) {
      Quadratic.superclass.constructor.call(this, cfg);
    };
26428
    Quadratic.ATTRS = {
      p1: null, // 起始点
      p2: null, // 控制点
      p3: null, // 结束点
      lineWidth: 1,
      startArrow: false,
      endArrow: false
    };
26437
    Util.extend(Quadratic, Shape);
26439
    Util.augment(Quadratic, {
      canStroke: true,
      type: 'quadratic',
      getDefaultAttrs: function getDefaultAttrs() {
        return {
          lineWidth: 1,
          startArrow: false,
          endArrow: false
        };
      },
      calculateBox: function calculateBox() {
        var self = this;
        var attrs = self.__attrs;
        var p1 = attrs.p1,
            p2 = attrs.p2,
            p3 = attrs.p3;
26456
        var lineWidth = this.getHitLineWidth();
        var i = void 0;
        var l = void 0;
26460
        if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3)) {
          return null;
        }
        var halfWidth = lineWidth / 2;
        var xDims = QuadraticMath.extrema(p1[0], p2[0], p3[0]);
        for (i = 0, l = xDims.length; i < l; i++) {
          xDims[i] = QuadraticMath.at(p1[0], p2[0], p3[0], xDims[i]);
        }
        xDims.push(p1[0], p3[0]);
        var yDims = QuadraticMath.extrema(p1[1], p2[1], p3[1]);
        for (i = 0, l = yDims.length; i < l; i++) {
          yDims[i] = QuadraticMath.at(p1[1], p2[1], p3[1], yDims[i]);
        }
        yDims.push(p1[1], p3[1]);
26475
        return {
          minX: Math.min.apply(Math, xDims) - halfWidth,
          maxX: Math.max.apply(Math, xDims) + halfWidth,
          minY: Math.min.apply(Math, yDims) - halfWidth,
          maxY: Math.max.apply(Math, yDims) + halfWidth
        };
      },
      isPointInPath: function isPointInPath(x, y) {
        var self = this;
        var attrs = self.__attrs;
        var p1 = attrs.p1,
            p2 = attrs.p2,
            p3 = attrs.p3;
26489
        var lineWidth = this.getHitLineWidth();
26491
        return Inside.quadraticline(p1[0], p1[1], p2[0], p2[1], p3[0], p3[1], lineWidth, x, y);
      },
      createPath: function createPath(context) {
        var self = this;
        var attrs = self.__attrs;
        var p1 = attrs.p1,
            p2 = attrs.p2,
            p3 = attrs.p3;
26500
        if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3)) {
          return;
        }
        context = context || self.get('context');
        context.beginPath();
        context.moveTo(p1[0], p1[1]);
        context.quadraticCurveTo(p2[0], p2[1], p3[0], p3[1]);
      },
      afterPath: function afterPath(context) {
        var self = this;
        var attrs = self.__attrs;
        var p1 = attrs.p1,
            p2 = attrs.p2,
            p3 = attrs.p3;
26515
        context = context || self.get('context');
26517
        if (attrs.startArrow) {
          Arrow.addStartArrow(context, attrs, p2[0], p2[1], p1[0], p1[1]);
        }
26521
        if (attrs.endArrow) {
          Arrow.addEndArrow(context, attrs, p2[0], p2[1], p3[0], p3[1]);
        }
      },
      getPoint: function getPoint(t) {
        var attrs = this.__attrs;
        return {
          x: QuadraticMath.at(attrs.p1[0], attrs.p2[0], attrs.p3[0], t),
          y: QuadraticMath.at(attrs.p1[1], attrs.p2[1], attrs.p3[1], t)
        };
      }
    });
26534
    module.exports = Quadratic;
26536
    /***/
  },
  /* 65 */
  /***/function (module, exports, __webpack_require__) {
26541
    module.exports = {
      // renderers
      svg: __webpack_require__(66),
      canvas: __webpack_require__(108),
      // utils
      CommonUtil: __webpack_require__(7),
      DomUtil: __webpack_require__(26),
      MatrixUtil: __webpack_require__(2),
      PathUtil: __webpack_require__(13),
      // version, etc.
      version: '3.0.0-beta.4'
    };
26554
    /***/
  },
  /* 66 */
  /***/function (module, exports, __webpack_require__) {
26559
    module.exports = {
      Canvas: __webpack_require__(67),
      Group: __webpack_require__(28),
      Shape: __webpack_require__(4),
      Rect: __webpack_require__(39),
      Circle: __webpack_require__(40),
      Ellipse: __webpack_require__(41),
      Path: __webpack_require__(42),
      Text: __webpack_require__(43),
      Line: __webpack_require__(44),
      Image: __webpack_require__(45),
      Polygon: __webpack_require__(46),
      Marker: __webpack_require__(47),
      Dom: __webpack_require__(48),
      Fan: __webpack_require__(49),
      Event: __webpack_require__(27)
    };
26577
    /***/
  },
  /* 67 */
  /***/function (module, exports, __webpack_require__) {
26582
    var Util = __webpack_require__(0);
    var Event = __webpack_require__(27);
    var Group = __webpack_require__(28);
    var Defs = __webpack_require__(103);
26587
    var Canvas = function Canvas(cfg) {
      Canvas.superclass.constructor.call(this, cfg);
    };
26591
    var defs = new Defs();
26593
    Canvas.CFG = {
      eventEnable: true,
      /**
       * 像素宽度
       * @type {Number}
       */
      width: null,
      /**
       * 像素高度
       * @type {Number}
       */
      height: null,
      /**
       * 画布宽度
       * @type {Number}
       */
      widthCanvas: null,
      /**
       * 画布高度
       * @type {Number}
       */
      heightCanvas: null,
      /**
       * CSS宽
       * CSS宽
       * @type {String}
       */
      widthStyle: null,
      /**
       * CSS高
       * @type {String}
       */
      heightStyle: null,
      /**
       * 容器DOM
       * @type {Object}
       */
      containerDOM: null,
      /**
       * 当前Canvas的DOM
       * @type {Object}
       */
      canvasDOM: null,
      /**
       * 屏幕像素比
       * @type {Number}
       */
      pixelRatio: Util.getRatio()
    };
26643
    Util.extend(Canvas, Group);
26645
    Util.augment(Canvas, {
      init: function init() {
        Canvas.superclass.init.call(this);
        this._setDOM();
        this._setInitSize();
        // this._scale();
        if (this.get('eventEnable')) {
          this._registEvents();
        }
      },
      getEmitter: function getEmitter(element, event) {
        if (element) {
          if (Util.isEmpty(element._getEvents())) {
            var parent = element.get('parent');
            if (parent && !event.propagationStopped) {
              return this.getEmitter(parent, event);
            }
          } else {
            return element;
          }
        }
      },
      _getEventObj: function _getEventObj(type, e, point, target) {
        var event = new Event(type, e, true, true);
        event.x = point.x;
        event.y = point.y;
        event.clientX = e.clientX;
        event.clientY = e.clientY;
        event.currentTarget = target;
        event.target = target;
        return event;
      },
      _triggerEvent: function _triggerEvent(type, e) {
        var point = this.getPointByClient(e.clientX, e.clientY);
        var shape = this.findShape(e.srcElement);
        var emitObj = void 0;
        if (type === 'mousemove') {
          var preShape = this.get('preShape');
          if (preShape && preShape !== shape) {
            var mouseleave = this._getEventObj('mouseleave', e, point, preShape);
            emitObj = this.getEmitter(preShape, e);
            emitObj && emitObj.emit('mouseleave', mouseleave);
          }
26689
          if (shape) {
            var mousemove = this._getEventObj('mousemove', e, point, shape);
            emitObj = this.getEmitter(shape, e);
            emitObj && emitObj.emit('mousemove', mousemove);
26694
            if (preShape !== shape) {
              var mouseenter = this._getEventObj('mouseenter', e, point, shape);
              emitObj && emitObj.emit('mouseenter', mouseenter, e);
            }
          } else {
            var canvasmousemove = this._getEventObj('mousemove', e, point, this);
            this.emit('mousemove', canvasmousemove);
          }
          this.set('preShape', shape);
        } else {
          var event = this._getEventObj(type, e, point, shape || this);
          emitObj = this.getEmitter(shape, e);
          if (emitObj && emitObj !== this) {
            emitObj.emit(type, event);
          }
          this.emit(type, event);
        }
26712
        var el = this.get('el');
        if (shape && !shape.get('destroyed')) {
          el.style.cursor = shape.attr('cursor') || 'default';
        }
      },
      _registEvents: function _registEvents() {
        var self = this;
        var el = self.get('el');
        var events = ['mouseout', 'mouseover', 'mousemove', 'mousedown', 'mouseup', 'click', 'dblclick'];
26722
        Util.each(events, function (event) {
          el.addEventListener(event, function (e) {
            self._triggerEvent(event, e);
          }, false);
        });
        el.addEventListener('touchstart', function (e) {
          if (!Util.isEmpty(e.touches)) {
            self._triggerEvent('touchstart', e.touches[0]);
          }
        }, false);
26733
        el.addEventListener('touchmove', function (e) {
          if (!Util.isEmpty(e.touches)) {
            self._triggerEvent('touchmove', e.touches[0]);
          }
        }, false);
26739
        el.addEventListener('touchend', function (e) {
          if (!Util.isEmpty(e.changedTouches)) {
            self._triggerEvent('touchend', e.changedTouches[0]);
          }
        }, false);
      },
      _setDOM: function _setDOM() {
        this._setContainer();
        this._setLayer();
      },
      _setContainer: function _setContainer() {
        var containerId = this.get('containerId');
        var containerDOM = this.get('containerDOM');
        if (!containerDOM) {
          containerDOM = document.getElementById(containerId);
          this.set('containerDOM', containerDOM);
        }
        Util.modifyCSS(containerDOM, {
          position: 'relative'
        });
      },
      _setLayer: function _setLayer() {
        var containerDOM = this.get('containerDOM');
        var canvasId = Util.uniqueId('svg_');
        if (containerDOM) {
          var _canvasDOM = Util.createDom('<svg id="' + canvasId + '"></svg>');
          containerDOM.appendChild(_canvasDOM);
          _canvasDOM.appendChild(defs.get('el'));
          this.set('canvasDOM', _canvasDOM);
          this.set('el', _canvasDOM);
          this.set('defs', defs);
          this.set('canvas', this);
        }
        var canvasDOM = this.get('canvasDOM');
        this.set('context', canvasDOM);
      },
      _setInitSize: function _setInitSize() {
        this.changeSize(this.get('width'), this.get('height'));
        this.set('pixelRatio', 1);
      },
      _resize: function _resize() {
        var canvasDOM = this.get('canvasDOM');
        var widthCanvas = this.get('widthCanvas');
        var heightCanvas = this.get('heightCanvas');
        var widthStyle = this.get('widthStyle');
        var heightStyle = this.get('heightStyle');
26786
        canvasDOM.style.width = widthStyle;
        canvasDOM.style.height = heightStyle;
        canvasDOM.setAttribute('width', widthCanvas);
        canvasDOM.setAttribute('height', heightCanvas);
      },
      getWidth: function getWidth() {
        return this.get('width');
      },
      getHeight: function getHeight() {
        return this.get('height');
      },
      changeSize: function changeSize(width, height) {
        this.set('widthCanvas', width);
        this.set('heightCanvas', height);
        this.set('widthStyle', width + 'px');
        this.set('heightStyle', height + 'px');
        this.set('width', width);
        this.set('height', height);
        this._resize();
      },
26807
      /**
       * 将窗口坐标转变成 canvas 坐标
       * @param  {Number} clientX 窗口x坐标
       * @param  {Number} clientY 窗口y坐标
       * @return {Object} canvas坐标
       */
      getPointByClient: function getPointByClient(clientX, clientY) {
        var el = this.get('el');
        var bbox = el.getBoundingClientRect();
        return {
          x: clientX - bbox.left,
          y: clientY - bbox.top
        };
      },
      getClientByPoint: function getClientByPoint(x, y) {
        var el = this.get('el');
        var bbox = el.getBoundingClientRect();
        return {
          clientX: x + bbox.left,
          clientY: y + bbox.top
        };
      },
      beforeDraw: function beforeDraw() {
        var el = this.get('el');
        // canvas版本用盖一个canvas大小的矩阵清空画布，svg换成清空html
        el.innerHTML = '';
      },
      _beginDraw: function _beginDraw() {
        this.setSilent('toDraw', true);
      },
      _endDraw: function _endDraw() {
        this.setSilent('toDraw', false);
      },
26841
      // svg实时渲染，兼容canvas版本留个空接口
      draw: function draw() {},
      destroy: function destroy() {
        var containerDOM = this.get('containerDOM');
        var canvasDOM = this.get('canvasDOM');
        if (canvasDOM && containerDOM) {
          containerDOM.removeChild(canvasDOM);
        }
        Canvas.superclass.destroy.call(this);
      }
    });
26853
    module.exports = Canvas;
26855
    /***/
  },
  /* 68 */
  /***/function (module, exports, __webpack_require__) {
26860
    /* WEBPACK VAR INJECTION */(function (module) {
      var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var _typeof2 = typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol" ? function (obj) {
        return typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
      } : function (obj) {
        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
      };
26867
      (function webpackUniversalModuleDefinition(root, factory) {
        if ((false ? 'undefined' : _typeof2(exports)) === 'object' && (false ? 'undefined' : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = factory, __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__));else if ((typeof exports === 'undefined' ? 'undefined' : _typeof2(exports)) === 'object') exports["Util"] = factory();else root["Util"] = factory();
      })(this, function () {
        return (/******/function (modules) {
            // webpackBootstrap
            /******/ // The module cache
            /******/var installedModules = {};
            /******/
            /******/ // The require function
            /******/function __webpack_require__(moduleId) {
              /******/
              /******/ // Check if module is in cache
              /******/if (installedModules[moduleId]) {
                /******/return installedModules[moduleId].exports;
                /******/
              }
              /******/ // Create a new module (and put it into the cache)
              /******/var module = installedModules[moduleId] = {
                /******/i: moduleId,
                /******/l: false,
                /******/exports: {}
                /******/ };
              /******/
              /******/ // Execute the module function
              /******/modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
              /******/
              /******/ // Flag the module as loaded
              /******/module.l = true;
              /******/
              /******/ // Return the exports of the module
              /******/return module.exports;
              /******/
            }
            /******/
            /******/
            /******/ // expose the modules object (__webpack_modules__)
            /******/__webpack_require__.m = modules;
            /******/
            /******/ // expose the module cache
            /******/__webpack_require__.c = installedModules;
            /******/
            /******/ // define getter function for harmony exports
            /******/__webpack_require__.d = function (exports, name, getter) {
              /******/if (!__webpack_require__.o(exports, name)) {
                /******/Object.defineProperty(exports, name, {
                  /******/configurable: false,
                  /******/enumerable: true,
                  /******/get: getter
                  /******/ });
                /******/
              }
              /******/
            };
            /******/
            /******/ // getDefaultExport function for compatibility with non-harmony modules
            /******/__webpack_require__.n = function (module) {
              /******/var getter = module && module.__esModule ?
              /******/function getDefault() {
                return module['default'];
              } :
              /******/function getModuleExports() {
                return module;
              };
              /******/__webpack_require__.d(getter, 'a', getter);
              /******/return getter;
              /******/
            };
            /******/
            /******/ // Object.prototype.hasOwnProperty.call
            /******/__webpack_require__.o = function (object, property) {
              return Object.prototype.hasOwnProperty.call(object, property);
            };
            /******/
            /******/ // __webpack_public_path__
            /******/__webpack_require__.p = "";
            /******/
            /******/ // Load entry module and return exports
            /******/return __webpack_require__(__webpack_require__.s = 27);
            /******/
          }(
          /************************************************************************/
          /******/[
          /* 0 */
          /***/function (module, exports) {
26952
            var isArrayLike = function isArrayLike(value) {
              /**
               * isArrayLike([1, 2, 3]) => true
               * isArrayLike(document.body.children) => true
               * isArrayLike('abc') => true
               * isArrayLike(Function) => false
               */
              return value !== null && typeof value !== 'function' && isFinite(value.length);
            };
26962
            module.exports = isArrayLike;
26964
            /***/
          },
          /* 1 */
          /***/function (module, exports) {
26969
            var toString = {}.toString;
            var isType = function isType(value, type) {
              return toString.call(value) === '[object ' + type + ']';
            };
26974
            module.exports = isType;
26976
            /***/
          },
          /* 2 */
          /***/function (module, exports, __webpack_require__) {
26981
            var isType = __webpack_require__(1);
26983
            var isArray = Array.isArray ? Array.isArray : function (value) {
              return isType(value, 'Array');
            };
26987
            module.exports = isArray;
26989
            /***/
          },
          /* 3 */
          /***/function (module, exports, __webpack_require__) {
26994
            /**
             * 判断是否数字
             * @return {Boolean} 是否数字
             */
            var isType = __webpack_require__(1);
27000
            var isNumber = function isNumber(value) {
              return isType(value, 'Number');
            };
            module.exports = isNumber;
27005
            /***/
          },
          /* 4 */
          /***/function (module, exports, __webpack_require__) {
27010
            var isType = __webpack_require__(1);
27012
            var isString = function isString(str) {
              return isType(str, 'String');
            };
27016
            module.exports = isString;
27018
            /***/
          },
          /* 5 */
          /***/function (module, exports) {
27023
            function isNull(value) {
              return value === null;
            }
27027
            function isUndefined(value) {
              return value === undefined;
            }
27031
            // isFinite,
            var isNil = function isNil(value) {
              /**
               * isNil(null) => true
               * isNil() => true
               */
              return isUndefined(value) || isNull(value);
            };
27040
            module.exports = isNil;
27042
            /***/
          },
          /* 6 */
          /***/function (module, exports, __webpack_require__) {
27047
            var isObject = __webpack_require__(16);
            var isArray = __webpack_require__(2);
27050
            var each = function each(elements, func) {
              if (!elements) {
                return;
              }
              var rst = void 0;
              if (isArray(elements)) {
                for (var i = 0; i < elements.length; i++) {
                  rst = func(elements[i], i);
                  if (rst === false) {
                    break;
                  }
                }
              } else if (isObject(elements)) {
                for (var k in elements) {
                  if (elements.hasOwnProperty(k)) {
                    rst = func(elements[k], k);
                    if (rst === false) {
                      break;
                    }
                  }
                }
              }
            };
27074
            module.exports = each;
27076
            /***/
          },
          /* 7 */
          /***/function (module, exports, __webpack_require__) {
27081
            var isArrayLike = __webpack_require__(0);
27083
            var indexOf = Array.prototype.indexOf;
27085
            var contains = function contains(arr, value) {
              if (!isArrayLike(arr)) {
                return false;
              }
              return indexOf.call(arr, value) > -1;
            };
27092
            module.exports = contains;
27094
            /***/
          },
          /* 8 */
          /***/function (module, exports, __webpack_require__) {
27099
            var isArrayLike = __webpack_require__(0);
27101
            var splice = Array.prototype.splice;
27103
            var pullAt = function pullAt(arr, indexes) {
              if (!isArrayLike(arr)) {
                return [];
              }
              var length = arr ? indexes.length : 0;
              var last = length - 1;
27110
              while (length--) {
                var previous = void 0;
                var index = indexes[length];
                if (length === last || index !== previous) {
                  previous = index;
                  splice.call(arr, index, 1);
                }
              }
              return arr;
            };
27121
            module.exports = pullAt;
27123
            /***/
          },
          /* 9 */
          /***/function (module, exports) {
27128
            var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
              return typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
            } : function (obj) {
              return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
            };
27134
            var isObjectLike = function isObjectLike(value) {
              /**
               * isObjectLike({}) => true
               * isObjectLike([1, 2, 3]) => true
               * isObjectLike(Function) => false
               * isObjectLike(null) => false
               */
              return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value !== null;
            };
27144
            module.exports = isObjectLike;
27146
            /***/
          },
          /* 10 */
          /***/function (module, exports, __webpack_require__) {
27151
            var isArrayLike = __webpack_require__(0);
27153
            function toArray(value) {
              return isArrayLike(value) ? Array.prototype.slice.call(value) : [];
            }
27157
            module.exports = toArray;
27159
            /***/
          },
          /* 11 */
          /***/function (module, exports, __webpack_require__) {
27164
            /**
             * 是否为函数
             * @param  {*} fn 对象
             * @return {Boolean}  是否函数
             */
            var isType = __webpack_require__(1);
27171
            var isFunction = function isFunction(value) {
              return isType(value, 'Function');
            };
27175
            module.exports = isFunction;
27177
            /***/
          },
          /* 12 */
          /***/function (module, exports) {
27182
            function _mix(dist, obj) {
              for (var key in obj) {
                if (obj.hasOwnProperty(key) && key !== 'constructor' && obj[key] !== undefined) {
                  dist[key] = obj[key];
                }
              }
            }
27190
            var mix = function mix(dist, src1, src2, src3) {
              if (src1) _mix(dist, src1);
              if (src2) _mix(dist, src2);
              if (src3) _mix(dist, src3);
              return dist;
            };
27197
            module.exports = mix;
27199
            /***/
          },
          /* 13 */
          /***/function (module, exports, __webpack_require__) {
27204
            var isNil = __webpack_require__(5);
            var isArray = __webpack_require__(2);
27207
            var firstValue = function firstValue(data, name) {
              var rst = null;
              for (var i = 0; i < data.length; i++) {
                var obj = data[i];
                var value = obj[name];
                if (!isNil(value)) {
                  if (isArray(value)) {
                    rst = value[0];
                  } else {
                    rst = value;
                  }
                  break;
                }
              }
              return rst;
            };
27224
            module.exports = firstValue;
27226
            /***/
          },
          /* 14 */
          /***/function (module, exports, __webpack_require__) {
27231
            var filter = __webpack_require__(15);
            var isArray = __webpack_require__(2);
27234
            var getRange = function getRange(values) {
              // 存在 NaN 时，min,max 判定会出问题
              values = filter(values, function (v) {
                return !isNaN(v);
              });
              if (!values.length) {
                // 如果没有数值则直接返回0
                return {
                  min: 0,
                  max: 0
                };
              }
              if (isArray(values[0])) {
                var tmp = [];
                for (var i = 0; i < values.length; i++) {
                  tmp = tmp.concat(values[i]);
                }
                values = tmp;
              }
              var max = Math.max.apply(null, values);
              var min = Math.min.apply(null, values);
              return {
                min: min,
                max: max
              };
            };
27261
            module.exports = getRange;
27263
            /***/
          },
          /* 15 */
          /***/function (module, exports, __webpack_require__) {
27268
            var each = __webpack_require__(6);
            var isArrayLike = __webpack_require__(0);
27271
            var filter = function filter(arr, func) {
              if (!isArrayLike(arr)) {
                return arr;
              }
              var result = [];
              each(arr, function (value, index) {
                if (func(value, index)) {
                  result.push(value);
                }
              });
              return result;
            };
27284
            module.exports = filter;
27286
            /***/
          },
          /* 16 */
          /***/function (module, exports) {
27291
            var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
              return typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
            } : function (obj) {
              return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
            };
27297
            var isObject = function isObject(value) {
              /**
               * isObject({}) => true
               * isObject([1, 2, 3]) => true
               * isObject(Function) => true
               * isObject(null) => false
               */
              var type = typeof value === 'undefined' ? 'undefined' : _typeof(value);
              return value !== null && type === 'object' || type === 'function';
            };
27308
            module.exports = isObject;
27310
            /***/
          },
          /* 17 */
          /***/function (module, exports) {
27315
            var arrPrototype = Array.prototype;
            var splice = arrPrototype.splice;
            var indexOf = arrPrototype.indexOf;
            var slice = arrPrototype.slice;
27320
            var pull = function pull(arr) {
              var values = slice.call(arguments, 1);
              for (var i = 0; i < values.length; i++) {
                var value = values[i];
                var fromIndex = -1;
                while ((fromIndex = indexOf.call(arr, value)) > -1) {
                  splice.call(arr, fromIndex, 1);
                }
              }
              return arr;
            };
27332
            module.exports = pull;
27334
            /***/
          },
          /* 18 */
          /***/function (module, exports, __webpack_require__) {
27339
            var isArrayLike = __webpack_require__(0);
            var pullAt = __webpack_require__(8);
27342
            var remove = function remove(arr, predicate) {
              /**
               * const arr = [1, 2, 3, 4]
               * const evens = remove(arr, n => n % 2 == 0)
               * console.log(arr) // => [1, 3]
               * console.log(evens) // => [2, 4]
               */
              var result = [];
              if (!isArrayLike(arr)) {
                return result;
              }
              var i = -1;
              var indexes = [];
              var length = arr.length;
27357
              while (++i < length) {
                var value = arr[i];
                if (predicate(value, i, arr)) {
                  result.push(value);
                  indexes.push(i);
                }
              }
              pullAt(arr, indexes);
              return result;
            };
27368
            module.exports = remove;
27370
            /***/
          },
          /* 19 */
          /***/function (module, exports, __webpack_require__) {
27375
            var contains = __webpack_require__(7);
27377
            var uniq = function uniq(arr) {
              var resultArr = [];
              arr.forEach(function (item) {
                if (!contains(resultArr, item)) {
                  resultArr.push(item);
                }
              });
              return resultArr;
            };
27387
            module.exports = uniq;
27389
            /***/
          },
          /* 20 */
          /***/function (module, exports, __webpack_require__) {
27394
            var each = __webpack_require__(6);
            var isNil = __webpack_require__(5);
            var isArray = __webpack_require__(2);
27398
            var values = function values(data, name) {
              var rst = [];
              var tmpMap = {};
              for (var i = 0; i < data.length; i++) {
                var obj = data[i];
                var value = obj[name];
                if (!isNil(value)) {
                  if (!isArray(value)) {
                    value = [value];
                  }
                  each(value, function (val) {
                    if (!tmpMap[val]) {
                      rst.push(val);
                      tmpMap[val] = true;
                    }
                  });
                }
              }
              return rst;
            };
27419
            module.exports = values;
27421
            /***/
          },
          /* 21 */
          /***/function (module, exports) {
27426
            var toString = {}.toString;
27428
            var getType = function getType(value) {
              return toString.call(value).replace(/^\[object /, '').replace(/\]$/, '');
            };
27432
            module.exports = getType;
27434
            /***/
          },
          /* 22 */
          /***/function (module, exports) {
27439
            var objectProto = Object.prototype;
            var isPrototype = function isPrototype(value) {
              var Ctor = value && value.constructor;
              var proto = typeof Ctor === 'function' && Ctor.prototype || objectProto;
              return value === proto;
            };
27446
            module.exports = isPrototype;
27448
            /***/
          },
          /* 23 */
          /***/function (module, exports, __webpack_require__) {
27453
            var isObjectLike = __webpack_require__(9);
            var isType = __webpack_require__(1);
27456
            var isPlainObject = function isPlainObject(value) {
              /**
               * isObjectLike(new Foo) => false
               * isObjectLike([1, 2, 3]) => false
               * isObjectLike({ x: 0, y: 0 }) => true
               * isObjectLike(Object.create(null)) => true
               */
              if (!isObjectLike(value) || !isType(value, 'Object')) {
                return false;
              }
              if (Object.getPrototypeOf(value) === null) {
                return true;
              }
              var proto = value;
              while (Object.getPrototypeOf(proto) !== null) {
                proto = Object.getPrototypeOf(proto);
              }
              return Object.getPrototypeOf(value) === proto;
            };
27476
            module.exports = isPlainObject;
27478
            /***/
          },
          /* 24 */
          /***/function (module, exports) {
27483
            module.exports = parseInt;
27485
            /***/
          },
          /* 25 */
          /***/function (module, exports, __webpack_require__) {
27490
            var isString = __webpack_require__(4);
27492
            var lowerCase = function lowerCase(str) {
              if (!isString(str)) {
                return str;
              }
              return str.toString().toLowerCase();
            };
27499
            module.exports = lowerCase;
27501
            /***/
          },
          /* 26 */
          /***/function (module, exports, __webpack_require__) {
27506
            var isString = __webpack_require__(4);
27508
            var upperCase = function upperCase(str) {
              if (!isString(str)) {
                return str;
              }
              return str.toString().toUpperCase();
            };
27515
            module.exports = upperCase;
27517
            /***/
          },
          /* 27 */
          /***/function (module, exports, __webpack_require__) {
27522
            module.exports = {
              arrayUtil: __webpack_require__(28),
              stringUtil: __webpack_require__(29),
              clone: __webpack_require__(30),
              each: __webpack_require__(6),
              filter: __webpack_require__(15),
              indexOf: __webpack_require__(31),
              isEmpty: __webpack_require__(32),
              isEqual: __webpack_require__(33),
              map: __webpack_require__(34),
              toArray: __webpack_require__(10),
              uniqueId: __webpack_require__(35),
              extend: __webpack_require__(36),
              augment: __webpack_require__(37),
              deepMix: __webpack_require__(38),
              mix: __webpack_require__(12),
              clamp: __webpack_require__(39),
              fixedBase: __webpack_require__(40),
              isDecimal: __webpack_require__(41),
              isEven: __webpack_require__(42),
              isInteger: __webpack_require__(43),
              isNegative: __webpack_require__(44),
              isNumberEqual: __webpack_require__(45),
              isOdd: __webpack_require__(46),
              isPositive: __webpack_require__(47),
              mod: __webpack_require__(48),
              toDegree: __webpack_require__(49),
              toInt: __webpack_require__(24),
              toInteger: __webpack_require__(24),
              toRadian: __webpack_require__(50),
              getType: __webpack_require__(21),
              isArray: __webpack_require__(2),
              isArrayLike: __webpack_require__(0),
              isBoolean: __webpack_require__(51),
              isFunction: __webpack_require__(11),
              isNil: __webpack_require__(5),
              isNull: __webpack_require__(52),
              isNumber: __webpack_require__(3),
              isObject: __webpack_require__(16),
              isObjectLike: __webpack_require__(9),
              isPlainObject: __webpack_require__(23),
              isPrototype: __webpack_require__(22),
              isType: __webpack_require__(1),
              isUndefined: __webpack_require__(53),
              isString: __webpack_require__(4),
              isRegExp: __webpack_require__(54),
              lowerCase: __webpack_require__(25),
              lowerFirst: __webpack_require__(55),
              substitute: __webpack_require__(56),
              upperCase: __webpack_require__(26),
              upperFirst: __webpack_require__(57),
              contains: __webpack_require__(7),
              firstValue: __webpack_require__(13),
              getRange: __webpack_require__(14),
              pull: __webpack_require__(17),
              pullAt: __webpack_require__(8),
              remove: __webpack_require__(18),
              uniq: __webpack_require__(19),
              values: __webpack_require__(20)
            };
27583
            /***/
          },
          /* 28 */
          /***/function (module, exports, __webpack_require__) {
27588
            module.exports = {
              contains: __webpack_require__(7),
              firstValue: __webpack_require__(13),
              getRange: __webpack_require__(14),
              pull: __webpack_require__(17),
              pullAt: __webpack_require__(8),
              remove: __webpack_require__(18),
              uniq: __webpack_require__(19),
              values: __webpack_require__(20)
            };
27599
            /***/
          },
          /* 29 */
          /***/function (module, exports) {
27604
            function toString(value) {
              return value.toString();
            }
27608
            function upperCase(value) {
              return toString(value).toUpperCase();
            }
27612
            function lowerCase(value) {
              return toString(value).toLowerCase();
            }
27616
            var strUtil = {
              lc: lowerCase,
              lowerCase: lowerCase,
              lowerFirst: function lowerFirst(value) {
                value = toString(value);
                return lowerCase(value.charAt(0)) + value.substring(1);
              },
27624
              uc: upperCase,
              upperCase: upperCase,
              upperFirst: function upperFirst(value) {
                value = toString(value);
                return upperCase(value.charAt(0)) + value.substring(1);
              }
            };
27632
            module.exports = strUtil;
27634
            /***/
          },
          /* 30 */
          /***/function (module, exports, __webpack_require__) {
27639
            var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
              return typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
            } : function (obj) {
              return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof2(obj);
            };
27645
            var isArray = __webpack_require__(2);
27647
            var clone = function clone(obj) {
              if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) !== 'object' || obj === null) {
                return obj;
              }
              var rst = void 0;
              if (isArray(obj)) {
                rst = [];
                for (var i = 0, l = obj.length; i < l; i++) {
                  if (_typeof(obj[i]) === 'object' && obj[i] != null) {
                    rst[i] = clone(obj[i]);
                  } else {
                    rst[i] = obj[i];
                  }
                }
              } else {
                rst = {};
                for (var k in obj) {
                  if (_typeof(obj[k]) === 'object' && obj[k] != null) {
                    rst[k] = clone(obj[k]);
                  } else {
                    rst[k] = obj[k];
                  }
                }
              }
27672
              return rst;
            };
27675
            module.exports = clone;
27677
            /***/
          },
          /* 31 */
          /***/function (module, exports, __webpack_require__) {
27682
            var isArrayLike = __webpack_require__(0);
27684
            var indexOf = function indexOf(arr, obj) {
              if (!isArrayLike(arr)) {
                return -1;
              }
              var m = Array.prototype.indexOf;
              if (m) {
                return m.call(arr, obj);
              }
              var index = -1;
27694
              for (var i = 0; i < arr.length; i++) {
                if (arr[i] === obj) {
                  index = i;
                  break;
                }
              }
              return index;
            };
27703
            module.exports = indexOf;
27705
            /***/
          },
          /* 32 */
          /***/function (module, exports, __webpack_require__) {
27710
            var isNil = __webpack_require__(5);
            var isArrayLike = __webpack_require__(0);
            var getType = __webpack_require__(21);
            var isPrototype = __webpack_require__(22);
            var hasOwnProperty = Object.prototype.hasOwnProperty;
27716
            function isEmpty(value) {
              /**
               * isEmpty(null) => true
               * isEmpty() => true
               * isEmpty(true) => true
               * isEmpty(1) => true
               * isEmpty([1, 2, 3]) => false
               * isEmpty('abc') => false
               * isEmpty({ a: 1 }) => false
               */
              if (isNil(value)) {
                return true;
              }
              if (isArrayLike(value)) {
                return !value.length;
              }
              var type = getType(value);
              if (type === 'Map' || type === 'Set') {
                return !value.size;
              }
              if (isPrototype(value)) {
                return !Object.keys(value).length;
              }
              for (var key in value) {
                if (hasOwnProperty.call(value, key)) {
                  return false;
                }
              }
              return true;
            }
27747
            module.exports = isEmpty;
27749
            /***/
          },
          /* 33 */
          /***/function (module, exports, __webpack_require__) {
27754
            var isObjectLike = __webpack_require__(9);
            var isArrayLike = __webpack_require__(0);
27757
            var isEqual = function isEqual(value, other) {
              if (value === other) {
                return true;
              }
              if (!value || !other) {
                return false;
              }
              if (isArrayLike(value) || isArrayLike(other)) {
                if (value.length !== other.length) {
                  return false;
                }
                var rst = true;
                for (var i = 0; i < value.length; i++) {
                  rst = isEqual(value[i], other[i]);
                  if (!rst) {
                    break;
                  }
                }
                return rst;
              }
              if (isObjectLike(value) || isObjectLike(other)) {
                var valueKeys = Object.keys(value);
                var otherKeys = Object.keys(other);
                if (valueKeys.length !== otherKeys.length) {
                  return false;
                }
                var _rst = true;
                for (var _i = 0; _i < valueKeys.length; _i++) {
                  _rst = isEqual(value[valueKeys[_i]], other[valueKeys[_i]]);
                  if (!_rst) {
                    break;
                  }
                }
                return _rst;
              }
              return false;
            };
27795
            module.exports = isEqual;
27797
            /***/
          },
          /* 34 */
          /***/function (module, exports, __webpack_require__) {
27802
            var each = __webpack_require__(6);
            var isArrayLike = __webpack_require__(0);
27805
            var map = function map(arr, func) {
              if (!isArrayLike(arr)) {
                return arr;
              }
              var result = [];
              each(arr, function (value, index) {
                result.push(func(value, index));
              });
              return result;
            };
27816
            module.exports = map;
27818
            /***/
          },
          /* 35 */
          /***/function (module, exports) {
27823
            var uniqueId = function () {
              var map = {};
              return function (prefix) {
                prefix = prefix || 'g';
                if (!map[prefix]) {
                  map[prefix] = 1;
                } else {
                  map[prefix] += 1;
                }
                return prefix + map[prefix];
              };
            }();
27836
            module.exports = uniqueId;
27838
            /***/
          },
          /* 36 */
          /***/function (module, exports, __webpack_require__) {
27843
            var isFunction = __webpack_require__(11);
            var mix = __webpack_require__(12);
27846
            var extend = function extend(subclass, superclass, overrides, staticOverrides) {
              // 如果只提供父类构造函数，则自动生成子类构造函数
              if (!isFunction(superclass)) {
                overrides = superclass;
                superclass = subclass;
                subclass = function subclass() {};
              }
27854
              var create = Object.create ? function (proto, c) {
                return Object.create(proto, {
                  constructor: {
                    value: c
                  }
                });
              } : function (proto, c) {
                function Tmp() {}
                Tmp.prototype = proto;
                var o = new Tmp();
                o.constructor = c;
                return o;
              };
27868
              var superObj = create(superclass.prototype, subclass); // new superclass(),//实例化父类作为子类的prototype
              subclass.prototype = mix(superObj, subclass.prototype); // 指定子类的prototype
              subclass.superclass = create(superclass.prototype, superclass);
              mix(superObj, overrides);
              mix(subclass, staticOverrides);
              return subclass;
            };
27876
            module.exports = extend;
27878
            /***/
          },
          /* 37 */
          /***/function (module, exports, __webpack_require__) {
27883
            var isFunction = __webpack_require__(11);
            var toArray = __webpack_require__(10);
            var mix = __webpack_require__(12);
27887
            var augment = function augment(c) {
              var args = toArray(arguments);
              for (var i = 1; i < args.length; i++) {
                var obj = args[i];
                if (isFunction(obj)) {
                  obj = obj.prototype;
                }
                mix(c.prototype, obj);
              }
            };
27898
            module.exports = augment;
27900
            /***/
          },
          /* 38 */
          /***/function (module, exports, __webpack_require__) {
27905
            var isPlainObject = __webpack_require__(23);
            var isArray = __webpack_require__(2);
            var toArray = __webpack_require__(10);
27909
            var MAX_MIX_LEVEL = 5;
27911
            function _deepMix(dist, src, level, maxLevel) {
              level = level || 0;
              maxLevel = maxLevel || MAX_MIX_LEVEL;
              for (var key in src) {
                if (src.hasOwnProperty(key)) {
                  var value = src[key];
                  if (value !== null && isPlainObject(value)) {
                    if (!isPlainObject(dist[key])) {
                      dist[key] = {};
                    }
                    if (level < maxLevel) {
                      _deepMix(dist[key], value, level + 1, maxLevel);
                    } else {
                      dist[key] = src[key];
                    }
                  } else if (isArray(value)) {
                    dist[key] = [];
                    dist[key] = dist[key].concat(value);
                  } else if (value !== undefined) {
                    dist[key] = value;
                  }
                }
              }
            }
27936
            var deepMix = function deepMix() {
              var args = toArray(arguments);
              var dist = args[0];
              for (var i = 1; i < args.length; i++) {
                _deepMix(dist, args[i]);
              }
              return dist;
            };
27945
            module.exports = deepMix;
27947
            /***/
          },
          /* 39 */
          /***/function (module, exports) {
27952
            var clamp = function clamp(a, min, max) {
              if (a < min) {
                return min;
              } else if (a > max) {
                return max;
              }
              return a;
            };
27961
            module.exports = clamp;
27963
            /***/
          },
          /* 40 */
          /***/function (module, exports) {
27968
            var fixedBase = function fixedBase(v, base) {
              var str = base.toString();
              var index = str.indexOf('.');
              if (index === -1) {
                return Math.round(v);
              }
              var length = str.substr(index + 1).length;
              if (length > 20) {
                length = 20;
              }
              return parseFloat(v.toFixed(length));
            };
27981
            module.exports = fixedBase;
27983
            /***/
          },
          /* 41 */
          /***/function (module, exports, __webpack_require__) {
27988
            var isNumber = __webpack_require__(3);
27990
            var isDecimal = function isDecimal(num) {
              return isNumber(num) && num % 1 !== 0;
            };
27994
            module.exports = isDecimal;
27996
            /***/
          },
          /* 42 */
          /***/function (module, exports, __webpack_require__) {
28001
            var isNumber = __webpack_require__(3);
28003
            var isEven = function isEven(num) {
              return isNumber(num) && num % 2 === 0;
            };
28007
            module.exports = isEven;
28009
            /***/
          },
          /* 43 */
          /***/function (module, exports, __webpack_require__) {
28014
            var isNumber = __webpack_require__(3);
28016
            var isInteger = Number.isInteger ? Number.isInteger : function (num) {
              return isNumber(num) && num % 1 === 0;
            };
28020
            module.exports = isInteger;
28022
            /***/
          },
          /* 44 */
          /***/function (module, exports, __webpack_require__) {
28027
            var isNumber = __webpack_require__(3);
28029
            var isNagative = function isNagative(num) {
              return isNumber(num) && num < 0;
            };
28033
            module.exports = isNagative;
28035
            /***/
          },
          /* 45 */
          /***/function (module, exports) {
28040
            var PRECISION = 0.00001; // numbers less than this is considered as 0
28042
            var isNumberEqual = function isNumberEqual(a, b) {
              return Math.abs(a - b) < PRECISION;
            };
28046
            module.exports = isNumberEqual;
28048
            /***/
          },
          /* 46 */
          /***/function (module, exports, __webpack_require__) {
28053
            var isNumber = __webpack_require__(3);
28055
            var isOdd = function isOdd(num) {
              return isNumber(num) && num % 2 !== 0;
            };
28059
            module.exports = isOdd;
28061
            /***/
          },
          /* 47 */
          /***/function (module, exports, __webpack_require__) {
28066
            var isNumber = __webpack_require__(3);
28068
            var isPositive = function isPositive(num) {
              return isNumber(num) && num > 0;
            };
28072
            module.exports = isPositive;
28074
            /***/
          },
          /* 48 */
          /***/function (module, exports) {
28079
            var mod = function mod(n, m) {
              return (n % m + m) % m;
            };
28083
            module.exports = mod;
28085
            /***/
          },
          /* 49 */
          /***/function (module, exports) {
28090
            var DEGREE = 180 / Math.PI;
28092
            var toDegree = function toDegree(radian) {
              return DEGREE * radian;
            };
28096
            module.exports = toDegree;
28098
            /***/
          },
          /* 50 */
          /***/function (module, exports) {
28103
            var RADIAN = Math.PI / 180;
28105
            var toRadian = function toRadian(degree) {
              return RADIAN * degree;
            };
28109
            module.exports = toRadian;
28111
            /***/
          },
          /* 51 */
          /***/function (module, exports, __webpack_require__) {
28116
            /**
             * 是否是布尔类型
             *
             * @param {Object} value 测试的值
             * @return {Boolean}
             */
            var isType = __webpack_require__(1);
28124
            var isBoolean = function isBoolean(value) {
              return isType(value, 'Boolean');
            };
28128
            module.exports = isBoolean;
28130
            /***/
          },
          /* 52 */
          /***/function (module, exports) {
28135
            var isNull = function isNull(value) {
              return value === null;
            };
28139
            module.exports = isNull;
28141
            /***/
          },
          /* 53 */
          /***/function (module, exports) {
28146
            var isUndefined = function isUndefined(value) {
              return value === undefined;
            };
28150
            module.exports = isUndefined;
28152
            /***/
          },
          /* 54 */
          /***/function (module, exports, __webpack_require__) {
28157
            var isType = __webpack_require__(1);
28159
            var isRegExp = function isRegExp(str) {
              return isType(str, 'RegExp');
            };
28163
            module.exports = isRegExp;
28165
            /***/
          },
          /* 55 */
          /***/function (module, exports, __webpack_require__) {
28170
            var isString = __webpack_require__(4);
            var lowerCase = __webpack_require__(25);
28173
            var lowerFirst = function lowerFirst(value) {
              if (!isString(value)) {
                return value;
              }
              return lowerCase(value.charAt(0)) + value.substring(1);
            };
28180
            module.exports = lowerFirst;
28182
            /***/
          },
          /* 56 */
          /***/function (module, exports) {
28187
            var substitute = function substitute(str, o) {
              if (!str || !o) {
                return str;
              }
              return str.replace(/\\?\{([^{}]+)\}/g, function (match, name) {
                if (match.charAt(0) === '\\') {
                  return match.slice(1);
                }
                return o[name] === undefined ? '' : o[name];
              });
            };
28199
            module.exports = substitute;
28201
            /***/
          },
          /* 57 */
          /***/function (module, exports, __webpack_require__) {
28206
            var isString = __webpack_require__(4);
            var upperCase = __webpack_require__(26);
28209
            var upperFirst = function upperFirst(value) {
              if (!isString(value)) {
                return value;
              }
              return upperCase(value.charAt(0)) + value.substring(1);
            };
28216
            module.exports = upperFirst;
28218
            /***/
          }]
          /******/)
        );
      });
      /* WEBPACK VAR INJECTION */
    }).call(exports, __webpack_require__(69)(module));
28226
    /***/
  },
  /* 69 */
  /***/function (module, exports) {
28231
    module.exports = function (module) {
      if (!module.webpackPolyfill) {
        module.deprecate = function () {};
        module.paths = [];
        // module.parent = undefined by default
        if (!module.children) module.children = [];
        Object.defineProperty(module, "loaded", {
          enumerable: true,
          get: function get() {
            return module.l;
          }
        });
        Object.defineProperty(module, "id", {
          enumerable: true,
          get: function get() {
            return module.i;
          }
        });
        module.webpackPolyfill = 1;
      }
      return module;
    };
28254
    /***/
  },
  /* 70 */
  /***/function (module, exports, __webpack_require__) {
28259
    var Util = __webpack_require__(0);
28261
    var ALIAS_ATTRS = ['strokeStyle', 'fillStyle', 'globalAlpha'];
    var CAPITALIZED_ATTRS_MAP = {
      r: 'R',
      opacity: 'Opacity',
      lineWidth: 'LineWidth',
      clip: 'Clip',
      stroke: 'Stroke',
      fill: 'Fill',
      strokeOpacity: 'Stroke',
      fillOpacity: 'Fill',
      x: 'X',
      y: 'Y',
      rx: 'Rx',
      ry: 'Ry',
      re: 'Re',
      rs: 'Rs',
      width: 'Width',
      height: 'Height',
      img: 'Img',
      x1: 'X1',
      x2: 'X2',
      y1: 'Y1',
      y2: 'Y2',
      points: 'Points',
      p1: 'P1',
      p2: 'P2',
      p3: 'P3',
      p4: 'P4',
      text: 'Text',
      radius: 'Radius',
      textAlign: 'TextAlign',
      textBaseline: 'TextBaseline',
      font: 'Font',
      fontSize: 'FontSize',
      fontStyle: 'FontStyle',
      fontVariant: 'FontVariant',
      fontWeight: 'FontWeight',
      fontFamily: 'FontFamily',
      clockwise: 'Clockwise',
      startAngle: 'StartAngle',
      endAngle: 'EndAngle',
      path: 'Path',
      outline: 'Outline',
      html: 'Html'
    };
    var SVG_ATTR_MAP = {
      opacity: 'opacity',
      clip: 'clip',
      stroke: 'stroke',
      fill: 'fill',
      strokeOpacity: 'stroke-opacity',
      fillOpacity: 'fill-opacity',
      strokeStyle: 'stroke',
      fillStyle: 'fill',
      x: 'x',
      y: 'y',
      r: 'r',
      rx: 'rx',
      ry: 'ry',
      re: 're',
      rs: 'rs',
      width: 'width',
      height: 'height',
      image: 'href',
      x1: 'x1',
      x2: 'x2',
      y1: 'y1',
      y2: 'y2',
      lineCap: 'stroke-linecap',
      lineJoin: 'stroke-linejoin',
      lineWidth: 'stroke-width',
      lineDash: 'stroke-dasharray',
      miterLimit: 'stroke-miterlimit',
      font: 'font',
      fontSize: 'font-size',
      fontStyle: 'font-style',
      fontVariant: 'font-variant',
      fontWeight: 'font-weight',
      fontFamily: 'font-family',
      startArrow: 'marker-start',
      endArrow: 'marker-end',
      preserveAspectRatio: 'preserveAspectRatio'
    };
    var ALIAS_ATTRS_MAP = {
      stroke: 'strokeStyle',
      fill: 'fillStyle',
      opacity: 'globalAlpha'
    };
28350
    module.exports = {
      canFill: false,
      canStroke: false,
      initAttrs: function initAttrs(attrs) {
        this.__attrs = {
          opacity: 1,
          fillOpacity: 1,
          strokeOpacity: 1
        };
        this.attr(Util.assign(this.getDefaultAttrs(), attrs));
        return this;
      },
      getDefaultAttrs: function getDefaultAttrs() {
        return {};
      },
28366
      /**
       * 设置或者设置属性，有以下 4 种情形：
       *   - name 不存在, 则返回属性集合
       *   - name 为字符串，value 为空，获取属性值
       *   - name 为字符串，value 不为空，设置属性值，返回 this
       *   - name 为键值对，value 为空，设置属性值
       *
       * @param  {String | Object} name  属性名
       * @param  {*} value 属性值
       * @return {*} 属性值
       */
      attr: function attr(name, value) {
        var self = this;
        if (arguments.length === 0) {
          return self.__attrs;
        }
        if (Util.isObject(name)) {
          for (var k in name) {
            if (ALIAS_ATTRS.indexOf(k) === -1) {
              var v = name[k];
              self._setAttr(k, v);
            }
          }
          if (self._afterSetAttrAll) {
            self._afterSetAttrAll(name);
          }
          // self.setSilent('box', null);
          self.clearBBox();
          return self;
        }
        if (arguments.length === 2) {
          self._setAttr(name, value);
          var m = '_afterSetAttr' + CAPITALIZED_ATTRS_MAP[name];
          if (CAPITALIZED_ATTRS_MAP[name] && self[m]) {
            self[m](value);
          }
          self.clearBBox();
          return self;
        }
        return self._getAttr(name);
      },
      clearBBox: function clearBBox() {
        this.setSilent('box', null);
      },
      _afterSetAttrAll: function _afterSetAttrAll() {},
28412
      // 属性获取触发函数
      _getAttr: function _getAttr(name) {
        return this.__attrs[name];
      },
28417
      // 属性设置触发函数
      _setAttr: function _setAttr(name, value) {
        var self = this;
        var el = self.get('el');
28422
        if (name === 'clip') {
          self._setAttrClip(name, value);
          return;
        }
        self.__attrs[name] = value;
        if (typeof value === 'number' && isNaN(value)) {
          return;
        }
        if (self.get('destroyed')) {
          return;
        }
        if (name === 'transform' || name === 'rotate') {
          self._setAttrTrans(name, value);
        } else if (name.startsWith('shadow')) {
          self._setAttrShadow(name, value);
        } else if (~['stroke', 'strokeStyle', 'fill', 'fillStyle'].indexOf(name) && el) {
          if (!value) {
            el.setAttribute(SVG_ATTR_MAP[name], 'none');
          } else if (/^[r,R,L,l]{1}[\s]*\(/.test(value.trim())) {
            self._setAttrGradients(name, value.trim());
          } else {
            el.setAttribute(SVG_ATTR_MAP[name], value);
          }
        } else if (~name.toLowerCase().indexOf('arrow')) {
          if (!value) {
            return self;
          }
          self._setAttrArrow(name, value);
        } else {
          // 先存好属性，然后对一些svg和canvas中不同的属性进行特判
          if (~['circle', 'ellipse', 'marker'].indexOf(self.type) && ~['x', 'y'].indexOf(name)) {
            /**
             * 本来考虑想写到对应图形里面的，但是x,y又是svg通用属性，这样会同时存在x，y, cx,cy
             * 如果在下面svgAttr设置的时候还是要特判，不如就在这边特殊处理一下吧
             */
            if (self.type !== 'marker' && typeof value === 'number') {
              el.setAttribute('c' + name, value);
            }
          } else {
            var svgAttr = SVG_ATTR_MAP[name];
            if (el && svgAttr) {
              el.setAttribute(svgAttr, value);
            }
            var alias = ALIAS_ATTRS_MAP[name];
            if (alias) {
              svgAttr = SVG_ATTR_MAP[alias];
              if (el && svgAttr) {
                el.setAttribute(svgAttr, value);
              }
              self.__attrs[alias] = value;
            }
          }
        }
        return self;
      },
      hasFill: function hasFill() {
        return this.canFill && this.__attrs.fillStyle;
      },
      hasStroke: function hasStroke() {
        return this.canStroke && this.__attrs.strokeStyle;
      },
      _setAttrArrow: function _setAttrArrow(name, value) {
        var self = this;
        var el = self.get('el');
        var defs = self.get('defs');
        if (!defs) {
          var canvas = self.get('canvas');
          if (!canvas) {
            this._setAttrDependency(name, value);
            return this;
          }
          defs = canvas.get('defs');
        }
        name = SVG_ATTR_MAP[name];
        if (!name) {
          return this;
        }
        if (!value) {
          el.removeAttribute(name);
          return this;
        }
        var id = defs.find(name, { value: value, stroke: self.__attrs.stroke });
        if (!id) {
          id = defs.addArrow(name, value, self.__attrs.stroke);
        }
        self.__cfg[name] = id;
        self.get('el').setAttribute(name, 'url(#' + id + ')');
      },
      _setAttrShadow: function _setAttrShadow(name, value) {
        var attrs = this.__attrs;
        var filter = this.get('filter');
        var defs = this.get('defs');
        if (!value) {
          this.get('el').removeAttribute('filter');
          return this;
        }
        if (filter) {
          defs.findById(filter).update(name, value);
          return this;
        }
        if (!defs) {
          var canvas = this.get('canvas');
          if (!canvas) {
            this._setAttrDependency(name, value);
            return this;
          }
          defs = canvas.get('defs');
        }
        var cfg = {
          dx: attrs.shadowOffsetX,
          dy: attrs.shadowOffsetY,
          blur: attrs.shadowBlur,
          color: attrs.shadowColor
        };
        if (isNaN(Number(cfg.dx)) || isNaN(Number(cfg.dy))) {
          return this;
        }
        var id = defs.find('filter', cfg);
        if (!id) {
          id = defs.addShadow(cfg, this);
        }
        this.__cfg.filter = id;
        this.get('el').setAttribute('filter', 'url(#' + id + ')');
      },
      _setAttrGradients: function _setAttrGradients(name, value) {
        name = name.replace('Style', '');
        var defs = this.get('defs');
        if (!value) {
          this.get('el').removeAttribute('gradient');
          return this;
        }
        if (!defs) {
          var canvas = this.get('canvas');
          if (!canvas) {
            this._setAttrDependency(name, value);
            return this;
          }
          defs = canvas.get('defs');
        }
        var id = defs.find('gradient', value);
        if (!id) {
          id = defs.addGradient(value, this);
        }
        this.get('el').setAttribute(name, 'url(#' + id + ')');
      },
      _setAttrDependency: function _setAttrDependency(name, value) {
        var dependencies = this.get('dependencies');
        if (!dependencies) {
          dependencies = {};
        }
        dependencies[name] = value;
        this.__cfg.dependencies = dependencies;
        return this;
      },
      _setAttrClip: function _setAttrClip(name, value) {
        var defs = this.get('defs');
        var canvas = this.get('canvas');
        if (!value) {
          this.get('el').removeAttribute('clip-path');
          return this;
        }
        if (!defs) {
          var _canvas = this.get('canvas');
          if (!_canvas) {
            this._setAttrDependency(name, value);
            return this;
          }
          defs = _canvas.get('defs');
        }
        value.__cfg.canvas = canvas;
        var id = defs.addClip(value);
        this.get('el').setAttribute('clip-path', 'url(#' + id + ')');
      },
      _setAttrTrans: function _setAttrTrans(name, value) {
        var attrs = this.__attrs;
        if (!value) {
          this.get('el').removeAttribute('transform');
        }
        if (!attrs.matrix) {
          this.initTransform();
        }
        if (name === 'transform') {
          this.transform(value);
        } else {
          if (typeof attrs.x === 'undefined' || typeof attrs.y === 'undefined') {
            this._setAttrDependency(name, value);
            return this;
          }
          this.rotateAtStart(value);
        }
        return this;
      }
    };
28616
    /***/
  },
  /* 71 */
  /***/function (module, exports, __webpack_require__) {
28621
    var Util = __webpack_require__(0);
    var mat3 = __webpack_require__(2).mat3;
    var vec3 = __webpack_require__(2).vec3;
28625
    // 是否未改变
    function isUnchanged(m) {
      return m[0] === 1 && m[1] === 0 && m[3] === 0 && m[4] === 1 && m[6] === 0 && m[7] === 0;
    }
28630
    // 是否仅仅是scale
    function isScale(m) {
      return m[1] === 0 && m[3] === 0 && m[6] === 0 && m[7] === 0;
    }
28635
    /* function multiple(m1, m2) {
      if (!isUnchanged(m2)) {
        if (isScale(m2)) {
          m1[0] *= m2[0];
          m1[4] *= m2[4];
        } else {
          mat3.multiply(m1, m1, m2);
          mat3.multiply(m1, m1, m2);
        }
      }
    }*/
28647
    module.exports = {
      initTransform: function initTransform() {
        this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
      },
      translate: function translate(tx, ty, perform) {
        var matrix = this.attr('matrix');
        mat3.translate(matrix, matrix, [tx, ty]);
        this.attr('matrix', matrix);
        if (arguments.length === 2 || perform) {
          this._performTransform();
        }
        return this;
      },
      rotate: function rotate(radian, perform) {
        var matrix = this.attr('matrix');
        if (Math.abs(radian) > Math.PI * 2) {
          radian = radian / 180 * Math.PI;
        }
        mat3.rotate(matrix, matrix, radian);
        this.attr('matrix', matrix);
        if (arguments.length === 1 || perform) {
          this._performTransform();
        }
        return this;
      },
28673
      /**
       * 绕起始点旋转
       * @param  {Number} rotate 0～360
       */
      rotateAtStart: function rotateAtStart(rotate) {
        var x = this.attr('x');
        var y = this.attr('y');
        if (Math.abs(rotate) > Math.PI * 2) {
          rotate = rotate / 180 * Math.PI;
        }
        this.transform([['t', -x, -y], ['r', rotate], ['t', x, y]]);
      },
      scale: function scale(s1, s2, perform) {
        var matrix = this.attr('matrix');
        mat3.scale(matrix, matrix, [s1, s2]);
        this.attr('matrix', matrix);
        if (arguments.length === 2 || perform) {
          this._performTransform();
        }
        return this;
      },
28695
      /**
       * 移动的到位置
       * @param  {Number} x 移动到x
       * @param  {Number} y 移动到y
       */
      move: function move(x, y) {
        var cx = this.get('x') || 0; // 当前的x
        var cy = this.get('y') || 0; // 当前的y
        this.translate(x - cx, y - cy);
        this.set('x', x);
        this.set('y', y);
      },
      _performTransform: function _performTransform() {
        var matrix = this.__attrs.matrix;
        var transform = [];
        for (var i = 0; i < 9; i += 3) {
          transform.push(matrix[i] + ',' + matrix[i + 1]);
        }
        var el = this.get('el');
        if (el) {
          el.setAttribute('transform', 'matrix(' + transform.join(',') + ')');
        }
      },
      transform: function transform(ts) {
        var self = this;
        var matrix = self.attr('matrix');
        Util.each(ts, function (t) {
          switch (t[0]) {
            case 't':
              self.translate(t[1], t[2], false);
              break;
            case 's':
              self.scale(t[1], t[2], false);
              break;
            case 'r':
              self.rotate(t[1], false);
              break;
            case 'm':
              self.attr('matrix', mat3.multiply([], matrix, t[1]));
              break;
            default:
              break;
          }
        });
        this._performTransform();
        return self;
      },
      setTransform: function setTransform(ts) {
        this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
        return this.transform(ts);
      },
      getMatrix: function getMatrix() {
        return this.attr('matrix');
      },
      setMatrix: function setMatrix(m) {
        this.attr('matrix', m);
        this._performTransform();
        this.clearTotalMatrix();
        return this;
      },
      apply: function apply(v, root) {
        var m = void 0;
        if (root) {
          m = this._getMatrixByRoot(root);
        } else {
          m = this.attr('matrix');
        }
        vec3.transformMat3(v, v, m);
        return this;
      },
      invert: function invert(v) {
        var m = this.attr('matrix');
        // 单精屏幕下大多数矩阵没变化
        if (isScale(m)) {
          v[0] /= m[0];
          v[1] /= m[4];
        } else {
          var inm = mat3.invert([], m);
          if (inm) {
            vec3.transformMat3(v, v, inm);
          }
        }
        return this;
      },
      resetTransform: function resetTransform(context) {
        var mo = this.attr('matrix');
        // 不改变时
        if (!isUnchanged(mo)) {
          context.transform(mo[0], mo[1], mo[3], mo[4], mo[6], mo[7]);
        }
      }
    };
28788
    /***/
  },
  /* 72 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
28793
    "use strict";
28795
    Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
    /* harmony export (immutable) */__webpack_exports__["create"] = create;
    /* harmony export (immutable) */__webpack_exports__["fromMat4"] = fromMat4;
    /* harmony export (immutable) */__webpack_exports__["clone"] = clone;
    /* harmony export (immutable) */__webpack_exports__["copy"] = copy;
    /* harmony export (immutable) */__webpack_exports__["fromValues"] = fromValues;
    /* harmony export (immutable) */__webpack_exports__["set"] = set;
    /* harmony export (immutable) */__webpack_exports__["identity"] = identity;
    /* harmony export (immutable) */__webpack_exports__["transpose"] = transpose;
    /* harmony export (immutable) */__webpack_exports__["invert"] = invert;
    /* harmony export (immutable) */__webpack_exports__["adjoint"] = adjoint;
    /* harmony export (immutable) */__webpack_exports__["determinant"] = determinant;
    /* harmony export (immutable) */__webpack_exports__["multiply"] = multiply;
    /* harmony export (immutable) */__webpack_exports__["translate"] = translate;
    /* harmony export (immutable) */__webpack_exports__["rotate"] = rotate;
    /* harmony export (immutable) */__webpack_exports__["scale"] = scale;
    /* harmony export (immutable) */__webpack_exports__["fromTranslation"] = fromTranslation;
    /* harmony export (immutable) */__webpack_exports__["fromRotation"] = fromRotation;
    /* harmony export (immutable) */__webpack_exports__["fromScaling"] = fromScaling;
    /* harmony export (immutable) */__webpack_exports__["fromMat2d"] = fromMat2d;
    /* harmony export (immutable) */__webpack_exports__["fromQuat"] = fromQuat;
    /* harmony export (immutable) */__webpack_exports__["normalFromMat4"] = normalFromMat4;
    /* harmony export (immutable) */__webpack_exports__["projection"] = projection;
    /* harmony export (immutable) */__webpack_exports__["str"] = str;
    /* harmony export (immutable) */__webpack_exports__["frob"] = frob;
    /* harmony export (immutable) */__webpack_exports__["add"] = add;
    /* harmony export (immutable) */__webpack_exports__["subtract"] = subtract;
    /* harmony export (immutable) */__webpack_exports__["multiplyScalar"] = multiplyScalar;
    /* harmony export (immutable) */__webpack_exports__["multiplyScalarAndAdd"] = multiplyScalarAndAdd;
    /* harmony export (immutable) */__webpack_exports__["exactEquals"] = exactEquals;
    /* harmony export (immutable) */__webpack_exports__["equals"] = equals;
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "mul", function () {
      return mul;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "sub", function () {
      return sub;
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__common_js__ = __webpack_require__(12);
28834
    /**
     * 3x3 Matrix
     * @module mat3
     */
28839
    /**
     * Creates a new identity mat3
     *
     * @returns {mat3} a new 3x3 matrix
     */
    function create() {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](9);
      out[0] = 1;
      out[1] = 0;
      out[2] = 0;
      out[3] = 0;
      out[4] = 1;
      out[5] = 0;
      out[6] = 0;
      out[7] = 0;
      out[8] = 1;
      return out;
    }
28858
    /**
     * Copies the upper-left 3x3 values into the given mat3.
     *
     * @param {mat3} out the receiving 3x3 matrix
     * @param {mat4} a   the source 4x4 matrix
     * @returns {mat3} out
     */
    function fromMat4(out, a) {
      out[0] = a[0];
      out[1] = a[1];
      out[2] = a[2];
      out[3] = a[4];
      out[4] = a[5];
      out[5] = a[6];
      out[6] = a[8];
      out[7] = a[9];
      out[8] = a[10];
      return out;
    }
28878
    /**
     * Creates a new mat3 initialized with values from an existing matrix
     *
     * @param {mat3} a matrix to clone
     * @returns {mat3} a new 3x3 matrix
     */
    function clone(a) {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](9);
      out[0] = a[0];
      out[1] = a[1];
      out[2] = a[2];
      out[3] = a[3];
      out[4] = a[4];
      out[5] = a[5];
      out[6] = a[6];
      out[7] = a[7];
      out[8] = a[8];
      return out;
    }
28898
    /**
     * Copy the values from one mat3 to another
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the source matrix
     * @returns {mat3} out
     */
    function copy(out, a) {
      out[0] = a[0];
      out[1] = a[1];
      out[2] = a[2];
      out[3] = a[3];
      out[4] = a[4];
      out[5] = a[5];
      out[6] = a[6];
      out[7] = a[7];
      out[8] = a[8];
      return out;
    }
28918
    /**
     * Create a new mat3 with the given values
     *
     * @param {Number} m00 Component in column 0, row 0 position (index 0)
     * @param {Number} m01 Component in column 0, row 1 position (index 1)
     * @param {Number} m02 Component in column 0, row 2 position (index 2)
     * @param {Number} m10 Component in column 1, row 0 position (index 3)
     * @param {Number} m11 Component in column 1, row 1 position (index 4)
     * @param {Number} m12 Component in column 1, row 2 position (index 5)
     * @param {Number} m20 Component in column 2, row 0 position (index 6)
     * @param {Number} m21 Component in column 2, row 1 position (index 7)
     * @param {Number} m22 Component in column 2, row 2 position (index 8)
     * @returns {mat3} A new mat3
     */
    function fromValues(m00, m01, m02, m10, m11, m12, m20, m21, m22) {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](9);
      out[0] = m00;
      out[1] = m01;
      out[2] = m02;
      out[3] = m10;
      out[4] = m11;
      out[5] = m12;
      out[6] = m20;
      out[7] = m21;
      out[8] = m22;
      return out;
    }
28946
    /**
     * Set the components of a mat3 to the given values
     *
     * @param {mat3} out the receiving matrix
     * @param {Number} m00 Component in column 0, row 0 position (index 0)
     * @param {Number} m01 Component in column 0, row 1 position (index 1)
     * @param {Number} m02 Component in column 0, row 2 position (index 2)
     * @param {Number} m10 Component in column 1, row 0 position (index 3)
     * @param {Number} m11 Component in column 1, row 1 position (index 4)
     * @param {Number} m12 Component in column 1, row 2 position (index 5)
     * @param {Number} m20 Component in column 2, row 0 position (index 6)
     * @param {Number} m21 Component in column 2, row 1 position (index 7)
     * @param {Number} m22 Component in column 2, row 2 position (index 8)
     * @returns {mat3} out
     */
    function set(out, m00, m01, m02, m10, m11, m12, m20, m21, m22) {
      out[0] = m00;
      out[1] = m01;
      out[2] = m02;
      out[3] = m10;
      out[4] = m11;
      out[5] = m12;
      out[6] = m20;
      out[7] = m21;
      out[8] = m22;
      return out;
    }
28974
    /**
     * Set a mat3 to the identity matrix
     *
     * @param {mat3} out the receiving matrix
     * @returns {mat3} out
     */
    function identity(out) {
      out[0] = 1;
      out[1] = 0;
      out[2] = 0;
      out[3] = 0;
      out[4] = 1;
      out[5] = 0;
      out[6] = 0;
      out[7] = 0;
      out[8] = 1;
      return out;
    }
28993
    /**
     * Transpose the values of a mat3
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the source matrix
     * @returns {mat3} out
     */
    function transpose(out, a) {
      // If we are transposing ourselves we can skip a few steps but have to cache some values
      if (out === a) {
        var a01 = a[1],
            a02 = a[2],
            a12 = a[5];
        out[1] = a[3];
        out[2] = a[6];
        out[3] = a01;
        out[5] = a[7];
        out[6] = a02;
        out[7] = a12;
      } else {
        out[0] = a[0];
        out[1] = a[3];
        out[2] = a[6];
        out[3] = a[1];
        out[4] = a[4];
        out[5] = a[7];
        out[6] = a[2];
        out[7] = a[5];
        out[8] = a[8];
      }
29024
      return out;
    }
29027
    /**
     * Inverts a mat3
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the source matrix
     * @returns {mat3} out
     */
    function invert(out, a) {
      var a00 = a[0],
          a01 = a[1],
          a02 = a[2];
      var a10 = a[3],
          a11 = a[4],
          a12 = a[5];
      var a20 = a[6],
          a21 = a[7],
          a22 = a[8];
29045
      var b01 = a22 * a11 - a12 * a21;
      var b11 = -a22 * a10 + a12 * a20;
      var b21 = a21 * a10 - a11 * a20;
29049
      // Calculate the determinant
      var det = a00 * b01 + a01 * b11 + a02 * b21;
29052
      if (!det) {
        return null;
      }
      det = 1.0 / det;
29057
      out[0] = b01 * det;
      out[1] = (-a22 * a01 + a02 * a21) * det;
      out[2] = (a12 * a01 - a02 * a11) * det;
      out[3] = b11 * det;
      out[4] = (a22 * a00 - a02 * a20) * det;
      out[5] = (-a12 * a00 + a02 * a10) * det;
      out[6] = b21 * det;
      out[7] = (-a21 * a00 + a01 * a20) * det;
      out[8] = (a11 * a00 - a01 * a10) * det;
      return out;
    }
29069
    /**
     * Calculates the adjugate of a mat3
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the source matrix
     * @returns {mat3} out
     */
    function adjoint(out, a) {
      var a00 = a[0],
          a01 = a[1],
          a02 = a[2];
      var a10 = a[3],
          a11 = a[4],
          a12 = a[5];
      var a20 = a[6],
          a21 = a[7],
          a22 = a[8];
29087
      out[0] = a11 * a22 - a12 * a21;
      out[1] = a02 * a21 - a01 * a22;
      out[2] = a01 * a12 - a02 * a11;
      out[3] = a12 * a20 - a10 * a22;
      out[4] = a00 * a22 - a02 * a20;
      out[5] = a02 * a10 - a00 * a12;
      out[6] = a10 * a21 - a11 * a20;
      out[7] = a01 * a20 - a00 * a21;
      out[8] = a00 * a11 - a01 * a10;
      return out;
    }
29099
    /**
     * Calculates the determinant of a mat3
     *
     * @param {mat3} a the source matrix
     * @returns {Number} determinant of a
     */
    function determinant(a) {
      var a00 = a[0],
          a01 = a[1],
          a02 = a[2];
      var a10 = a[3],
          a11 = a[4],
          a12 = a[5];
      var a20 = a[6],
          a21 = a[7],
          a22 = a[8];
29116
      return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20);
    }
29119
    /**
     * Multiplies two mat3's
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the first operand
     * @param {mat3} b the second operand
     * @returns {mat3} out
     */
    function multiply(out, a, b) {
      var a00 = a[0],
          a01 = a[1],
          a02 = a[2];
      var a10 = a[3],
          a11 = a[4],
          a12 = a[5];
      var a20 = a[6],
          a21 = a[7],
          a22 = a[8];
29138
      var b00 = b[0],
          b01 = b[1],
          b02 = b[2];
      var b10 = b[3],
          b11 = b[4],
          b12 = b[5];
      var b20 = b[6],
          b21 = b[7],
          b22 = b[8];
29148
      out[0] = b00 * a00 + b01 * a10 + b02 * a20;
      out[1] = b00 * a01 + b01 * a11 + b02 * a21;
      out[2] = b00 * a02 + b01 * a12 + b02 * a22;
29152
      out[3] = b10 * a00 + b11 * a10 + b12 * a20;
      out[4] = b10 * a01 + b11 * a11 + b12 * a21;
      out[5] = b10 * a02 + b11 * a12 + b12 * a22;
29156
      out[6] = b20 * a00 + b21 * a10 + b22 * a20;
      out[7] = b20 * a01 + b21 * a11 + b22 * a21;
      out[8] = b20 * a02 + b21 * a12 + b22 * a22;
      return out;
    }
29162
    /**
     * Translate a mat3 by the given vector
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the matrix to translate
     * @param {vec2} v vector to translate by
     * @returns {mat3} out
     */
    function translate(out, a, v) {
      var a00 = a[0],
          a01 = a[1],
          a02 = a[2],
          a10 = a[3],
          a11 = a[4],
          a12 = a[5],
          a20 = a[6],
          a21 = a[7],
          a22 = a[8],
          x = v[0],
          y = v[1];
29183
      out[0] = a00;
      out[1] = a01;
      out[2] = a02;
29187
      out[3] = a10;
      out[4] = a11;
      out[5] = a12;
29191
      out[6] = x * a00 + y * a10 + a20;
      out[7] = x * a01 + y * a11 + a21;
      out[8] = x * a02 + y * a12 + a22;
      return out;
    }
29197
    /**
     * Rotates a mat3 by the given angle
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the matrix to rotate
     * @param {Number} rad the angle to rotate the matrix by
     * @returns {mat3} out
     */
    function rotate(out, a, rad) {
      var a00 = a[0],
          a01 = a[1],
          a02 = a[2],
          a10 = a[3],
          a11 = a[4],
          a12 = a[5],
          a20 = a[6],
          a21 = a[7],
          a22 = a[8],
          s = Math.sin(rad),
          c = Math.cos(rad);
29218
      out[0] = c * a00 + s * a10;
      out[1] = c * a01 + s * a11;
      out[2] = c * a02 + s * a12;
29222
      out[3] = c * a10 - s * a00;
      out[4] = c * a11 - s * a01;
      out[5] = c * a12 - s * a02;
29226
      out[6] = a20;
      out[7] = a21;
      out[8] = a22;
      return out;
    };
29232
    /**
     * Scales the mat3 by the dimensions in the given vec2
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the matrix to rotate
     * @param {vec2} v the vec2 to scale the matrix by
     * @returns {mat3} out
     **/
    function scale(out, a, v) {
      var x = v[0],
          y = v[1];
29244
      out[0] = x * a[0];
      out[1] = x * a[1];
      out[2] = x * a[2];
29248
      out[3] = y * a[3];
      out[4] = y * a[4];
      out[5] = y * a[5];
29252
      out[6] = a[6];
      out[7] = a[7];
      out[8] = a[8];
      return out;
    }
29258
    /**
     * Creates a matrix from a vector translation
     * This is equivalent to (but much faster than):
     *
     *     mat3.identity(dest);
     *     mat3.translate(dest, dest, vec);
     *
     * @param {mat3} out mat3 receiving operation result
     * @param {vec2} v Translation vector
     * @returns {mat3} out
     */
    function fromTranslation(out, v) {
      out[0] = 1;
      out[1] = 0;
      out[2] = 0;
      out[3] = 0;
      out[4] = 1;
      out[5] = 0;
      out[6] = v[0];
      out[7] = v[1];
      out[8] = 1;
      return out;
    }
29282
    /**
     * Creates a matrix from a given angle
     * This is equivalent to (but much faster than):
     *
     *     mat3.identity(dest);
     *     mat3.rotate(dest, dest, rad);
     *
     * @param {mat3} out mat3 receiving operation result
     * @param {Number} rad the angle to rotate the matrix by
     * @returns {mat3} out
     */
    function fromRotation(out, rad) {
      var s = Math.sin(rad),
          c = Math.cos(rad);
29297
      out[0] = c;
      out[1] = s;
      out[2] = 0;
29301
      out[3] = -s;
      out[4] = c;
      out[5] = 0;
29305
      out[6] = 0;
      out[7] = 0;
      out[8] = 1;
      return out;
    }
29311
    /**
     * Creates a matrix from a vector scaling
     * This is equivalent to (but much faster than):
     *
     *     mat3.identity(dest);
     *     mat3.scale(dest, dest, vec);
     *
     * @param {mat3} out mat3 receiving operation result
     * @param {vec2} v Scaling vector
     * @returns {mat3} out
     */
    function fromScaling(out, v) {
      out[0] = v[0];
      out[1] = 0;
      out[2] = 0;
29327
      out[3] = 0;
      out[4] = v[1];
      out[5] = 0;
29331
      out[6] = 0;
      out[7] = 0;
      out[8] = 1;
      return out;
    }
29337
    /**
     * Copies the values from a mat2d into a mat3
     *
     * @param {mat3} out the receiving matrix
     * @param {mat2d} a the matrix to copy
     * @returns {mat3} out
     **/
    function fromMat2d(out, a) {
      out[0] = a[0];
      out[1] = a[1];
      out[2] = 0;
29349
      out[3] = a[2];
      out[4] = a[3];
      out[5] = 0;
29353
      out[6] = a[4];
      out[7] = a[5];
      out[8] = 1;
      return out;
    }
29359
    /**
    * Calculates a 3x3 matrix from the given quaternion
    *
    * @param {mat3} out mat3 receiving operation result
    * @param {quat} q Quaternion to create matrix from
    *
    * @returns {mat3} out
    */
    function fromQuat(out, q) {
      var x = q[0],
          y = q[1],
          z = q[2],
          w = q[3];
      var x2 = x + x;
      var y2 = y + y;
      var z2 = z + z;
29376
      var xx = x * x2;
      var yx = y * x2;
      var yy = y * y2;
      var zx = z * x2;
      var zy = z * y2;
      var zz = z * z2;
      var wx = w * x2;
      var wy = w * y2;
      var wz = w * z2;
29386
      out[0] = 1 - yy - zz;
      out[3] = yx - wz;
      out[6] = zx + wy;
29390
      out[1] = yx + wz;
      out[4] = 1 - xx - zz;
      out[7] = zy - wx;
29394
      out[2] = zx - wy;
      out[5] = zy + wx;
      out[8] = 1 - xx - yy;
29398
      return out;
    }
29401
    /**
    * Calculates a 3x3 normal matrix (transpose inverse) from the 4x4 matrix
    *
    * @param {mat3} out mat3 receiving operation result
    * @param {mat4} a Mat4 to derive the normal matrix from
    *
    * @returns {mat3} out
    */
    function normalFromMat4(out, a) {
      var a00 = a[0],
          a01 = a[1],
          a02 = a[2],
          a03 = a[3];
      var a10 = a[4],
          a11 = a[5],
          a12 = a[6],
          a13 = a[7];
      var a20 = a[8],
          a21 = a[9],
          a22 = a[10],
          a23 = a[11];
      var a30 = a[12],
          a31 = a[13],
          a32 = a[14],
          a33 = a[15];
29427
      var b00 = a00 * a11 - a01 * a10;
      var b01 = a00 * a12 - a02 * a10;
      var b02 = a00 * a13 - a03 * a10;
      var b03 = a01 * a12 - a02 * a11;
      var b04 = a01 * a13 - a03 * a11;
      var b05 = a02 * a13 - a03 * a12;
      var b06 = a20 * a31 - a21 * a30;
      var b07 = a20 * a32 - a22 * a30;
      var b08 = a20 * a33 - a23 * a30;
      var b09 = a21 * a32 - a22 * a31;
      var b10 = a21 * a33 - a23 * a31;
      var b11 = a22 * a33 - a23 * a32;
29440
      // Calculate the determinant
      var det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
29443
      if (!det) {
        return null;
      }
      det = 1.0 / det;
29448
      out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
      out[1] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
      out[2] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
29452
      out[3] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
      out[4] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
      out[5] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
29456
      out[6] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
      out[7] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
      out[8] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
29460
      return out;
    }
29463
    /**
     * Generates a 2D projection matrix with the given bounds
     *
     * @param {mat3} out mat3 frustum matrix will be written into
     * @param {number} width Width of your gl context
     * @param {number} height Height of gl context
     * @returns {mat3} out
     */
    function projection(out, width, height) {
      out[0] = 2 / width;
      out[1] = 0;
      out[2] = 0;
      out[3] = 0;
      out[4] = -2 / height;
      out[5] = 0;
      out[6] = -1;
      out[7] = 1;
      out[8] = 1;
      return out;
    }
29484
    /**
     * Returns a string representation of a mat3
     *
     * @param {mat3} a matrix to represent as a string
     * @returns {String} string representation of the matrix
     */
    function str(a) {
      return 'mat3(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + a[3] + ', ' + a[4] + ', ' + a[5] + ', ' + a[6] + ', ' + a[7] + ', ' + a[8] + ')';
    }
29494
    /**
     * Returns Frobenius norm of a mat3
     *
     * @param {mat3} a the matrix to calculate Frobenius norm of
     * @returns {Number} Frobenius norm
     */
    function frob(a) {
      return Math.sqrt(Math.pow(a[0], 2) + Math.pow(a[1], 2) + Math.pow(a[2], 2) + Math.pow(a[3], 2) + Math.pow(a[4], 2) + Math.pow(a[5], 2) + Math.pow(a[6], 2) + Math.pow(a[7], 2) + Math.pow(a[8], 2));
    }
29504
    /**
     * Adds two mat3's
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the first operand
     * @param {mat3} b the second operand
     * @returns {mat3} out
     */
    function add(out, a, b) {
      out[0] = a[0] + b[0];
      out[1] = a[1] + b[1];
      out[2] = a[2] + b[2];
      out[3] = a[3] + b[3];
      out[4] = a[4] + b[4];
      out[5] = a[5] + b[5];
      out[6] = a[6] + b[6];
      out[7] = a[7] + b[7];
      out[8] = a[8] + b[8];
      return out;
    }
29525
    /**
     * Subtracts matrix b from matrix a
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the first operand
     * @param {mat3} b the second operand
     * @returns {mat3} out
     */
    function subtract(out, a, b) {
      out[0] = a[0] - b[0];
      out[1] = a[1] - b[1];
      out[2] = a[2] - b[2];
      out[3] = a[3] - b[3];
      out[4] = a[4] - b[4];
      out[5] = a[5] - b[5];
      out[6] = a[6] - b[6];
      out[7] = a[7] - b[7];
      out[8] = a[8] - b[8];
      return out;
    }
29546
    /**
     * Multiply each element of the matrix by a scalar.
     *
     * @param {mat3} out the receiving matrix
     * @param {mat3} a the matrix to scale
     * @param {Number} b amount to scale the matrix's elements by
     * @returns {mat3} out
     */
    function multiplyScalar(out, a, b) {
      out[0] = a[0] * b;
      out[1] = a[1] * b;
      out[2] = a[2] * b;
      out[3] = a[3] * b;
      out[4] = a[4] * b;
      out[5] = a[5] * b;
      out[6] = a[6] * b;
      out[7] = a[7] * b;
      out[8] = a[8] * b;
      return out;
    }
29567
    /**
     * Adds two mat3's after multiplying each element of the second operand by a scalar value.
     *
     * @param {mat3} out the receiving vector
     * @param {mat3} a the first operand
     * @param {mat3} b the second operand
     * @param {Number} scale the amount to scale b's elements by before adding
     * @returns {mat3} out
     */
    function multiplyScalarAndAdd(out, a, b, scale) {
      out[0] = a[0] + b[0] * scale;
      out[1] = a[1] + b[1] * scale;
      out[2] = a[2] + b[2] * scale;
      out[3] = a[3] + b[3] * scale;
      out[4] = a[4] + b[4] * scale;
      out[5] = a[5] + b[5] * scale;
      out[6] = a[6] + b[6] * scale;
      out[7] = a[7] + b[7] * scale;
      out[8] = a[8] + b[8] * scale;
      return out;
    }
29589
    /**
     * Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
     *
     * @param {mat3} a The first matrix.
     * @param {mat3} b The second matrix.
     * @returns {Boolean} True if the matrices are equal, false otherwise.
     */
    function exactEquals(a, b) {
      return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && a[8] === b[8];
    }
29600
    /**
     * Returns whether or not the matrices have approximately the same elements in the same position.
     *
     * @param {mat3} a The first matrix.
     * @param {mat3} b The second matrix.
     * @returns {Boolean} True if the matrices are equal, false otherwise.
     */
    function equals(a, b) {
      var a0 = a[0],
          a1 = a[1],
          a2 = a[2],
          a3 = a[3],
          a4 = a[4],
          a5 = a[5],
          a6 = a[6],
          a7 = a[7],
          a8 = a[8];
      var b0 = b[0],
          b1 = b[1],
          b2 = b[2],
          b3 = b[3],
          b4 = b[4],
          b5 = b[5],
          b6 = b[6],
          b7 = b[7],
          b8 = b[8];
      return Math.abs(a0 - b0) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a3), Math.abs(b3)) && Math.abs(a4 - b4) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a4), Math.abs(b4)) && Math.abs(a5 - b5) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a5), Math.abs(b5)) && Math.abs(a6 - b6) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a6), Math.abs(b6)) && Math.abs(a7 - b7) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a7), Math.abs(b7)) && Math.abs(a8 - b8) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a8), Math.abs(b8));
    }
29629
    /**
     * Alias for {@link mat3.multiply}
     * @function
     */
    var mul = multiply;
29635
    /**
     * Alias for {@link mat3.subtract}
     * @function
     */
    var sub = subtract;
29641
    /***/
  },
  /* 73 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
29646
    "use strict";
29648
    Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
    /* harmony export (immutable) */__webpack_exports__["create"] = create;
    /* harmony export (immutable) */__webpack_exports__["clone"] = clone;
    /* harmony export (immutable) */__webpack_exports__["length"] = length;
    /* harmony export (immutable) */__webpack_exports__["fromValues"] = fromValues;
    /* harmony export (immutable) */__webpack_exports__["copy"] = copy;
    /* harmony export (immutable) */__webpack_exports__["set"] = set;
    /* harmony export (immutable) */__webpack_exports__["add"] = add;
    /* harmony export (immutable) */__webpack_exports__["subtract"] = subtract;
    /* harmony export (immutable) */__webpack_exports__["multiply"] = multiply;
    /* harmony export (immutable) */__webpack_exports__["divide"] = divide;
    /* harmony export (immutable) */__webpack_exports__["ceil"] = ceil;
    /* harmony export (immutable) */__webpack_exports__["floor"] = floor;
    /* harmony export (immutable) */__webpack_exports__["min"] = min;
    /* harmony export (immutable) */__webpack_exports__["max"] = max;
    /* harmony export (immutable) */__webpack_exports__["round"] = round;
    /* harmony export (immutable) */__webpack_exports__["scale"] = scale;
    /* harmony export (immutable) */__webpack_exports__["scaleAndAdd"] = scaleAndAdd;
    /* harmony export (immutable) */__webpack_exports__["distance"] = distance;
    /* harmony export (immutable) */__webpack_exports__["squaredDistance"] = squaredDistance;
    /* harmony export (immutable) */__webpack_exports__["squaredLength"] = squaredLength;
    /* harmony export (immutable) */__webpack_exports__["negate"] = negate;
    /* harmony export (immutable) */__webpack_exports__["inverse"] = inverse;
    /* harmony export (immutable) */__webpack_exports__["normalize"] = normalize;
    /* harmony export (immutable) */__webpack_exports__["dot"] = dot;
    /* harmony export (immutable) */__webpack_exports__["cross"] = cross;
    /* harmony export (immutable) */__webpack_exports__["lerp"] = lerp;
    /* harmony export (immutable) */__webpack_exports__["hermite"] = hermite;
    /* harmony export (immutable) */__webpack_exports__["bezier"] = bezier;
    /* harmony export (immutable) */__webpack_exports__["random"] = random;
    /* harmony export (immutable) */__webpack_exports__["transformMat4"] = transformMat4;
    /* harmony export (immutable) */__webpack_exports__["transformMat3"] = transformMat3;
    /* harmony export (immutable) */__webpack_exports__["transformQuat"] = transformQuat;
    /* harmony export (immutable) */__webpack_exports__["rotateX"] = rotateX;
    /* harmony export (immutable) */__webpack_exports__["rotateY"] = rotateY;
    /* harmony export (immutable) */__webpack_exports__["rotateZ"] = rotateZ;
    /* harmony export (immutable) */__webpack_exports__["angle"] = angle;
    /* harmony export (immutable) */__webpack_exports__["str"] = str;
    /* harmony export (immutable) */__webpack_exports__["exactEquals"] = exactEquals;
    /* harmony export (immutable) */__webpack_exports__["equals"] = equals;
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "sub", function () {
      return sub;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "mul", function () {
      return mul;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "div", function () {
      return div;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "dist", function () {
      return dist;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "sqrDist", function () {
      return sqrDist;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "len", function () {
      return len;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "sqrLen", function () {
      return sqrLen;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "forEach", function () {
      return forEach;
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__common_js__ = __webpack_require__(12);
29714
    /**
     * 3 Dimensional Vector
     * @module vec3
     */
29719
    /**
     * Creates a new, empty vec3
     *
     * @returns {vec3} a new 3D vector
     */
    function create() {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](3);
      out[0] = 0;
      out[1] = 0;
      out[2] = 0;
      return out;
    }
29732
    /**
     * Creates a new vec3 initialized with values from an existing vector
     *
     * @param {vec3} a vector to clone
     * @returns {vec3} a new 3D vector
     */
    function clone(a) {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](3);
      out[0] = a[0];
      out[1] = a[1];
      out[2] = a[2];
      return out;
    }
29746
    /**
     * Calculates the length of a vec3
     *
     * @param {vec3} a vector to calculate length of
     * @returns {Number} length of a
     */
    function length(a) {
      var x = a[0];
      var y = a[1];
      var z = a[2];
      return Math.sqrt(x * x + y * y + z * z);
    }
29759
    /**
     * Creates a new vec3 initialized with the given values
     *
     * @param {Number} x X component
     * @param {Number} y Y component
     * @param {Number} z Z component
     * @returns {vec3} a new 3D vector
     */
    function fromValues(x, y, z) {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](3);
      out[0] = x;
      out[1] = y;
      out[2] = z;
      return out;
    }
29775
    /**
     * Copy the values from one vec3 to another
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the source vector
     * @returns {vec3} out
     */
    function copy(out, a) {
      out[0] = a[0];
      out[1] = a[1];
      out[2] = a[2];
      return out;
    }
29789
    /**
     * Set the components of a vec3 to the given values
     *
     * @param {vec3} out the receiving vector
     * @param {Number} x X component
     * @param {Number} y Y component
     * @param {Number} z Z component
     * @returns {vec3} out
     */
    function set(out, x, y, z) {
      out[0] = x;
      out[1] = y;
      out[2] = z;
      return out;
    }
29805
    /**
     * Adds two vec3's
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {vec3} out
     */
    function add(out, a, b) {
      out[0] = a[0] + b[0];
      out[1] = a[1] + b[1];
      out[2] = a[2] + b[2];
      return out;
    }
29820
    /**
     * Subtracts vector b from vector a
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {vec3} out
     */
    function subtract(out, a, b) {
      out[0] = a[0] - b[0];
      out[1] = a[1] - b[1];
      out[2] = a[2] - b[2];
      return out;
    }
29835
    /**
     * Multiplies two vec3's
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {vec3} out
     */
    function multiply(out, a, b) {
      out[0] = a[0] * b[0];
      out[1] = a[1] * b[1];
      out[2] = a[2] * b[2];
      return out;
    }
29850
    /**
     * Divides two vec3's
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {vec3} out
     */
    function divide(out, a, b) {
      out[0] = a[0] / b[0];
      out[1] = a[1] / b[1];
      out[2] = a[2] / b[2];
      return out;
    }
29865
    /**
     * Math.ceil the components of a vec3
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a vector to ceil
     * @returns {vec3} out
     */
    function ceil(out, a) {
      out[0] = Math.ceil(a[0]);
      out[1] = Math.ceil(a[1]);
      out[2] = Math.ceil(a[2]);
      return out;
    }
29879
    /**
     * Math.floor the components of a vec3
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a vector to floor
     * @returns {vec3} out
     */
    function floor(out, a) {
      out[0] = Math.floor(a[0]);
      out[1] = Math.floor(a[1]);
      out[2] = Math.floor(a[2]);
      return out;
    }
29893
    /**
     * Returns the minimum of two vec3's
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {vec3} out
     */
    function min(out, a, b) {
      out[0] = Math.min(a[0], b[0]);
      out[1] = Math.min(a[1], b[1]);
      out[2] = Math.min(a[2], b[2]);
      return out;
    }
29908
    /**
     * Returns the maximum of two vec3's
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {vec3} out
     */
    function max(out, a, b) {
      out[0] = Math.max(a[0], b[0]);
      out[1] = Math.max(a[1], b[1]);
      out[2] = Math.max(a[2], b[2]);
      return out;
    }
29923
    /**
     * Math.round the components of a vec3
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a vector to round
     * @returns {vec3} out
     */
    function round(out, a) {
      out[0] = Math.round(a[0]);
      out[1] = Math.round(a[1]);
      out[2] = Math.round(a[2]);
      return out;
    }
29937
    /**
     * Scales a vec3 by a scalar number
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the vector to scale
     * @param {Number} b amount to scale the vector by
     * @returns {vec3} out
     */
    function scale(out, a, b) {
      out[0] = a[0] * b;
      out[1] = a[1] * b;
      out[2] = a[2] * b;
      return out;
    }
29952
    /**
     * Adds two vec3's after scaling the second operand by a scalar value
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @param {Number} scale the amount to scale b by before adding
     * @returns {vec3} out
     */
    function scaleAndAdd(out, a, b, scale) {
      out[0] = a[0] + b[0] * scale;
      out[1] = a[1] + b[1] * scale;
      out[2] = a[2] + b[2] * scale;
      return out;
    }
29968
    /**
     * Calculates the euclidian distance between two vec3's
     *
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {Number} distance between a and b
     */
    function distance(a, b) {
      var x = b[0] - a[0];
      var y = b[1] - a[1];
      var z = b[2] - a[2];
      return Math.sqrt(x * x + y * y + z * z);
    }
29982
    /**
     * Calculates the squared euclidian distance between two vec3's
     *
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {Number} squared distance between a and b
     */
    function squaredDistance(a, b) {
      var x = b[0] - a[0];
      var y = b[1] - a[1];
      var z = b[2] - a[2];
      return x * x + y * y + z * z;
    }
29996
    /**
     * Calculates the squared length of a vec3
     *
     * @param {vec3} a vector to calculate squared length of
     * @returns {Number} squared length of a
     */
    function squaredLength(a) {
      var x = a[0];
      var y = a[1];
      var z = a[2];
      return x * x + y * y + z * z;
    }
30009
    /**
     * Negates the components of a vec3
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a vector to negate
     * @returns {vec3} out
     */
    function negate(out, a) {
      out[0] = -a[0];
      out[1] = -a[1];
      out[2] = -a[2];
      return out;
    }
30023
    /**
     * Returns the inverse of the components of a vec3
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a vector to invert
     * @returns {vec3} out
     */
    function inverse(out, a) {
      out[0] = 1.0 / a[0];
      out[1] = 1.0 / a[1];
      out[2] = 1.0 / a[2];
      return out;
    }
30037
    /**
     * Normalize a vec3
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a vector to normalize
     * @returns {vec3} out
     */
    function normalize(out, a) {
      var x = a[0];
      var y = a[1];
      var z = a[2];
      var len = x * x + y * y + z * z;
      if (len > 0) {
        //TODO: evaluate use of glm_invsqrt here?
        len = 1 / Math.sqrt(len);
        out[0] = a[0] * len;
        out[1] = a[1] * len;
        out[2] = a[2] * len;
      }
      return out;
    }
30059
    /**
     * Calculates the dot product of two vec3's
     *
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {Number} dot product of a and b
     */
    function dot(a, b) {
      return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
    }
30070
    /**
     * Computes the cross product of two vec3's
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @returns {vec3} out
     */
    function cross(out, a, b) {
      var ax = a[0],
          ay = a[1],
          az = a[2];
      var bx = b[0],
          by = b[1],
          bz = b[2];
30086
      out[0] = ay * bz - az * by;
      out[1] = az * bx - ax * bz;
      out[2] = ax * by - ay * bx;
      return out;
    }
30092
    /**
     * Performs a linear interpolation between two vec3's
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
     * @returns {vec3} out
     */
    function lerp(out, a, b, t) {
      var ax = a[0];
      var ay = a[1];
      var az = a[2];
      out[0] = ax + t * (b[0] - ax);
      out[1] = ay + t * (b[1] - ay);
      out[2] = az + t * (b[2] - az);
      return out;
    }
30111
    /**
     * Performs a hermite interpolation with two control points
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @param {vec3} c the third operand
     * @param {vec3} d the fourth operand
     * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
     * @returns {vec3} out
     */
    function hermite(out, a, b, c, d, t) {
      var factorTimes2 = t * t;
      var factor1 = factorTimes2 * (2 * t - 3) + 1;
      var factor2 = factorTimes2 * (t - 2) + t;
      var factor3 = factorTimes2 * (t - 1);
      var factor4 = factorTimes2 * (3 - 2 * t);
30129
      out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
      out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
      out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
30133
      return out;
    }
30136
    /**
     * Performs a bezier interpolation with two control points
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the first operand
     * @param {vec3} b the second operand
     * @param {vec3} c the third operand
     * @param {vec3} d the fourth operand
     * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
     * @returns {vec3} out
     */
    function bezier(out, a, b, c, d, t) {
      var inverseFactor = 1 - t;
      var inverseFactorTimesTwo = inverseFactor * inverseFactor;
      var factorTimes2 = t * t;
      var factor1 = inverseFactorTimesTwo * inverseFactor;
      var factor2 = 3 * t * inverseFactorTimesTwo;
      var factor3 = 3 * factorTimes2 * inverseFactor;
      var factor4 = factorTimes2 * t;
30156
      out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
      out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
      out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
30160
      return out;
    }
30163
    /**
     * Generates a random vector with the given scale
     *
     * @param {vec3} out the receiving vector
     * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
     * @returns {vec3} out
     */
    function random(out, scale) {
      scale = scale || 1.0;
30173
      var r = __WEBPACK_IMPORTED_MODULE_0__common_js__["c" /* RANDOM */]() * 2.0 * Math.PI;
      var z = __WEBPACK_IMPORTED_MODULE_0__common_js__["c" /* RANDOM */]() * 2.0 - 1.0;
      var zScale = Math.sqrt(1.0 - z * z) * scale;
30177
      out[0] = Math.cos(r) * zScale;
      out[1] = Math.sin(r) * zScale;
      out[2] = z * scale;
      return out;
    }
30183
    /**
     * Transforms the vec3 with a mat4.
     * 4th vector component is implicitly '1'
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the vector to transform
     * @param {mat4} m matrix to transform with
     * @returns {vec3} out
     */
    function transformMat4(out, a, m) {
      var x = a[0],
          y = a[1],
          z = a[2];
      var w = m[3] * x + m[7] * y + m[11] * z + m[15];
      w = w || 1.0;
      out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w;
      out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w;
      out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w;
      return out;
    }
30204
    /**
     * Transforms the vec3 with a mat3.
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the vector to transform
     * @param {mat3} m the 3x3 matrix to transform with
     * @returns {vec3} out
     */
    function transformMat3(out, a, m) {
      var x = a[0],
          y = a[1],
          z = a[2];
      out[0] = x * m[0] + y * m[3] + z * m[6];
      out[1] = x * m[1] + y * m[4] + z * m[7];
      out[2] = x * m[2] + y * m[5] + z * m[8];
      return out;
    }
30222
    /**
     * Transforms the vec3 with a quat
     * Can also be used for dual quaternions. (Multiply it with the real part)
     *
     * @param {vec3} out the receiving vector
     * @param {vec3} a the vector to transform
     * @param {quat} q quaternion to transform with
     * @returns {vec3} out
     */
    function transformQuat(out, a, q) {
      // benchmarks: https://jsperf.com/quaternion-transform-vec3-implementations-fixed
      var qx = q[0],
          qy = q[1],
          qz = q[2],
          qw = q[3];
      var x = a[0],
          y = a[1],
          z = a[2];
      // var qvec = [qx, qy, qz];
      // var uv = vec3.cross([], qvec, a);
      var uvx = qy * z - qz * y,
          uvy = qz * x - qx * z,
          uvz = qx * y - qy * x;
      // var uuv = vec3.cross([], qvec, uv);
      var uuvx = qy * uvz - qz * uvy,
          uuvy = qz * uvx - qx * uvz,
          uuvz = qx * uvy - qy * uvx;
      // vec3.scale(uv, uv, 2 * w);
      var w2 = qw * 2;
      uvx *= w2;
      uvy *= w2;
      uvz *= w2;
      // vec3.scale(uuv, uuv, 2);
      uuvx *= 2;
      uuvy *= 2;
      uuvz *= 2;
      // return vec3.add(out, a, vec3.add(out, uv, uuv));
      out[0] = x + uvx + uuvx;
      out[1] = y + uvy + uuvy;
      out[2] = z + uvz + uuvz;
      return out;
    }
30265
    /**
     * Rotate a 3D vector around the x-axis
     * @param {vec3} out The receiving vec3
     * @param {vec3} a The vec3 point to rotate
     * @param {vec3} b The origin of the rotation
     * @param {Number} c The angle of rotation
     * @returns {vec3} out
     */
    function rotateX(out, a, b, c) {
      var p = [],
          r = [];
      //Translate point to the origin
      p[0] = a[0] - b[0];
      p[1] = a[1] - b[1];
      p[2] = a[2] - b[2];
30281
      //perform rotation
      r[0] = p[0];
      r[1] = p[1] * Math.cos(c) - p[2] * Math.sin(c);
      r[2] = p[1] * Math.sin(c) + p[2] * Math.cos(c);
30286
      //translate to correct position
      out[0] = r[0] + b[0];
      out[1] = r[1] + b[1];
      out[2] = r[2] + b[2];
30291
      return out;
    }
30294
    /**
     * Rotate a 3D vector around the y-axis
     * @param {vec3} out The receiving vec3
     * @param {vec3} a The vec3 point to rotate
     * @param {vec3} b The origin of the rotation
     * @param {Number} c The angle of rotation
     * @returns {vec3} out
     */
    function rotateY(out, a, b, c) {
      var p = [],
          r = [];
      //Translate point to the origin
      p[0] = a[0] - b[0];
      p[1] = a[1] - b[1];
      p[2] = a[2] - b[2];
30310
      //perform rotation
      r[0] = p[2] * Math.sin(c) + p[0] * Math.cos(c);
      r[1] = p[1];
      r[2] = p[2] * Math.cos(c) - p[0] * Math.sin(c);
30315
      //translate to correct position
      out[0] = r[0] + b[0];
      out[1] = r[1] + b[1];
      out[2] = r[2] + b[2];
30320
      return out;
    }
30323
    /**
     * Rotate a 3D vector around the z-axis
     * @param {vec3} out The receiving vec3
     * @param {vec3} a The vec3 point to rotate
     * @param {vec3} b The origin of the rotation
     * @param {Number} c The angle of rotation
     * @returns {vec3} out
     */
    function rotateZ(out, a, b, c) {
      var p = [],
          r = [];
      //Translate point to the origin
      p[0] = a[0] - b[0];
      p[1] = a[1] - b[1];
      p[2] = a[2] - b[2];
30339
      //perform rotation
      r[0] = p[0] * Math.cos(c) - p[1] * Math.sin(c);
      r[1] = p[0] * Math.sin(c) + p[1] * Math.cos(c);
      r[2] = p[2];
30344
      //translate to correct position
      out[0] = r[0] + b[0];
      out[1] = r[1] + b[1];
      out[2] = r[2] + b[2];
30349
      return out;
    }
30352
    /**
     * Get the angle between two 3D vectors
     * @param {vec3} a The first operand
     * @param {vec3} b The second operand
     * @returns {Number} The angle in radians
     */
    function angle(a, b) {
      var tempA = fromValues(a[0], a[1], a[2]);
      var tempB = fromValues(b[0], b[1], b[2]);
30362
      normalize(tempA, tempA);
      normalize(tempB, tempB);
30365
      var cosine = dot(tempA, tempB);
30367
      if (cosine > 1.0) {
        return 0;
      } else if (cosine < -1.0) {
        return Math.PI;
      } else {
        return Math.acos(cosine);
      }
    }
30376
    /**
     * Returns a string representation of a vector
     *
     * @param {vec3} a vector to represent as a string
     * @returns {String} string representation of the vector
     */
    function str(a) {
      return 'vec3(' + a[0] + ', ' + a[1] + ', ' + a[2] + ')';
    }
30386
    /**
     * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
     *
     * @param {vec3} a The first vector.
     * @param {vec3} b The second vector.
     * @returns {Boolean} True if the vectors are equal, false otherwise.
     */
    function exactEquals(a, b) {
      return a[0] === b[0] && a[1] === b[1] && a[2] === b[2];
    }
30397
    /**
     * Returns whether or not the vectors have approximately the same elements in the same position.
     *
     * @param {vec3} a The first vector.
     * @param {vec3} b The second vector.
     * @returns {Boolean} True if the vectors are equal, false otherwise.
     */
    function equals(a, b) {
      var a0 = a[0],
          a1 = a[1],
          a2 = a[2];
      var b0 = b[0],
          b1 = b[1],
          b2 = b[2];
      return Math.abs(a0 - b0) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a2), Math.abs(b2));
    }
30414
    /**
     * Alias for {@link vec3.subtract}
     * @function
     */
    var sub = subtract;
30420
    /**
     * Alias for {@link vec3.multiply}
     * @function
     */
    var mul = multiply;
30426
    /**
     * Alias for {@link vec3.divide}
     * @function
     */
    var div = divide;
30432
    /**
     * Alias for {@link vec3.distance}
     * @function
     */
    var dist = distance;
30438
    /**
     * Alias for {@link vec3.squaredDistance}
     * @function
     */
    var sqrDist = squaredDistance;
30444
    /**
     * Alias for {@link vec3.length}
     * @function
     */
    var len = length;
30450
    /**
     * Alias for {@link vec3.squaredLength}
     * @function
     */
    var sqrLen = squaredLength;
30456
    /**
     * Perform some operation over an array of vec3s.
     *
     * @param {Array} a the array of vectors to iterate over
     * @param {Number} stride Number of elements between the start of each vec3. If 0 assumes tightly packed
     * @param {Number} offset Number of elements to skip at the beginning of the array
     * @param {Number} count Number of vec3s to iterate over. If 0 iterates over entire array
     * @param {Function} fn Function to call for each vector in the array
     * @param {Object} [arg] additional argument to pass to fn
     * @returns {Array} a
     * @function
     */
    var forEach = function () {
      var vec = create();
30471
      return function (a, stride, offset, count, fn, arg) {
        var i = void 0,
            l = void 0;
        if (!stride) {
          stride = 3;
        }
30478
        if (!offset) {
          offset = 0;
        }
30482
        if (count) {
          l = Math.min(count * stride + offset, a.length);
        } else {
          l = a.length;
        }
30488
        for (i = offset; i < l; i += stride) {
          vec[0] = a[i];vec[1] = a[i + 1];vec[2] = a[i + 2];
          fn(vec, vec, arg);
          a[i] = vec[0];a[i + 1] = vec[1];a[i + 2] = vec[2];
        }
30494
        return a;
      };
    }();
30498
    /***/
  },
  /* 74 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
30503
    "use strict";
30505
    Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
    /* harmony export (immutable) */__webpack_exports__["create"] = create;
    /* harmony export (immutable) */__webpack_exports__["clone"] = clone;
    /* harmony export (immutable) */__webpack_exports__["fromValues"] = fromValues;
    /* harmony export (immutable) */__webpack_exports__["copy"] = copy;
    /* harmony export (immutable) */__webpack_exports__["set"] = set;
    /* harmony export (immutable) */__webpack_exports__["add"] = add;
    /* harmony export (immutable) */__webpack_exports__["subtract"] = subtract;
    /* harmony export (immutable) */__webpack_exports__["multiply"] = multiply;
    /* harmony export (immutable) */__webpack_exports__["divide"] = divide;
    /* harmony export (immutable) */__webpack_exports__["ceil"] = ceil;
    /* harmony export (immutable) */__webpack_exports__["floor"] = floor;
    /* harmony export (immutable) */__webpack_exports__["min"] = min;
    /* harmony export (immutable) */__webpack_exports__["max"] = max;
    /* harmony export (immutable) */__webpack_exports__["round"] = round;
    /* harmony export (immutable) */__webpack_exports__["scale"] = scale;
    /* harmony export (immutable) */__webpack_exports__["scaleAndAdd"] = scaleAndAdd;
    /* harmony export (immutable) */__webpack_exports__["distance"] = distance;
    /* harmony export (immutable) */__webpack_exports__["squaredDistance"] = squaredDistance;
    /* harmony export (immutable) */__webpack_exports__["length"] = length;
    /* harmony export (immutable) */__webpack_exports__["squaredLength"] = squaredLength;
    /* harmony export (immutable) */__webpack_exports__["negate"] = negate;
    /* harmony export (immutable) */__webpack_exports__["inverse"] = inverse;
    /* harmony export (immutable) */__webpack_exports__["normalize"] = normalize;
    /* harmony export (immutable) */__webpack_exports__["dot"] = dot;
    /* harmony export (immutable) */__webpack_exports__["cross"] = cross;
    /* harmony export (immutable) */__webpack_exports__["lerp"] = lerp;
    /* harmony export (immutable) */__webpack_exports__["random"] = random;
    /* harmony export (immutable) */__webpack_exports__["transformMat2"] = transformMat2;
    /* harmony export (immutable) */__webpack_exports__["transformMat2d"] = transformMat2d;
    /* harmony export (immutable) */__webpack_exports__["transformMat3"] = transformMat3;
    /* harmony export (immutable) */__webpack_exports__["transformMat4"] = transformMat4;
    /* harmony export (immutable) */__webpack_exports__["rotate"] = rotate;
    /* harmony export (immutable) */__webpack_exports__["angle"] = angle;
    /* harmony export (immutable) */__webpack_exports__["str"] = str;
    /* harmony export (immutable) */__webpack_exports__["exactEquals"] = exactEquals;
    /* harmony export (immutable) */__webpack_exports__["equals"] = equals;
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "len", function () {
      return len;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "sub", function () {
      return sub;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "mul", function () {
      return mul;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "div", function () {
      return div;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "dist", function () {
      return dist;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "sqrDist", function () {
      return sqrDist;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "sqrLen", function () {
      return sqrLen;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "forEach", function () {
      return forEach;
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__common_js__ = __webpack_require__(12);
30568
    /**
     * 2 Dimensional Vector
     * @module vec2
     */
30573
    /**
     * Creates a new, empty vec2
     *
     * @returns {vec2} a new 2D vector
     */
    function create() {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](2);
      out[0] = 0;
      out[1] = 0;
      return out;
    }
30585
    /**
     * Creates a new vec2 initialized with values from an existing vector
     *
     * @param {vec2} a vector to clone
     * @returns {vec2} a new 2D vector
     */
    function clone(a) {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](2);
      out[0] = a[0];
      out[1] = a[1];
      return out;
    }
30598
    /**
     * Creates a new vec2 initialized with the given values
     *
     * @param {Number} x X component
     * @param {Number} y Y component
     * @returns {vec2} a new 2D vector
     */
    function fromValues(x, y) {
      var out = new __WEBPACK_IMPORTED_MODULE_0__common_js__["a" /* ARRAY_TYPE */](2);
      out[0] = x;
      out[1] = y;
      return out;
    }
30612
    /**
     * Copy the values from one vec2 to another
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the source vector
     * @returns {vec2} out
     */
    function copy(out, a) {
      out[0] = a[0];
      out[1] = a[1];
      return out;
    }
30625
    /**
     * Set the components of a vec2 to the given values
     *
     * @param {vec2} out the receiving vector
     * @param {Number} x X component
     * @param {Number} y Y component
     * @returns {vec2} out
     */
    function set(out, x, y) {
      out[0] = x;
      out[1] = y;
      return out;
    }
30639
    /**
     * Adds two vec2's
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {vec2} out
     */
    function add(out, a, b) {
      out[0] = a[0] + b[0];
      out[1] = a[1] + b[1];
      return out;
    }
30653
    /**
     * Subtracts vector b from vector a
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {vec2} out
     */
    function subtract(out, a, b) {
      out[0] = a[0] - b[0];
      out[1] = a[1] - b[1];
      return out;
    }
30667
    /**
     * Multiplies two vec2's
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {vec2} out
     */
    function multiply(out, a, b) {
      out[0] = a[0] * b[0];
      out[1] = a[1] * b[1];
      return out;
    }
30681
    /**
     * Divides two vec2's
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {vec2} out
     */
    function divide(out, a, b) {
      out[0] = a[0] / b[0];
      out[1] = a[1] / b[1];
      return out;
    }
30695
    /**
     * Math.ceil the components of a vec2
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a vector to ceil
     * @returns {vec2} out
     */
    function ceil(out, a) {
      out[0] = Math.ceil(a[0]);
      out[1] = Math.ceil(a[1]);
      return out;
    }
30708
    /**
     * Math.floor the components of a vec2
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a vector to floor
     * @returns {vec2} out
     */
    function floor(out, a) {
      out[0] = Math.floor(a[0]);
      out[1] = Math.floor(a[1]);
      return out;
    }
30721
    /**
     * Returns the minimum of two vec2's
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {vec2} out
     */
    function min(out, a, b) {
      out[0] = Math.min(a[0], b[0]);
      out[1] = Math.min(a[1], b[1]);
      return out;
    }
30735
    /**
     * Returns the maximum of two vec2's
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {vec2} out
     */
    function max(out, a, b) {
      out[0] = Math.max(a[0], b[0]);
      out[1] = Math.max(a[1], b[1]);
      return out;
    }
30749
    /**
     * Math.round the components of a vec2
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a vector to round
     * @returns {vec2} out
     */
    function round(out, a) {
      out[0] = Math.round(a[0]);
      out[1] = Math.round(a[1]);
      return out;
    }
30762
    /**
     * Scales a vec2 by a scalar number
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the vector to scale
     * @param {Number} b amount to scale the vector by
     * @returns {vec2} out
     */
    function scale(out, a, b) {
      out[0] = a[0] * b;
      out[1] = a[1] * b;
      return out;
    }
30776
    /**
     * Adds two vec2's after scaling the second operand by a scalar value
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @param {Number} scale the amount to scale b by before adding
     * @returns {vec2} out
     */
    function scaleAndAdd(out, a, b, scale) {
      out[0] = a[0] + b[0] * scale;
      out[1] = a[1] + b[1] * scale;
      return out;
    }
30791
    /**
     * Calculates the euclidian distance between two vec2's
     *
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {Number} distance between a and b
     */
    function distance(a, b) {
      var x = b[0] - a[0],
          y = b[1] - a[1];
      return Math.sqrt(x * x + y * y);
    }
30804
    /**
     * Calculates the squared euclidian distance between two vec2's
     *
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {Number} squared distance between a and b
     */
    function squaredDistance(a, b) {
      var x = b[0] - a[0],
          y = b[1] - a[1];
      return x * x + y * y;
    }
30817
    /**
     * Calculates the length of a vec2
     *
     * @param {vec2} a vector to calculate length of
     * @returns {Number} length of a
     */
    function length(a) {
      var x = a[0],
          y = a[1];
      return Math.sqrt(x * x + y * y);
    }
30829
    /**
     * Calculates the squared length of a vec2
     *
     * @param {vec2} a vector to calculate squared length of
     * @returns {Number} squared length of a
     */
    function squaredLength(a) {
      var x = a[0],
          y = a[1];
      return x * x + y * y;
    }
30841
    /**
     * Negates the components of a vec2
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a vector to negate
     * @returns {vec2} out
     */
    function negate(out, a) {
      out[0] = -a[0];
      out[1] = -a[1];
      return out;
    }
30854
    /**
     * Returns the inverse of the components of a vec2
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a vector to invert
     * @returns {vec2} out
     */
    function inverse(out, a) {
      out[0] = 1.0 / a[0];
      out[1] = 1.0 / a[1];
      return out;
    }
30867
    /**
     * Normalize a vec2
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a vector to normalize
     * @returns {vec2} out
     */
    function normalize(out, a) {
      var x = a[0],
          y = a[1];
      var len = x * x + y * y;
      if (len > 0) {
        //TODO: evaluate use of glm_invsqrt here?
        len = 1 / Math.sqrt(len);
        out[0] = a[0] * len;
        out[1] = a[1] * len;
      }
      return out;
    }
30887
    /**
     * Calculates the dot product of two vec2's
     *
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {Number} dot product of a and b
     */
    function dot(a, b) {
      return a[0] * b[0] + a[1] * b[1];
    }
30898
    /**
     * Computes the cross product of two vec2's
     * Note that the cross product must by definition produce a 3D vector
     *
     * @param {vec3} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @returns {vec3} out
     */
    function cross(out, a, b) {
      var z = a[0] * b[1] - a[1] * b[0];
      out[0] = out[1] = 0;
      out[2] = z;
      return out;
    }
30914
    /**
     * Performs a linear interpolation between two vec2's
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the first operand
     * @param {vec2} b the second operand
     * @param {Number} t interpolation amount, in the range [0-1], between the two inputs
     * @returns {vec2} out
     */
    function lerp(out, a, b, t) {
      var ax = a[0],
          ay = a[1];
      out[0] = ax + t * (b[0] - ax);
      out[1] = ay + t * (b[1] - ay);
      return out;
    }
30931
    /**
     * Generates a random vector with the given scale
     *
     * @param {vec2} out the receiving vector
     * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
     * @returns {vec2} out
     */
    function random(out, scale) {
      scale = scale || 1.0;
      var r = __WEBPACK_IMPORTED_MODULE_0__common_js__["c" /* RANDOM */]() * 2.0 * Math.PI;
      out[0] = Math.cos(r) * scale;
      out[1] = Math.sin(r) * scale;
      return out;
    }
30946
    /**
     * Transforms the vec2 with a mat2
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the vector to transform
     * @param {mat2} m matrix to transform with
     * @returns {vec2} out
     */
    function transformMat2(out, a, m) {
      var x = a[0],
          y = a[1];
      out[0] = m[0] * x + m[2] * y;
      out[1] = m[1] * x + m[3] * y;
      return out;
    }
30962
    /**
     * Transforms the vec2 with a mat2d
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the vector to transform
     * @param {mat2d} m matrix to transform with
     * @returns {vec2} out
     */
    function transformMat2d(out, a, m) {
      var x = a[0],
          y = a[1];
      out[0] = m[0] * x + m[2] * y + m[4];
      out[1] = m[1] * x + m[3] * y + m[5];
      return out;
    }
30978
    /**
     * Transforms the vec2 with a mat3
     * 3rd vector component is implicitly '1'
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the vector to transform
     * @param {mat3} m matrix to transform with
     * @returns {vec2} out
     */
    function transformMat3(out, a, m) {
      var x = a[0],
          y = a[1];
      out[0] = m[0] * x + m[3] * y + m[6];
      out[1] = m[1] * x + m[4] * y + m[7];
      return out;
    }
30995
    /**
     * Transforms the vec2 with a mat4
     * 3rd vector component is implicitly '0'
     * 4th vector component is implicitly '1'
     *
     * @param {vec2} out the receiving vector
     * @param {vec2} a the vector to transform
     * @param {mat4} m matrix to transform with
     * @returns {vec2} out
     */
    function transformMat4(out, a, m) {
      var x = a[0];
      var y = a[1];
      out[0] = m[0] * x + m[4] * y + m[12];
      out[1] = m[1] * x + m[5] * y + m[13];
      return out;
    }
31013
    /**
     * Rotate a 2D vector
     * @param {vec2} out The receiving vec2
     * @param {vec2} a The vec2 point to rotate
     * @param {vec2} b The origin of the rotation
     * @param {Number} c The angle of rotation
     * @returns {vec2} out
     */
    function rotate(out, a, b, c) {
      //Translate point to the origin
      var p0 = a[0] - b[0],
          p1 = a[1] - b[1],
          sinC = Math.sin(c),
          cosC = Math.cos(c);
31028
      //perform rotation and translate to correct position
      out[0] = p0 * cosC - p1 * sinC + b[0];
      out[1] = p0 * sinC + p1 * cosC + b[1];
31032
      return out;
    }
31035
    /**
     * Get the angle between two 2D vectors
     * @param {vec2} a The first operand
     * @param {vec2} b The second operand
     * @returns {Number} The angle in radians
     */
    function angle(a, b) {
      var x1 = a[0],
          y1 = a[1],
          x2 = b[0],
          y2 = b[1];
31047
      var len1 = x1 * x1 + y1 * y1;
      if (len1 > 0) {
        //TODO: evaluate use of glm_invsqrt here?
        len1 = 1 / Math.sqrt(len1);
      }
31053
      var len2 = x2 * x2 + y2 * y2;
      if (len2 > 0) {
        //TODO: evaluate use of glm_invsqrt here?
        len2 = 1 / Math.sqrt(len2);
      }
31059
      var cosine = (x1 * x2 + y1 * y2) * len1 * len2;
31061
      if (cosine > 1.0) {
        return 0;
      } else if (cosine < -1.0) {
        return Math.PI;
      } else {
        return Math.acos(cosine);
      }
    }
31070
    /**
     * Returns a string representation of a vector
     *
     * @param {vec2} a vector to represent as a string
     * @returns {String} string representation of the vector
     */
    function str(a) {
      return 'vec2(' + a[0] + ', ' + a[1] + ')';
    }
31080
    /**
     * Returns whether or not the vectors exactly have the same elements in the same position (when compared with ===)
     *
     * @param {vec2} a The first vector.
     * @param {vec2} b The second vector.
     * @returns {Boolean} True if the vectors are equal, false otherwise.
     */
    function exactEquals(a, b) {
      return a[0] === b[0] && a[1] === b[1];
    }
31091
    /**
     * Returns whether or not the vectors have approximately the same elements in the same position.
     *
     * @param {vec2} a The first vector.
     * @param {vec2} b The second vector.
     * @returns {Boolean} True if the vectors are equal, false otherwise.
     */
    function equals(a, b) {
      var a0 = a[0],
          a1 = a[1];
      var b0 = b[0],
          b1 = b[1];
      return Math.abs(a0 - b0) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= __WEBPACK_IMPORTED_MODULE_0__common_js__["b" /* EPSILON */] * Math.max(1.0, Math.abs(a1), Math.abs(b1));
    }
31106
    /**
     * Alias for {@link vec2.length}
     * @function
     */
    var len = length;
31112
    /**
     * Alias for {@link vec2.subtract}
     * @function
     */
    var sub = subtract;
31118
    /**
     * Alias for {@link vec2.multiply}
     * @function
     */
    var mul = multiply;
31124
    /**
     * Alias for {@link vec2.divide}
     * @function
     */
    var div = divide;
31130
    /**
     * Alias for {@link vec2.distance}
     * @function
     */
    var dist = distance;
31136
    /**
     * Alias for {@link vec2.squaredDistance}
     * @function
     */
    var sqrDist = squaredDistance;
31142
    /**
     * Alias for {@link vec2.squaredLength}
     * @function
     */
    var sqrLen = squaredLength;
31148
    /**
     * Perform some operation over an array of vec2s.
     *
     * @param {Array} a the array of vectors to iterate over
     * @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
     * @param {Number} offset Number of elements to skip at the beginning of the array
     * @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
     * @param {Function} fn Function to call for each vector in the array
     * @param {Object} [arg] additional argument to pass to fn
     * @returns {Array} a
     * @function
     */
    var forEach = function () {
      var vec = create();
31163
      return function (a, stride, offset, count, fn, arg) {
        var i = void 0,
            l = void 0;
        if (!stride) {
          stride = 2;
        }
31170
        if (!offset) {
          offset = 0;
        }
31174
        if (count) {
          l = Math.min(count * stride + offset, a.length);
        } else {
          l = a.length;
        }
31180
        for (i = offset; i < l; i += stride) {
          vec[0] = a[i];vec[1] = a[i + 1];
          fn(vec, vec, arg);
          a[i] = vec[0];a[i + 1] = vec[1];
        }
31186
        return a;
      };
    }();
31190
    /***/
  },
  /* 75 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31195
    "use strict";
31197
    Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__src_linear__ = __webpack_require__(76);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeLinear", function () {
      return __WEBPACK_IMPORTED_MODULE_0__src_linear__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__src_quad__ = __webpack_require__(77);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeQuad", function () {
      return __WEBPACK_IMPORTED_MODULE_1__src_quad__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeQuadIn", function () {
      return __WEBPACK_IMPORTED_MODULE_1__src_quad__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeQuadOut", function () {
      return __WEBPACK_IMPORTED_MODULE_1__src_quad__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeQuadInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_1__src_quad__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_2__src_cubic__ = __webpack_require__(78);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeCubic", function () {
      return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeCubicIn", function () {
      return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeCubicOut", function () {
      return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeCubicInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_3__src_poly__ = __webpack_require__(79);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easePoly", function () {
      return __WEBPACK_IMPORTED_MODULE_3__src_poly__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easePolyIn", function () {
      return __WEBPACK_IMPORTED_MODULE_3__src_poly__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easePolyOut", function () {
      return __WEBPACK_IMPORTED_MODULE_3__src_poly__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easePolyInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_3__src_poly__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_4__src_sin__ = __webpack_require__(80);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeSin", function () {
      return __WEBPACK_IMPORTED_MODULE_4__src_sin__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeSinIn", function () {
      return __WEBPACK_IMPORTED_MODULE_4__src_sin__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeSinOut", function () {
      return __WEBPACK_IMPORTED_MODULE_4__src_sin__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeSinInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_4__src_sin__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_5__src_exp__ = __webpack_require__(81);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeExp", function () {
      return __WEBPACK_IMPORTED_MODULE_5__src_exp__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeExpIn", function () {
      return __WEBPACK_IMPORTED_MODULE_5__src_exp__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeExpOut", function () {
      return __WEBPACK_IMPORTED_MODULE_5__src_exp__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeExpInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_5__src_exp__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_6__src_circle__ = __webpack_require__(82);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeCircle", function () {
      return __WEBPACK_IMPORTED_MODULE_6__src_circle__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeCircleIn", function () {
      return __WEBPACK_IMPORTED_MODULE_6__src_circle__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeCircleOut", function () {
      return __WEBPACK_IMPORTED_MODULE_6__src_circle__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeCircleInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_6__src_circle__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_7__src_bounce__ = __webpack_require__(83);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeBounce", function () {
      return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeBounceIn", function () {
      return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeBounceOut", function () {
      return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeBounceInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_8__src_back__ = __webpack_require__(84);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeBack", function () {
      return __WEBPACK_IMPORTED_MODULE_8__src_back__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeBackIn", function () {
      return __WEBPACK_IMPORTED_MODULE_8__src_back__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeBackOut", function () {
      return __WEBPACK_IMPORTED_MODULE_8__src_back__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeBackInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_8__src_back__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_9__src_elastic__ = __webpack_require__(85);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeElastic", function () {
      return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeElasticIn", function () {
      return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeElasticOut", function () {
      return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "easeElasticInOut", function () {
      return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["b"];
    });
31320
    /***/
  },
  /* 76 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31325
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = linear;
    function linear(t) {
      return +t;
    }
31332
    /***/
  },
  /* 77 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31337
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = quadIn;
    /* harmony export (immutable) */__webpack_exports__["c"] = quadOut;
    /* harmony export (immutable) */__webpack_exports__["b"] = quadInOut;
    function quadIn(t) {
      return t * t;
    }
31346
    function quadOut(t) {
      return t * (2 - t);
    }
31350
    function quadInOut(t) {
      return ((t *= 2) <= 1 ? t * t : --t * (2 - t) + 1) / 2;
    }
31354
    /***/
  },
  /* 78 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31359
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = cubicIn;
    /* harmony export (immutable) */__webpack_exports__["c"] = cubicOut;
    /* harmony export (immutable) */__webpack_exports__["b"] = cubicInOut;
    function cubicIn(t) {
      return t * t * t;
    }
31368
    function cubicOut(t) {
      return --t * t * t + 1;
    }
31372
    function cubicInOut(t) {
      return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2;
    }
31376
    /***/
  },
  /* 79 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31381
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "a", function () {
      return polyIn;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "c", function () {
      return polyOut;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "b", function () {
      return polyInOut;
    });
    var exponent = 3;
31394
    var polyIn = function custom(e) {
      e = +e;
31397
      function polyIn(t) {
        return Math.pow(t, e);
      }
31401
      polyIn.exponent = custom;
31403
      return polyIn;
    }(exponent);
31406
    var polyOut = function custom(e) {
      e = +e;
31409
      function polyOut(t) {
        return 1 - Math.pow(1 - t, e);
      }
31413
      polyOut.exponent = custom;
31415
      return polyOut;
    }(exponent);
31418
    var polyInOut = function custom(e) {
      e = +e;
31421
      function polyInOut(t) {
        return ((t *= 2) <= 1 ? Math.pow(t, e) : 2 - Math.pow(2 - t, e)) / 2;
      }
31425
      polyInOut.exponent = custom;
31427
      return polyInOut;
    }(exponent);
31430
    /***/
  },
  /* 80 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31435
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = sinIn;
    /* harmony export (immutable) */__webpack_exports__["c"] = sinOut;
    /* harmony export (immutable) */__webpack_exports__["b"] = sinInOut;
    var pi = Math.PI,
        halfPi = pi / 2;
31443
    function sinIn(t) {
      return 1 - Math.cos(t * halfPi);
    }
31447
    function sinOut(t) {
      return Math.sin(t * halfPi);
    }
31451
    function sinInOut(t) {
      return (1 - Math.cos(pi * t)) / 2;
    }
31455
    /***/
  },
  /* 81 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31460
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = expIn;
    /* harmony export (immutable) */__webpack_exports__["c"] = expOut;
    /* harmony export (immutable) */__webpack_exports__["b"] = expInOut;
    function expIn(t) {
      return Math.pow(2, 10 * t - 10);
    }
31469
    function expOut(t) {
      return 1 - Math.pow(2, -10 * t);
    }
31473
    function expInOut(t) {
      return ((t *= 2) <= 1 ? Math.pow(2, 10 * t - 10) : 2 - Math.pow(2, 10 - 10 * t)) / 2;
    }
31477
    /***/
  },
  /* 82 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31482
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = circleIn;
    /* harmony export (immutable) */__webpack_exports__["c"] = circleOut;
    /* harmony export (immutable) */__webpack_exports__["b"] = circleInOut;
    function circleIn(t) {
      return 1 - Math.sqrt(1 - t * t);
    }
31491
    function circleOut(t) {
      return Math.sqrt(1 - --t * t);
    }
31495
    function circleInOut(t) {
      return ((t *= 2) <= 1 ? 1 - Math.sqrt(1 - t * t) : Math.sqrt(1 - (t -= 2) * t) + 1) / 2;
    }
31499
    /***/
  },
  /* 83 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31504
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = bounceIn;
    /* harmony export (immutable) */__webpack_exports__["c"] = bounceOut;
    /* harmony export (immutable) */__webpack_exports__["b"] = bounceInOut;
    var b1 = 4 / 11,
        b2 = 6 / 11,
        b3 = 8 / 11,
        b4 = 3 / 4,
        b5 = 9 / 11,
        b6 = 10 / 11,
        b7 = 15 / 16,
        b8 = 21 / 22,
        b9 = 63 / 64,
        b0 = 1 / b1 / b1;
31520
    function bounceIn(t) {
      return 1 - bounceOut(1 - t);
    }
31524
    function bounceOut(t) {
      return (t = +t) < b1 ? b0 * t * t : t < b3 ? b0 * (t -= b2) * t + b4 : t < b6 ? b0 * (t -= b5) * t + b7 : b0 * (t -= b8) * t + b9;
    }
31528
    function bounceInOut(t) {
      return ((t *= 2) <= 1 ? 1 - bounceOut(1 - t) : bounceOut(t - 1) + 1) / 2;
    }
31532
    /***/
  },
  /* 84 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31537
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "a", function () {
      return backIn;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "c", function () {
      return backOut;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "b", function () {
      return backInOut;
    });
    var overshoot = 1.70158;
31550
    var backIn = function custom(s) {
      s = +s;
31553
      function backIn(t) {
        return t * t * ((s + 1) * t - s);
      }
31557
      backIn.overshoot = custom;
31559
      return backIn;
    }(overshoot);
31562
    var backOut = function custom(s) {
      s = +s;
31565
      function backOut(t) {
        return --t * t * ((s + 1) * t + s) + 1;
      }
31569
      backOut.overshoot = custom;
31571
      return backOut;
    }(overshoot);
31574
    var backInOut = function custom(s) {
      s = +s;
31577
      function backInOut(t) {
        return ((t *= 2) < 1 ? t * t * ((s + 1) * t - s) : (t -= 2) * t * ((s + 1) * t + s) + 2) / 2;
      }
31581
      backInOut.overshoot = custom;
31583
      return backInOut;
    }(overshoot);
31586
    /***/
  },
  /* 85 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31591
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "a", function () {
      return elasticIn;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "c", function () {
      return elasticOut;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "b", function () {
      return elasticInOut;
    });
    var tau = 2 * Math.PI,
        amplitude = 1,
        period = 0.3;
31606
    var elasticIn = function custom(a, p) {
      var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
31609
      function elasticIn(t) {
        return a * Math.pow(2, 10 * --t) * Math.sin((s - t) / p);
      }
31613
      elasticIn.amplitude = function (a) {
        return custom(a, p * tau);
      };
      elasticIn.period = function (p) {
        return custom(a, p);
      };
31620
      return elasticIn;
    }(amplitude, period);
31623
    var elasticOut = function custom(a, p) {
      var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
31626
      function elasticOut(t) {
        return 1 - a * Math.pow(2, -10 * (t = +t)) * Math.sin((t + s) / p);
      }
31630
      elasticOut.amplitude = function (a) {
        return custom(a, p * tau);
      };
      elasticOut.period = function (p) {
        return custom(a, p);
      };
31637
      return elasticOut;
    }(amplitude, period);
31640
    var elasticInOut = function custom(a, p) {
      var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
31643
      function elasticInOut(t) {
        return ((t = t * 2 - 1) < 0 ? a * Math.pow(2, 10 * t) * Math.sin((s - t) / p) : 2 - a * Math.pow(2, -10 * t) * Math.sin((s + t) / p)) / 2;
      }
31647
      elasticInOut.amplitude = function (a) {
        return custom(a, p * tau);
      };
      elasticInOut.period = function (p) {
        return custom(a, p);
      };
31654
      return elasticInOut;
    }(amplitude, period);
31657
    /***/
  },
  /* 86 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31662
    "use strict";
31664
    Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__src_timer__ = __webpack_require__(14);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "now", function () {
      return __WEBPACK_IMPORTED_MODULE_0__src_timer__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "timer", function () {
      return __WEBPACK_IMPORTED_MODULE_0__src_timer__["c"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "timerFlush", function () {
      return __WEBPACK_IMPORTED_MODULE_0__src_timer__["d"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__src_timeout__ = __webpack_require__(87);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "timeout", function () {
      return __WEBPACK_IMPORTED_MODULE_1__src_timeout__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_2__src_interval__ = __webpack_require__(88);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interval", function () {
      return __WEBPACK_IMPORTED_MODULE_2__src_interval__["a"];
    });
31684
    /***/
  },
  /* 87 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31689
    "use strict";
    /* harmony import */
    var __WEBPACK_IMPORTED_MODULE_0__timer__ = __webpack_require__(14);
31693
    /* harmony default export */__webpack_exports__["a"] = function (callback, delay, time) {
      var t = new __WEBPACK_IMPORTED_MODULE_0__timer__["a" /* Timer */]();
      delay = delay == null ? 0 : +delay;
      t.restart(function (elapsed) {
        t.stop();
        callback(elapsed + delay);
      }, delay, time);
      return t;
    };
31703
    /***/
  },
  /* 88 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31708
    "use strict";
    /* harmony import */
    var __WEBPACK_IMPORTED_MODULE_0__timer__ = __webpack_require__(14);
31712
    /* harmony default export */__webpack_exports__["a"] = function (callback, delay, time) {
      var t = new __WEBPACK_IMPORTED_MODULE_0__timer__["a" /* Timer */](),
          total = delay;
      if (delay == null) return t.restart(callback, delay, time), t;
      delay = +delay, time = time == null ? Object(__WEBPACK_IMPORTED_MODULE_0__timer__["b" /* now */])() : +time;
      t.restart(function tick(elapsed) {
        elapsed += total;
        t.restart(tick, total += delay, time);
        callback(elapsed);
      }, delay, time);
      return t;
    };
31725
    /***/
  },
  /* 89 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31730
    "use strict";
31732
    Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__src_value__ = __webpack_require__(15);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolate", function () {
      return __WEBPACK_IMPORTED_MODULE_0__src_value__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__src_array__ = __webpack_require__(34);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateArray", function () {
      return __WEBPACK_IMPORTED_MODULE_1__src_array__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_2__src_basis__ = __webpack_require__(18);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateBasis", function () {
      return __WEBPACK_IMPORTED_MODULE_2__src_basis__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_3__src_basisClosed__ = __webpack_require__(32);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateBasisClosed", function () {
      return __WEBPACK_IMPORTED_MODULE_3__src_basisClosed__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_4__src_date__ = __webpack_require__(35);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateDate", function () {
      return __WEBPACK_IMPORTED_MODULE_4__src_date__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_5__src_number__ = __webpack_require__(9);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateNumber", function () {
      return __WEBPACK_IMPORTED_MODULE_5__src_number__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_6__src_object__ = __webpack_require__(36);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateObject", function () {
      return __WEBPACK_IMPORTED_MODULE_6__src_object__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_7__src_round__ = __webpack_require__(92);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateRound", function () {
      return __WEBPACK_IMPORTED_MODULE_7__src_round__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_8__src_string__ = __webpack_require__(37);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateString", function () {
      return __WEBPACK_IMPORTED_MODULE_8__src_string__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_9__src_transform_index__ = __webpack_require__(93);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateTransformCss", function () {
      return __WEBPACK_IMPORTED_MODULE_9__src_transform_index__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateTransformSvg", function () {
      return __WEBPACK_IMPORTED_MODULE_9__src_transform_index__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_10__src_zoom__ = __webpack_require__(96);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateZoom", function () {
      return __WEBPACK_IMPORTED_MODULE_10__src_zoom__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_11__src_rgb__ = __webpack_require__(31);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateRgb", function () {
      return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateRgbBasis", function () {
      return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateRgbBasisClosed", function () {
      return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["c"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_12__src_hsl__ = __webpack_require__(97);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateHsl", function () {
      return __WEBPACK_IMPORTED_MODULE_12__src_hsl__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateHslLong", function () {
      return __WEBPACK_IMPORTED_MODULE_12__src_hsl__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_13__src_lab__ = __webpack_require__(98);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateLab", function () {
      return __WEBPACK_IMPORTED_MODULE_13__src_lab__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_14__src_hcl__ = __webpack_require__(99);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateHcl", function () {
      return __WEBPACK_IMPORTED_MODULE_14__src_hcl__["a"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateHclLong", function () {
      return __WEBPACK_IMPORTED_MODULE_14__src_hcl__["b"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__ = __webpack_require__(100);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateCubehelix", function () {
      return __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__["b"];
    });
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "interpolateCubehelixLong", function () {
      return __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__["a"];
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_16__src_quantize__ = __webpack_require__(101);
    /* harmony reexport (binding) */__webpack_require__.d(__webpack_exports__, "quantize", function () {
      return __WEBPACK_IMPORTED_MODULE_16__src_quantize__["a"];
    });
31820
    /***/
  },
  /* 90 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31825
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = lab;
    /* unused harmony export Lab */
    /* harmony export (immutable) */__webpack_exports__["b"] = hcl;
    /* unused harmony export Hcl */
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(17);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(16);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_2__math__ = __webpack_require__(30);
31835
    var Kn = 18,
        Xn = 0.950470,
31838
    // D65 standard referent
    Yn = 1,
        Zn = 1.088830,
        t0 = 4 / 29,
        t1 = 6 / 29,
        t2 = 3 * t1 * t1,
        t3 = t1 * t1 * t1;
31846
    function labConvert(o) {
      if (o instanceof Lab) return new Lab(o.l, o.a, o.b, o.opacity);
      if (o instanceof Hcl) {
        var h = o.h * __WEBPACK_IMPORTED_MODULE_2__math__["a" /* deg2rad */];
        return new Lab(o.l, Math.cos(h) * o.c, Math.sin(h) * o.c, o.opacity);
      }
      if (!(o instanceof __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */])) o = Object(__WEBPACK_IMPORTED_MODULE_1__color__["h" /* rgbConvert */])(o);
      var b = rgb2xyz(o.r),
          a = rgb2xyz(o.g),
          l = rgb2xyz(o.b),
          x = xyz2lab((0.4124564 * b + 0.3575761 * a + 0.1804375 * l) / Xn),
          y = xyz2lab((0.2126729 * b + 0.7151522 * a + 0.0721750 * l) / Yn),
          z = xyz2lab((0.0193339 * b + 0.1191920 * a + 0.9503041 * l) / Zn);
      return new Lab(116 * y - 16, 500 * (x - y), 200 * (y - z), o.opacity);
    }
31862
    function lab(l, a, b, opacity) {
      return arguments.length === 1 ? labConvert(l) : new Lab(l, a, b, opacity == null ? 1 : opacity);
    }
31866
    function Lab(l, a, b, opacity) {
      this.l = +l;
      this.a = +a;
      this.b = +b;
      this.opacity = +opacity;
    }
31873
    Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Lab, lab, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
      brighter: function brighter(k) {
        return new Lab(this.l + Kn * (k == null ? 1 : k), this.a, this.b, this.opacity);
      },
      darker: function darker(k) {
        return new Lab(this.l - Kn * (k == null ? 1 : k), this.a, this.b, this.opacity);
      },
      rgb: function rgb() {
        var y = (this.l + 16) / 116,
            x = isNaN(this.a) ? y : y + this.a / 500,
            z = isNaN(this.b) ? y : y - this.b / 200;
        y = Yn * lab2xyz(y);
        x = Xn * lab2xyz(x);
        z = Zn * lab2xyz(z);
        return new __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */](xyz2rgb(3.2404542 * x - 1.5371385 * y - 0.4985314 * z), // D65 -> sRGB
        xyz2rgb(-0.9692660 * x + 1.8760108 * y + 0.0415560 * z), xyz2rgb(0.0556434 * x - 0.2040259 * y + 1.0572252 * z), this.opacity);
      }
    }));
31892
    function xyz2lab(t) {
      return t > t3 ? Math.pow(t, 1 / 3) : t / t2 + t0;
    }
31896
    function lab2xyz(t) {
      return t > t1 ? t * t * t : t2 * (t - t0);
    }
31900
    function xyz2rgb(x) {
      return 255 * (x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055);
    }
31904
    function rgb2xyz(x) {
      return (x /= 255) <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
    }
31908
    function hclConvert(o) {
      if (o instanceof Hcl) return new Hcl(o.h, o.c, o.l, o.opacity);
      if (!(o instanceof Lab)) o = labConvert(o);
      var h = Math.atan2(o.b, o.a) * __WEBPACK_IMPORTED_MODULE_2__math__["b" /* rad2deg */];
      return new Hcl(h < 0 ? h + 360 : h, Math.sqrt(o.a * o.a + o.b * o.b), o.l, o.opacity);
    }
31915
    function hcl(h, c, l, opacity) {
      return arguments.length === 1 ? hclConvert(h) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
    }
31919
    function Hcl(h, c, l, opacity) {
      this.h = +h;
      this.c = +c;
      this.l = +l;
      this.opacity = +opacity;
    }
31926
    Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Hcl, hcl, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
      brighter: function brighter(k) {
        return new Hcl(this.h, this.c, this.l + Kn * (k == null ? 1 : k), this.opacity);
      },
      darker: function darker(k) {
        return new Hcl(this.h, this.c, this.l - Kn * (k == null ? 1 : k), this.opacity);
      },
      rgb: function rgb() {
        return labConvert(this).rgb();
      }
    }));
31938
    /***/
  },
  /* 91 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
31943
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = cubehelix;
    /* unused harmony export Cubehelix */
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(17);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(16);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_2__math__ = __webpack_require__(30);
31951
    var A = -0.14861,
        B = +1.78277,
        C = -0.29227,
        D = -0.90649,
        E = +1.97294,
        ED = E * D,
        EB = E * B,
        BC_DA = B * C - D * A;
31960
    function cubehelixConvert(o) {
      if (o instanceof Cubehelix) return new Cubehelix(o.h, o.s, o.l, o.opacity);
      if (!(o instanceof __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */])) o = Object(__WEBPACK_IMPORTED_MODULE_1__color__["h" /* rgbConvert */])(o);
      var r = o.r / 255,
          g = o.g / 255,
          b = o.b / 255,
          l = (BC_DA * b + ED * r - EB * g) / (BC_DA + ED - EB),
          bl = b - l,
          k = (E * (g - l) - C * bl) / D,
          s = Math.sqrt(k * k + bl * bl) / (E * l * (1 - l)),
31971
      // NaN if l=0 or l=1
      h = s ? Math.atan2(k, bl) * __WEBPACK_IMPORTED_MODULE_2__math__["b" /* rad2deg */] - 120 : NaN;
      return new Cubehelix(h < 0 ? h + 360 : h, s, l, o.opacity);
    }
31976
    function cubehelix(h, s, l, opacity) {
      return arguments.length === 1 ? cubehelixConvert(h) : new Cubehelix(h, s, l, opacity == null ? 1 : opacity);
    }
31980
    function Cubehelix(h, s, l, opacity) {
      this.h = +h;
      this.s = +s;
      this.l = +l;
      this.opacity = +opacity;
    }
31987
    Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Cubehelix, cubehelix, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
      brighter: function brighter(k) {
        k = k == null ? __WEBPACK_IMPORTED_MODULE_1__color__["c" /* brighter */] : Math.pow(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* brighter */], k);
        return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
      },
      darker: function darker(k) {
        k = k == null ? __WEBPACK_IMPORTED_MODULE_1__color__["d" /* darker */] : Math.pow(__WEBPACK_IMPORTED_MODULE_1__color__["d" /* darker */], k);
        return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
      },
      rgb: function rgb() {
        var h = isNaN(this.h) ? 0 : (this.h + 120) * __WEBPACK_IMPORTED_MODULE_2__math__["a" /* deg2rad */],
            l = +this.l,
            a = isNaN(this.s) ? 0 : this.s * l * (1 - l),
            cosh = Math.cos(h),
            sinh = Math.sin(h);
        return new __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */](255 * (l + a * (A * cosh + B * sinh)), 255 * (l + a * (C * cosh + D * sinh)), 255 * (l + a * (E * cosh)), this.opacity);
      }
    }));
32006
    /***/
  },
  /* 92 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32011
    "use strict";
    /* harmony default export */
    __webpack_exports__["a"] = function (a, b) {
      return a = +a, b -= a, function (t) {
        return Math.round(a + b * t);
      };
    };
32019
    /***/
  },
  /* 93 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32024
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "a", function () {
      return interpolateTransformCss;
    });
    /* harmony export (binding) */__webpack_require__.d(__webpack_exports__, "b", function () {
      return interpolateTransformSvg;
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__number__ = __webpack_require__(9);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__parse__ = __webpack_require__(94);
32035
    function interpolateTransform(parse, pxComma, pxParen, degParen) {
32037
      function pop(s) {
        return s.length ? s.pop() + " " : "";
      }
32041
      function translate(xa, ya, xb, yb, s, q) {
        if (xa !== xb || ya !== yb) {
          var i = s.push("translate(", null, pxComma, null, pxParen);
          q.push({ i: i - 4, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(xa, xb) }, { i: i - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(ya, yb) });
        } else if (xb || yb) {
          s.push("translate(" + xb + pxComma + yb + pxParen);
        }
      }
32050
      function rotate(a, b, s, q) {
        if (a !== b) {
          if (a - b > 180) b += 360;else if (b - a > 180) a += 360; // shortest path
          q.push({ i: s.push(pop(s) + "rotate(", null, degParen) - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(a, b) });
        } else if (b) {
          s.push(pop(s) + "rotate(" + b + degParen);
        }
      }
32059
      function skewX(a, b, s, q) {
        if (a !== b) {
          q.push({ i: s.push(pop(s) + "skewX(", null, degParen) - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(a, b) });
        } else if (b) {
          s.push(pop(s) + "skewX(" + b + degParen);
        }
      }
32067
      function scale(xa, ya, xb, yb, s, q) {
        if (xa !== xb || ya !== yb) {
          var i = s.push(pop(s) + "scale(", null, ",", null, ")");
          q.push({ i: i - 4, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(xa, xb) }, { i: i - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(ya, yb) });
        } else if (xb !== 1 || yb !== 1) {
          s.push(pop(s) + "scale(" + xb + "," + yb + ")");
        }
      }
32076
      return function (a, b) {
        var s = [],
32079
        // string constants and placeholders
        q = []; // number interpolators
        a = parse(a), b = parse(b);
        translate(a.translateX, a.translateY, b.translateX, b.translateY, s, q);
        rotate(a.rotate, b.rotate, s, q);
        skewX(a.skewX, b.skewX, s, q);
        scale(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s, q);
        a = b = null; // gc
        return function (t) {
          var i = -1,
              n = q.length,
              o;
          while (++i < n) {
            s[(o = q[i]).i] = o.x(t);
          }return s.join("");
        };
      };
    }
32098
    var interpolateTransformCss = interpolateTransform(__WEBPACK_IMPORTED_MODULE_1__parse__["a" /* parseCss */], "px, ", "px)", "deg)");
    var interpolateTransformSvg = interpolateTransform(__WEBPACK_IMPORTED_MODULE_1__parse__["b" /* parseSvg */], ", ", ")", ")");
32101
    /***/
  },
  /* 94 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32106
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = parseCss;
    /* harmony export (immutable) */__webpack_exports__["b"] = parseSvg;
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0__decompose__ = __webpack_require__(95);
32112
    var cssNode, cssRoot, cssView, svgNode;
32114
    function parseCss(value) {
      if (value === "none") return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
      if (!cssNode) cssNode = document.createElement("DIV"), cssRoot = document.documentElement, cssView = document.defaultView;
      cssNode.style.transform = value;
      value = cssView.getComputedStyle(cssRoot.appendChild(cssNode), null).getPropertyValue("transform");
      cssRoot.removeChild(cssNode);
      value = value.slice(7, -1).split(",");
      return Object(__WEBPACK_IMPORTED_MODULE_0__decompose__["a" /* default */])(+value[0], +value[1], +value[2], +value[3], +value[4], +value[5]);
    }
32124
    function parseSvg(value) {
      if (value == null) return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
      if (!svgNode) svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
      svgNode.setAttribute("transform", value);
      if (!(value = svgNode.transform.baseVal.consolidate())) return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
      value = value.matrix;
      return Object(__WEBPACK_IMPORTED_MODULE_0__decompose__["a" /* default */])(value.a, value.b, value.c, value.d, value.e, value.f);
    }
32133
    /***/
  },
  /* 95 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32138
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "b", function () {
      return identity;
    });
    var degrees = 180 / Math.PI;
32145
    var identity = {
      translateX: 0,
      translateY: 0,
      rotate: 0,
      skewX: 0,
      scaleX: 1,
      scaleY: 1
    };
32154
    /* harmony default export */__webpack_exports__["a"] = function (a, b, c, d, e, f) {
      var scaleX, scaleY, skewX;
      if (scaleX = Math.sqrt(a * a + b * b)) a /= scaleX, b /= scaleX;
      if (skewX = a * c + b * d) c -= a * skewX, d -= b * skewX;
      if (scaleY = Math.sqrt(c * c + d * d)) c /= scaleY, d /= scaleY, skewX /= scaleY;
      if (a * d < b * c) a = -a, b = -b, skewX = -skewX, scaleX = -scaleX;
      return {
        translateX: e,
        translateY: f,
        rotate: Math.atan2(b, a) * degrees,
        skewX: Math.atan(skewX) * degrees,
        scaleX: scaleX,
        scaleY: scaleY
      };
    };
32170
    /***/
  },
  /* 96 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32175
    "use strict";
32177
    var rho = Math.SQRT2,
        rho2 = 2,
        rho4 = 4,
        epsilon2 = 1e-12;
32182
    function cosh(x) {
      return ((x = Math.exp(x)) + 1 / x) / 2;
    }
32186
    function sinh(x) {
      return ((x = Math.exp(x)) - 1 / x) / 2;
    }
32190
    function tanh(x) {
      return ((x = Math.exp(2 * x)) - 1) / (x + 1);
    }
32194
    // p0 = [ux0, uy0, w0]
    // p1 = [ux1, uy1, w1]
    /* harmony default export */__webpack_exports__["a"] = function (p0, p1) {
      var ux0 = p0[0],
          uy0 = p0[1],
          w0 = p0[2],
          ux1 = p1[0],
          uy1 = p1[1],
          w1 = p1[2],
          dx = ux1 - ux0,
          dy = uy1 - uy0,
          d2 = dx * dx + dy * dy,
          i,
          S;
32209
      // Special case for u0 ≅ u1.
      if (d2 < epsilon2) {
        S = Math.log(w1 / w0) / rho;
        i = function i(t) {
          return [ux0 + t * dx, uy0 + t * dy, w0 * Math.exp(rho * t * S)];
        };
      }
32217
      // General case.
      else {
          var d1 = Math.sqrt(d2),
              b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1),
              b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1),
              r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0),
              r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
          S = (r1 - r0) / rho;
          i = function i(t) {
            var s = t * S,
                coshr0 = cosh(r0),
                u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
            return [ux0 + u * dx, uy0 + u * dy, w0 * coshr0 / cosh(rho * s + r0)];
          };
        }
32233
      i.duration = S * 1000;
32235
      return i;
    };
32238
    /***/
  },
  /* 97 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32243
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "b", function () {
      return hslLong;
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(8);
32251
    function hsl(hue) {
      return function (start, end) {
        var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["d" /* hsl */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["d" /* hsl */])(end)).h),
            s = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.s, end.s),
            l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
            opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
        return function (t) {
          start.h = h(t);
          start.s = s(t);
          start.l = l(t);
          start.opacity = opacity(t);
          return start + "";
        };
      };
    }
32267
    /* harmony default export */__webpack_exports__["a"] = hsl(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]);
    var hslLong = hsl(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
32270
    /***/
  },
  /* 98 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32275
    "use strict";
    /* harmony export (immutable) */
    __webpack_exports__["a"] = lab;
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(8);
32281
    function lab(start, end) {
      var l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["e" /* lab */])(start)).l, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["e" /* lab */])(end)).l),
          a = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.a, end.a),
          b = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.b, end.b),
          opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
      return function (t) {
        start.l = l(t);
        start.a = a(t);
        start.b = b(t);
        start.opacity = opacity(t);
        return start + "";
      };
    }
32295
    /***/
  },
  /* 99 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32300
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "b", function () {
      return hclLong;
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(8);
32308
    function hcl(hue) {
      return function (start, end) {
        var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["c" /* hcl */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["c" /* hcl */])(end)).h),
            c = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.c, end.c),
            l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
            opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
        return function (t) {
          start.h = h(t);
          start.c = c(t);
          start.l = l(t);
          start.opacity = opacity(t);
          return start + "";
        };
      };
    }
32324
    /* harmony default export */__webpack_exports__["a"] = hcl(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]);
    var hclLong = hcl(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
32327
    /***/
  },
  /* 100 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32332
    "use strict";
    /* harmony export (binding) */
    __webpack_require__.d(__webpack_exports__, "a", function () {
      return cubehelixLong;
    });
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(5);
    /* harmony import */var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(8);
32340
    function cubehelix(hue) {
      return function cubehelixGamma(y) {
        y = +y;
32344
        function cubehelix(start, end) {
          var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["b" /* cubehelix */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["b" /* cubehelix */])(end)).h),
              s = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.s, end.s),
              l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
              opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
          return function (t) {
            start.h = h(t);
            start.s = s(t);
            start.l = l(Math.pow(t, y));
            start.opacity = opacity(t);
            return start + "";
          };
        }
32358
        cubehelix.gamma = cubehelixGamma;
32360
        return cubehelix;
      }(1);
    }
32364
    /* harmony default export */__webpack_exports__["b"] = cubehelix(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]);
    var cubehelixLong = cubehelix(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
32367
    /***/
  },
  /* 101 */
  /***/function (module, __webpack_exports__, __webpack_require__) {
32372
    "use strict";
    /* harmony default export */
    __webpack_exports__["a"] = function (interpolator, n) {
      var samples = new Array(n);
      for (var i = 0; i < n; ++i) {
        samples[i] = interpolator(i / (n - 1));
      }return samples;
    };
32381
    /***/
  },
  /* 102 */
  /***/function (module, exports, __webpack_require__) {
32386
    var Shape = __webpack_require__(4);
    Shape.Rect = __webpack_require__(39);
    Shape.Circle = __webpack_require__(40);
    Shape.Ellipse = __webpack_require__(41);
    Shape.Path = __webpack_require__(42);
    Shape.Text = __webpack_require__(43);
    Shape.Line = __webpack_require__(44);
    Shape.Image = __webpack_require__(45);
    Shape.Polygon = __webpack_require__(46);
    Shape.Marker = __webpack_require__(47);
    Shape.Dom = __webpack_require__(48);
    Shape.Fa = __webpack_require__(49);
32399
    module.exports = Shape;
32401
    /***/
  },
  /* 103 */
  /***/function (module, exports, __webpack_require__) {
32406
    /**
     * Created by Elaine on 2018/5/9.
     */
    var Util = __webpack_require__(0);
    var Element = __webpack_require__(11);
    var Gradient = __webpack_require__(104);
    var Shadow = __webpack_require__(105);
    var Arrow = __webpack_require__(106);
    var Clip = __webpack_require__(107);
32416
    var Defs = function Defs(cfg) {
      Defs.superclass.constructor.call(this, cfg);
      this.set('children', []);
    };
32421
    Util.extend(Defs, Element);
32423
    Util.augment(Defs, {
      isGroup: false,
      canFill: false,
      canStroke: false,
      capture: false,
      visible: false,
      init: function init() {
        var el = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
        var id = Util.uniqueId('defs_');
        el.setAttribute('id', id);
        this.set('el', el);
        this.set('children', []);
      },
      find: function find(type, attr) {
        var children = this.get('children');
        var result = null;
        for (var i = 0; i < children.length; i++) {
          if (children[i].match(type, attr)) {
            result = children[i].__cfg.id;
            break;
          }
        }
        return result;
      },
      findById: function findById(id) {
        var children = this.get('children');
        var flag = null;
        for (var i = 0; i < children.length; i++) {
          if (children[i].__cfg.id === id) {
            flag = children[i];
            break;
          }
        }
        return flag;
      },
      add: function add(items) {
        var el = this.get('el');
        var self = this;
        var children = this.get('children');
        if (Util.isArray(items)) {
          Util.each(items, function (item) {
            var parent = item.get('parent');
            if (parent) {
              parent.removeChild(item, false);
              self._setContext(item);
            }
            el.appendChild(item.get('el'));
          });
          children.push.apply(children, items);
          return self;
        }
        if (self.findById(items.get('id'))) {
          return self;
        }
        var parent = items.get('parent');
        if (parent) {
          parent.removeChild(items, false);
        }
        self._add(items);
        el.appendChild(items.get('el'));
        return self;
      },
      _add: function _add(item) {
        this.get('el').appendChild(item.__cfg.el);
        this.get('children').push(item);
        item.__cfg.parent = this;
        item.__cfg.defs = this;
        item.__cfg.canvas = this.__cfg.canvas;
      },
      addGradient: function addGradient(cfg) {
        var gradient = new Gradient(cfg);
        this._add(gradient);
        return gradient.__cfg.id;
      },
      addShadow: function addShadow(cfg) {
        var shadow = new Shadow(cfg);
        this._add(shadow);
        return shadow.__cfg.id;
      },
      addArrow: function addArrow(name, cfg, stroke) {
        var arrow = new Arrow(name, cfg, stroke);
        this._add(arrow);
        return arrow.__cfg.id;
      },
      addClip: function addClip(cfg) {
        var clip = new Clip(cfg);
        this._add(clip);
        return clip.__cfg.id;
      }
    });
32514
    module.exports = Defs;
32516
    /***/
  },
  /* 104 */
  /***/function (module, exports, __webpack_require__) {
32521
    /**
     * Created by Elaine on 2018/5/9.
     */
    var Util = __webpack_require__(0);
32526
    var regexLG = /^l\s*\(\s*([\d.]+)\s*\)\s*(.*)/i;
    var regexRG = /^r\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)\s*(.*)/i;
    var regexColorStop = /[\d.]+:(#[^\s]+|[^\)]+\))/ig;
32530
    function addStop(steps) {
      var arr = steps.match(regexColorStop);
      if (!arr) {
        return '';
      }
      var stops = '';
      arr.sort(function (a, b) {
        a = a.split(':');
        b = b.split(':');
        return Number(a[0]) - Number(b[0]);
      });
      Util.each(arr, function (item) {
        item = item.split(':');
        stops += '<stop offset="' + item[0] + '" stop-color="' + item[1] + '"></stop>';
      });
      return stops;
    }
32548
    function parseLineGradient(color, el) {
      var arr = regexLG.exec(color);
      var angle = Util.mod(Util.toRadian(parseFloat(arr[1])), Math.PI * 2);
      var steps = arr[2];
      var start = void 0;
      var end = void 0;
32555
      if (angle >= 0 && angle < 0.5 * Math.PI) {
        start = {
          x: 0,
          y: 0
        };
        end = {
          x: 1,
          y: 1
        };
      } else if (0.5 * Math.PI <= angle && angle < Math.PI) {
        start = {
          x: 1,
          y: 0
        };
        end = {
          x: 0,
          y: 1
        };
      } else if (Math.PI <= angle && angle < 1.5 * Math.PI) {
        start = {
          x: 1,
          y: 1
        };
        end = {
          x: 0,
          y: 0
        };
      } else {
        start = {
          x: 0,
          y: 1
        };
        end = {
          x: 1,
          y: 0
        };
      }
32593
      var tanTheta = Math.tan(angle);
      var tanTheta2 = tanTheta * tanTheta;
32596
      var x = (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.x;
      var y = tanTheta * (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.y;
      el.setAttribute('x1', start.x);
      el.setAttribute('y1', start.y);
      el.setAttribute('x2', x);
      el.setAttribute('y2', y);
      el.innerHTML = addStop(steps);
    }
32605
    function parseRadialGradient(color, self) {
      var arr = regexRG.exec(color);
      var cx = parseFloat(arr[1]);
      var cy = parseFloat(arr[2]);
      var r = parseFloat(arr[3]);
      var steps = arr[4];
      self.setAttribute('cx', cx);
      self.setAttribute('cy', cy);
      self.setAttribute('r', r);
      self.innerHTML = addStop(steps);
    }
32617
    var Gradient = function Gradient(cfg) {
      var el = null;
      var id = Util.uniqueId('gradient_');
      if (cfg.toLowerCase().startsWith('l')) {
        el = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
        parseLineGradient(cfg, el);
      } else {
        el = document.createElementNS('http://www.w3.org/2000/svg', 'radialGradient');
        parseRadialGradient(cfg, el);
      }
      el.setAttribute('id', id);
      this.__cfg = { el: el, id: id };
      this.__attrs = { config: cfg };
      return this;
    };
32633
    Util.augment(Gradient, {
      type: 'gradient',
      match: function match(type, attr) {
        return this.type === type && this.__attrs.config === attr;
      }
    });
32640
    module.exports = Gradient;
32642
    /***/
  },
  /* 105 */
  /***/function (module, exports, __webpack_require__) {
32647
    /**
     * Created by Elaine on 2018/5/10.
     */
    var Util = __webpack_require__(0);
32652
    var ATTR_MAP = {
      shadowColor: 'color',
      shadowOpacity: 'opacity',
      shadowBlur: 'blur',
      shadowOffsetX: 'dx',
      shadowOffsetY: 'dy'
    };
32660
    function parseShadow(config, el) {
      var child = '<feDropShadow \n      dx="' + config.dx + '" \n      dy="' + config.dy + '" \n      stdDeviation="' + (config.blur ? config.blur / 10 : 0) + '"\n      flood-color="' + (config.color ? config.color : '#000') + '"\n      flood-opacity="' + (config.opacity ? config.opacity : 1) + '"\n      />';
      el.innerHTML = child;
    }
32665
    var Shadow = function Shadow(cfg) {
      var el = document.createElementNS('http://www.w3.org/2000/svg', 'filter');
      var id = Util.uniqueId('filter_');
      el.setAttribute('id', id);
      parseShadow(cfg, el);
      this.__cfg = { el: el, id: id };
      this.__attrs = { config: cfg };
      return this;
    };
    Util.augment(Shadow, {
      type: 'filter',
      match: function match(type, cfg) {
        if (this.type !== type) {
          return false;
        }
        var flag = false;
        var config = this.__attrs.config;
        Util.each(Object.keys(config), function (attr) {
          if (!flag) {
            flag = config[attr] === cfg[attr];
          }
        });
        return flag;
      },
      update: function update(name, value) {
        var config = this.__attrs.config;
        config[ATTR_MAP[name]] = value;
        parseShadow(config, this.__cfg.el);
        return this;
      }
    });
32697
    module.exports = Shadow;
32699
    /***/
  },
  /* 106 */
  /***/function (module, exports, __webpack_require__) {
32704
    var _typeof = typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol" ? function (obj) {
      return typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    } : function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === 'undefined' ? 'undefined' : _typeof3(obj);
    };
32710
    /**
     * Created by Elaine on 2018/5/11.
     */
    var Util = __webpack_require__(0);
32715
    var DEFAULT_PATH = {
      'marker-start': 'M6,0 L0,3 L6,6 L3,3Z',
      'marker-end': 'M0,0 L6,3 L0,6 L3,3Z'
    };
32720
    function setDefaultPath(parent, name, stroke) {
      var el = document.createElementNS('http://www.w3.org/2000/svg', 'path');
      el.setAttribute('d', DEFAULT_PATH[name]);
      el.setAttribute('stroke', 'none');
      el.setAttribute('fill', stroke || '#000');
      parent.appendChild(el);
      parent.setAttribute('refX', 3);
      parent.setAttribute('refY', 3);
      parent.setAttribute('markerWidth', 16);
      parent.setAttribute('markerHeight', 16);
      parent.setAttribute('orient', 'auto');
      return el;
    }
32734
    function setMarker(shape, parent, name, stroke) {
      if (!shape) {
        return setDefaultPath(parent, name);
      }
      if (shape.type !== 'marker') {
        throw new TypeError('the shape of an arrow should be an instance of Marker');
      }
      shape.attr({ stroke: 'none', fill: stroke });
      parent.append(shape.get('el'));
      var width = shape.__attrs.x;
      var height = shape.__attrs.y;
      parent.setAttribute('refX', width);
      parent.setAttribute('refY', height);
      parent.setAttribute('markerWidth', width * 2);
      parent.setAttribute('markerHeight', height * 2);
      parent.setAttribute('orient', 'auto');
      return shape;
    }
32753
    var Arrow = function Arrow(name, cfg, stroke) {
      var el = document.createElementNS('http://www.w3.org/2000/svg', 'marker');
      var id = Util.uniqueId('marker_');
      el.setAttribute('id', id);
      this.__cfg = { el: el, id: id, stroke: stroke || '#000' };
      this.__cfg[name] = true;
      var child = null;
      if (typeof cfg === 'boolean' && cfg) {
        child = setDefaultPath(el, name, stroke);
        this._setChild(child, true);
      } else if ((typeof cfg === 'undefined' ? 'undefined' : _typeof(cfg)) === 'object') {
        child = setMarker(cfg, el, name, stroke);
        this._setChild(child, false);
      }
      this.__attrs = { config: cfg };
      return this;
    };
32771
    Util.augment(Arrow, {
      type: 'arrow',
      match: function match(type, attr) {
        if (!this.__cfg[type]) {
          return false;
        }
        if (_typeof(attr.value) === 'object') {
          return false;
        }
        if (attr.stroke !== '#000') {
          return false;
        }
        if (typeof attr.value === 'boolean' && !this.__cfg.default) {
          return false;
        }
        return true;
      },
      _setChild: function _setChild(child, isDefault) {
        this.__cfg.child = child;
        this.__cfg.default = isDefault;
      },
      update: function update(fill) {
        var child = this.__cfg.child;
        this.__cfg.default = false;
        if (child.attr) {
          child.attr('fill', fill);
        } else {
          child.setAttribute('fill', fill);
        }
      }
    });
32803
    module.exports = Arrow;
32805
    /***/
  },
  /* 107 */
  /***/function (module, exports, __webpack_require__) {
32810
    /**
     * Created by Elaine on 2018/5/14.
     */
    var Util = __webpack_require__(0);
32815
    var Clip = function Clip(cfg) {
      var el = document.createElementNS('http://www.w3.org/2000/svg', 'clipPath');
      var id = Util.uniqueId('clip_');
      if (cfg.get('el')) {
        el.appendChild(cfg.get('el'));
      } else if (Util.isString(cfg.nodeName)) {
        el.appendChild(cfg);
      } else {
        throw 'clip element should be a instance of Shape or a SVG node';
      }
      el.setAttribute('id', id);
      this.__cfg = { el: el, id: id };
      this.__attrs = { config: cfg };
      return this;
    };
32831
    Util.augment(Clip, {
      type: 'clip',
      match: function match() {
        return false;
      }
    });
32838
    module.exports = Clip;
32840
    /***/
  },
  /* 108 */
  /***/function (module, exports, __webpack_require__) {
32845
    module.exports = {
      Canvas: __webpack_require__(109),
      Group: __webpack_require__(51),
      Shape: __webpack_require__(1),
      Rect: __webpack_require__(23),
      Circle: __webpack_require__(53),
      Ellipse: __webpack_require__(54),
      Path: __webpack_require__(55),
      Text: __webpack_require__(56),
      Line: __webpack_require__(57),
      Image: __webpack_require__(58),
      Polygon: __webpack_require__(59),
      Polyline: __webpack_require__(60),
      Arc: __webpack_require__(61),
      Fan: __webpack_require__(62),
      Cubic: __webpack_require__(63),
      Quadratic: __webpack_require__(64),
      Marker: __webpack_require__(25),
      PathSegment: __webpack_require__(24),
      Event: __webpack_require__(50)
    };
32867
    /***/
  },
  /* 109 */
  /***/function (module, exports, __webpack_require__) {
32872
    var Util = __webpack_require__(0);
    var Event = __webpack_require__(50);
    var Group = __webpack_require__(51);
32876
    var Canvas = function Canvas(cfg) {
      Canvas.superclass.constructor.call(this, cfg);
    };
32880
    Canvas.CFG = {
      eventEnable: true,
      /**
       * 像素宽度
       * @type {Number}
       */
      width: null,
      /**
       * 像素高度
       * @type {Number}
       */
      height: null,
      /**
       * 画布宽度
       * @type {Number}
       */
      widthCanvas: null,
      /**
       * 画布高度
       * @type {Number}
       */
      heightCanvas: null,
      /**
       * CSS宽
       * @type {String}
       */
      widthStyle: null,
      /**
       * CSS高
       * @type {String}
       */
      heightStyle: null,
      /**
       * 容器DOM
       * @type {Object}
       */
      containerDOM: null,
      /**
       * 当前Canvas的DOM
       * @type {Object}
       */
      canvasDOM: null,
      /**
       * 屏幕像素比
       * @type {Number}
       */
      pixelRatio: null
    };
32929
    Util.extend(Canvas, Group);
32931
    Util.augment(Canvas, {
      init: function init() {
        Canvas.superclass.init.call(this);
        this._setGlobalParam();
        this._setDOM();
        this._setInitSize();
        this._setCanvas();
        this._scale();
        if (this.get('eventEnable')) {
          this._registEvents();
        }
      },
      getEmitter: function getEmitter(element, event) {
        if (element) {
          if (Util.isEmpty(element._getEvents())) {
            var parent = element.get('parent');
            if (parent && !event.propagationStopped) {
              return this.getEmitter(parent, event);
            }
          } else {
            return element;
          }
        }
      },
      _getEventObj: function _getEventObj(type, e, point, target) {
        var event = new Event(type, e, true, true);
        event.x = point.x;
        event.y = point.y;
        event.clientX = e.clientX;
        event.clientY = e.clientY;
        event.currentTarget = target;
        event.target = target;
        return event;
      },
      _triggerEvent: function _triggerEvent(type, e) {
        var point = this.getPointByClient(e.clientX, e.clientY);
        var shape = this.getShape(point.x, point.y);
        var emitObj = void 0;
        if (type === 'mousemove') {
          var preShape = this.get('preShape');
          if (preShape && preShape !== shape) {
            var mouseleave = this._getEventObj('mouseleave', e, point, preShape);
            emitObj = this.getEmitter(preShape, e);
            emitObj && emitObj.emit('mouseleave', mouseleave);
          }
32977
          if (shape) {
            var mousemove = this._getEventObj('mousemove', e, point, shape);
            emitObj = this.getEmitter(shape, e);
            emitObj && emitObj.emit('mousemove', mousemove);
32982
            if (preShape !== shape) {
              var mouseenter = this._getEventObj('mouseenter', e, point, shape);
              emitObj && emitObj.emit('mouseenter', mouseenter, e);
            }
          } else {
            var canvasmousemove = this._getEventObj('mousemove', e, point, this);
            this.emit('mousemove', canvasmousemove);
          }
32991
          this.set('preShape', shape);
        } else {
          var event = this._getEventObj(type, e, point, shape || this);
          emitObj = this.getEmitter(shape, e);
          if (emitObj && emitObj !== this) {
            emitObj.emit(type, event);
          }
          this.emit(type, event);
        }
33001
        var el = this.get('el');
        if (shape && !shape.get('destroyed')) {
          el.style.cursor = shape.attr('cursor') || 'default';
        }
      },
      _registEvents: function _registEvents() {
        var self = this;
        var el = self.get('el');
        var events = ['mouseout', 'mouseover', 'mousemove', 'mousedown', 'mouseup', 'click', 'dblclick'];
33011
        Util.each(events, function (event) {
          el.addEventListener(event, function (e) {
            self._triggerEvent(event, e);
          }, false);
        });
        el.addEventListener('touchstart', function (e) {
          if (!Util.isEmpty(e.touches)) {
            self._triggerEvent('touchstart', e.touches[0]);
          }
        }, false);
33022
        el.addEventListener('touchmove', function (e) {
          if (!Util.isEmpty(e.touches)) {
            self._triggerEvent('touchmove', e.touches[0]);
          }
        }, false);
33028
        el.addEventListener('touchend', function (e) {
          if (!Util.isEmpty(e.changedTouches)) {
            self._triggerEvent('touchend', e.changedTouches[0]);
          }
        }, false);
      },
      _scale: function _scale() {
        var pixelRatio = this.get('pixelRatio');
        this.scale(pixelRatio, pixelRatio);
      },
      _setCanvas: function _setCanvas() {
        var canvasDOM = this.get('canvasDOM');
        this.set('el', canvasDOM);
        this.set('context', canvasDOM.getContext('2d'));
        this.set('canvas', this);
      },
      _setGlobalParam: function _setGlobalParam() {
        var pixelRatio = this.get('pixelRatio');
        if (!pixelRatio) {
          this.set('pixelRatio', Util.getRatio());
        }
        return;
      },
      _setDOM: function _setDOM() {
        this._setContainer();
        this._setLayer();
      },
      _setContainer: function _setContainer() {
        var containerId = this.get('containerId');
        var containerDOM = this.get('containerDOM');
        if (!containerDOM) {
          containerDOM = document.getElementById(containerId);
          this.set('containerDOM', containerDOM);
        }
        Util.modifyCSS(containerDOM, {
          position: 'relative'
        });
      },
      _setLayer: function _setLayer() {
        var containerDOM = this.get('containerDOM');
        var canvasId = Util.uniqueId('canvas_');
        if (containerDOM) {
          var canvasDOM = Util.createDom('<canvas id="' + canvasId + '"></canvas>');
          containerDOM.appendChild(canvasDOM);
          this.set('canvasDOM', canvasDOM);
        }
      },
      _setInitSize: function _setInitSize() {
        this.changeSize(this.get('width'), this.get('height'));
      },
      _resize: function _resize() {
        var canvasDOM = this.get('canvasDOM');
        var widthCanvas = this.get('widthCanvas');
        var heightCanvas = this.get('heightCanvas');
        var widthStyle = this.get('widthStyle');
        var heightStyle = this.get('heightStyle');
33085
        canvasDOM.style.width = widthStyle;
        canvasDOM.style.height = heightStyle;
        canvasDOM.setAttribute('width', widthCanvas);
        canvasDOM.setAttribute('height', heightCanvas);
      },
      getWidth: function getWidth() {
        var pixelRatio = this.get('pixelRatio');
        var width = this.get('width');
        return width * pixelRatio;
      },
      getHeight: function getHeight() {
        var pixelRatio = this.get('pixelRatio');
        var height = this.get('height');
        return height * pixelRatio;
      },
      changeSize: function changeSize(width, height) {
        var pixelRatio = this.get('pixelRatio');
        var widthCanvas = width * pixelRatio;
        var heightCanvas = height * pixelRatio;
33105
        this.set('widthCanvas', widthCanvas);
        this.set('heightCanvas', heightCanvas);
        this.set('widthStyle', width + 'px');
        this.set('heightStyle', height + 'px');
        this.set('width', width);
        this.set('height', height);
        this._resize();
      },
33114
      /**
       * 将窗口坐标转变成 canvas 坐标
       * @param  {Number} clientX 窗口x坐标
       * @param  {Number} clientY 窗口y坐标
       * @return {Object} canvas坐标
       */
      getPointByClient: function getPointByClient(clientX, clientY) {
        var el = this.get('el');
        var bbox = el.getBoundingClientRect();
        var width = bbox.right - bbox.left;
        var height = bbox.bottom - bbox.top;
        return {
          x: (clientX - bbox.left) * (el.width / width),
          y: (clientY - bbox.top) * (el.height / height)
        };
      },
      getClientByPoint: function getClientByPoint(x, y) {
        var el = this.get('el');
        var bbox = el.getBoundingClientRect();
        var width = bbox.right - bbox.left;
        var height = bbox.bottom - bbox.top;
        return {
          clientX: x / (el.width / width) + bbox.left,
          clientY: y / (el.height / height) + bbox.top
        };
      },
      beforeDraw: function beforeDraw() {
        var context = this.get('context');
        var el = this.get('el');
        context && context.clearRect(0, 0, el.width, el.height);
      },
      _beginDraw: function _beginDraw() {
        this.setSilent('toDraw', true);
      },
      _endDraw: function _endDraw() {
        this.setSilent('toDraw', false);
      },
      draw: function draw() {
        var self = this;
        function drawInner() {
          self.setSilent('animateHandler', Util.requestAnimationFrame(function () {
            self.setSilent('animateHandler', undefined);
            if (self.get('toDraw')) {
              drawInner();
            }
          }));
          self.beforeDraw();
          try {
            var context = self.get('context');
            Canvas.superclass.draw.call(self, context);
            // self._drawCanvas();
          } catch (ev) {
            // 绘制时异常，中断重绘
            console.warn('error in draw canvas, detail as:');
            console.warn(ev);
            self._endDraw();
          }
          self._endDraw();
        }
33174
        if (self.get('destroyed')) {
          return;
        }
        if (self.get('animateHandler')) {
          this._beginDraw();
        } else {
          drawInner();
        }
      },
      destroy: function destroy() {
        var containerDOM = this.get('containerDOM');
        var canvasDOM = this.get('canvasDOM');
        if (canvasDOM && containerDOM) {
          containerDOM.removeChild(canvasDOM);
        }
        Canvas.superclass.destroy.call(this);
      }
    });
33193
    module.exports = Canvas;
33195
    /***/
  },
  /* 110 */
  /***/function (module, exports, __webpack_require__) {
33200
    var Util = __webpack_require__(0);
33202
    var ALIAS_ATTRS = ['strokeStyle', 'fillStyle', 'globalAlpha'];
    var CLIP_SHAPES = ['circle', 'ellipse', 'fan', 'polygon', 'rect', 'path'];
    var CAPITALIZED_ATTRS_MAP = {
      r: 'R',
      opacity: 'Opacity',
      lineWidth: 'LineWidth',
      clip: 'Clip',
      stroke: 'Stroke',
      fill: 'Fill',
      strokeOpacity: 'Stroke',
      fillOpacity: 'Fill',
      x: 'X',
      y: 'Y',
      rx: 'Rx',
      ry: 'Ry',
      re: 'Re',
      rs: 'Rs',
      width: 'Width',
      height: 'Height',
      img: 'Img',
      x1: 'X1',
      x2: 'X2',
      y1: 'Y1',
      y2: 'Y2',
      points: 'Points',
      p1: 'P1',
      p2: 'P2',
      p3: 'P3',
      p4: 'P4',
      text: 'Text',
      radius: 'Radius',
      textAlign: 'TextAlign',
      textBaseline: 'TextBaseline',
      font: 'Font',
      fontSize: 'FontSize',
      fontStyle: 'FontStyle',
      fontVariant: 'FontVariant',
      fontWeight: 'FontWeight',
      fontFamily: 'FontFamily',
      clockwise: 'Clockwise',
      startAngle: 'StartAngle',
      endAngle: 'EndAngle',
      path: 'Path'
    };
    var ALIAS_ATTRS_MAP = {
      stroke: 'strokeStyle',
      fill: 'fillStyle',
      opacity: 'globalAlpha'
    };
33252
    module.exports = {
      canFill: false,
      canStroke: false,
      initAttrs: function initAttrs(attrs) {
        this.__attrs = {
          opacity: 1,
          fillOpacity: 1,
          strokeOpacity: 1
        };
        this.attr(Util.assign(this.getDefaultAttrs(), attrs));
        return this;
      },
      getDefaultAttrs: function getDefaultAttrs() {
        return {};
      },
33268
      /**
       * 设置或者设置属性，有以下 4 种情形：
       *   - name 不存在, 则返回属性集合
       *   - name 为字符串，value 为空，获取属性值
       *   - name 为字符串，value 不为空，设置属性值，返回 this
       *   - name 为键值对，value 为空，设置属性值
       *
       * @param  {String | Object} name  属性名
       * @param  {*} value 属性值
       * @return {*} 属性值
       */
      attr: function attr(name, value) {
        var self = this;
        if (arguments.length === 0) {
          return self.__attrs;
        }
33285
        if (Util.isObject(name)) {
          for (var k in name) {
            if (ALIAS_ATTRS.indexOf(k) === -1) {
              var v = name[k];
              self._setAttr(k, v);
            }
          }
          if (self._afterSetAttrAll) {
            self._afterSetAttrAll(name);
          }
          // self.setSilent('box', null);
          self.clearBBox();
          return self;
        }
        if (arguments.length === 2) {
          if (self._setAttr(name, value) !== false) {
            var m = '_afterSetAttr' + CAPITALIZED_ATTRS_MAP[name];
            if (self[m]) {
              self[m](value);
            }
          }
          // self.setSilent('box', null);
          self.clearBBox();
          return self;
        }
        return self._getAttr(name);
      },
      clearBBox: function clearBBox() {
        this.setSilent('box', null);
      },
      _afterSetAttrAll: function _afterSetAttrAll() {},
33317
      // 属性获取触发函数
      _getAttr: function _getAttr(name) {
        return this.__attrs[name];
      },
33322
      // 属性设置触发函数
      _setAttr: function _setAttr(name, value) {
        var self = this;
        if (name === 'clip') {
          self._setAttrClip(value);
          self.__attrs.clip = value;
        } else if (name === 'transform') {
          self._setAttrTrans(value);
        } else {
          self.__attrs[name] = value;
          var alias = ALIAS_ATTRS_MAP[name];
          if (alias) {
            self.__attrs[alias] = value;
          }
        }
        return self;
      },
      hasFill: function hasFill() {
        return this.canFill && this.__attrs.fillStyle;
      },
      hasStroke: function hasStroke() {
        return this.canStroke && this.__attrs.strokeStyle;
      },
33346
      // 设置透明度
      _setAttrOpacity: function _setAttrOpacity(v) {
        this.__attrs.globalAlpha = v;
        return v;
      },
      _setAttrClip: function _setAttrClip(clip) {
        var self = this;
        if (clip && CLIP_SHAPES.indexOf(clip.type) > -1) {
          if (clip.get('canvas') === null) {
            clip = Util.clone(clip);
          }
          clip.set('parent', self.get('parent'));
          clip.set('canvas', self.get('canvas'));
          clip.set('context', self.get('context'));
          clip.inside = function (x, y) {
            var v = [x, y, 1];
            clip.invert(v, self.get('canvas')); // 已经在外面转换
            return clip._isPointInFill(v[0], v[1]);
          };
          return clip;
        }
        return null;
      },
      _setAttrTrans: function _setAttrTrans(value) {
        return this.transform(value);
      }
    };
33374
    /***/
  },
  /* 111 */
  /***/function (module, exports, __webpack_require__) {
33379
    var Util = __webpack_require__(0);
    var mat3 = __webpack_require__(2).mat3;
    var vec3 = __webpack_require__(2).vec3;
33383
    // 是否未改变
    function isUnchanged(m) {
      return m[0] === 1 && m[1] === 0 && m[3] === 0 && m[4] === 1 && m[6] === 0 && m[7] === 0;
    }
33388
    // 是否仅仅是scale
    function isScale(m) {
      return m[1] === 0 && m[3] === 0 && m[6] === 0 && m[7] === 0;
    }
33393
    function multiple(m1, m2) {
      if (!isUnchanged(m2)) {
        if (isScale(m2)) {
          m1[0] *= m2[0];
          m1[4] *= m2[4];
        } else {
          mat3.multiply(m1, m1, m2);
        }
      }
    }
33404
    module.exports = {
      initTransform: function initTransform() {
        this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
      },
      translate: function translate(tx, ty) {
        var matrix = this.attr('matrix');
        mat3.translate(matrix, matrix, [tx, ty]);
        this.clearTotalMatrix();
        this.attr('matrix', matrix);
        return this;
      },
      rotate: function rotate(radian) {
        var matrix = this.attr('matrix');
        mat3.rotate(matrix, matrix, radian);
        this.clearTotalMatrix();
        this.attr('matrix', matrix);
        return this;
      },
      scale: function scale(s1, s2) {
        var matrix = this.attr('matrix');
        mat3.scale(matrix, matrix, [s1, s2]);
        this.clearTotalMatrix();
        this.attr('matrix', matrix);
        return this;
      },
33430
      /**
       * 绕起始点旋转
       * @param  {Number} rotate 0～360
       */
      rotateAtStart: function rotateAtStart(rotate) {
        var x = this.attr('x');
        var y = this.attr('y');
        if (Math.abs(rotate) > Math.PI * 2) {
          rotate = rotate / 180 * Math.PI;
        }
        this.transform([['t', -x, -y], ['r', rotate], ['t', x, y]]);
      },
33443
      /**
       * 移动的到位置
       * @param  {Number} x 移动到x
       * @param  {Number} y 移动到y
       */
      move: function move(x, y) {
        var cx = this.get('x') || 0; // 当前的x
        var cy = this.get('y') || 0; // 当前的y
        this.translate(x - cx, y - cy);
        this.set('x', x);
        this.set('y', y);
      },
      transform: function transform(ts) {
        var self = this;
        var matrix = self.attr('matrix');
33459
        Util.each(ts, function (t) {
          switch (t[0]) {
            case 't':
              self.translate(t[1], t[2]);
              break;
            case 's':
              self.scale(t[1], t[2]);
              break;
            case 'r':
              self.rotate(t[1]);
              break;
            case 'm':
              self.attr('matrix', mat3.multiply([], matrix, t[1]));
              self.clearTotalMatrix();
              break;
            default:
              break;
          }
        });
        return self;
      },
      setTransform: function setTransform(ts) {
        this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
        return this.transform(ts);
      },
      getMatrix: function getMatrix() {
        return this.attr('matrix');
      },
      setMatrix: function setMatrix(m) {
        this.attr('matrix', m);
        this.clearTotalMatrix();
        return this;
      },
      apply: function apply(v, root) {
        var m = void 0;
        if (root) {
          m = this._getMatrixByRoot(root);
        } else {
          m = this.attr('matrix');
        }
        vec3.transformMat3(v, v, m);
        return this;
      },
33503
      // 获取到达指定根节点的矩阵
      _getMatrixByRoot: function _getMatrixByRoot(root) {
        var self = this;
        root = root || self;
        var parent = self;
        var parents = [];
33510
        while (parent !== root) {
          parents.unshift(parent);
          parent = parent.get('parent');
        }
        parents.unshift(parent);
33516
        var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
        Util.each(parents, function (child) {
          mat3.multiply(m, child.attr('matrix'), m);
        });
        return m;
      },
33523
      /**
       * 应用到当前元素上的总的矩阵
       * @return {Matrix} 矩阵
       */
      getTotalMatrix: function getTotalMatrix() {
        var m = this.__cfg.totalMatrix;
        if (!m) {
          m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
          var parent = this.__cfg.parent;
          if (parent) {
            var pm = parent.getTotalMatrix();
            multiple(m, pm);
          }
33537
          multiple(m, this.attr('matrix'));
          this.__cfg.totalMatrix = m;
        }
        return m;
      },
33543
      // 清除当前的矩阵
      clearTotalMatrix: function clearTotalMatrix() {
        // this.__cfg.totalMatrix = null;
      },
      invert: function invert(v) {
        var m = this.getTotalMatrix();
        // 单精屏幕下大多数矩阵没变化
        if (isScale(m)) {
          v[0] /= m[0];
          v[1] /= m[4];
        } else {
          var inm = mat3.invert([], m);
          if (inm) {
            vec3.transformMat3(v, v, inm);
          }
        }
        return this;
      },
      resetTransform: function resetTransform(context) {
        var mo = this.attr('matrix');
        // 不改变时
        if (!isUnchanged(mo)) {
          context.transform(mo[0], mo[1], mo[3], mo[4], mo[6], mo[7]);
        }
      }
    };
33570
    /***/
  },
  /* 112 */
  /***/function (module, exports, __webpack_require__) {
33575
    var Shape = __webpack_require__(1);
    Shape.Rect = __webpack_require__(23);
    Shape.Rect = __webpack_require__(23);
    Shape.Circle = __webpack_require__(53);
    Shape.Ellipse = __webpack_require__(54);
    Shape.Path = __webpack_require__(55);
    Shape.Text = __webpack_require__(56);
    Shape.Line = __webpack_require__(57);
    Shape.Image = __webpack_require__(58);
    Shape.Polygon = __webpack_require__(59);
    Shape.Polyline = __webpack_require__(60);
    Shape.Arc = __webpack_require__(61);
    Shape.Fan = __webpack_require__(62);
    Shape.Cubic = __webpack_require__(63);
    Shape.Quadratic = __webpack_require__(64);
    Shape.Marker = __webpack_require__(25);
33592
    module.exports = Shape;
33594
    /***/
  },
  /* 113 */
  /***/function (module, exports) {
33599
    module.exports = {
      xAt: function xAt(psi, rx, ry, cx, t) {
        return rx * Math.cos(psi) * Math.cos(t) - ry * Math.sin(psi) * Math.sin(t) + cx;
      },
      yAt: function yAt(psi, rx, ry, cy, t) {
        return rx * Math.sin(psi) * Math.cos(t) + ry * Math.cos(psi) * Math.sin(t) + cy;
      },
      xExtrema: function xExtrema(psi, rx, ry) {
        return Math.atan(-ry / rx * Math.tan(psi));
      },
      yExtrema: function yExtrema(psi, rx, ry) {
        return Math.atan(ry / (rx * Math.tan(psi)));
      }
    };
33614
    /***/
  }]
  /******/)
);
33619});
33620/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(28)(module)))
33621
33622/***/ })
33623/******/ ]);
33624});
33625//# sourceMappingURL=interaction.js.map
\No newline at end of file
1	`(function webpackUniversalModuleDefinition(root, factory) {`
2	`if(typeof exports === 'object' && typeof module === 'object')`
3	`module.exports = factory();`
4	`else if(typeof define === 'function' && define.amd)`
5	`define([], factory);`
6	`else if(typeof exports === 'object')`
7	`exports["interaction"] = factory();`
8	`else`
9	`root["interaction"] = factory();`
10	`})(typeof self !== 'undefined' ? self : this, function() {`
11	`return /******/ (function(modules) { // webpackBootstrap`
12	`/******/ // The module cache`
13	`/******/ var installedModules = {};`
14	`/******/`
15	`/******/ // The require function`
16	`/******/ function __webpack_require__(moduleId) {`
17	`/******/`
18	`/******/ // Check if module is in cache`
19	`/******/ if(installedModules[moduleId]) {`
20	`/******/ return installedModules[moduleId].exports;`
21	`/******/ }`
22	`/******/ // Create a new module (and put it into the cache)`
23	`/******/ var module = installedModules[moduleId] = {`
24	`/******/ i: moduleId,`
25	`/******/ l: false,`
26	`/******/ exports: {}`
27	`/******/ };`
28	`/******/`
29	`/******/ // Execute the module function`
30	`/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);`
31	`/******/`
32	`/******/ // Flag the module as loaded`
33	`/******/ module.l = true;`
34	`/******/`
35	`/******/ // Return the exports of the module`
36	`/******/ return module.exports;`
37	`/******/ }`
38	`/******/`
39	`/******/`
40	`/******/ // expose the modules object (__webpack_modules__)`